.tbb{padding:var(--tbb-pad);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;align-items:center;gap:2px;display:flex;position:relative}.tbb-tile{top:var(--tbb-pad);bottom:var(--tbb-pad);border-radius:max(6px, calc(var(--tbb-r) - var(--tbb-pad)));background:color-mix(in srgb, var(--ink) 7%, var(--card));width:0;box-shadow:inset 0 0 0 1px var(--pane-edge);will-change:transform, width;position:absolute;left:0}.tbb-tab{border-radius:max(6px, calc(var(--tbb-r) - var(--tbb-pad)));min-width:44px;height:48px;color:var(--ink-2,var(--ink));font:inherit;cursor:pointer;background:0 0;border:0;outline:none;flex:1 1 0;justify-content:center;align-items:center;padding:0 10px;transition:color .22s,flex-grow .48s cubic-bezier(.22,1,.36,1),padding .48s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.tbb-tab:hover{color:var(--ink)}.tbb-tab[data-on]{color:var(--ink);flex-grow:1.8;padding:0 14px}.tbb-tab:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ink) 35%, var(--card))}.tbb-ic{flex:none;place-items:center;display:grid;position:relative}.tbb-tab[data-on] .tbb-ic{color:var(--fill-on)}.tbb-badge{background:var(--fill-slab);min-width:14px;color:var(--ink-2);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:0 4px;font-size:9px;font-weight:600;line-height:14px;position:absolute;top:-5px;right:-10px}.tbb-name{grid-template-columns:0fr;transition:grid-template-columns .48s cubic-bezier(.22,1,.36,1);display:grid}.tbb-name>span{white-space:nowrap;opacity:0;letter-spacing:-.01em;padding-left:0;font-size:11px;font-weight:500;line-height:1;transition:opacity .16s,translate .42s cubic-bezier(.22,1,.36,1),padding .48s cubic-bezier(.22,1,.36,1);overflow:hidden;translate:-8px}.tbb-tab[data-on] .tbb-name{grid-template-columns:1fr}.tbb-tab[data-on] .tbb-name>span{opacity:1;padding-left:7px;transition:opacity .36s .14s,translate .48s cubic-bezier(.22,1,.36,1) .14s,padding .48s cubic-bezier(.22,1,.36,1);translate:0}@media (prefers-reduced-motion:reduce){.tbb-tab,.tbb-name,.tbb-name>span{transition:none}}
.csb{--csb-row:40px;--csb-s:1;flex:none;width:14rem}.csb[data-anim]{transition:width calc(.22s * var(--csb-s)) cubic-bezier(.2, 0, 0, 1) 0s}.csb:not([data-open]){width:4rem}.csb-label{white-space:nowrap;opacity:0;min-width:0;display:inline-block;overflow:hidden}.csb[data-anim] .csb-label{transition:opacity calc(.1s * var(--csb-s)) ease}.csb[data-open] .csb-label{opacity:1}.csb[data-open][data-anim] .csb-label{transition:opacity calc(.14s * var(--csb-s)) ease calc(90ms * var(--csb-s))}.csb:not([data-open]) .csb-item{justify-content:center;gap:0;padding-left:0;padding-right:0}.csb:not([data-open]) .csb-label{width:0;height:0}.csb[data-anim]:not([data-open]) .csb-item{transition:gap 0s calc(.1s * var(--csb-s))}.csb[data-anim]:not([data-open]) .csb-label{transition:opacity calc(.1s * var(--csb-s)) ease, width 0s calc(.1s * var(--csb-s)), height 0s calc(.1s * var(--csb-s))}.csb:not([data-open]) .csb-g{padding-top:0}.csb-grouplabel{transition:opacity calc(.1s * var(--csb-s)) ease, height 0s calc(.1s * var(--csb-s)), padding 0s calc(.1s * var(--csb-s)), margin 0s calc(.1s * var(--csb-s));overflow:hidden}.csb:not([data-open]) .csb-grouplabel{opacity:0;height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.csb:not([data-open]) .csb-only-open{display:none}.csb:not([data-open]) .csb-badge{background:var(--fill-on,var(--ink));border-radius:50%;width:8px;min-width:0;height:8px;padding:0;font-size:0;line-height:0;position:absolute;top:5px;right:5px}@media (prefers-reduced-motion:reduce){.csb,.csb-label,.csb-grouplabel{transition:none!important}}