[v-cloak] {
	display: none;
}

.cleva-composite-product {
	margin-bottom: 2rem;
}

.cleva-composite-product h3 {
	font-size: 120%;
}

.cleva-composite-product .terms {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1rem;
}

.cleva-composite-product .terms .term {
	height: 4rem;
	background-color: #f5f5f5;
	border: 2px solid #e7e7e7;
	border-radius: 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-weight: 900;
	font-size: 18px;
	color: black;
}

.cleva-composite-product .terms .term.is_selected {
	border-color: #f68628;
}

.cleva-composite-product .terms .term.is_disabled {
	cursor: not-allowed;
	color: #a3a3a3;
	background-color: #fbfbfb;
	border-color: #f6f6f6;
}

.cleva-composite-product .terms .term .sold_out_tag {
	display: none;
	position: absolute;
	top: -8px;
	width: min-content;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	background-color: #f68628;
	color: white;
	padding: 1px 7px;
	border-radius: 12px;
}

.cleva-composite-product .terms .term.is_sold_out .sold_out_tag {
	/* display: block; */
}