@media (max-width:768px){.scroll-cue-host{position:relative}.scroll-cue{--scroll-cue-alpha:0;width:2.1rem;height:2.1rem;pointer-events:none;user-select:none;opacity:var(--scroll-cue-alpha);border-radius:999px;border:1px solid rgba(255,160,232,.46);background:linear-gradient(180deg,rgba(255,214,248,.2) 0,rgba(192,120,255,.14) 100%),rgba(84,48,120,.18);box-shadow:0 0 0 1px rgba(255,210,245,.12) inset,0 10px 22px rgba(10,10,24,.22),0 0 18px rgba(226,118,255,.14);backdrop-filter:blur(8px) saturate(118%);-webkit-backdrop-filter:blur(8px) saturate(118%);transition:opacity .24s,transform .24s,box-shadow .24s,background .24s,border-color .24s}.scroll-cue--viewport{position:fixed;right:max(.95rem,calc(env(safe-area-inset-right,0px) + .72rem));bottom:calc(5.35rem + env(safe-area-inset-bottom,0px));transform:translate3d(.22rem,.22rem,0);z-index:120}.scroll-cue--container{position:absolute;right:1.05rem;bottom:calc(2.75rem + env(safe-area-inset-bottom,0px));transform:translate3d(.22rem,.22rem,0);z-index:4}.about-modal .scroll-cue--container{bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}.recent-modal .scroll-cue--container{bottom:calc(6.35rem + env(safe-area-inset-bottom,0px))}.scroll-cue.is-visible.scroll-cue--container,.scroll-cue.is-visible.scroll-cue--viewport{transform:translate3d(0,0,0)}.scroll-cue-icon{position:absolute;inset:0.16rem;width:calc(100% - .32rem);height:calc(100% - .32rem);object-fit:contain;opacity:0;transition:opacity .24s,transform .24s;filter:drop-shadow(0 1px 0 rgba(255, 245, 252, .22)) drop-shadow(0 6px 14px rgba(54, 26, 78, .18))}.scroll-cue.is-visible{box-shadow:0 0 0 1px rgba(255,210,245,.14) inset,0 10px 24px rgba(10,10,24,.24),0 0 20px rgba(226,118,255,.16)}}@media (min-width:769px){.modal-overlay[data-page-modal] .modal>.scroll-cue--container,.modal>.scroll-cue--container{display:none!important}}body.preview-mobile .scroll-cue,html.preview-mobile-init body .scroll-cue{display:block}