/* v46: animate twelve small layers; never animate the large map raster. */
.mx-flow-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  transform-style: preserve-3d;
  visibility: hidden;
}
.mx-flow-packet {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  color: #ffe39a;
  background: linear-gradient(90deg,currentColor 0 57%,transparent 57% 100%) 0 0 / var(--flow-dash) 100% repeat-x;
  border-radius: 1px;
  transform-origin: 0 0;
  will-change: transform, opacity;
  pointer-events: none;
}
.mx-flow-packet.is-hub { color: #ff8681; }
.mx[data-route-flow="ready"] .mx-stage[data-phase="orbit"] .mx-flow { opacity: .28; }
.mx[data-route-flow="ready"] .mx-stage[data-phase="orbit"] .mx-flow-overlay { visibility: visible; }
.mx[data-network-motion="entrance"] .mx-flow-overlay,
.mx[data-network-motion="reduced"] .mx-flow-overlay { visibility: hidden !important; }
@media (prefers-reduced-motion: reduce) {
  .mx-flow-overlay { display: none; }
  .mx[data-route-flow="ready"] .mx-stage[data-phase="orbit"] .mx-flow { opacity: 1; }
}