.color-customizer__preview{position:relative;width:100%;background-color:#fff;overflow:hidden}.color-customizer__layer{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:var(--color-customizer-mask);mask-image:var(--color-customizer-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color .2s ease}.color-customizer__note{margin-top:10px;font-size:.9em;opacity:.75}.color-customizer__group{border:0;margin:0 0 20px;padding:0;min-width:0}.color-customizer__legend{display:block;margin-bottom:8px;padding:0;font-weight:700}.color-customizer__selected{font-weight:400}.color-customizer__swatches{display:flex;flex-wrap:wrap;gap:7px}.color-customizer__input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.color-customizer__swatch{display:block;width:26px;height:26px;margin:0;border-radius:50%;border:1px solid rgba(0,0,0,.2);box-shadow:0 0 0 2px #fff;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.color-customizer__swatch:hover{transform:scale(1.08)}.color-customizer__input:checked+.color-customizer__swatch{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.color-customizer__input:focus-visible+.color-customizer__swatch{outline:2px solid #000000;outline-offset:4px}.color-customizer__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.color-customizer__layer,.color-customizer__swatch{transition:none}}.color-customizer__view-switch{display:flex;gap:8px;margin-bottom:12px}.color-customizer__view-button{display:inline-block;margin:0;padding:6px 14px;border:1px solid currentColor;border-radius:20px;font-size:.9em;cursor:pointer;opacity:.7}.color-customizer__input:checked+.color-customizer__view-button{opacity:1;font-weight:700;box-shadow:inset 0 0 0 1px currentColor}.color-customizer__input:focus-visible+.color-customizer__view-button{outline:2px solid #000000;outline-offset:2px}.color-customizer__mockup{position:relative;width:100%;overflow:hidden}.color-customizer__mockup-image{display:block;width:100%;height:auto}.color-customizer__mockup-frame{position:absolute;box-shadow:inset 0 0 6px #0000001f}.color-customizer__mockup-frame .color-customizer__preview{background-color:transparent}.color-customizer__views--has-mockup .color-customizer__preview--design{display:none}.color-customizer__views--has-mockup:has([value=design]:checked) .color-customizer__preview--design{display:block}.color-customizer__views--has-mockup:has([value=design]:checked) .color-customizer__mockup{display:none}.color-customizer__mockup-frame .color-customizer__layer{mix-blend-mode:multiply}
/*# sourceMappingURL=/cdn/shop/t/8/assets/color-customizer.css.map */