.tabs{--tabs-track-bg:color-mix(in oklab, var(--text) 6%, var(--surface));--tabs-active-bg:var(--surface);--tabs-surface-bg:color-mix(in oklab, var(--surface) 96%, transparent);--tabs-border:1px solid color-mix(in oklab, var(--text) 15%, transparent);--tabs-panel-shadow:0 8px 18px #0000000a;--tabs-pill-shadow:0 1px 2px #0000000f, 0 1px 1px #0000000a;--tabs-pill-border:1px solid color-mix(in oklab, var(--text) 50%, transparent);margin-bottom:16px}.tabs__bar{background:var(--tabs-track-bg);border:var(--tabs-border);border-radius:12px;gap:2px;padding:3px;display:inline-flex;position:relative}.tabs__indicator{background:var(--tabs-active-bg);border:var(--tabs-pill-border);box-shadow:var(--tabs-pill-shadow);border-radius:9px;transition:transform .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;bottom:3px;left:0}@media (prefers-reduced-motion:reduce){.tabs__indicator{transition:none}}.tabs__panel{background:var(--tabs-surface-bg);color:var(--muted);border:var(--tabs-border);box-shadow:var(--tabs-panel-shadow);border-radius:16px;margin-top:12px;padding:12px 14px}.tabs__btn{z-index:1;-webkit-appearance:none;appearance:none;color:var(--muted);cursor:pointer;font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans);background:0 0;border:none;border-radius:9px;padding:7px 14px;position:relative}.tabs__btn--active{color:var(--text)}.tabs__btn:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 30%, transparent);outline:none}