.scroll-cue{border:0;background:transparent;color:#777e88;cursor:pointer;padding:8px 18px;transition:color .25s,text-shadow .25s;appearance:none}.scroll-cue:hover,.scroll-cue:focus-visible{color:#fff;text-shadow:0 0 16px rgba(255,107,0,.65);outline:none}.scroll-cue span{animation:auto-scroll-arrow 1.35s ease-in-out infinite}.auto-scroll-toggle{position:fixed;z-index:23;right:20px;bottom:76px;width:44px;height:44px;padding:0;border:1px solid var(--accent);border-radius:50%;background:#0a0c10;color:var(--accent);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.45);transition:border-color .25s,color .25s,box-shadow .25s}.auto-scroll-toggle:hover,.auto-scroll-toggle:focus-visible{outline:none;box-shadow:0 0 25px rgba(255,107,0,.45)}.auto-scroll-toggle span{display:block;font:700 15px/1 Space Grotesk;transform:translateY(-1px)}.auto-scroll-toggle.paused{border-color:#6effa3;color:#6effa3}.auto-scroll-toggle.paused span{font-size:14px;transform:translateX(1px)}.auto-scroll-toggle[hidden]{display:none}@keyframes auto-scroll-arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(max-width:700px){.auto-scroll-toggle{right:20px;bottom:72px}.music-toggle{bottom:18px}}
@media(prefers-reduced-motion:reduce){.scroll-cue span{animation:none}}