html,
body {
  height: 100%;
}

[data-mb-theme] {
  --mb-fg: #fff;
  --mb-bg: transparent;
  --mb-md-em: #fff;
  --mb-md-a: #4cb9fc;
  --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: 14px;

  height: 100%;
  max-height: 100vh;
  max-width: 100%;
  overflow: hidden;
  display: flex;
}

.mb-inline-ad {
  height: 100%;
}

.mb-md-p {
  font-weight: 600;
  line-height: 1.5;
}

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

.mb-inline-ad-content {
  order: 2;
  flex-grow: 1;

  @media screen and (max-height: 249px) {
    display: none;
  }
}

.mb-inline-image-container {
  order: 1;
  flex-shrink: 0;
  flex-grow: 0;
  margin: 0 0 10px 0;
  max-width: 100%;
}

.mb-inline-image {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.mb-inline-video-container {
  --max-height: 100vh;
  order: 1;
  flex-shrink: 0;
  flex-grow: 0;
  margin: 0 0 10px 0;
  max-width: 100%;
}

.mb-inline-video-player {
  max-width: 100%;
  border-radius: 8px;
}

.mb-media-position--left {
  display: flex;
  flex-direction: column;
  align-items: center;

  @media screen and (max-height: 249px) {
    justify-content: center;
  }
}