.next-cue{--flip: 0deg;position:fixed;right:2.5rem;bottom:1.5rem;z-index:45;width:3.25rem;height:3.25rem;padding:0;border-radius:50%;border:2px solid rgb(var(--accent-bright-rgb) / .55);background:#0e0f16b8;box-shadow:0 .5rem 1.375rem -.25rem #00000080;cursor:pointer;opacity:0;visibility:hidden;animation:next-cue-bob 1.8s ease-in-out infinite;transition:border-color var(--duration-fast) var(--ease-entrance),background-color var(--duration-fast) var(--ease-entrance)}.next-cue:hover,.next-cue:focus-visible{border-color:var(--accent-bright);background:rgb(var(--accent-rgb) / .32)}.next-cue>span{position:absolute;top:50%;left:50%;width:.65rem;height:.65rem;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:translate(-50%,-50%) rotate(var(--flip)) translateY(-18%) rotate(45deg)}.next-cue:after{content:"";position:absolute;inset:-2px;border-radius:50%;pointer-events:none;border:1px solid rgb(var(--accent-bright-rgb) / .6);animation:next-cue-ring 1.8s ease-out infinite}@keyframes next-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(.375rem)}}@keyframes next-cue-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(1.55);opacity:0}}html[data-preload] .next-cue,html.bot .next-cue{display:none}@media (width <= 900px){.next-cue{right:1.25rem;bottom:1rem;width:3rem;height:3rem}}@media (prefers-reduced-motion: reduce){.next-cue,.next-cue:after{animation:none}}
