.card-swatches{display:flex;flex-wrap:wrap;position:relative;z-index:2;margin:-.9rem 0 .4rem -.1rem}.card-swatch{display:block;padding:.6rem .1rem;border:0;background:none;line-height:0;-webkit-appearance:none;appearance:none}button.card-swatch{cursor:pointer}.card-swatch__color{display:block;width:1.2rem;height:1.2rem;background:var(--swatch-background);border:.1rem solid rgba(var(--color-foreground),.12)}.card-swatch__color--unknown{background:linear-gradient(to bottom right,transparent calc(50% - .05rem),rgba(var(--color-foreground),.4) calc(50% - .05rem),rgba(var(--color-foreground),.4) calc(50% + .05rem),transparent calc(50% + .05rem))}.card-swatch:focus-visible .card-swatch__color{outline:.1rem solid rgb(var(--color-foreground));outline-offset:.2rem}.card-swatch:focus-visible{outline:0;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-card-color-swatches.css.map */