:root{--tabs-dur:.25s;--tabs-ease:cubic-bezier(.22, 1, .36, 1);--tabs-text-muted:#0f0f0fcc;--tabs-text-active:#0f0f0f;--tabs-bar-bg:#f1f1f1;--tabs-pill-bg:#fff}.t-tabs{background:var(--tabs-bar-bg);border-radius:48px;align-items:center;gap:3px;padding:3px;display:inline-flex;position:relative}.t-tab{appearance:none;height:30px;color:var(--tabs-text-muted);cursor:pointer;z-index:1;transition:color var(--tabs-dur) var(--tabs-ease);background:0 0;border:0;border-radius:48px;padding:4px 12px;position:relative}.t-tab:not([aria-selected=true]):hover,.t-tab[aria-selected=true]{color:var(--tabs-text-active)}.t-tabs-pill{background:var(--tabs-pill-bg);width:0;height:30px;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:3px;left:0;transform:translate(0)}@media (prefers-reduced-motion:reduce){.t-tabs-pill,.t-tab{transition:none!important}}.t-tabs.pickfret-tabs{box-sizing:border-box;border-radius:10px;align-items:stretch;gap:0;width:100%;padding:2px;display:flex}.pickfret-tabs .t-tab{min-width:0;height:auto;min-height:48px;font-family:var(--font-sans,system-ui);overflow-wrap:anywhere;border-radius:8px;flex:1;padding:8px;font-size:.875rem;font-weight:600;line-height:1.125rem}.pickfret-tabs .t-tabs-pill{border-radius:8px;height:auto;top:2px;bottom:2px}.pickfret-tabs .t-tab:focus-visible{outline:2px solid var(--tabs-focus);outline-offset:-2px}.pickfret-tabs .t-tab[aria-selected=true]:focus-visible{outline-color:var(--tabs-text-active)}.pickfret-tabs .t-tab:not([aria-selected=true]):hover{color:var(--tabs-text-muted);background:var(--tabs-hover)}