* {
  transition: all .3s;
}

:root {
  --status-green: #fe6e6f;
}

body {
  overflow: hidden;
}

.voice_container {
  margin-right: 2rem;
}

.voice_container ul.voice_states {
  width: 100%;
  height: 100vh;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: end;
}

.voice_container ul.voice_states li[data-userid="387465159322632202"], .voice_container ul.voice_states li[data-userid="615120886852485120"] {
  display: none;
}

.voice_container ul.voice_container li.voice_state {
  position: relative;
}

.voice_container ul.voice_states li.voice_state img {
  width: 50px;
  height: auto;
  opacity: .5;
}

.voice_container ul.voice_states li.voice_state.wrapper_speaking {
  position: relative;
  animation: speak-now 1s ease infinite;
}

.voice_container ul.voice_states li.voice_state.wrapper_speaking img {
  opacity: 1;
}

@keyframes speak-now { 
  0% {
      bottom: 0px;
  }
  50% {
      bottom:5px;
  }
  0% {
      bottom: 0px;
  }
  100% {
      bottom:0px;
  }
}