#back-to-top{background:transparent;border-radius:3px;bottom:55px;box-shadow:0 0 3px #0003;color:#000;cursor:pointer;height:50px;opacity:0;pointer-events:none;pointer-events:auto;position:fixed;right:40px;transform:translateY(15px);transition:all .2s linear;visibility:hidden;width:50px;z-index:100}#back-to-top.active-progress{opacity:1;transform:translateY(0);visibility:visible}#back-to-top .inner,#back-to-top .outer,#back-to-top .trigger{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#back-to-top .outer{border:2px solid #eee;border-radius:3px}#back-to-top .inner{background:#fff;border-radius:2px;height:calc(100% - var(2px, 1px)*2);height:100%;position:relative;width:calc(100% - var(2px, 1px)*2);width:100%;z-index:10}#back-to-top .circle{background:conic-gradient(#000 var(--cricle-degrees),#eee var(--cricle-degrees));border-radius:2px;height:100%;mask:radial-gradient(circle,transparent 62%,#fff calc(62% + 1px));-webkit-mask:radial-gradient(circle,transparent 62%,#fff calc(62% + 1px));position:absolute;transition:background .15s ease-in-out 0s;width:100%;will-change:background;z-index:1}#back-to-top svg{color:#000;width:12px}#back-to-top:hover svg{animation:move_on_top .5s ease-in-out forwards}@keyframes move_on_top{0%{transform:translateY(0)}25%{opacity:0;transform:translateY(-100%)}50%{opacity:0;transform:translateY(100%)}75%{opacity:1;transform:translateY(0)}}@media(max-width:1024px){#back-to-top{height:40px;line-height:40px;right:15px;text-align:center;width:40px}}