.customizer{position:relative;padding:70px 5vw 90px;overflow:hidden}.customizer__ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,var(--custom-a, var(--color-ember)),transparent 60%);opacity:.16;transition:background .6s ease;pointer-events:none}.customizer__intro{position:relative;z-index:1;text-align:center;max-width:46ch;margin:0 auto 50px}.customizer__heading{font-family:var(--font-heading, "Fraunces", serif);font-weight:400;font-size:clamp(1.7rem,3.6vw,2.4rem);color:var(--color-text);margin:0 0 12px}.customizer__subheading{color:var(--color-text-muted);font-size:14px;margin:0}.customizer__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:40px;align-items:center;max-width:1100px;margin:0 auto}.customizer__lamp-wrap{display:flex;justify-content:center}.customizer__lamp{width:min(280px,70vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--custom-a, var(--color-ember)),var(--custom-b, var(--color-dusk)) 55%,var(--color-bg) 82%);box-shadow:0 0 90px var(--custom-a, var(--color-ember)),inset 0 0 60px #00000059;transition:background .6s ease,box-shadow .6s ease}@media(prefers-reduced-motion:no-preference){.customizer__lamp{animation:customizerLampFloat 5s ease-in-out infinite}}@keyframes customizerLampFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-14px,0)}}.customizer__label{font-size:13px;color:var(--color-text-muted);text-align:center;margin-top:18px;letter-spacing:.04em}.customizer__label b{color:var(--color-text);transition:color .3s ease}.customizer__copy h3{font-family:var(--font-heading, "Fraunces", serif);font-weight:400;font-size:1.4rem;color:var(--color-text);margin:0 0 10px}.customizer__copy p{color:var(--color-text-muted);line-height:1.7;max-width:38ch;margin:0}.swatches{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.swatch-btn{width:42px;height:42px;border-radius:50%;border:2px solid transparent;padding:0;position:relative;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .25s ease}.swatch-btn:hover{transform:scale(1.12)}.swatch-btn.is-active{border-color:var(--color-text);transform:scale(1.12)}.swatch-btn.is-active:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid var(--color-border)}@media(min-width:900px){.customizer__inner{grid-template-columns:1fr 1fr;gap:60px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-color-customizer.css.map */