/* ------------------------------------------------------------ *\
	New Styles
\* ------------------------------------------------------------ */

.section-configurator-alt {
	.canvas-holder {
		.controls {
			position: relative;
			z-index: 3;
			pointer-events: auto;
		}

		canvas {
			opacity: 0;
			position: relative;
			z-index: 1;
		}

	}
	
	.canvas-holder.is-visible {
		.controls {
			transition: opacity 0.3s 0.6s;
			opacity: 1;
		}
		canvas {
			transition: opacity 0.3s 0.6s;
			opacity: 1;
		}
	} 
}

.choice-holder:not(.is-visible) {
	display: none;
}

.btn-move {
	background-color: transparent;
	border: none;
}
.choices ul {
	padding: 0;
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px 12px; }
  .choices--color ul {
	grid-template-columns: repeat(5, 1fr); }
  .choices--color ul a {
	  aspect-ratio: 1/1;
	  display: block; }
  .choices--color ul a img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover; }

.choices ul a {
	border: 1px solid transparent;
}

.is-active {
	border: 5px solid #000;
}