.swatch[data-cv-has-image=true]{background-color:transparent!important;background-image:var(--swatch--background)!important;background-position:center top;background-repeat:no-repeat;background-size:cover}.facets .swatch,.mobile-facets .swatch,.facets-layout-list--swatch .swatch{border:.1rem solid rgb(var(--color-foreground-rgb) / .24);background-position:center;background-repeat:no-repeat;background-size:cover}.facets .swatch-input__input:checked+.swatch-input__label .swatch,.mobile-facets .swatch-input__input:checked+.swatch-input__label .swatch{box-shadow:0 0 0 .2rem var(--color-background),0 0 0 .35rem var(--color-foreground)}variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true]{display:block}variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] .swatch-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-block-start:.7rem}variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] .swatch-item{flex:0 0 auto;padding:0;border:0;border-radius:0;box-shadow:none}variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] .swatch-item:after{display:none}variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] .swatch-wrapper,variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] label{display:block}variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] label:before{display:none}variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] .swatch{--swatch--size: 7.2rem;inline-size:7.2rem;block-size:9.2rem;aspect-ratio:3 / 4;border:.1rem solid rgb(var(--color-foreground-rgb) / .24);border-radius:0;background-position:center top;background-size:cover;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] input[type=radio]:checked+label .swatch,variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] input[type=radio].checked+label .swatch,variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] label.checked .swatch{border-color:var(--color-foreground);box-shadow:0 0 0 .2rem var(--color-background),0 0 0 .35rem var(--color-foreground)}@media(hover:hover){variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] label:hover .swatch{border-color:var(--color-foreground);transform:translateY(-.15rem)}}variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] input[type=radio]:disabled+label .swatch,variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] input[type=radio].disabled+label .swatch{opacity:.42}@media screen and (max-width:749px){variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] .swatch-list{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:.2rem .3rem .8rem;scroll-snap-type:x proximity;scrollbar-width:thin}variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] .swatch-item{scroll-snap-align:start}variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] .swatch{--swatch--size: 6.2rem;inline-size:6.2rem;block-size:8rem}}@media(prefers-reduced-motion:reduce){variant-selects[data-context=main] .variant-option--swatches[data-cv-image-swatches=true] .swatch{transition:none}}.facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid){display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid) .facets__inputs-list-item,.facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid) .variant-option--swatches{flex:0 0 2.8rem;inline-size:2.8rem;min-inline-size:2.8rem;max-inline-size:2.8rem;margin:0;padding:0}.facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid) .variant-option__button-label--has-swatch,.facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid) .variant-option__swatch-wrapper{position:relative;display:grid;place-items:center;flex:0 0 2.8rem;inline-size:2.8rem;min-inline-size:2.8rem;block-size:2.8rem;min-block-size:2.8rem;border-radius:50%;overflow:visible}.facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid) .variant-option__swatch-wrapper input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:pointer}.facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid) .swatch{--swatch--size: 2.6rem;display:block;flex:0 0 2.6rem;inline-size:2.6rem!important;min-inline-size:2.6rem;max-inline-size:2.6rem;block-size:2.6rem!important;min-block-size:2.6rem;aspect-ratio:1 / 1;border:.1rem solid rgb(var(--color-foreground-rgb) / .3);border-radius:50%!important;background-position:center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box}.facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid) .variant-option__button-label--has-swatch:has(input:checked) .swatch{outline:.2rem solid var(--color-background);box-shadow:0 0 0 .35rem var(--color-foreground)}.facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid) .variant-option__button-label--has-swatch:has(input:focus-visible) .swatch{outline:.2rem solid var(--color-background);box-shadow:0 0 0 .35rem rgb(var(--color-foreground-rgb) / .65)}@media(hover:hover)and (min-width:990px){.facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid) [data-cv-filter-swatch-label]:after{content:attr(data-cv-filter-swatch-label);position:absolute;z-index:20;inset-block-end:calc(100% + .8rem);inset-inline-start:50%;transform:translate(-50%,.4rem);padding:.45rem .7rem;color:#fff;background:#191919;border-radius:.2rem;font-size:1.1rem;line-height:1.2;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid) [data-cv-filter-swatch-label]:hover:after,.facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid) [data-cv-filter-swatch-label]:has(input:focus-visible):after{opacity:1;visibility:visible;transform:translate(-50%)}}.facets-layout-list--swatch{--swatch-input--size: 3rem;display:flex!important;flex-flow:row wrap!important;align-items:center;gap:1rem!important}.facets-layout-list--swatch>.swatch-item,.mobile-facets__list.facets-layout-list--swatch>.swatch-item{position:relative;display:block;flex:0 0 3rem;inline-size:3rem;min-inline-size:3rem;max-inline-size:3rem;block-size:3rem;margin:0;padding:0;border:0;border-radius:50%;box-shadow:none;overflow:visible}.facets-layout-list--swatch>.swatch-item:after,.mobile-facets__list.facets-layout-list--swatch>.swatch-item:after{display:none}.facets-layout-list--swatch .facets__label,.facets-layout-list--swatch .mobile-facets__label,.facets-layout-list--swatch .swatch-input-wrapper,.facets-layout-list--swatch .swatch-input__label{position:relative;display:block;inline-size:3rem;min-inline-size:3rem;max-inline-size:3rem;block-size:3rem;min-block-size:3rem;margin:0;padding:0!important;border:0!important;border-radius:50%!important;outline:0!important;box-shadow:none!important}.facets-layout-list--swatch .swatch-input__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:pointer}.facets-layout-list--swatch .swatch{--swatch--size: 2.8rem;display:block!important;inline-size:2.8rem!important;width:2.8rem!important;min-inline-size:2.8rem;max-inline-size:2.8rem;block-size:2.8rem!important;height:2.8rem!important;min-block-size:2.8rem;aspect-ratio:1 / 1!important;margin:.1rem;border:.1rem solid rgb(var(--color-foreground-rgb) / .28);border-radius:50%!important;background-position:center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.facets-layout-list--swatch .swatch-input__input:checked+.swatch-input__label .swatch,.facets-layout-list--swatch .swatch-input__input:active+.swatch-input__label .swatch{border-color:var(--color-foreground);box-shadow:0 0 0 .2rem var(--color-background),0 0 0 .38rem var(--color-foreground)}.facets-layout-list--swatch .swatch-input__input:focus-visible+.swatch-input__label .swatch{box-shadow:0 0 0 .2rem var(--color-background),0 0 0 .38rem rgb(var(--color-foreground-rgb) / .7)}.facets-layout-list--swatch .swatch-input__input:disabled+.swatch-input__label .swatch,.facets-layout-list--swatch .swatch-input__input.visually-disabled+.swatch-input__label .swatch{opacity:.42}@media(hover:hover){.facets-layout-list--swatch .swatch-input__label:hover .swatch{border-color:var(--color-foreground);transform:translateY(-.15rem) scale(1.04)}}@media screen and (max-width:749px){.mobile-facets__list.facets-layout-list--swatch{gap:1.2rem!important;padding:1.2rem .2rem}}
/*# sourceMappingURL=/cdn/shop/t/145/assets/cv-visual-swatches.css.map */