/* STS v5.6.183 - chat no-squash hard layout fix
   Keeps each message as a real row so usernames, badges and emotes can never overlap. */
html body.streamx-v5.twitch-v53 #chatMessages.chat-messages.pro-messages{
  display:block!important;
  padding:12px 12px 14px!important;
  background:#05070b!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  contain:layout paint!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.pro-message{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  overflow:visible!important;
  padding:7px 6px 9px!important;
  margin:0 0 6px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.pro-message:hover{
  background:rgba(168,85,247,.055)!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-avatar-mini{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  inset:auto!important;
  float:none!important;
  margin:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  transform:none!important;
  z-index:1!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-bubble{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:calc(100% - 44px)!important;
  display:block!important;
  position:relative!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
  z-index:1!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-meta{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  min-height:20px!important;
  height:auto!important;
  margin:0 0 4px!important;
  padding:0!important;
  overflow:hidden!important;
  line-height:20px!important;
  position:relative!important;
  float:none!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-name,
html body.streamx-v5.twitch-v53 #chatMessages .chat-name-link{
  display:inline-block!important;
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:132px!important;
  height:20px!important;
  line-height:20px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:1000!important;
  text-decoration:none!important;
  vertical-align:middle!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .badge-row.sts-role-badges,
html body.streamx-v5.twitch-v53 #chatMessages .chat-meta .badge-row{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:4px!important;
  max-width:70px!important;
  height:20px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .creator-badge,
html body.streamx-v5.twitch-v53 #chatMessages .badge-row.compact .creator-badge{
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  display:inline-grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  line-height:1!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .creator-badge .badge-icon{
  width:16px!important;
  height:16px!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:14px!important;
  line-height:16px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .creator-badge .badge-label{display:none!important;}
html body.streamx-v5.twitch-v53 #chatMessages .inline-mod-menu,
html body.streamx-v5.twitch-v53 #chatMessages .mod-menu{
  flex:0 0 auto!important;
  width:22px!important;
  height:20px!important;
  margin-left:auto!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-body{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:18px!important;
  max-height:none!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  color:#f5f7ff!important;
  font-size:13.5px!important;
  line-height:1.45!important;
  font-weight:600!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-body{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  min-height:34px!important;
  line-height:1!important;
  padding-top:1px!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-body img,
html body.streamx-v5.twitch-v53 #chatMessages .chat-emote,
html body.streamx-v5.twitch-v53 #chatMessages .emote-inline,
html body.streamx-v5.twitch-v53 #chatMessages img.emote{
  display:inline-block!important;
  position:static!important;
  float:none!important;
  width:26px!important;
  height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  object-fit:contain!important;
  margin:0 2px!important;
  vertical-align:middle!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-body img,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-emote,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .emote-inline,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only img.emote{
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  margin:0 2px 2px 0!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.system-line,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line[data-chat-username="System"]{
  display:block!important;
  padding:8px 10px!important;
  margin:7px 0!important;
  text-align:center!important;
  background:linear-gradient(90deg,transparent,rgba(57,255,20,.08),transparent)!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.system-line .chat-bubble,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line[data-chat-username="System"] .chat-bubble{
  max-width:100%!important;
  width:100%!important;
  display:block!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.system-line .chat-body,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line[data-chat-username="System"] .chat-body{
  text-align:center!important;
  color:#bfffc9!important;
  font-weight:900!important;
}
html body.streamx-v5.twitch-v53 #emoteTray .emote-pick{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  width:auto!important;
  min-width:auto!important;
}
@media(max-width:560px){
  html body.streamx-v5.twitch-v53 #chatMessages .chat-line.pro-message{gap:8px!important;padding:6px 4px 8px!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .chat-avatar-mini{flex-basis:32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .chat-bubble{max-width:calc(100% - 40px)!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .chat-name,
  html body.streamx-v5.twitch-v53 #chatMessages .chat-name-link{max-width:112px!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .badge-row.sts-role-badges{max-width:54px!important;}
}