.progress-wrap{--btn-scroll-top-color-1: #000000;--btn-scroll-top-color-2: rgba(0, 0, 0, 0.3);--btn-scroll-top-color-3: rgba(0, 0, 0, 0.4);--btn-scroll-top-color-4: rgba(0, 0, 0, 0.5);--btn-scroll-top-bg: rgba(255, 255, 255, 0.6);position:fixed;right:30px;bottom:30px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;box-shadow:inset 0 0 0 2px var(--btn-scroll-top-color-2);z-index:10000;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 200ms linear;transition:all 200ms linear;background-color:var(--btn-scroll-top-bg)}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap svg.progress-circle path{stroke:var(--btn-scroll-top-color-2);stroke-width:4;box-sizing:border-box;-webkit-transition:all 200ms linear;transition:all 200ms linear}.progress-wrap svg path{fill:none}.progress-wrap::after{position:absolute;font-family:'feather';content:'\e802';text-align:center;line-height:46px;font-size:24px;color:var(--btn-scroll-top-color-3);left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:1;transition:all 200ms linear}.progress-wrap:hover ::after{color:var(--btn-scroll-top-color-4)}.progress-wrap:hover svg.progress-circle path{stroke:var(--btn-scroll-top-color-4)}