.vdt-ad-slot {
  --vdt-ad-max: 970px;
  position: relative;
  width: min(100%, var(--vdt-ad-max));
  margin: 28px auto;
  color: #fff;
  font-family: inherit;
  line-height: 1.45;
  clear: both;
}

.vdt-ad-label {
  display: block;
  margin: 0 0 6px;
  color: #667085;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .06em;
  text-align: center;
  text-transform: uppercase;
}

.vdt-ad-creative {
  --vdt-ad-ratio: 728 / 90;
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--vdt-ad-ratio);
  border: 1px solid rgba(148, 163, 184, .34);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
}

.vdt-ad-creative picture,
.vdt-ad-image-link,
.vdt-ad-creative img,
.vdt-ad-creative video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.vdt-ad-creative img {
  object-fit: contain;
}

.vdt-ad-creative video {
  background: #0f172a;
  object-fit: contain;
}

.vdt-ad-image-link {
  color: inherit;
  text-decoration: none;
}

.vdt-ad-video-link {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 9px 18px;
  background: #fff;
  color: #0b5fd7;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.vdt-ad-sample {
  display: flex;
  min-height: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  padding: 24px;
  background: linear-gradient(135deg, var(--vdt-ad-start, #0b5fd7), var(--vdt-ad-end, #00b8d9));
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
}

.vdt-ad-format--banner {
  --vdt-ad-max: 728px;
}

.vdt-ad-format--banner .vdt-ad-creative {
  --vdt-ad-ratio: 728 / 90;
}

.vdt-ad-format--leaderboard {
  --vdt-ad-max: 970px;
}

.vdt-ad-format--leaderboard .vdt-ad-creative {
  --vdt-ad-ratio: 970 / 90;
}

.vdt-ad-format--billboard {
  --vdt-ad-max: 970px;
}

.vdt-ad-format--billboard .vdt-ad-creative {
  --vdt-ad-ratio: 970 / 250;
}

.vdt-ad-format--rectangle {
  --vdt-ad-max: 300px;
}

.vdt-ad-format--rectangle .vdt-ad-creative {
  --vdt-ad-ratio: 300 / 250;
}

.vdt-ad-format--rail {
  --vdt-ad-max: 160px;
}

.vdt-ad-format--rail .vdt-ad-creative {
  --vdt-ad-ratio: 160 / 600;
}

.vdt-ad-format--video {
  --vdt-ad-max: 728px;
}

.vdt-ad-format--video .vdt-ad-creative {
  --vdt-ad-ratio: 16 / 9;
}

.vdt-ad-sample strong {
  color: inherit !important;
  font-size: clamp(17px, 2.2vw, 25px);
  line-height: 1.22;
  letter-spacing: .02em;
}

.vdt-ad-sample span {
  color: rgba(255, 255, 255, .9) !important;
  font-size: 13px;
}

.vdt-ad-sample em {
  padding: 3px 8px;
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 999px;
  color: #fff !important;
  font-size: 10px;
  font-style: normal;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.vdt-ad-slot--article_top,
.vdt-ad-slot--article_inline,
.vdt-ad-slot--article_bottom,
.vdt-ad-slot--archive_inline {
  --vdt-ad-max: 728px;
}

.vdt-ad-slot--article_sidebar,
.vdt-ad-slot--archive_sidebar {
  --vdt-ad-max: 300px;
  margin: 0 auto;
}

.vdt-ad-slot--article_sidebar .vdt-ad-sample,
.vdt-ad-slot--archive_sidebar .vdt-ad-sample {
  min-height: 100%;
}

.vdt-ad-slot--archive_top,
.vdt-ad-slot--archive_bottom,
.vdt-ad-slot--home_inline_1,
.vdt-ad-slot--home_inline_2 {
  --vdt-ad-max: 970px;
}

/* Format wins over the placement default when an editor intentionally chooses
   the compact 300 × 250 option for a wide content position. */
.vdt-ad-slot.vdt-ad-format--banner { --vdt-ad-max: 728px; }
.vdt-ad-slot.vdt-ad-format--leaderboard { --vdt-ad-max: 970px; }
.vdt-ad-slot.vdt-ad-format--billboard { --vdt-ad-max: 970px; }
.vdt-ad-slot.vdt-ad-format--rectangle { --vdt-ad-max: 300px; }
.vdt-ad-slot.vdt-ad-format--rail { --vdt-ad-max: 160px; }
.vdt-ad-slot.vdt-ad-format--video { --vdt-ad-max: 728px; }

.vdt-ad-format--video .vdt-ad-creative {
  aspect-ratio: auto;
}

.vdt-ad-format--video .vdt-ad-creative video {
  aspect-ratio: 16 / 9;
  height: auto;
}

.vdt-ad-home-wrap,
.vdt-ad-archive-wrap {
  width: 100%;
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 32px;
}

.vdt-ad-home-wrap {
  padding-top: 24px;
  padding-bottom: 24px;
}

.vdt-ad-slot--inside-content {
  margin-top: 34px;
  margin-bottom: 34px;
}

.vdt-post-content .vdt-ad-slot a {
  color: inherit;
  text-decoration: none;
}

.vdt-blog-grid > .vdt-ad-slot--archive_inline {
  grid-column: 1 / -1;
  align-self: center;
  margin-top: 8px;
  margin-bottom: 8px;
}

.vdt-ad-rails {
  display: none;
}

@media (min-width: 1200px) {
  .vdt-ad-slot--article_top {
    margin-top: 0;
  }
}

@media (max-width: 1199px) {
  .vdt-ad-slot--article_top,
  .vdt-ad-slot--article_sidebar,
  .vdt-ad-slot--archive_sidebar {
    display: none !important;
  }
}

@media (max-width: 900px) {
  .vdt-ad-home-wrap,
  .vdt-ad-archive-wrap {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (max-width: 767px) {
  .vdt-ad-slot {
    --vdt-ad-max: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .vdt-ad-slot.vdt-ad-slot--archive_top,
  .vdt-ad-slot.vdt-ad-slot--archive_bottom {
    --vdt-ad-max: 320px;
  }

  .vdt-ad-sample {
    padding: 20px 16px;
  }

  .vdt-ad-slot.vdt-ad-slot--article_inline,
  .vdt-ad-slot.vdt-ad-slot--article_bottom,
  .vdt-ad-slot.vdt-ad-slot--archive_inline,
  .vdt-ad-slot.vdt-ad-slot--home_inline_1,
  .vdt-ad-slot.vdt-ad-slot--home_inline_2 {
    --vdt-ad-max: 300px;
  }

  .vdt-ad-slot--article_inline .vdt-ad-creative,
  .vdt-ad-slot--article_bottom .vdt-ad-creative,
  .vdt-ad-slot--archive_inline .vdt-ad-creative,
  .vdt-ad-slot--home_inline_1 .vdt-ad-creative,
  .vdt-ad-slot--home_inline_2 .vdt-ad-creative {
    --vdt-ad-ratio: 300 / 250;
  }

  .vdt-ad-slot--article_top .vdt-ad-creative,
  .vdt-ad-slot--archive_top .vdt-ad-creative,
  .vdt-ad-slot--archive_bottom .vdt-ad-creative {
    --vdt-ad-ratio: 320 / 100;
  }

  .vdt-ad-home-wrap,
  .vdt-ad-archive-wrap {
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media (min-width: 1920px) and (min-height: 740px) {
  .vdt-ad-rails {
    display: block;
  }

  .vdt-ad-slot--rail_left,
  .vdt-ad-slot--rail_right {
    --vdt-ad-max: 160px;
    position: fixed;
    z-index: 20;
    top: 118px;
    width: 160px;
    margin: 0;
  }

  .vdt-ad-slot--rail_left {
    left: max(10px, calc((100vw - 1540px) / 2 - 172px));
  }

  .vdt-ad-slot--rail_right {
    right: max(10px, calc((100vw - 1540px) / 2 - 172px));
  }

  .vdt-ad-slot--rail_left .vdt-ad-sample,
  .vdt-ad-slot--rail_right .vdt-ad-sample {
    padding: 18px 10px;
  }

  .vdt-ad-slot--rail_left .vdt-ad-sample strong,
  .vdt-ad-slot--rail_right .vdt-ad-sample strong {
    font-size: 16px;
  }
}

@media print {
  .vdt-ad-slot,
  .vdt-ad-rails {
    display: none !important;
  }
}