/* Generated by Scripts/sync-poppy-loader.mjs. Edit the bundled JSON artwork. */
.pixel-loader { --pixel-size: 16px; display: inline-block; flex: none; width: var(--pixel-size); height: var(--pixel-size); background: url('./poppy-loader.svg') calc(var(--pixel-size) * -45) 0 / calc(var(--pixel-size) * 46) var(--pixel-size) no-repeat; image-rendering: pixelated; }
.pixel-loader[data-active='true'] { animation: poppy-pixel-bloom 4800ms step-end infinite; }
.pixel-loader[hidden] { display: none; }
@keyframes poppy-pixel-bloom {
  0.000000% { background-position: calc(var(--pixel-size) * -0) 0; }
  2.083333% { background-position: calc(var(--pixel-size) * -1) 0; }
  4.166667% { background-position: calc(var(--pixel-size) * -2) 0; }
  6.250000% { background-position: calc(var(--pixel-size) * -3) 0; }
  8.333333% { background-position: calc(var(--pixel-size) * -4) 0; }
  10.416667% { background-position: calc(var(--pixel-size) * -5) 0; }
  12.500000% { background-position: calc(var(--pixel-size) * -6) 0; }
  14.583333% { background-position: calc(var(--pixel-size) * -7) 0; }
  16.666667% { background-position: calc(var(--pixel-size) * -8) 0; }
  18.750000% { background-position: calc(var(--pixel-size) * -9) 0; }
  20.833333% { background-position: calc(var(--pixel-size) * -10) 0; }
  22.916667% { background-position: calc(var(--pixel-size) * -11) 0; }
  25.000000% { background-position: calc(var(--pixel-size) * -12) 0; }
  27.083333% { background-position: calc(var(--pixel-size) * -13) 0; }
  29.166667% { background-position: calc(var(--pixel-size) * -14) 0; }
  31.250000% { background-position: calc(var(--pixel-size) * -15) 0; }
  33.333333% { background-position: calc(var(--pixel-size) * -16) 0; }
  35.416667% { background-position: calc(var(--pixel-size) * -17) 0; }
  37.500000% { background-position: calc(var(--pixel-size) * -18) 0; }
  39.583333% { background-position: calc(var(--pixel-size) * -19) 0; }
  41.666667% { background-position: calc(var(--pixel-size) * -20) 0; }
  43.750000% { background-position: calc(var(--pixel-size) * -21) 0; }
  45.833333% { background-position: calc(var(--pixel-size) * -22) 0; }
  47.916667% { background-position: calc(var(--pixel-size) * -23) 0; }
  50.000000% { background-position: calc(var(--pixel-size) * -24) 0; }
  52.083333% { background-position: calc(var(--pixel-size) * -25) 0; }
  54.166667% { background-position: calc(var(--pixel-size) * -26) 0; }
  56.250000% { background-position: calc(var(--pixel-size) * -27) 0; }
  58.333333% { background-position: calc(var(--pixel-size) * -28) 0; }
  60.416667% { background-position: calc(var(--pixel-size) * -29) 0; }
  62.500000% { background-position: calc(var(--pixel-size) * -30) 0; }
  64.583333% { background-position: calc(var(--pixel-size) * -31) 0; }
  66.666667% { background-position: calc(var(--pixel-size) * -32) 0; }
  68.750000% { background-position: calc(var(--pixel-size) * -33) 0; }
  70.833333% { background-position: calc(var(--pixel-size) * -34) 0; }
  72.916667% { background-position: calc(var(--pixel-size) * -35) 0; }
  75.000000% { background-position: calc(var(--pixel-size) * -36) 0; }
  77.083333% { background-position: calc(var(--pixel-size) * -37) 0; }
  79.166667% { background-position: calc(var(--pixel-size) * -38) 0; }
  81.250000% { background-position: calc(var(--pixel-size) * -38) 0; }
  83.333333% { background-position: calc(var(--pixel-size) * -39) 0; }
  85.416667% { background-position: calc(var(--pixel-size) * -37) 0; }
  87.500000% { background-position: calc(var(--pixel-size) * -35) 0; }
  89.583333% { background-position: calc(var(--pixel-size) * -40) 0; }
  91.666667% { background-position: calc(var(--pixel-size) * -41) 0; }
  93.750000% { background-position: calc(var(--pixel-size) * -42) 0; }
  95.833333% { background-position: calc(var(--pixel-size) * -43) 0; }
  97.916667% { background-position: calc(var(--pixel-size) * -44) 0; }
  100% { background-position: calc(var(--pixel-size) * -0) 0; }
}
@media (prefers-reduced-motion: reduce) { .pixel-loader[data-active='true'] { animation: none; } }