/* v5.6.176 - Wave button hides and the input expands fully */
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 96px!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  background:#080b11!important;
  border-top:1px solid rgba(168,85,247,.34)!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn{
  grid-column:1!important;
  width:54px!important;
  height:42px!important;
  min-width:54px!important;
  max-width:54px!important;
  padding:0!important;
  margin:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form #chatInput{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form button[type="submit"],
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form > button:last-child{
  grid-column:3!important;
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form:has(.chat-wave-btn[hidden]){
  grid-template-columns:minmax(0,1fr) 96px!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden #chatInput,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used #chatInput,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form:has(.chat-wave-btn[hidden]) #chatInput{
  grid-column:1!important;
  width:100%!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden button[type="submit"],
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used button[type="submit"],
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden > button:last-child,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used > button:last-child,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form:has(.chat-wave-btn[hidden]) > button:last-child{
  grid-column:2!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn[hidden],
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn.sent,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn.cooldown-hidden,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden .chat-wave-btn,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used .chat-wave-btn{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  max-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-9999px!important;
}
@media (max-width: 520px){
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form{
    grid-template-columns:48px minmax(0,1fr) 82px!important;
    padding:7px!important;
  }
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden,
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used{
    grid-template-columns:minmax(0,1fr) 82px!important;
  }
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn{width:48px!important;min-width:48px!important;max-width:48px!important;}
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form > button:last-child{width:82px!important;min-width:82px!important;max-width:82px!important;}
}