.site-scroll-progress{position:fixed;right:24px;bottom:24px;z-index:1050;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:conic-gradient(var(--blue) var(--scroll-progress,0%),rgba(255,255,255,.78) 0);box-shadow:0 8px 24px rgba(51,47,48,.24);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;cursor:pointer}
.site-scroll-progress.is-visible{opacity:1;pointer-events:auto;transform:none}
.site-scroll-progress::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.8)}
.site-scroll-progress span{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;margin:auto;border-radius:50%;background:var(--blue);color:#fff;font-size:24px;font-weight:500;line-height:1}
.site-scroll-progress span::before{content:"↑";transform:translateY(-2px)}
@media(max-width:600px){.site-scroll-progress{right:14px;bottom:14px;width:56px;height:56px}}