.scroll-progress{position:fixed;right:20px;z-index:111;top:50%;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);mix-blend-mode:difference}.scroll-progress.visible{opacity:1;visibility:visible}.scroll-progress .scroll-top{display:flex;flex-direction:column;justify-content:center;align-items:center}.scroll-progress .scroll-line{width:2px;height:60px;position:relative;background-color:rgb(255 255 255 / .15);color:inherit;display:block}.scroll-progress .scroll-point{display:inline-block;width:2px;position:absolute;background-color:#FFF;top:0;left:0}.scroll-progress .scroll-text{-webkit-transform:rotate(180deg);transform:rotate(180deg);writing-mode:vertical-lr;margin-bottom:15px;color:#FFF;font-size:11px;text-transform:uppercase}.scroll-progress.scroll-simple{position:fixed;right:50px;z-index:111;top:auto;transform:none;bottom:50px;mix-blend-mode:inherit}.scroll-progress.scroll-simple .scroll-top{background:#FFF;font-size:17px;line-height:34px;box-shadow:0 0 25px rgb(23 23 23 / .25);height:34px;width:34px;padding:0;border-radius:100%}