/* BOI360_VOICE_WAVE_V68P */

#boi68p-wave{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:12px 0;
  padding:15px;
  border-radius:15px;
  background:#eef7f0;
  border:1px solid #d0e5d6;
}

#boi68p-wave[hidden]{
  display:none!important;
}

#boi68p-bars{
  height:64px;
  display:flex;
  gap:5px;
  justify-content:center;
  align-items:center;
}

#boi68p-bars span{
  width:5px;
  height:10px;
  background:#168452;
  border-radius:20px;
  opacity:.65;
}

#boi68p-wave.boi68p-active #boi68p-bars span{
  animation:boi68p-pulse .85s ease-in-out infinite alternate;
}

#boi68p-bars span:nth-child(2n){
  animation-delay:-.3s;
}
#boi68p-bars span:nth-child(3n){
  animation-delay:-.6s;
}
#boi68p-bars span:nth-child(4n){
  animation-delay:-.15s;
}
#boi68p-bars span:nth-child(5n){
  animation-delay:-.47s;
}

@keyframes boi68p-pulse{
  0%{
    height:8px;
    opacity:.45;
  }
  100%{
    height:53px;
    opacity:1;
  }
}

#boi68p-label{
  font-size:14px;
  font-weight:600;
  color:#116440;
}

@media(prefers-reduced-motion:reduce){
  #boi68p-wave.boi68p-active #boi68p-bars span{
    animation:none;
    height:20px;
  }
}