.mwai-statistics {
  --mwai-spacing: 15px;
  --mwai-fontSize: 15px;
  --mwai-borderRadius: 10px;
  --mwai-fontColor: #FFFFFF;
  --mwai-backgroundPrimaryColor: #454654;
  --mwai-backgroundSecondaryColor: #343541;
  --mwai-aiAvatarBackgroundColor: #10a37f;
  --mwai-userAvatarBackgroundColor: #135ea4;
  --mwai-headerButtonsColor: #FFFFFF;
}

.mwai-statistics-usage {
  display: flex;
}

.mwai-statistics-usage .mwai-statistics-bar-container {
  flex: auto;
  background: var(--mwai-backgroundSecondaryColor);
  border-radius: var(--mwai-borderRadius);
  padding: 3px;
  text-align: center;
  height: 30px;
}

.mwai-statistics-usage .mwai-statistics-bar-container .mwai-statistics-bar {
  background: #2c9b80;
  border-radius: var(--mwai-borderRadius);
  height: 100%;
}

.mwai-statistics-usage .mwai-statistics-bar-container .mwai-statistics-bar .mwai-statistics-bar-text {
  color: var(--mwai-fontColor);
  font-size: var(--mwai-fontSize);
}

.mwai-statistics-usage .mwai-statistics-bar-text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  color: var(--mwai-fontColor);
  font-size: var(--mwai-fontSize);
}
