.swatch{position:relative;display:block;flex-shrink:0;width:var(--swatch-size, var(--space-24));max-width:100%;aspect-ratio:1;overflow:hidden;background:var(--swatch-fill, rgba(var(--color-foreground), var(--alpha-8)));background-origin:border-box;border:1px solid rgba(var(--color-foreground),var(--line-alpha));border-radius:50%;forced-color-adjust:none}.swatch--square,.swatch--portrait,.swatch--natural{border-radius:var(--radius-mark)}.swatch--portrait{aspect-ratio:3 / 4}.swatch--empty{border-style:dashed;border-color:rgba(var(--color-foreground),var(--alpha-50))}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-swatch.css.map */