.card-swatches{display:block;position:relative;z-index:var(--z-raised)}.card-swatches__list{--swatch-input--size: var(--space-5);display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--space-2) - var(--space-1) * 2);margin:0;padding:0}.card-swatches__link,.underline-links-hover:hover .card-swatches__link{display:inline-flex;align-items:center;padding:var(--space-1);border-radius:var(--radius-pill);color:var(--color-ink);text-decoration:none}.card-swatches__link:has(.swatch){border-radius:50%}.card-swatches__link:hover .swatch{outline:var(--outline-width) solid var(--color-ink-muted);outline-offset:var(--outline-width)}.card-swatches__link.is-selected .swatch{outline:var(--outline-width) solid var(--color-ink);outline-offset:var(--outline-width)}.card-swatches__pill{display:inline-block;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:var(--tracking-mono);line-height:1;border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));border-radius:var(--radius-pill);background-color:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-out)}.card-swatches__link:hover .card-swatches__pill,.card-swatches__link.is-selected .card-swatches__pill{border-color:var(--color-ink)}.card-swatches__notice{margin:var(--space-1) 0 0;color:rgba(var(--color-foreground),.75)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card-swatches.css.map */