.page-progress{position:fixed;left:calc(var(--margin) / 2);top:var(--rail-top,120px);height:var(--rail-height,calc(100svh - 152px));width:1px;z-index:19;pointer-events:none;color:var(--ink);opacity:.72}
.page-progress-track{position:absolute;inset:0;background:var(--stone)}
.page-progress-fill{position:absolute;inset:0;background:var(--ink);transform:scaleY(var(--rail-progress,0));transform-origin:top}
.page-progress-marker{position:absolute;left:-2px;top:calc(var(--rail-progress,0) * 100%);width:5px;height:5px;border-radius:50%;background:var(--ink);transform:translateY(-50%)}
.page-progress-tick{position:absolute;left:-3px;top:calc(var(--position) * 100%);width:7px;height:1px;background:var(--stone)}
.page-progress-tick.is-passed{background:var(--ink)}
.page-progress-ripple{position:absolute;left:.5px;top:calc(var(--position) * 100%);width:8px;height:8px;border:1px solid currentColor;border-radius:50%;transform:translate(-50%,-50%);animation:page-section-ripple 1.1s cubic-bezier(.2,.65,.3,1) both}
@keyframes page-section-ripple{from{transform:translate(-50%,-50%) scale(1);opacity:.55}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}
@media(prefers-reduced-motion:reduce){.page-progress-ripple{display:none;animation:none}}
.page-progress[hidden],body:has(.menu-button[aria-expanded="true"]) .page-progress,body:has(dialog[open]) .page-progress{display:none}
.has-page-progress .gallery-scrubber{display:none!important}
.has-page-progress .gallery-guide{min-height:44px;justify-content:center}
@media(max-width:700px){
 .page-progress{left:10px;opacity:.7}
 .page-progress-tick{left:-2px;width:5px}
 .page-progress-marker{left:-1.5px;width:4px;height:4px}
 .has-page-progress .gallery-guide{align-self:center}
}
@media(forced-colors:active){.page-progress{color:CanvasText}.page-progress-track,.page-progress-tick{background:GrayText}.page-progress-fill,.page-progress-marker,.page-progress-tick.is-passed{background:CanvasText}}