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