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