.scroll-top{position:fixed;right:18px;bottom:calc(env(safe-area-inset-bottom) + 22px);z-index:90;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--starpl-line-soft);border-radius:var(--starpl-radius-circle);background:rgba(var(--starpl-panel-rgb),.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--starpl-text-soft);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s,color .15s ease,border-color .15s ease,background .15s ease}.scroll-top.is-visible{opacity:.62;visibility:visible;transform:translateY(0);transition-delay:0s}.scroll-top svg{width:15px;height:15px;display:block}@media(hover:hover){.scroll-top.is-visible:hover{opacity:1;color:var(--starpl-text-main);border-color:var(--starpl-line);background:var(--starpl-surface-1)}}.scroll-top.is-visible:focus-visible{opacity:1;color:var(--starpl-text-main);outline:2px solid var(--starpl-line-strong);outline-offset:2px}.scroll-top.is-visible:active{opacity:1;transform:translateY(1px)}@media(min-width:601px){.scroll-top{right:24px;bottom:24px}}@media(prefers-reduced-motion:reduce){.scroll-top{transition:opacity .01ms,visibility 0s;transform:none}.scroll-top.is-visible{transform:none}}