@import ~mweb/common/components/base

.chat-status,
.chat-message,
.chat-moderation,
.chat-subscribe
  padding: 5px 20px

.chat-message__badge
  margin-right: 3px
  vertical-align: middle

.chat-message__username,
.chat-message__cheer-amount
  font-weight: bold

.chat-message__emote
  vertical-align: middle
  margin: -5px 0

.chat-subscribe__prime,
.chat-message__link
  text-decoration: underline

.chat-message__link
  word-wrap: break-word

.chat-status
  color: $hinted-grey-7

.chat-message--deleted,
.chat-subscribe__prime
  color: $twitch-purple

.chat-subscribe
  color: $hinted-grey-7
  background: $hinted-grey-15
  border-left: 4px solid #{$twitch-purple}
  padding-left: 16px

.chat-subscribe__message
  color: initial
