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