.scroll-progress{position:fixed;top:50%;transform:translateY(-50%);width:1px;height:30%;z-index:999;opacity:0}.scroll-graduations{position:absolute;left:0;top:0;width:100%;height:100%}.graduation,.scroll-indicator{position:absolute;width:6px;background-color:var(--text-primary)}.graduation{left:0;height:.5px;transform:translateY(-50%)}.graduation.major{left:0;width:10px;height:.5px}.scroll-indicator{height:6px;left:-2px;border-radius:25%;transform:translateY(-50%) rotate(45deg);transition:top .1s ease}.scroll-percentage,.scroll-percentage::before{position:absolute;background-color:var(--background-primary-invert)}.scroll-percentage{left:15px;transform:translateY(-50%);font-family:var(--body-font);font-size:12px;padding:5px 7px;border-radius:8px;color:var(--text-primary-invert);transition:all .3s ease;white-space:nowrap;cursor:none;overflow:hidden}.scroll-percentage::before{content:"";top:50%;left:-3.5px;width:7px;height:7px;transform:translateY(-50%) rotate(45deg)}.scroll-percentage.to-top:hover{color:var(--accent-color)}@media (max-width:768px){.scroll-percentage{left:12px;font-size:10px}}