foreignObject[thingskit-component] > div {
  width: 100%;
  height: 100%;
}

foreignObject[thingskit-component] > div > div {
  width: 100%;
  height: 100%;
}

foreignObject[thingskit-component] > div > div > div {
  width: 100%;
  height: 100%;
} 

// 水流效果
.water-flow-animation {
  animation: dash-forward 1s linear infinite;
}

@keyframes dash-forward {
  to {
    stroke-dashoffset: -40
  }
}

.act-flash-animation {
  animation: act-flash infinite 1.5s;
}

@keyframes act-flash {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.act-visible {
  display: block;
}

.act-hidden {
  display: none;
}

.act-spin-animation {
  -webkit-animation: spin 1s linear infinite;
  animation: act-spin 2s linear infinite;
}

@keyframes act-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}