card-color-swatches{display:block}.card-color-swatches{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2px;margin:.6rem 0 0}.card-color-swatches__button{--swatch-input--size: 24px;position:relative;z-index:2;display:grid;place-items:center;width:32px;height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer}.card-color-swatches__button .swatch{outline:1px solid transparent;outline-offset:3px}.card-color-swatches__button[aria-pressed=true] .swatch,.card-color-swatches__button:hover .swatch{outline-color:rgb(var(--color-foreground))}.card-color-swatches__button:focus-visible{outline:none}.card-color-swatches__button:focus-visible .swatch{outline:2px solid rgb(var(--color-foreground))}.card-color-swatches__button.is-sold-out .swatch{opacity:.45}.card-color-swatches__button.is-sold-out:after{content:"";position:absolute;width:28px;height:1px;background:rgb(var(--color-foreground));transform:rotate(-45deg)}@media screen and (min-width:990px){.card-wrapper:has(card-color-swatches:hover) .media.media--hover-effect>img:first-child:not(:only-child){opacity:1}.card-wrapper:has(card-color-swatches:hover) .media.media--hover-effect>img+img{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/6/compiled_assets/styles.css.map */