.configurator{display:grid;gap:3rem}.configurator__heading{text-align:center;margin-bottom:3rem;font-size:2.4rem;font-weight:600;line-height:1;color:#815d45;width:66%;margin-left:auto;margin-right:auto}.configurator__scene{position:relative;aspect-ratio:1 / .7;border-radius:12px;overflow:hidden;background-color:#f0e9e0}.configurator__scene-layer{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .1s ease-in-out}.configurator__scene-layer.product-layer{object-fit:contain;height:auto;z-index:2}.configurator__controls{display:flex;flex-direction:column;gap:2.7rem}.configurator__product-options{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.product-control__name{font-size:1.2rem;font-weight:500;text-align:center;color:rgba(var(--color-foreground),64%);margin-top:10px;color:#382521;opacity:.64}.product-control__color-selector{display:flex;justify-content:space-between;align-items:center;margin-top:8px;border:1px solid #E6E5E1;padding:.3rem .5rem;background-color:#f3f2ee;text-align:center;border-radius:20px;border:1px solid rgba(0,0,0,1)}.product-control__color-selector button{background:none;border:none;cursor:pointer;padding:0rem;line-height:0;width:13px;height:15px;display:flex;align-items:center;justify-content:center}.product-control__color-selector button.arrow-left{transform:rotate(180deg)}.product-control__color-name{font-size:1.3rem;font-weight:500;min-width:60px;text-align:center;width:100%;padding:.3rem .5rem;border-radius:41px;box-shadow:0 4px 2.6px -1px #00000040 inset;padding:0 .5rem;min-height:3rem;display:flex;justify-content:space-between;align-items:center}.configurator__surface-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;background-color:#f4cf8b;border-radius:50px;padding:.5rem;border:1px solid rgba(56,37,33,1)}.configurator__surface-tabs button{border:none;background:none;cursor:pointer;padding:.8rem 1.5rem;border-radius:50px;font-size:1.4rem;font-weight:700;color:#382521;line-height:.93;font-family:var(--font-body-family)}.configurator__surface-tabs button.is-active{background-color:#fff;box-shadow:0 2px 10px #0000001a;border:1px solid rgba(56,37,33,1)}.configurator__options-container{min-height:150px}.configurator__swatch-grid{display:none;grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem}.configurator__swatch-grid.is-active{display:grid}.configurator__swatch{cursor:pointer;text-align:center}.configurator__swatch-image-wrapper{border:1px solid transparent;border-radius:8px;overflow:hidden;padding:2px;transition:border-color .2s ease}.configurator__swatch.is-active .configurator__swatch-image-wrapper{border-color:#3a3a3a}.configurator__swatch img{width:100%;height:auto;display:block;border-radius:6px}.configurator__swatch-label{margin-top:1rem;font-size:1rem;font-family:var(--font-body-family);font-weight:500;line-height:1}.configurator__actions{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.configurator__actions button{background:none;border:none;text-decoration:underline;cursor:pointer;font-size:1.4rem;font-weight:500;line-height:.93;color:#382521;opacity:.57;font-family:var(--font-body-family)}.configurator__scene-layer.product-layer{width:100%;top:0}#wallLayer,.configurator__scene-layer.surface-layer:nth-child(2){object-fit:cover}#countertopLayer,.configurator__scene-layer.surface-layer:nth-child(1){top:initial;bottom:28%;height:auto;z-index:1}#cabinetLayer,.configurator__scene-layer.surface-layer:nth-child(3){height:auto;bottom:0;top:initial}@media screen and (min-width: 990px){.configurator{grid-template-columns:1fr .8fr;gap:5rem}.configurator__product-options{grid-template-columns:repeat(3,1fr);gap:5rem;display:flex;justify-content:space-between}.configurator__heading{width:100%;font-weight:600;font-size:3.6rem;line-height:1;color:#382521;margin-bottom:3.7rem}.configurator__controls{max-width:44.7rem;margin-left:auto;margin-right:auto}.product-control{max-width:9.3rem}.product-control__color-selector button{width:15px;height:17px}.product-control__color-name{min-height:3.4rem}.product-control__name{line-height:16px}.configurator__surface-tabs{background-color:#382521}.configurator__surface-tabs button{color:#fff;font-size:1.6rem;min-height:4rem}.configurator__surface-tabs button.is-active{color:#382521}.configurator__swatch-label{font-size:1.2rem}.configurator__actions button{font-size:1.6rem;text-transform:uppercase}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-interactive-configurator.css.map */