.TopBar-module__vnnCgq__bar{z-index:40;height:var(--app-topbar,76px);background:color-mix(in srgb, var(--bg-page) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:flex-end;align-items:center;transition:background .25s;display:flex;position:sticky;top:0}main:has([data-shell-aside]) .TopBar-module__vnnCgq__bar{width:calc(100% - var(--shell-aside-w,388px));-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0}main:has([data-shell-aside]) .TopBar-module__vnnCgq__bar>*{pointer-events:auto}.TopBar-module__vnnCgq__burger{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;margin-left:-12px;padding:0;transition:background .16s;display:none}.TopBar-module__vnnCgq__burger:hover,.TopBar-module__vnnCgq__burger:active{background:var(--bg-block)}@media (max-width:640px){.TopBar-module__vnnCgq__burger{display:inline-flex}}.TopBar-module__vnnCgq__brand{color:var(--text-primary);align-items:center;gap:8px;margin-right:auto;text-decoration:none;display:none}.TopBar-module__vnnCgq__brandName{letter-spacing:2px;font-size:15px;font-weight:600}@media (max-width:640px){.TopBar-module__vnnCgq__brand{display:flex}}html:has(.hero-flush-top):not(.topbar-past-hero) .TopBar-module__vnnCgq__bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;transition:none}html:has(.chrome-over-media) .TopBar-module__vnnCgq__bar{background:var(--bg-page);-webkit-backdrop-filter:none;backdrop-filter:none}