@layer bb.tokens,bb.base;@layer bb.elements{.bb-tabs{border-bottom:1px solid var(--bb-border);gap:22px;display:inline-flex}.bb-tabs--wrap{flex-wrap:wrap;display:flex}@media (width<=760px){.bb-tabs--wrap{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.bb-tabs--wrap::-webkit-scrollbar{display:none}.bb-tabs--wrap>.bb-tab{flex-shrink:0}}.bb-tabs--even{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:12px;display:grid}.bb-tabs--even>.bb-tab{justify-content:safe center;min-width:0}.bb-tab{cursor:pointer;font-family:var(--bb-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bb-muted);transition:color var(--bb-dur-base) var(--bb-ease-out-expo), border-color var(--bb-dur-base) var(--bb-ease-out-expo);background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;align-items:center;gap:8px;margin-bottom:-1px;padding:6px 2px 9px;font-size:12px;text-decoration:none;display:inline-flex;position:relative}.bb-tab:before{content:"";width:5px;height:5px;transition:background var(--bb-dur-base) var(--bb-ease-out-expo);background:0 0;flex:none;transform:rotate(45deg)}.bb-tab.is-active:before{background:var(--bb-green-glow)}.bb-tab:after{content:"";background:var(--bb-green-glow);transform-origin:0;height:1px;transition:transform var(--bb-dur-base) var(--bb-ease-out-expo);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.bb-tab.is-active:after{transform:scaleX(1)}.bb-tab:hover{color:var(--bb-tan-light);border-bottom-color:rgba(var(--bb-tan-rgb), .4)}.bb-tab.is-active{color:var(--bb-white)}.bb-tab__count{letter-spacing:.04em;color:var(--bb-muted);font-size:10px}.bb-tab.is-active .bb-tab__count{color:inherit}.bb-tab__index{font-family:var(--bb-font-mono);color:var(--bb-green-glow);opacity:.85;font-size:.62rem;font-style:normal}.bb-tab__input{opacity:0;width:0;height:0;position:absolute}.bb-tab:has(.bb-tab__input:focus-visible){outline:2px solid var(--bb-green-glow);outline-offset:2px}@media (pointer:coarse){.bb-tab{min-height:44px}}.bb-tabs--vertical{border-bottom:0;border-left:1px solid var(--bb-border);position:var(--bb-tabs-position,sticky);top:var(--bb-tabs-sticky-top,calc(58px + env(safe-area-inset-top,0px) + 68px));max-height:var(--bb-tabs-max-height,calc(100dvh - var(--bb-tabs-sticky-top,calc(58px + env(safe-area-inset-top,0px) + 68px)) - 64px));overscroll-behavior-y:contain;flex-flow:column;gap:2px;display:flex;overflow-y:auto}.bb-tabs--vertical .bb-tab{border-bottom:0;flex:none;margin-bottom:0;padding:8px 0 8px 14px}.bb-tabs--vertical .bb-tab:after{transform-origin:top;width:1px;height:auto;inset:20% auto 20% -1px;transform:scaleY(0)}.bb-tabs--vertical .bb-tab.is-active:after{transform:scaleY(1)}.bb-tabs--toc{border-bottom:0;border-left:1px solid var(--bb-border);flex-direction:column;gap:2px;display:flex}.bb-tabs--toc .bb-tab{font-family:var(--bb-font-body);font-size:var(--bb-text-sm);letter-spacing:0;text-transform:none;transition:color var(--bb-dur-fast) ease, padding-left var(--bb-dur-base) var(--bb-ease-out-expo);border-bottom:0;margin-bottom:0;padding:7px 0 7px 16px;display:block}.bb-tabs--toc .bb-tab:before{content:none}.bb-tabs--toc .bb-tab:after{background:var(--bb-tan);transform-origin:50%;width:1px;height:auto;inset:20% auto 20% -1px;transform:scaleY(0)}.bb-tabs--toc .bb-tab.is-active{color:var(--bb-tan-light);padding-left:20px}.bb-tabs--toc .bb-tab.is-active:after{transform:scaleY(1)}.bb-tabs--toc .bb-tab__index{margin-right:8px}.bb-tabs-host{min-width:0;container-type:inline-size}.bb-tabs--auto{flex-wrap:wrap;margin-bottom:22px;display:flex}.bb-tabs--auto .bb-tab{min-height:44px}@container (width<=220px){.bb-tabs--auto{border-bottom:0;border-left:1px solid var(--bb-border);position:var(--bb-tabs-position,sticky);top:var(--bb-tabs-sticky-top,calc(58px + env(safe-area-inset-top,0px) + 68px));max-height:var(--bb-tabs-max-height,calc(100dvh - var(--bb-tabs-sticky-top,calc(58px + env(safe-area-inset-top,0px) + 68px)) - 64px));overscroll-behavior-y:contain;flex-flow:column;gap:2px;margin-bottom:0;overflow-y:auto}.bb-tabs--auto .bb-tab{border-bottom:0;flex:none;min-height:0;margin-bottom:0;padding:8px 0 8px 14px}.bb-tabs--auto .bb-tab:after{transform-origin:top;width:1px;height:auto;inset:20% auto 20% -1px;transform:scaleY(0)}.bb-tabs--auto .bb-tab.is-active:after{transform:scaleY(1)}}}@layer bb.app;