.an-site-scroll-top { position: fixed; z-index: 99970; right: max(22px,env(safe-area-inset-right)); bottom: max(22px,env(safe-area-inset-bottom)); display: flex; width: 56px; height: 56px; padding: 0; flex-direction: column; align-items: center; justify-content: center; gap: 2px; transform: translateY(16px) scale(.9); border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: rgba(10,12,16,.9); color: #fff; opacity: 0; visibility: hidden; cursor: pointer; box-shadow: 0 14px 38px rgba(0,0,0,.42); backdrop-filter: blur(14px); transition: opacity .22s, transform .22s, background .22s, visibility 0s linear .22s; }
.an-site-scroll-top.is-visible { transform: translateY(0) scale(1); opacity: 1; visibility: visible; transition-delay: 0s; }
.an-site-scroll-top:hover, .an-site-scroll-top:focus-visible { background: #272b33; }
.an-site-scroll-top span { width: 13px; height: 13px; transform: translateY(3px) rotate(45deg); border-top: 2px solid currentColor; border-left: 2px solid currentColor; }
.an-site-scroll-top small { display: block; margin: 0; color: currentColor; font: 800 9px/1 system-ui,sans-serif; letter-spacing: .06em; }
html.an-gallery-is-open .an-site-scroll-top, body.an-gallery-is-open .an-site-scroll-top { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
@media (max-width: 767px) { .an-site-scroll-top { right: max(14px,env(safe-area-inset-right)); bottom: max(14px,env(safe-area-inset-bottom)); width: 50px; height: 50px; } }
@media (prefers-reduced-motion: reduce) { .an-site-scroll-top { transition-duration: .01ms !important; } }