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