.card-swatches{--swatch-input--size: 2.4rem;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:.8rem;position:relative;z-index:2}.card-swatches__item{display:block;line-height:0;border-radius:50%;text-decoration:none}.card-swatches__item .swatch{transition:box-shadow var(--duration-short) ease}.card-swatches__item:hover .swatch,.card-swatches__item:focus-visible .swatch{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgba(var(--color-foreground),.6)}.card-swatches__item:focus:not(:focus-visible) .swatch{box-shadow:none}.card-swatches__item:focus{outline:0;box-shadow:none}.card-swatches__item--unavailable .swatch{border-style:dashed;border-color:rgba(var(--color-foreground),.5);opacity:.6}.card-swatches__item--active .swatch{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgb(var(--color-foreground))}.card-swatches__more{font-size:1.2rem;line-height:1;text-decoration:none;color:rgba(var(--color-foreground),.7)}.card-swatches__more:hover{color:rgb(var(--color-foreground))}@media screen and (min-width:990px){.card-wrapper.card-wrapper--swatch-hover:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:1}.card-wrapper.card-wrapper--swatch-hover:hover .media.media--hover-effect>img+img{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-card-swatches.css.map */