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