.card__swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.8rem}.card__swatch-wrap{display:inline-flex;padding:.2rem;margin:0;border:.1rem solid transparent;border-radius:50%;background:none;cursor:pointer;line-height:0}.card__swatch-wrap.is-active{border-color:rgba(var(--color-foreground),.55)}.card__swatches .swatch{width:1.6rem;height:1.6rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.15);box-shadow:none;background:var(--swatch--background);background-size:cover;background-position:center;transition:transform .12s ease}.card__swatch-wrap:hover .swatch,.card__swatch-wrap:focus-visible .swatch{transform:scale(1.12)}.card__swatches .swatch--unavailable{display:none}.card__swatch-label{display:block;margin-top:.5rem;font-size:1.1rem;letter-spacing:.06rem;text-transform:uppercase;opacity:.72;min-height:1.4rem}.card__swatches__more{font-size:1.1rem;line-height:1;color:rgba(var(--color-foreground),.6)}.card__colour-fill{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.card__colour-fill__note{position:absolute;inset-inline:0;bottom:1.2rem;text-align:center;font-size:1.1rem;letter-spacing:.06rem;text-transform:uppercase;color:#ffffffd9;mix-blend-mode:difference}@media screen and (max-width:749px){.card__swatches .swatch{width:1.4rem;height:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/card-swatches.css.map */