/* Tabs · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Tabs. */
/* base.css */
.tabs{display:flex;gap:var(--s-5);border-bottom:1px solid hsl(var(--border))}
/* base.css */
.tabs .tab{position:relative;display:inline-flex;align-items:center;gap:var(--s-2);height:var(--tab-h);padding:0;border:0;background:none;cursor:pointer;font:var(--w-medium) var(--text-body)/1 var(--font-voice);color:hsl(var(--muted-foreground));text-decoration:none;white-space:nowrap;transition:color var(--motion-hover)}
/* base.css */
.tabs .tab:hover{color:hsl(var(--foreground))}
/* base.css */
.tabs .tab.on, .tabs .tab[aria-selected=true], .tabs .tab[aria-current=page]{color:hsl(var(--foreground));font-weight:var(--w-semibold)}
/* base.css */
.tabs .tab.on::after, .tabs .tab[aria-selected=true]::after, .tabs .tab[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:var(--r-pill);background:hsl(var(--primary))}
/* base.css */
.tabs .tab:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:var(--r-chip)}
/* base.css */
.tabs .tab em{font:normal var(--text-micro)/1 var(--font-ui);color:hsl(var(--muted-foreground))}
/* base.css */
.kit-m .tabs{gap:var(--s-4);overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--s-4) * -1);padding:0 var(--s-4)}
/* base.css */
.kit-m .tabs::-webkit-scrollbar{display:none}
/* base.css */
.kit-m .tabs .tab{height:var(--tab-h-m);flex:none}
/* base.css */
[role=tabpanel][hidden]{display:none}