.scroll-top{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:40;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:#14191ef2;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;box-shadow:0 5px 22px #0006;cursor:pointer;transition:background .2s,box-shadow .2s,opacity .25s,visibility .25s,transform .25s;-webkit-tap-highlight-color:transparent}
.scroll-top__ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none;fill:none;stroke-width:3}
.scroll-top__track{stroke:#ffffff26}.scroll-top__fill{stroke:#ef0010;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .12s linear}
.scroll-top__arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.scroll-top__percent{font:700 10px/1.2 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#cbd0d4}
.scroll-top:hover{background:#252a30;box-shadow:0 6px 26px #ef001033}.scroll-top:hover .scroll-top__arrow{transform:translateY(-2px)}.scroll-top:active{transform:scale(.95)}.scroll-top:focus-visible{outline:2px solid #fff;outline-offset:5px}
html.intro-running .scroll-top{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}
@media(max-width:640px){.scroll-top{width:56px;height:56px;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.scroll-top,.scroll-top__fill,.scroll-top__arrow{transition:none}.scroll-top:hover .scroll-top__arrow{transform:none}}
