.cc-ad-slot {
  --cc-ad-height-mobile: 280px;
  --cc-ad-height-desktop: 250px;
  clear: both;
  display: block;
  margin: clamp(1.5rem, 4vw, 2.75rem) auto;
  max-width: 100%;
  min-height: var(--cc-ad-height-mobile);
  overflow: hidden;
  text-align: center;
  transition: min-height .2s ease, margin .2s ease;
}
.cc-ad-slot__label {
  color: #667085;
  display: block;
  font-size: .6875rem;
  letter-spacing: .06em;
  line-height: 1.4;
  margin-bottom: .35rem;
  text-transform: uppercase;
}
.cc-ad-slot__unit {
  margin-inline: auto;
  max-width: 100%;
}
.cc-ad-slot__test {
  align-items: center;
  background: repeating-linear-gradient(135deg, #f4f6f8, #f4f6f8 12px, #e8edf2 12px, #e8edf2 24px);
  border: 1px dashed #667085;
  border-radius: 8px;
  color: #344054;
  display: flex;
  font-size: .875rem;
  font-weight: 600;
  justify-content: center;
  min-height: calc(var(--cc-ad-height-mobile) - 1.75rem);
  padding: 1rem;
}
.cc-ad-slot[data-cc-unfilled="1"] {
  margin-block: 0;
  min-height: 0;
}
.cc-ad-slot[data-cc-unfilled="1"] .cc-ad-slot__label { display: none; }
.cc-ad-slot--before_content,
.cc-ad-slot--theme_before_content { margin-top: 0; }
.cc-ad-slot--after_content,
.cc-ad-slot--theme_after_content { margin-bottom: 0; }
@media (min-width: 768px) {
  .cc-ad-slot { min-height: var(--cc-ad-height-desktop); }
  .cc-ad-slot__test { min-height: calc(var(--cc-ad-height-desktop) - 1.75rem); }
}
@media (prefers-reduced-motion: reduce) {
  .cc-ad-slot { transition: none; }
}