.mwai-discussions {
  --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 {
    filter: brightness(0) invert(1) !important;
}

.icon-hamburger {
  height: 0.65em !important;
  width: 0.65em !important;
}

.mwai-pagination {
  display: flex;
  align-items: center;
  min-height: 30px;
  --mwai-unclickableFontColor: #fff !important;
  font-size: 12px;
}

.mwai-discussions 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:hover {
  background: var(--mwai-backgroundPrimaryColor);
}

.mwai-discussions button[disabled] {
  cursor: not-allowed;
}

.mwai-discussions button[disabled] span {
  opacity: 0.5;
}

.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;
}