.playing-bars {
  @apply bg-muted-100 dark:bg-muted-700 h-8 w-8 flex justify-between items-end p-2 rounded-md;
}

.playing-bar {
  width: 30%;
  height: 100%;
  animation: up-and-down 1.3s ease infinite alternate;
  @apply inline-block bg-orange-500;
}

.playing-bar1 {
  height: 60%;
}

.playing-bar2 {
  height: 30%;
  animation-delay: -2.2s;
}

.playing-bar3 {
  height: 75%;
  animation-delay: -3.7s;
}

@keyframes up-and-down {
  10% {
    height: 30%;
  }
  
  30% {
    height: 100%;
  }
  
  60% {
    height: 50%;
  }
  
  80% {
    height: 75%;
  }
  
  100% {
    height: 60%;
  }
}