/* Motion is active only while the local simulation is running. */
[data-scada-demo] [data-scada-level],
[data-scada-demo] [data-scada-pressure],
[data-scada-demo] [data-scada-temperature] {
  font-variant-numeric: tabular-nums;
}

.scada-metrics strong > [data-scada-level],
.scada-metrics strong > [data-scada-pressure],
.scada-metrics strong > [data-scada-temperature] {
  display: inline;
  font: inherit;
  color: inherit;
  margin: 0;
}

[data-scada-demo] .scada-flow {
  stroke-dasharray: 14 8;
  stroke-linecap: round;
  animation: scada-demo-flow 2.4s linear infinite;
  animation-play-state: paused;
}

[data-scada-demo].scada-demo-running .scada-flow {
  animation-play-state: running;
}

@keyframes scada-demo-flow {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -44; }
}

@media (prefers-reduced-motion: reduce) {
  [data-scada-demo] .scada-flow {
    animation: none;
    stroke-dasharray: none;
  }
}