/* The server marks only native Actions jobs that have actually started. */
.commit-status.casfo-ci-waiting {
  transform-box: view-box;
  transform-origin: center;
  transform: rotate(-45deg);
}

@media (prefers-reduced-motion: no-preference) {
  .commit-status.casfo-ci-running,
  .job-status-rotate {
    transform-box: view-box;
    transform-origin: center;
    animation: casfo-ci-rotate 1s linear infinite;
  }
}

/* Use the same clockwise rotation in check lists and on the Actions page. */
@keyframes casfo-ci-rotate {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .commit-status.casfo-ci-running,
  .job-status-rotate {
    animation: none;
  }
}