.tabs{border-bottom:1px solid var(--color-border-light);background:var(--color-bg-primary);flex-shrink:0;gap:.75rem;padding:0 .75rem;display:flex}.tabs__tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.25rem 0;font-size:.75rem}.tabs__tab:hover{color:var(--color-text)}.tabs__tab--active{color:var(--color-accent-text);border-bottom-color:var(--color-accent);font-weight:600}.tabs__spacer{flex:1}.tabs--pill{background:0 0;border-bottom:none;flex-wrap:wrap;justify-content:center;gap:2px;padding:0}.tabs--pill .tabs__tab{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);border-radius:9999px;margin-bottom:0;padding:.2rem .5rem;font-size:.65rem;transition:color .15s,background .15s,border-color .15s}.tabs--pill .tabs__tab:hover{background:var(--color-bg-hover);border-color:var(--color-text-muted);color:var(--color-text-secondary)}.tabs--pill .tabs__tab--active{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent-text);font-weight:400}.tabs--pill .tabs__tab--active:hover{background:var(--color-accent-bg)}
