@layer components{.picker.svelte-a8n0kc{gap:var(--space-2);flex-wrap:wrap;display:flex}button.svelte-a8n0kc{align-items:center;gap:var(--space-2);border:var(--hairline) solid var(--border-strong);border-radius:var(--radius-pill);min-height:2.5rem;color:var(--ink-muted);font-size:var(--text-base);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;padding:.45rem .85rem;display:inline-flex}button.svelte-a8n0kc:hover{color:var(--ink);background:var(--surface-hover)}button[aria-pressed=true].svelte-a8n0kc{background:var(--action-bg);color:var(--action-ink);border-color:var(--action-bg)}.compact.svelte-a8n0kc{border:var(--hairline) solid var(--border-strong);border-radius:var(--radius-pill);flex-wrap:nowrap;gap:0;padding:2px}.compact.svelte-a8n0kc button:where(.svelte-a8n0kc){min-width:0;min-height:1.85rem;font-size:var(--text-xs);white-space:nowrap;border:0;flex:auto;justify-content:center;padding:.2rem .4rem}.compact.svelte-a8n0kc i:where(.svelte-a8n0kc){display:none}i.svelte-a8n0kc{border-radius:var(--radius-pill);width:.4rem;height:.4rem}}
