/**
 * Chai mobile app styles
 */

[data-mb-theme] {
  --mb-fg: #fff;
  --mb-bg: #303030;
  --mb-md-em: #fff;
  --mb-md-a: #fb3b46;
  --mb-video-control-color: #fb3c47;
  --mb-video-control-bg: #fd9ca2;
  --mb-font-family:
    ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --mb-font-size: 15px;
  --mb-badge-fg: #ababab;
  --mb-padding: 12px;
}

.mb-md-p {
  line-height: 1.214;
}

.mb-md-a {
  text-decoration: none;
  font-weight: 600;
}

.mb-inline-ad {
  display: flex;
  flex-direction: column;
}

.mb-inline-ad-content {
  display: flex;
}

.mb-inline-ad-avatar {
  margin-right: 12px;
  flex-shrink: 0;
}

.mb-ad-badge {
  display: flex;
  align-self: flex-end;
  margin-top: 8px;
  margin-right: 0;
  padding: 0;
}

.mb-ad-badge-text {
  font-size: var(--mb-font-size);
}