/* Shared by the tracking app and static wiki pages. */
:is(.topbar,.site-header) .tabs{position:fixed;top:17px;left:50%;right:auto;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;width:max-content;max-width:calc(100vw - 32px);padding:6px;gap:5px;border-radius:25px;--nav-fill:rgba(13,22,36,.94);background:linear-gradient(145deg,rgba(181,211,248,.055),transparent 55%),var(--nav-fill);border:1px solid rgba(192,216,248,.16);border-top-color:rgba(216,233,255,.24);box-shadow:0 12px 30px #0000003b,inset 0 1px 0 #e6f3ff17;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:600}
:is(.topbar,.site-header) .tabs .tab{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:initial;min-width:84px;height:57px;padding:8px 10px;gap:5px;border:1px solid transparent;border-radius:17px;background:transparent;color:#9eafc6;font-family:inherit;font-size:11px;font-weight:400;line-height:normal;text-decoration:none;box-shadow:none;cursor:pointer;transition:color .16s ease,background-color .16s ease}
:is(.topbar,.site-header) .tabs .tab>span{font-size:inherit;line-height:normal}
:is(.topbar,.site-header) .tabs .tab svg{display:block;width:22px;height:22px;flex-shrink:0}
:is(.topbar,.site-header) .tabs .tab:hover{color:#e1efff;background-color:#c5ddff0e}
:is(.topbar,.site-header) .tabs .tab.active{color:#d8edff;background:linear-gradient(155deg,#b7daff33,#72ade813);border-color:#b6d9ff2e;box-shadow:inset 0 1px 0 #edf8ff26,0 3px 9px #0000001f}
:is(.topbar,.site-header) .tabs .tab.active::after{content:'';position:absolute;bottom:4px;left:calc(50% - 8px);width:16px;height:2px;border-radius:2px;background:#afd9ff;opacity:.75}
@supports(backdrop-filter:blur(1px)){:is(.topbar,.site-header) .tabs{--nav-fill:rgba(12,21,35,.70);-webkit-backdrop-filter:blur(14px) saturate(125%);backdrop-filter:blur(14px) saturate(125%)}}
@media(max-width:1100px){:is(.topbar,.site-header) .tabs .tab{min-width:67px}}
@media(max-width:760px){:is(.topbar,.site-header) .tabs{top:70px;width:calc(100% - 34px);max-width:calc(100vw - 32px);padding:6px;gap:3px;--nav-fill:rgba(12,21,35,.80);-webkit-backdrop-filter:blur(8px) saturate(125%);backdrop-filter:blur(8px) saturate(125%)}:is(.topbar,.site-header) .tabs .tab{min-width:0;flex:1;height:52px;padding:8px;font-size:10px}:is(.topbar,.site-header) .tabs .tab svg{width:20px}:is(.topbar,.site-header) .tabs .tab.active::after{bottom:3px;width:12px;left:calc(50% - 6px)}}
@media(prefers-reduced-motion:reduce){:is(.topbar,.site-header) .tabs .tab{transition:none}}
@media(prefers-reduced-transparency:reduce),(update:slow){:is(.topbar,.site-header) .tabs{--nav-fill:#101b2b;-webkit-backdrop-filter:none;backdrop-filter:none}}
html[data-glass-quality="reduced"] :is(.topbar,.site-header) .tabs{--nav-fill:rgba(13,22,36,.95);-webkit-backdrop-filter:none;backdrop-filter:none}
@media(forced-colors:active){:is(.topbar,.site-header) .tabs{border-color:CanvasText}:is(.topbar,.site-header) .tabs .tab.active{outline:1px solid Highlight}}