.person-running-icon {
  display: inline-block;
  flex-shrink: 0;
  overflow: hidden;
  margin-right: 8px;
  vertical-align: middle;
  line-height: 0;
}

.person-running-icon--42 {
  width: 42px;
  height: 42px;
}

.person-running-icon--32 {
  width: 32px;
  height: 32px;
}

.person-running-icon--42 .person-running {
  transform: scale(0.35);
  transform-origin: 0 0;
}

.person-running-icon--32 .person-running {
  transform: scale(0.26667);
  transform-origin: 0 0;
}

.person-running {
  display: block;
  width: 120px;
  height: 120px;
  background-image: url('/assets/images/person-running-sprite.webp');
  background-repeat: no-repeat;
  background-position: 0 0;
  animation: person-running 14.970s steps(1, end) infinite;
}

@keyframes person-running {
  0.00000% { background-position: -0px -0px; }
  0.55556% { background-position: -120px -0px; }
  1.11111% { background-position: -240px -0px; }
  1.66667% { background-position: -360px -0px; }
  2.22222% { background-position: -480px -0px; }
  2.77778% { background-position: -600px -0px; }
  3.33333% { background-position: -720px -0px; }
  3.88889% { background-position: -840px -0px; }
  4.44444% { background-position: -960px -0px; }
  5.00000% { background-position: -1080px -0px; }
  5.55556% { background-position: -1200px -0px; }
  6.11111% { background-position: -1320px -0px; }
  6.66667% { background-position: -1440px -0px; }
  7.22222% { background-position: -1560px -0px; }
  7.77778% { background-position: -0px -120px; }
  8.33333% { background-position: -120px -120px; }
  8.88889% { background-position: -240px -120px; }
  9.44444% { background-position: -360px -120px; }
  10.00000% { background-position: -480px -120px; }
  10.55556% { background-position: -600px -120px; }
  11.11111% { background-position: -720px -120px; }
  11.66667% { background-position: -840px -120px; }
  12.22222% { background-position: -960px -120px; }
  12.77778% { background-position: -1080px -120px; }
  13.33333% { background-position: -1200px -120px; }
  13.88889% { background-position: -1320px -120px; }
  14.44444% { background-position: -1440px -120px; }
  15.00000% { background-position: -1560px -120px; }
  15.55556% { background-position: -0px -240px; }
  16.11111% { background-position: -120px -240px; }
  16.66667% { background-position: -240px -240px; }
  17.22222% { background-position: -360px -240px; }
  17.77778% { background-position: -480px -240px; }
  18.33333% { background-position: -600px -240px; }
  18.88889% { background-position: -720px -240px; }
  19.44444% { background-position: -840px -240px; }
  20.00000% { background-position: -960px -240px; }
  20.55556% { background-position: -1080px -240px; }
  21.11111% { background-position: -1200px -240px; }
  21.66667% { background-position: -1320px -240px; }
  22.22222% { background-position: -1440px -240px; }
  22.77778% { background-position: -1560px -240px; }
  23.33333% { background-position: -0px -360px; }
  23.88889% { background-position: -120px -360px; }
  24.44444% { background-position: -240px -360px; }
  25.00000% { background-position: -360px -360px; }
  25.55556% { background-position: -480px -360px; }
  26.11111% { background-position: -600px -360px; }
  26.66667% { background-position: -720px -360px; }
  27.22222% { background-position: -840px -360px; }
  27.77778% { background-position: -960px -360px; }
  28.33333% { background-position: -1080px -360px; }
  28.88889% { background-position: -1200px -360px; }
  29.44444% { background-position: -1320px -360px; }
  30.00000% { background-position: -1440px -360px; }
  30.55556% { background-position: -1560px -360px; }
  31.11111% { background-position: -0px -480px; }
  31.66667% { background-position: -120px -480px; }
  32.22222% { background-position: -240px -480px; }
  32.77778% { background-position: -360px -480px; }
  33.33333% { background-position: -480px -480px; }
  33.88889% { background-position: -600px -480px; }
  34.44444% { background-position: -720px -480px; }
  35.00000% { background-position: -840px -480px; }
  35.55556% { background-position: -960px -480px; }
  36.11111% { background-position: -1080px -480px; }
  36.66667% { background-position: -1200px -480px; }
  37.22222% { background-position: -1320px -480px; }
  37.77778% { background-position: -1440px -480px; }
  38.33333% { background-position: -1560px -480px; }
  38.88889% { background-position: -0px -600px; }
  39.44444% { background-position: -120px -600px; }
  40.00000% { background-position: -240px -600px; }
  40.55556% { background-position: -360px -600px; }
  41.11111% { background-position: -480px -600px; }
  41.66667% { background-position: -600px -600px; }
  42.22222% { background-position: -720px -600px; }
  42.77778% { background-position: -840px -600px; }
  43.33333% { background-position: -960px -600px; }
  43.88889% { background-position: -1080px -600px; }
  44.44444% { background-position: -1200px -600px; }
  45.00000% { background-position: -1320px -600px; }
  45.55556% { background-position: -1440px -600px; }
  46.11111% { background-position: -1560px -600px; }
  46.66667% { background-position: -0px -720px; }
  47.22222% { background-position: -120px -720px; }
  47.77778% { background-position: -240px -720px; }
  48.33333% { background-position: -360px -720px; }
  48.88889% { background-position: -480px -720px; }
  49.44444% { background-position: -600px -720px; }
  50.00000% { background-position: -720px -720px; }
  50.55556% { background-position: -840px -720px; }
  51.11111% { background-position: -960px -720px; }
  51.66667% { background-position: -1080px -720px; }
  52.22222% { background-position: -1200px -720px; }
  52.77778% { background-position: -1320px -720px; }
  53.33333% { background-position: -1440px -720px; }
  53.88889% { background-position: -1560px -720px; }
  54.44444% { background-position: -0px -840px; }
  55.00000% { background-position: -120px -840px; }
  55.55556% { background-position: -240px -840px; }
  56.11111% { background-position: -360px -840px; }
  56.66667% { background-position: -480px -840px; }
  57.22222% { background-position: -600px -840px; }
  57.77778% { background-position: -720px -840px; }
  58.33333% { background-position: -840px -840px; }
  58.88889% { background-position: -960px -840px; }
  59.44444% { background-position: -1080px -840px; }
  60.00000% { background-position: -1200px -840px; }
  60.55556% { background-position: -1320px -840px; }
  61.11111% { background-position: -1440px -840px; }
  61.66667% { background-position: -1560px -840px; }
  62.22222% { background-position: -0px -960px; }
  62.77778% { background-position: -120px -960px; }
  63.33333% { background-position: -240px -960px; }
  63.88889% { background-position: -360px -960px; }
  64.44444% { background-position: -480px -960px; }
  65.00000% { background-position: -600px -960px; }
  65.55556% { background-position: -720px -960px; }
  66.11111% { background-position: -840px -960px; }
  66.66667% { background-position: -960px -960px; }
  67.22222% { background-position: -1080px -960px; }
  67.77778% { background-position: -1200px -960px; }
  68.33333% { background-position: -1320px -960px; }
  68.88889% { background-position: -1440px -960px; }
  69.44444% { background-position: -1560px -960px; }
  70.00000% { background-position: -0px -1080px; }
  70.55556% { background-position: -120px -1080px; }
  71.11111% { background-position: -240px -1080px; }
  71.66667% { background-position: -360px -1080px; }
  72.22222% { background-position: -480px -1080px; }
  72.77778% { background-position: -600px -1080px; }
  73.33333% { background-position: -720px -1080px; }
  73.88889% { background-position: -840px -1080px; }
  74.44444% { background-position: -960px -1080px; }
  75.00000% { background-position: -1080px -1080px; }
  75.55556% { background-position: -1200px -1080px; }
  76.11111% { background-position: -1320px -1080px; }
  76.66667% { background-position: -1440px -1080px; }
  77.22222% { background-position: -1560px -1080px; }
  77.77778% { background-position: -0px -1200px; }
  78.33333% { background-position: -120px -1200px; }
  78.88889% { background-position: -240px -1200px; }
  79.44444% { background-position: -360px -1200px; }
  80.00000% { background-position: -480px -1200px; }
  80.55556% { background-position: -600px -1200px; }
  81.11111% { background-position: -720px -1200px; }
  81.66667% { background-position: -840px -1200px; }
  82.22222% { background-position: -960px -1200px; }
  82.77778% { background-position: -1080px -1200px; }
  83.33333% { background-position: -1200px -1200px; }
  83.88889% { background-position: -1320px -1200px; }
  84.44444% { background-position: -1440px -1200px; }
  85.00000% { background-position: -1560px -1200px; }
  85.55556% { background-position: -0px -1320px; }
  86.11111% { background-position: -120px -1320px; }
  86.66667% { background-position: -240px -1320px; }
  87.22222% { background-position: -360px -1320px; }
  87.77778% { background-position: -480px -1320px; }
  88.33333% { background-position: -600px -1320px; }
  88.88889% { background-position: -720px -1320px; }
  89.44444% { background-position: -840px -1320px; }
  90.00000% { background-position: -960px -1320px; }
  90.55556% { background-position: -1080px -1320px; }
  91.11111% { background-position: -1200px -1320px; }
  91.66667% { background-position: -1320px -1320px; }
  92.22222% { background-position: -1440px -1320px; }
  92.77778% { background-position: -1560px -1320px; }
  93.33333% { background-position: -0px -1440px; }
  93.88889% { background-position: -120px -1440px; }
  94.44444% { background-position: -240px -1440px; }
  95.00000% { background-position: -360px -1440px; }
  95.55556% { background-position: -480px -1440px; }
  96.11111% { background-position: -600px -1440px; }
  96.66667% { background-position: -720px -1440px; }
  97.22222% { background-position: -840px -1440px; }
  97.77778% { background-position: -960px -1440px; }
  98.33333% { background-position: -1080px -1440px; }
  98.88889% { background-position: -1200px -1440px; }
  99.44444% { background-position: -1320px -1440px; }
  100% { background-position: 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  .person-running {
    animation: none;
  }
}