.mwai-discussions,
.mwai-chat {
  --mwai-spacing: 15px;
  --mwai-fontSize: 15px;
  --mwai-lineHeight: 1.5;
  --mwai-borderRadius: 10px;
  --mwai-width: 460px;
  --mwai-maxHeight: 40vh;
  --mwai-iconTextColor: white;
  --mwai-iconTextBackgroundColor: #343541;
  --mwai-fontColor: #FFFFFF;
  --mwai-backgroundPrimaryColor: #454654;
  --mwai-backgroundHeaderColor: #343541;
  --mwai-headerButtonsColor: #FFFFFF;
  --mwai-conversationsBackgroundColor: #202123;
  --mwai-conversationsTextColor: #FFFFFF;
  --mwai-backgroundSecondaryColor: #343541;
  --mwai-errorBackgroundColor: #6d2f2a;
  --mwai-errorTextColor: #FFFFFF;
}

#mwai-new-chat {
  color: white;
  height: 30px;
  font-size: 13px;
}

#mwai-search {
  font-size: 13px;
  height: 30px;
}

#mwai-list-options {
  border-color: #ffffff52 !important;
}

#mwai-list-options:hover  {
  background-color: #454654 !important;
  border-color: #454654 !important;
}

#mwai-list-options:hover .icon-hamburger {
    content: url('./font/bars.svg');
    display: block;
    height: 1em;
    width: 1em;
    filter: brightness(0) invert(1) !important;
}

.mwai-pagination {
  display: flex;
  align-items: center;
  min-height: 30px;
  --mwai-unclickableFontColor: #fff !important;
  font-size: 12px;
}

.mwai-discussions button,
.mwai-chat button {
  color: var(--mwai-fontColor);
  background: var(--mwai-backgroundSecondaryColor);
  border: 1px solid var(--mwai-backgroundPrimaryColor);
  padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
  min-width: 90px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  position: relative;
}

.mwai-discussions button .mwai-timer,
.mwai-chat button .mwai-timer {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 11px;
}

.mwai-discussions button:hover,
.mwai-chat button:hover {
  background: var(--mwai-backgroundPrimaryColor);
}

.mwai-discussions button[disabled],
.mwai-chat button[disabled] {
  cursor: not-allowed;
}

.mwai-discussions button[disabled] span,
.mwai-chat button[disabled] span {
  opacity: 0.5;
}

.mwai-discussions button[disabled].mwai-busy span,
.mwai-chat button[disabled].mwai-busy span {
  display: none;
}

.mwai-discussions button[disabled].mwai-busy:before,
.mwai-chat button[disabled].mwai-busy:before {
  content: '';
  width: 18px;
  height: 18px;
  margin: auto;
  border: 3px solid transparent;
  border-top-color: var(--mwai-fontColor);
  border-radius: 50%;
  animation: mwai-button-spinner 1s ease infinite;
}

.mwai-discussions {
  border-radius: var(--mwai-borderRadius);
  background: var(--mwai-backgroundHeaderColor);
  overflow: hidden;
}

.mwai-discussions * {
  box-sizing: border-box;
}

.mwai-discussions .mwai-header {
  color: var(--mwai-headerButtonsColor);
  padding: var(--mwai-spacing);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mwai-discussions .mwai-content {
  background: var(--mwai-conversationsBackgroundColor);
  list-style: none;
  padding: calc(var(--mwai-spacing) / 2);
  margin: 0;
}

.mwai-discussions .mwai-content .mwai-discussion {
  margin: 0;
}

.mwai-discussions .mwai-content li {
  color: var(--mwai-conversationsTextColor);
  font-size: 11px;
  padding: calc(var(--mwai-spacing) / 2);
  opacity: 0.65;
}

.mwai-discussions .mwai-content li.mwai-active {
  background: var(--mwai-backgroundPrimaryColor);
  border-radius: var(--mwai-borderRadius);
  opacity: 1;
}

.mwai-discussions .mwai-content li:hover {
  background: var(--mwai-backgroundPrimaryColor);
  border-radius: var(--mwai-borderRadius);
  cursor: pointer;
}