.scroll-progress{position:fixed;right:max(24px,env(safe-area-inset-right));top:50%;width:4px;height:min(280px,36svh);transform:translateY(-50%);z-index:80;border-radius:999px;background:rgba(185,185,185,.52);box-shadow:0 0 0 1px #ffffffb3,0 0 12px 3px #ffffff5c;pointer-events:none;overflow:hidden}
.scroll-progress[hidden]{display:none}
.scroll-progress-fill{display:block;width:100%;height:100%;border-radius:inherit;background:#252525;transform:scaleY(var(--scroll-progress,0));transform-origin:top;will-change:transform}
@media(max-width:700px){.scroll-progress{right:max(8px,env(safe-area-inset-right));width:3px;height:min(150px,24svh)}}
@media(forced-colors:active){.scroll-progress{background:GrayText;box-shadow:none;forced-color-adjust:none}.scroll-progress-fill{background:CanvasText}}