/* MEETUS 0.6.25.6 COMMUNITY2-TG11-WORKSPACE61
   Replace the native browser audio controls in voice statuses with the
   same Meetus player used by video statuses. */

.meetus-status-voice-content{
  position:relative!important;
  box-sizing:border-box;
  padding:clamp(76px,10vh,120px) 18px clamp(92px,12vh,132px)!important;
}

.meetus-status-voice-content>audio{
  display:none!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

.meetus-status-voice-content .meetus-status-audio-controls,
.meetus-status-viewer-other .meetus-status-voice-content .meetus-status-audio-controls{
  position:relative!important;
  z-index:40!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(720px,calc(100vw - 32px))!important;
  flex:0 0 auto;
  pointer-events:auto!important;
  touch-action:manipulation;
}

.meetus-status-audio-controls button,
.meetus-status-audio-controls input,
.meetus-status-audio-controls span{
  pointer-events:auto!important;
}

.meetus-status-audio-controls input[type="range"]{
  touch-action:none;
}

.meetus-status-voice-bars i{
  animation-play-state:paused!important;
  opacity:.72;
}

.meetus-status-voice-content.is-playing .meetus-status-voice-bars i{
  animation-play-state:running!important;
  opacity:1;
}

@media(max-width:800px){
  .meetus-status-voice-content{
    gap:18px!important;
    padding:80px 8px 116px!important;
  }
  .meetus-status-voice-big-avatar{
    width:104px!important;
    height:104px!important;
  }
  .meetus-status-voice-bars{
    height:68px!important;
  }
  .meetus-status-voice-content .meetus-status-audio-controls{
    width:calc(100vw - 16px)!important;
  }
}