@import url("https://fonts.googleapis.com/css?family=Fredoka+One");
body {
  
  color: #efeff1;
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  /* overflow: hidden; */
  background-color: transparent;
  margin: 0;
}

.half-transparent {
  background-color: rgba(0, 0, 0, 0.5)!important;
}

#chat {
  /* position: absolute; */
  width: 365px;
  background-color: rgb(14, 14, 16, 0.5);
  padding: 8px;
}
.channel-name {
  font-size: 14px;
  opacity: .6;
  margin-right: 5px;
}
.chat-line {
  overflow: hidden;
  max-height: 0px;
/*   transition: opacity 2s, max-height 1s, margin-top 1s; */
}
.chat-line.visible {
  margin-top: 10px;
  max-height: 500px;
/*   transition: opacity 2s, max-height 1s, margin-top 300ms; */
}
.chat-line .chat-line-inner {
  padding: 2px;
  overflow-wrap: break-word;
}
.chat-line .chat-line-inner .badges img.badge {
  margin-right: 2px;
  width: 18px;
  height: 18px;
}
.chat-line .chat-line-inner.admin .message {
  opacity: 0.4;
}

.user-name {
  color: inherit;
  font-weight: 600;
}

.message img.emoji {
  width: 20px;
}

.alert {
  background-color: black;
  padding: 10px;
  color: rgb(29, 201, 249);
}

.full-width {
  width: auto!important;
  font-size: 2.1vh;
}

.full-width .channel-name {
  font-size: 1.3vh!important; 
}

#chat.full-width {
  background-color: transparent!important; 
}

.full-width .chat-line .chat-line-inner .badges img.badge {
  margin-right: 2px;
  width: 2vh!important;
  height: 2vh!important;
}

img {
  vertical-align: middle;
}

.highlighted-message-text {
  font-size: .75em;
  margin-bottom: 5px;
  color: #c9c9c9;
}
.highlighted-message {
  padding-bottom: 10px;
    line-height: .5;
}
.highlight-message {
  padding: 10px!important;
  background-color: #242424;
}

.highlight-chat-message {
  background-color: #755ebc;
}