#mod_3_microgrid {
  height: 900px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1600px;
}
#mod_3_microgrid svg {
  height: 100%;
  margin-left: 10.5%;
  margin-top: 16px;
}
#mod_3_microgrid .mod3Arrow {
  display: none;
  transform-box: fill-box;
  transform-origin: center;
  transform: rotate(95deg);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  fill: none;
  stroke: rgb(150,193,213);
  stroke-width: 6.67px;
  stroke-miterlimit: 1.5;
}
.mod3ValueBox {
  display: none;
}
#switchOff:hover, #switchOn:hover {
  cursor: pointer;
}
@keyframes energyFlowUp {
  0% {
    motion-offset: 0%;
    offset-distance: 0%;
  }
  100% {
    motion-offset: 100%;
    offset-distance: 100%;
  }
}
@keyframes energyFlowDown {
  0% {
    motion-offset: 100%;
    offset-distance: 100%;
    transform: rotate(275deg);
  }
  100% {
    motion-offset: 0%;
    offset-distance: 0%;
    transform: rotate(275deg);
  }
}

/* ROTATION */
#rotor_container {
  transform-origin: center;
  transform-box: fill-box;
  animation: spin 6s infinite linear;
}

@keyframes spin {
  0% {transform: rotate(0deg)}
  100% {transform: rotate(360deg)}
}