Spotify Equalizer Wave Loader

<!--
  Author: @codepeek
  License: MIT
  Tags: #equalizer #loaders #wave
-->
<div class="spot-loader">
  <div class="spot-wave w1"></div>
  <div class="spot-wave w2"></div>
  <div class="spot-wave w3"></div>
</div>

/*
 * Author: @codepeek
 * License: MIT
 * Tags: #equalizer #loaders #wave
 */

.spot-loader {
  width: 70px;
  height: 70px;
  background: #1db954;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  box-shadow: 0 0 20px rgba(29, 185, 84, 0.4);
}
.spot-wave {
  background: #121212;
  border-radius: 10px;
  animation: waveEq 1s ease-in-out infinite alternate;
}
.w1 { width: 40px; height: 6px; animation-delay: 0.1s; }
.w2 { width: 34px; height: 5px; animation-delay: 0.3s; }
.w3 { width: 26px; height: 5px; animation-delay: 0.5s; }
@keyframes waveEq {
  0% { transform: scaleX(0.5); opacity: 0.5; }
  100% { transform: scaleX(1.1); opacity: 1; }
}