.swatch-input__input+.swatch-input__label{--swatch-input--size: 3.2rem;--swatch-input--border-radius: 50%;display:inline-block;border-radius:var(--swatch-input--border-radius);cursor:pointer;outline-offset:.2rem;forced-color-adjust:none}@media screen and (min-width:750px){.swatch-input__input+.swatch-input__label{--swatch-input--size: 4.4rem}}.swatch-input__input+.swatch-input__label.swatch-input__label--square{--swatch-input--border-radius: 0;outline-offset:0}.swatch-input__input+.swatch-input__label.swatch-input__label--square .swatch{border:none}.swatch-input__input+.swatch-input__label:hover{outline:.2rem solid rgba(var(--color-foreground),.4)}.swatch-input__input:active+.swatch-input__label,.swatch-input__input:checked+.swatch-input__label,.swatch-input__label.is-selected{outline:.2rem solid rgb(var(--color-foreground))}.swatch-input__input.disabled:not(:active):not(:checked)+.swatch-input__label:hover{outline:none}.swatch-input__input:focus-visible+.swatch-input__label{box-shadow:0 0 0 .5rem rgb(var(--color-background)),0 0 0 .7rem rgba(var(--color-foreground),.55)}.swatch-input__input:disabled+.swatch-input__label>.swatch,.swatch-input__input.disabled+.swatch-input__label>.swatch{position:relative;overflow:hidden}.swatch-input__input:disabled+.swatch-input__label>.swatch:before,.swatch-input__input.disabled+.swatch-input__label>.swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fafafa80}.swatch-input__input:disabled+.swatch-input__label>.swatch:after,.swatch-input__input.disabled+.swatch-input__label>.swatch:after{--diagonal--size: calc(var(--swatch-input--size) * 1.414);--crossed-line--size: .1rem;--crossed-line--color: rgb(0, 0, 0);content:"";position:absolute;bottom:calc(var(--crossed-line--size) * -.5);left:0;width:var(--diagonal--size);height:var(--crossed-line--size);background-color:var(--crossed-line--color);transform:rotate(-45deg);transform-origin:left}.swatch-input__input+.swatch-input__label.swatch-input__label--square,.swatch-input__input+.swatch-input__label.large-swatch{--swatch-input--size: 5.6rem;border:1px solid#DCDAD7}.swatch-input__label{background-color:#fafafc}.swatch-input__input:checked+.swatch-input__label .swatch{background-color:#fafafc;mix-blend-mode:multiply}.swatch-input__label .swatch{padding:0;mix-blend-mode:multiply}.product-sunglasses .swatch-input__input:active+.swatch-input__label,.product-sunglasses .swatch-input__input:checked+.swatch-input__label{outline-color:#000}.limited-edition-swatch{border-color:#f4c37f!important}.eyewear-options{display:flex;gap:1.2rem;flex-wrap:nowrap;position:relative}@media screen and (min-width: 750px){.eyewear-options{flex-wrap:wrap;gap:1.6rem}}@media screen and (max-width: 749px){.product-sunglasses .product-form__input,guide-selects .product-form__input{width:calc(100vw - 1.4rem);max-width:unset}.product-sunglasses .swatch-input__input+.swatch-input__label.large-swatch{--swatch-input--size: 13.75vw}.product-sunglasses fieldset legend.form__label{max-width:calc(100vw - 2.8rem)}.eyewear-options{width:calc(100vw - 1rem);overflow-x:auto;padding:.4rem .4rem 1rem;margin:-.4rem -.4rem -1rem;scrollbar-width:none}.eyewear-options::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/513/assets/component-swatch-input.css.map */