@layer quartz-base{.scroll-navigation{appearance:none;background:color-mix(in srgb, var(--secondary) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--secondary);color:var(--light);cursor:pointer;opacity:.6;height:2.5rem;right:max(.75rem, env(safe-area-inset-right));z-index:10;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;margin:0;padding:0;transition:opacity .12s,background-color .12s;display:inline-flex;position:fixed;top:calc(72svh + 5rem);transform:translateY(-50%);box-shadow:0 2px 10px #00000029}.scroll-navigation:focus-visible{outline:2px solid var(--tertiary);outline-offset:2px}.scroll-navigation>svg{pointer-events:none;stroke:currentColor;width:1rem;height:1rem}.scroll-navigation-return-icon,.scroll-navigation[data-mode=return]>.scroll-navigation-bottom-icon{display:none}.scroll-navigation[data-mode=return]>.scroll-navigation-return-icon{display:block}.scroll-navigation[data-mode=return]{opacity:.82}.scroll-navigation:focus-visible,.scroll-navigation:active{background:var(--secondary);opacity:.9}@media (hover:hover) and (pointer:fine){.scroll-navigation:hover{background:var(--secondary);opacity:.9}}.reading-graph-mobile-launcher-shell{display:none!important}.page>#quartz-body .sidebar.left:has(.scroll-navigation){z-index:20}}