:root{--tabs-dur:.25s;--tabs-ease:cubic-bezier(.22, 1, .36, 1);--tabs-text-muted:var(--text-sub-600);--tabs-text-active:var(--text-white-0);--tabs-bar-bg:transparent;--tabs-pill-bg:var(--bg-surface-800)}.t-tabs{overscroll-behavior-x:contain;background:var(--tabs-bar-bg);scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:48px;align-items:center;gap:2px;max-width:100%;padding:0;display:inline-flex;position:relative;overflow-x:auto}.t-tabs::-webkit-scrollbar{display:none}.t-tab{appearance:none;height:44px;min-height:44px;color:var(--tabs-text-muted);cursor:pointer;z-index:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color var(--tabs-dur) var(--tabs-ease);background:0 0;border:0;border-radius:48px;flex-shrink:0;align-items:center;padding:0 14px;display:inline-flex;position:relative}.t-tab[aria-selected=true]{color:var(--tabs-text-active)}.t-tabs-pill{background:var(--tabs-pill-bg);width:0;height:44px;transition:transform var(--tabs-dur) var(--tabs-ease), width var(--tabs-dur) var(--tabs-ease);will-change:transform, width;z-index:0;pointer-events:none;border-radius:48px;position:absolute;top:0;left:0;transform:translate(0)}@media (min-width:640px){.t-tab{height:32px;min-height:32px;padding:0 12px}.t-tabs-pill{height:32px}}@media (prefers-reduced-motion:reduce){.t-tabs-pill,.t-tab{transition:none!important}}@media (hover:hover) and (pointer:fine){.t-tab:not([aria-selected=true]):hover{color:var(--text-strong-950)}}.t-tab:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff59}