.card-swatches{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;margin-top:.8rem;position:relative;z-index:2}.card-swatch{display:inline-flex;padding:0;margin:0;border:0;background:none;cursor:pointer;line-height:0;border-radius:50%}.card-swatch .swatch{display:block;width:2.2rem;height:2.2rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.2);background:var(--swatch--background, rgba(var(--color-foreground), .08)) no-repeat center center;background-size:cover}.card-swatch:hover .swatch{border-color:rgba(var(--color-foreground),.55)}.card-swatch--active .swatch{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.card-swatch--soldout .swatch{opacity:.45}
/*# sourceMappingURL=/cdn/shop/t/30/assets/card-swatches.css.map */