/**
 * Liner mobile app styles
 */

[data-mb-theme] {
  --mb-fg: #1e1e1f;
  --mb-bg: transparent;
  --mb-md-em: #0c893b;
  --mb-md-a: #0c893b;
  --mb-video-control-color: #0c893b;
  --mb-video-control-bg: #fff;
  --mb-font-family:
    "Pretendard JP Variable", "Pretendard JP", "Pretendard", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --mb-font-size: 16px;
  --mb-overlay-bg: hsla(0, 0%, 0%, 0.4);
  --mb-badge-bg: #eaeaea;
  --mb-badge-fg: #1e1e1f;
}

[data-mb-theme="dark"] {
  --mb-fg: #fff;
  --mb-badge-bg: #eaeaea;
  --mb-md-em: #c3ffd0;
  --mb-md-a: #c3ffd0;
}

.mb-md-p {
  line-height: 1.5;
}
.mb-inline-ad-content {
  order: 2;
}
.mb-inline-image-container {
  order: 1;
  flex-shrink: 0;
  flex-grow: 0;

  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;

  @media screen and (min-width: 480px) {
    margin-right: 16px;
    margin-bottom: 0;
  }
}
.mb-inline-image {
  --max-height: 150px;
}
.mb-inline-video-container {
  --max-height: 150px;
  margin-top: 0;
  order: 1;
  flex-shrink: 0;
  flex-grow: 0;
  width: auto !important;

  margin-right: 0;
  margin-bottom: 10px;

  @media screen and (min-width: 480px) {
    margin-right: 16px;
    margin-bottom: 0;
  }
}

.mb-ad-badge {
  padding: 4px 6px;
  display: flex;
  justify-self: flex-start;
  margin-top: 8px;
  margin-right: 0;
}

.mb-banner-frame {
  max-height: 100px;
  max-width: 100%;

  @media screen and (min-width: 768px) {
    margin-top: 10px;
  }
}