.tabs{gap:var(--spacing-space-1);border-radius:var(--rounded-radius-full);background:color-mix(in srgb, var(--color-foreground) 6%, transparent);scrollbar-width:none;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{align-items:center;gap:var(--spacing-space-2);height:36px;padding:0 var(--spacing-space-4);border-radius:var(--rounded-radius-full);cursor:pointer;white-space:nowrap;font:var(--text-label-lg);color:var(--color-muted-foreground);background:0 0;border:0;display:inline-flex;position:relative}.tab:hover{color:var(--color-foreground)}.tab[aria-selected=true]{color:var(--color-foreground);background:var(--color-card);box-shadow:var(--elevation-1)}.tab{transition:background-color var(--motion-dur-fast) var(--motion-ease-out), box-shadow var(--motion-dur-fast) var(--motion-ease-out)}.tab:focus-visible{outline:2px solid var(--color-ring);outline-offset:-2px}.tab-count{border-radius:var(--rounded-radius-full);background:var(--color-muted);min-width:20px;height:20px;font:var(--text-label-xs);color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;display:inline-grid}.tab[aria-selected=true] .tab-count{background:var(--color-selection-tint);color:var(--color-primary)}.tab-count.is-error{background:var(--color-error-tint);color:var(--color-error)}.tab-panel{padding-top:var(--spacing-space-6)}.tab-panel:focus-visible{outline:none}
