.top-navbar{position:fixed;top:var(--space-4);left:50%;transform:translateX(-50%);width:var(--literal-auto-232);max-width:calc(100vw - (2 * var(--space-2)));z-index:calc(var(--z-sticky) + 2);padding:var(--literal-auto-233);border:.0625rem solid var(--navbar-border);border-radius:var(--radius-none);background:var(--navbar-bg);backdrop-filter:var(--literal-auto-234);-webkit-backdrop-filter:var(--literal-auto-234);mask-image:var(--literal-auto-255);-webkit-mask-image:var(--literal-auto-255);transition:transform var(--dur-slow) var(--ease-standard),opacity var(--dur-slow) var(--ease-standard)}.top-navbar--hidden{transform:var(--literal-auto-235);opacity:0;pointer-events:none}.top-navbar__inner{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding-block:.125rem;overflow-x:auto;scrollbar-width:none}.top-navbar .btn-base__label{line-height:var(--font-leading-normal)}.top-navbar__inner::-webkit-scrollbar{display:none}@media (max-width:47.9375rem){.top-navbar{width:var(--literal-auto-242);max-width:calc(100vw - (2 * var(--space-2)));mask-image:var(--literal-auto-256);-webkit-mask-image:var(--literal-auto-256)}.top-navbar__inner{justify-content:center}.top-navbar{top:var(--space-2);width:var(--literal-auto-243);max-width:calc(100vw - (2 * var(--space-2)));min-height:max(var(--space-auto-083),var(--touch-target-min));padding:var(--literal-auto-244);display:flex}.top-navbar,.top-navbar__inner{height:auto;justify-content:center;align-items:center}.top-navbar__inner{width:100%;min-height:var(--touch-target-min);overflow-x:auto}.top-navbar .btn-base__inner{padding-inline:var(--space-2)}}@media (prefers-reduced-motion:reduce){.top-navbar{transition:none!important}}