.scroll-progress{z-index:var(--z-nav);background:var(--border);pointer-events:none;opacity:0;width:1px;height:min(46vh,420px);transition:opacity var(--dur-base) var(--ease-out);display:none;position:fixed;inset-block-start:50%;inset-inline-end:clamp(18px,2.4vw,34px);transform:translateY(-50%)}.scroll-progress--in{opacity:1}.scroll-progress__dot{aspect-ratio:1;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--bg);width:16px;position:absolute;inset-block-start:0;inset-inline-start:50%;translate:-50%}.scroll-progress__dot:after{content:"";border-radius:var(--radius-full);background:var(--zy-green);position:absolute;inset:5px}@media (width>=1024px){.scroll-progress{display:block}}