.card-swatches{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin:.8rem 0 0;position:relative;z-index:2}.card-swatches__item{display:block;line-height:0;border-radius:50%;padding:.2rem;border:.1rem solid rgba(var(--color-foreground),.15);transition:border-color var(--duration-short) ease}.card-swatches__item:hover,.card-swatches__item--active{border-color:rgba(var(--color-foreground),.7)}.card-swatches__item .swatch{--swatch-input--size: 1.8rem;width:1.8rem;height:1.8rem;display:block;border-radius:50%;background:var(--swatch--background, rgba(var(--color-foreground), .08));background-size:cover;background-position:var(--swatch-focal-point, center)}.card-swatches__item--unavailable{opacity:.45}.card-swatches__item--unavailable .swatch{position:relative}.card-swatches__item--unavailable .swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent calc(50% - .05rem),rgba(var(--color-foreground),.6) calc(50% - .05rem),rgba(var(--color-foreground),.6) calc(50% + .05rem),transparent calc(50% + .05rem));border-radius:50%}.card-swatches--text .card-swatches__item{border-radius:1.2rem;padding:.3rem .8rem;line-height:1}.card-swatches__name{font-size:1.2rem;letter-spacing:.02rem;color:rgb(var(--color-foreground));white-space:nowrap}.card-swatches--text .card-swatches__item--unavailable .card-swatches__name{text-decoration:line-through}.card-swatches__more{font-size:1.2rem;opacity:.7;letter-spacing:.04rem}@media screen and (max-width:749px){.card-swatches{gap:.5rem}.card-swatches__item .swatch{width:1.6rem;height:1.6rem}}@media(prefers-reduced-motion:reduce){.card-swatches__item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-card-swatches.css.map */