.swatch.svelte-w63z7f{display:flex;align-items:center;gap:var(--space-performance-xs)}.color.svelte-w63z7f{width:24px;height:24px;border-radius:var(--radius-performance-scale-sm);flex-shrink:0}.label.svelte-w63z7f{font-size:var(--text-performance-body-sm);color:var(--color-performance-fg-secondary);font-family:var(--font-performance-mono)}.sm.svelte-w63z7f .color:where(.svelte-w63z7f){width:16px;height:16px}.sm.svelte-w63z7f .label:where(.svelte-w63z7f){font-size:var(--text-performance-caption)}.lg.svelte-w63z7f .color:where(.svelte-w63z7f){width:32px;height:32px}.grid.svelte-1tye4tf{display:flex;flex-direction:column;gap:var(--space-performance-sm)}.title.svelte-1tye4tf{font-size:var(--text-performance-body-sm);font-weight:600;color:var(--color-performance-fg-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.tokens.svelte-1tye4tf{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:var(--space-performance-sm)}.compact.svelte-1tye4tf .tokens:where(.svelte-1tye4tf){gap:var(--space-performance-xs)}.token-columns.svelte-1i4n8zn{display:flex;gap:var(--space-performance-md);justify-content:center}