@layer components{.tb{flex-direction:column;gap:20px;min-width:0;display:flex}.tb-list{--seg-pad:4px;scrollbar-width:none;max-width:100%;padding:var(--seg-pad);border-radius:calc(var(--radius-sm) + var(--seg-pad));background:var(--color-neutral-wash);align-self:flex-start;gap:2px;display:flex;overflow-x:auto}.tb-list::-webkit-scrollbar{display:none}.tb-tab{border-radius:var(--radius-sm);min-height:40px;color:var(--color-neutral-soft);font:600 15px/1.2 var(--font-sans);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;padding:0 16px}.tb-tab:hover:not([aria-selected=true]){color:var(--color-neutral-ink);background:color-mix(in srgb, var(--color-neutral-line) 60%, transparent)}.tb-tab[aria-selected=true]{color:var(--color-neutral-ink);background:var(--color-neutral-raised);box-shadow:0 0 0 1px var(--color-neutral-line), var(--elev-1)}.tb-tab:focus-visible{box-shadow:var(--row-focus);outline:none}.tb-tab[aria-selected=true]:focus-visible{box-shadow:var(--row-focus), var(--elev-1)}.tb-panel{max-width:62ch;font:400 15px/1.6 var(--font-sans);color:var(--color-neutral-soft);margin:0}.tb-panel:focus-visible{box-shadow:var(--row-focus);border-radius:var(--radius-sm);outline:none}.tb-panel h3{font:600 16px/1.3 var(--font-sans);color:var(--color-neutral-ink);margin:0 0 6px}.tb-panel p{margin:0}@media (pointer:coarse){.tb-tab{min-height:44px}}}