.scroll-top{--scroll-top-bottom:24px;z-index:1100;right:max(24px, env(safe-area-inset-right));bottom:calc(var(--scroll-top-bottom) + env(safe-area-inset-bottom));color:#2563eb;cursor:pointer;opacity:0;pointer-events:none;visibility:hidden;-webkit-tap-highlight-color:transparent;background:#fffffff0;border:1px solid #277df352;border-radius:50%;place-items:center;width:45px;height:45px;padding:0;transition:opacity .18s,transform .18s,visibility .18s,background-color .18s,color .18s,border-color .18s;display:grid;position:fixed;transform:translateY(8px)}.scroll-top.is-visible{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.scroll-top:hover{color:#fff;background:#2563eb;border-color:#2563eb}.scroll-top:active{background:#1668de}.scroll-top:focus-visible{outline-offset:3px;outline:3px solid #277df352}.scroll-top svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px;height:22px}@media (width<=600px){.scroll-top{right:max(16px, env(safe-area-inset-right));width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.scroll-top{transition:none}}
