.scroll-top{--scroll-top-extra:0px;position:fixed;z-index:9500;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px) + var(--scroll-top-extra));display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#0a2d26;color:#fff;box-shadow:0 8px 24px rgba(7,29,25,.24);font:700 1.45rem/1 "DM Sans",sans-serif;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s,bottom .2s}
.scroll-top[data-visible="true"]{opacity:.94;visibility:visible;pointer-events:auto;transform:none}
.scroll-top:hover{opacity:1;background:#123d33}
.scroll-top:focus-visible{outline:3px solid #e7c66f;outline-offset:3px}
@media(max-width:580px){.scroll-top{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px) + var(--scroll-top-extra));width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.scroll-top{transition:none}}