.progress-wrap{position:fixed;right:50px;bottom:50px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.2);z-index:10000;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 200ms linear;transition:all 200ms linear}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap::after{position:absolute;font-family:'unicons';content:'';border-top:2px solid #34a3d6;border-right:2px solid #34a3d6;transform:translate(-50%,-50%) rotate(-45deg);text-align:center;line-height:46px;font-size:24px;color:#ecedf3;left:50%;top:55%;height:15px;width:15px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 200ms linear;transition:all 200ms linear}.progress-wrap:hover::after{opacity:0}.progress-wrap::before{transform:translate(-50%,-50%) rotate(-45deg);position:absolute;font-family:'unicons';border-top:2px solid #0ef;border-right:2px solid #0ef;content:'';text-align:center;line-height:46px;font-size:24px;opacity:0;background-image:linear-gradient(298deg,var(--red),var(--yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;left:50%;top:55%;height:15px;width:15px;cursor:pointer;display:block;z-index:2;-webkit-transition:all 200ms linear;transition:all 200ms linear}.progress-wrap:hover::before{opacity:1}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:#34a3d6;stroke-width:4;box-sizing:border-box;-webkit-transition:all 200ms linear;transition:all 200ms linear}body.light .progress-wrap{box-shadow:inset 0 0 0 2px rgba(0,0,0,.2)}body.light .progress-wrap::after{color:#1f2029}body.light .progress-wrap svg.progress-circle path{stroke:#1f2029}