.mobile-page-nav-bar[data-v-39a3c52e]{display:none}@media(max-width:640px){.mobile-page-nav-bar[data-v-39a3c52e]{align-items:center;backdrop-filter:blur(calc(8px + 10px*var(--mobile-page-nav-progress)));-webkit-backdrop-filter:blur(calc(8px + 10px*var(--mobile-page-nav-progress)));background:linear-gradient(180deg,#ffffff38,#ffffff0f);box-shadow:0 8px 24px rgba(94,72,135,calc(var(--mobile-page-nav-progress)*.1));box-sizing:border-box;color:rgb(calc(var(--mobile-page-nav-foreground-r) + (var(--mobile-page-nav-scrolled-foreground-r) - var(--mobile-page-nav-foreground-r))*var(--mobile-page-nav-progress)),calc(var(--mobile-page-nav-foreground-g) + (var(--mobile-page-nav-scrolled-foreground-g) - var(--mobile-page-nav-foreground-g))*var(--mobile-page-nav-progress)),calc(var(--mobile-page-nav-foreground-b) + (var(--mobile-page-nav-scrolled-foreground-b) - var(--mobile-page-nav-foreground-b))*var(--mobile-page-nav-progress)));display:grid;grid-template-columns:42px minmax(0,1fr) 42px;height:calc(50px + env(safe-area-inset-top));isolation:isolate;padding:env(safe-area-inset-top) 12px 0;position:relative;width:100%}.mobile-page-nav-bar[data-v-39a3c52e]:before{background:#fff;content:"";inset:0;opacity:var(--mobile-page-nav-progress);pointer-events:none;position:absolute;z-index:0}.mobile-page-nav-bar.is-fixed[data-v-39a3c52e]{left:0;position:fixed;top:0;z-index:90}.mobile-page-nav-bar.has-border[data-v-39a3c52e]{border-bottom:1px solid rgb(229,231,235,calc(var(--mobile-page-nav-progress)*.9))}.mobile-page-nav-bar__back[data-v-39a3c52e],.mobile-page-nav-bar__right[data-v-39a3c52e]{align-items:center;display:inline-flex;height:42px;justify-content:center;position:relative;width:42px;z-index:1}.mobile-page-nav-bar__back[data-v-39a3c52e]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgb(calc(var(--mobile-page-nav-foreground-r) + (var(--mobile-page-nav-scrolled-foreground-r) - var(--mobile-page-nav-foreground-r))*var(--mobile-page-nav-progress)),calc(var(--mobile-page-nav-foreground-g) + (var(--mobile-page-nav-scrolled-foreground-g) - var(--mobile-page-nav-foreground-g))*var(--mobile-page-nav-progress)),calc(var(--mobile-page-nav-foreground-b) + (var(--mobile-page-nav-scrolled-foreground-b) - var(--mobile-page-nav-foreground-b))*var(--mobile-page-nav-progress)),.08);border:0;border-radius:999px;color:inherit;cursor:pointer;font:inherit;font-size:22px}.mobile-page-nav-bar__title[data-v-39a3c52e]{color:inherit;font-size:16px;font-weight:800;line-height:50px;min-width:0;overflow:hidden;position:relative;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 10px rgba(20,28,44,calc((1 - var(--mobile-page-nav-progress))*.2));white-space:nowrap;z-index:1}}