:root{--tab-h:58px}:root.ride-mode{--tab-h:76px}.tabbar{flex:none;display:flex}.sport-layer{z-index:2147483000;background:var(--panel);border:0;width:100%;height:100%;position:fixed;inset:0}.tabbar[hidden]{display:none}.tabbar .tabs{gap:4px;display:flex}.tabbar a.tab{min-height:40px;color:var(--muted);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:650;line-height:1;text-decoration:none;display:inline-flex}.tabbar a.tab:not([href]){cursor:default}.tabbar a.tab:hover{background:var(--fill);color:var(--ink);text-decoration:none}.tabbar a.tab[aria-current=page]{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.tabbar a.tab:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tabbar a.tab svg.i{flex:none;width:22px;height:22px}:root.ride-mode .tabbar a.tab{min-height:56px;padding:0 20px;font-size:19px}:root.ride-mode .tabbar a.tab svg.i{width:28px;height:28px}@media (max-width:991.98px){.tabbar{z-index:30;padding:0 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:var(--panel);position:fixed;bottom:0;left:0;right:0}.tabbar .tabs{flex:1;grid-template-columns:repeat(3,1fr);gap:0;width:min(560px,100%);margin:0 auto;display:grid}.tabbar a.tab{height:var(--tab-h);border-radius:0;flex-direction:column;gap:3px;min-height:0;padding:6px 4px;font-size:12px}.tabbar a.tab:hover{background:0 0}.tabbar a.tab[aria-current=page]{box-shadow:inset 0 3px 0 var(--accent);background:0 0}.tabbar a.tab svg.i{width:24px;height:24px}:root.ride-mode .tabbar a.tab{min-height:0;font-size:15px}:root.ride-mode .tabbar a.tab svg.i{width:32px;height:32px}}