.bb-tabbar{--tb-glass:#0e1016e0;--tb-border:#ffffff12;--tb-inactive:#7d8696;left:16px;right:16px;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid var(--tb-border);background:var(--tb-glass);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border-radius:999px;max-width:360px;height:58px;margin:0 auto;padding:5px;position:fixed;box-shadow:inset 0 1px #ffffff14,0 12px 32px -6px #000000a6,0 2px 6px #00000059}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bb-tabbar{background:var(--surface-1)}}.bb-tabbar-scrim{height:calc(96px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0a0c1100 0%,#0a0c11d9 70%);position:fixed;bottom:0;left:0;right:0}.bb-tab-track{height:100%;position:relative}.bb-tab-indicator{border:1px solid rgb(var(--brand-rgb) / .25);background:rgb(var(--brand-rgb) / .14);border-radius:999px;width:25%;height:100%;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .16s;position:absolute;top:0;left:0}.bb-tab-list{grid-template-columns:repeat(4,minmax(0,1fr));height:100%;margin:0;padding:0;list-style:none;display:grid;position:relative}.bb-tab-list>li{height:100%}.bb-tab{height:100%;color:var(--tb-inactive);-webkit-tap-highlight-color:transparent;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:color .15s,transform .12s;display:flex}.bb-tab:active{transform:scale(.94)}@media (hover:hover){.bb-tab:not([aria-current=page]):hover{color:var(--fg-1)}}.bb-tab:focus-visible{outline:2px solid rgb(var(--brand-rgb) / .6);outline-offset:-2px}.bb-tab[aria-current=page]{color:rgb(var(--brand-rgb))}.bb-tab-label{letter-spacing:.02em;font-size:10px;font-weight:700;line-height:1}@media (prefers-reduced-motion:reduce){.bb-tab-indicator,.bb-tab{transition:none}.bb-tab:active{transform:none}}