.card__color-swatches{display:flex;flex-wrap:wrap;gap:.6rem;margin:.8rem 0 0;padding:0}.card__color-swatch-item{display:flex}.card-product-color-swatches{display:block}.card__color-swatch-button{display:inline-flex;position:relative;z-index:2;padding:0;border:.15rem solid transparent;border-radius:50%;background:transparent;line-height:0;cursor:pointer;transition:transform var(--duration-short) ease,border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.card__color-swatch-button:hover:not(:disabled){transform:scale(1.08)}.card__color-swatch-button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.card__color-swatch-button--active{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-background))}.card__color-swatch-button:disabled{cursor:default;opacity:.5}.card__media--variant-selected .media--hover-effect>img+img{opacity:0!important}.card__color-swatches .swatch{--swatch--size: 2.2rem;border:.1rem solid rgba(0,0,0,.18);box-shadow:inset 0 0 0 .1rem #ffffff73}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-card-product-swatches.css.map */