.cue{--cue-o:clamp(0, (.78 - var(--pin-p,0)) / .33, 1);opacity:var(--cue-o);transform:translateY(calc((1 - var(--cue-o)) * -5px));pointer-events:none;flex-direction:column;align-items:center;gap:7px;padding:14px 0 2px;transition:opacity .18s linear;display:flex}.cue__bar{background:color-mix(in srgb, currentColor 16%, transparent);border-radius:999px;width:min(120px,34vw);height:2px;display:block;position:relative;overflow:hidden}.cue__bar i{width:calc(var(--pin-p,0) * 100%);border-radius:inherit;background:var(--accent,#ff6500);min-width:10px;position:absolute;inset:0 auto 0 0}.cue__t{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#9d9ec9);align-items:center;gap:5px;font-size:.68rem;font-weight:600;display:inline-flex}.cue__t svg{flex:none;width:12px;height:12px}@media (prefers-reduced-motion:no-preference){.cue__t svg{animation:2.6s cubic-bezier(.45,0,.55,1) infinite cue-bob}}@keyframes cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}