/* Animate the existing connector and the existing number border, not extra rings. */
.protocol-sequence.timeline-ready li:not(:last-child)::before {
  background: var(--timeline-paint, linear-gradient(90deg,#ae6dfa99,#da91e889));
}
.protocol-sequence.timeline-ready .sequence-index {
  border-color: var(--timeline-border, #b87af0);
  background: var(--timeline-background, #171020);
  color: var(--timeline-ink, #f2ddff);
  box-shadow: 0 0 20px var(--timeline-glow, #aa55f518);
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .protocol-sequence.timeline-ready li:not(:last-child)::before {
    background: linear-gradient(var(--timeline-angle,90deg),#ae6dfa99,#da91e889);
  }
  .protocol-sequence.timeline-ready .sequence-index {
    border-color: #b87af0;
    background: #171020;
    color: #f2ddff;
    box-shadow: 0 0 20px #aa55f518;
  }
}