:host {
  display: inline-block;
}

svg {
  vertical-align: middle;
}

@keyframes eq-uppydowny {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.5);
  }
  100% {
    transform: scaleY(1);
  }
}
.bar {
  position: absolute;
  bottom: 0px;
  fill: var(--staytuned-waves-color, #216fd4);
}
.light .bar {
  fill: #000000;
}
.dark .bar {
  fill: #ffffff;
}

.animated .bar {
  animation-name: eq-uppydowny;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  transform-origin: 8px 16px;
  -webkit-transform-origin: 8px 16px;
}

.bar1 {
  animation-duration: 0.5s;
}

.bar2 {
  animation-duration: 1.3s;
}

.bar3 {
  animation-duration: 0.7s;
}