.create-progress-runner-cycle {
  position: relative;
  z-index: 2;
  display: block;
  width: 70px;
  height: 70px;
  background-image: url('/commerce-video/assets/luming-run-cycle-20260901.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 400% 100%;
  animation: luming-runner-full-cycle .52s step-end infinite;
  filter: drop-shadow(0 5px 7px rgba(29, 91, 54, .18));
  user-select: none;
  pointer-events: none;
}

@keyframes luming-runner-full-cycle {
  0%, 24.99% { background-position: 0 0; }
  25%, 49.99% { background-position: 33.333333% 0; }
  50%, 74.99% { background-position: 66.666667% 0; }
  75%, 100% { background-position: 100% 0; }
}

@media (max-width: 520px) {
  .create-progress-runner-cycle {
    width: 62px;
    height: 62px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .create-progress-runner-cycle {
    animation: none;
    background-position: 0 0;
  }
}