.hop-card{transition:opacity .45s var(--ease-out-quart), translate .45s var(--ease-out-quart)}.hop-card[data-state=next],.hop-card[data-state=past]{opacity:0;pointer-events:none}.hop-card[data-state=next]{translate:0 1.25rem}.hop-card[data-state=past]{translate:0 -1.25rem}.hop-stop{opacity:.55;transition:opacity .2s var(--ease-out-quart)}.hop-stop:hover,.hop-stop:focus-visible,.hop-stop[data-state=active]{opacity:1}.hop-stop[data-state=done]{opacity:.8}.hop-stop:is([data-state=active],[data-state=done]) .hop-dot{background-color:var(--toad)}.hop-fade{animation:hop-fade .6s var(--ease-out-quart) both}.hop-nudge{animation:hop-nudge 1.6s var(--ease-in-out-quart) infinite alternate}@keyframes hop-fade{0%{opacity:0}}@keyframes hop-nudge{to{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.hop-card{transition:none}.hop-fade,.hop-nudge{animation:none}}