.audio {
  --i: 0;
  --state: paused;

  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  min-width: 16px;
  z-index: 3;
  position: relative;
  pointer-events: none;

  .line {
    background: var(--line-color, #00ff7f);
    animation: play 1s ease infinite;
    animation-delay: calc(var(--i) * 0.1s);
    animation-play-state: var(--state);
    height: 10px;
    width: 2px;
    margin: 0 1px;
  }
}

@keyframes play {
  0% {
    transform: scaleY(1);
  }

  50% {
    transform: scaleY(1.5);
  }

  100% {
    transform: scaleY(1);
  }
}
