/* Generated from config/readings.json by src/board-css.ts. Do not edit:
   it is rebuilt from the readings every time the server starts. */
/* 5 readings, 5000ms each, 25000ms a cycle. */

:root { --plot-cycle: 25000ms; }

@keyframes plot-travel {
  0% { transform: translate(68.4px, 84.2px); }
  16% { transform: translate(68.4px, 84.2px); }
  20% { transform: translate(523.9px, 526.9px); }
  36% { transform: translate(523.9px, 526.9px); }
  40% { transform: translate(903.6px, 216.8px); }
  56% { transform: translate(903.6px, 216.8px); }
  60% { transform: translate(738.2px, 207.8px); }
  76% { transform: translate(738.2px, 207.8px); }
  80% { transform: translate(701.4px, 311.7px); }
  96% { transform: translate(701.4px, 311.7px); }
  100% { transform: translate(68.4px, 84.2px); }
}

@keyframes plot-read {
  0% { opacity: 0; transform: translateY(8px); }
  2.4% { opacity: 1; transform: none; }
  16% { opacity: 1; transform: none; }
  18% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 0; transform: translateY(-6px); }
}

.plot__read:nth-child(2) { animation-delay: 5000ms; }
.plot__read:nth-child(3) { animation-delay: 10000ms; }
.plot__read:nth-child(4) { animation-delay: 15000ms; }
.plot__read:nth-child(5) { animation-delay: 20000ms; }

@keyframes flap {
  0% { transform: translateY(0); }
  18% { transform: translateY(calc(var(--flap-h) * 0)); animation-timing-function: steps(6, end); }
  20% { transform: translateY(calc(var(--flap-h) * -6)); }
  38% { transform: translateY(calc(var(--flap-h) * -6)); animation-timing-function: steps(6, end); }
  40% { transform: translateY(calc(var(--flap-h) * -12)); }
  58% { transform: translateY(calc(var(--flap-h) * -12)); animation-timing-function: steps(6, end); }
  60% { transform: translateY(calc(var(--flap-h) * -18)); }
  78% { transform: translateY(calc(var(--flap-h) * -18)); animation-timing-function: steps(6, end); }
  80% { transform: translateY(calc(var(--flap-h) * -24)); }
  98% { transform: translateY(calc(var(--flap-h) * -24)); animation-timing-function: steps(6, end); }
  100% { transform: translateY(calc(var(--flap-h) * -30)); }
}

.flap:nth-child(2) .flap__strip { animation-delay: calc(var(--flap-stagger) * 1); }
.flap:nth-child(3) .flap__strip { animation-delay: calc(var(--flap-stagger) * 2); }
.flap:nth-child(4) .flap__strip { animation-delay: calc(var(--flap-stagger) * 3); }
.flap:nth-child(5) .flap__strip { animation-delay: calc(var(--flap-stagger) * 4); }
.flap:nth-child(6) .flap__strip { animation-delay: calc(var(--flap-stagger) * 5); }
.flap:nth-child(7) .flap__strip { animation-delay: calc(var(--flap-stagger) * 6); }
.flap:nth-child(8) .flap__strip { animation-delay: calc(var(--flap-stagger) * 7); }
.flap:nth-child(9) .flap__strip { animation-delay: calc(var(--flap-stagger) * 8); }
.flap:nth-child(10) .flap__strip { animation-delay: calc(var(--flap-stagger) * 9); }
.flap:nth-child(11) .flap__strip { animation-delay: calc(var(--flap-stagger) * 10); }
.flap:nth-child(12) .flap__strip { animation-delay: calc(var(--flap-stagger) * 11); }
.flap:nth-child(13) .flap__strip { animation-delay: calc(var(--flap-stagger) * 12); }
.flap:nth-child(14) .flap__strip { animation-delay: calc(var(--flap-stagger) * 13); }
.flap:nth-child(15) .flap__strip { animation-delay: calc(var(--flap-stagger) * 14); }
.flap:nth-child(16) .flap__strip { animation-delay: calc(var(--flap-stagger) * 15); }
.flap:nth-child(17) .flap__strip { animation-delay: calc(var(--flap-stagger) * 16); }
.flap:nth-child(18) .flap__strip { animation-delay: calc(var(--flap-stagger) * 17); }
.flap:nth-child(19) .flap__strip { animation-delay: calc(var(--flap-stagger) * 18); }
.flap:nth-child(20) .flap__strip { animation-delay: calc(var(--flap-stagger) * 19); }
.flap:nth-child(21) .flap__strip { animation-delay: calc(var(--flap-stagger) * 20); }
.flap:nth-child(22) .flap__strip { animation-delay: calc(var(--flap-stagger) * 21); }
.flap:nth-child(23) .flap__strip { animation-delay: calc(var(--flap-stagger) * 22); }
.flap:nth-child(24) .flap__strip { animation-delay: calc(var(--flap-stagger) * 23); }
.flap:nth-child(25) .flap__strip { animation-delay: calc(var(--flap-stagger) * 24); }
.flap:nth-child(26) .flap__strip { animation-delay: calc(var(--flap-stagger) * 25); }
.flap:nth-child(27) .flap__strip { animation-delay: calc(var(--flap-stagger) * 26); }
.flap:nth-child(28) .flap__strip { animation-delay: calc(var(--flap-stagger) * 27); }
.flap:nth-child(29) .flap__strip { animation-delay: calc(var(--flap-stagger) * 28); }
.flap:nth-child(30) .flap__strip { animation-delay: calc(var(--flap-stagger) * 29); }
.flap:nth-child(31) .flap__strip { animation-delay: calc(var(--flap-stagger) * 30); }
.flap:nth-child(32) .flap__strip { animation-delay: calc(var(--flap-stagger) * 31); }

@media (prefers-reduced-motion: reduce) {
  .plot__pin { transform: translate(68.4px, 84.2px); }
}