.card-swatches{position:relative;z-index:2;margin-top:1rem}.card-swatches__list{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;padding:0;list-style:none}.card-swatch{display:block;width:2.8rem;height:3.6rem;padding:.2rem;border:.1rem solid rgba(var(--color-foreground),.2);background:rgb(var(--color-background));transition:border-color .2s ease}.card-swatch:hover,.card-swatch:focus-visible,.card-swatch.is-active{border-color:rgb(var(--color-foreground))}.card-swatch:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.card-swatch__img,.card-swatch__fill{display:block;width:100%;height:100%}.card-swatch__img{object-fit:cover}.card-swatch__fill{background:var(--cs-bg, rgba(var(--color-foreground), .08));background-size:cover;background-position:center;box-shadow:inset 0 0 0 .1rem #0000000f}.card-swatch--soldout{opacity:.45}.card-swatch-more,.card-swatches__count{font-size:1.3rem;letter-spacing:.05rem;color:rgba(var(--color-foreground),.75);text-decoration:none}.card-swatch-more{padding:0 .2rem}.card-swatch-more:hover,.card-swatches__count:hover{text-decoration:underline;text-underline-offset:.3rem}@media screen and (max-width:749px){.card-swatches__list{gap:.4rem}.card-swatch{width:2.4rem;height:3.2rem}}.card-wrapper.card-swatches--active .media.media--hover-effect>img:first-child{opacity:1!important}.card-wrapper.card-swatches--active .media.media--hover-effect>img+img{opacity:0!important}
/*# sourceMappingURL=/cdn/shop/t/47/assets/card-swatches.css.map */