.card__swatches{--card-swatch-size: 1.3rem;display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem;margin-bottom:0;padding-top:.4rem;padding-bottom:.2rem}.card__swatches-item{display:flex}.card-swatch{position:relative;z-index:1;display:block;width:var(--card-swatch-size);height:var(--card-swatch-size);border-radius:50%;background:var(--card-swatch-background, transparent);background-position:center;background-size:cover;box-shadow:inset 0 0 0 .1rem #4e4e4e26,inset 0 .1rem .2rem #f5f1eb40}.card-swatch:before,.card-swatch-more:before{content:"";position:absolute;top:50%;left:50%;width:max(2.4rem,100%);height:max(2.4rem,100%);transform:translate(-50%,-50%)}.card-swatch:after{content:"";position:absolute;top:-.4rem;right:-.4rem;bottom:-.4rem;left:-.4rem;border-radius:50%;box-shadow:0 0 0 .2rem #4e4e4e66;opacity:0;transition:opacity var(--duration-short) ease}.card-swatch:hover:after,.card-swatch:focus-visible:after{opacity:1}.card-swatch--unavailable{opacity:.45}.card-swatch--empty{border:.1rem dashed rgba(78,78,78,.35);background:transparent;box-shadow:none}.card-swatch-more{position:relative;z-index:1;padding:.2rem .3rem;color:rgba(var(--color-foreground),.75);font-size:1.2rem;line-height:1;text-decoration:none}.card-swatch-more:hover{text-decoration:underline;text-underline-offset:.3rem}@media screen and (min-width:750px){.card__swatches{--card-swatch-size: 1.6rem;gap:.8rem}}@media(prefers-reduced-motion:reduce){.card-swatch:after{transition:none}}.card__rating-pill{position:absolute;right:.8rem;bottom:.8rem;z-index:2;display:flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;border-radius:100rem;background-color:#f5f1ebd9;-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem);color:#4e4e4e;font-size:1.2rem;font-weight:500;letter-spacing:.05rem;line-height:1;pointer-events:none}.card__rating-pill .icon-star-rating{width:1.4rem;height:1.4rem;fill:#f59e0b}@media screen and (min-width:750px){.card__rating-pill{right:1rem;bottom:1rem;padding:.6rem 1.2rem;font-size:1.3rem}.card__rating-pill .icon-star-rating{width:1.6rem;height:1.6rem}}@media(forced-colors:active){.card-swatch{forced-color-adjust:none;box-shadow:inset 0 0 0 .1rem ButtonText}.card-swatch--empty,.card-swatch--unavailable{border:.1rem dashed ButtonText;forced-color-adjust:auto}.card__rating-pill{border:.1rem solid CanvasText;background-color:Canvas}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-card-swatches.css.map */