/* Fallback for cached pages that still contain AIMarky's markup. */
.ai-image-badge {
  display: none !important;
}

.dv-ai-badge-host {
  position: relative;
}

a.dv-ai-badge-host {
  display: inline-block;
}

.dv-ai-image-badge {
  background: #fff;
  border: 1px solid rgb(20 20 20 / 12%);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgb(0 0 0 / 16%);
  display: block;
  height: 2.25rem;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  left: var(--dv-ai-badge-left, auto);
  top: var(--dv-ai-badge-top, auto);
  width: 2.25rem;
  z-index: 30;
}

.dv-ai-image-badge-label {
  height: 5.15rem;
  max-width: none;
  position: absolute;
  transform: translate(-1.27rem, -1.5rem);
  width: 5.15rem;
}

/* The vertical headline slider uses compact preview images. */
.mm-slider-thumbs .dv-ai-image-badge {
  height: 1.125rem;
  width: 1.125rem;
}

.mm-slider-thumbs .dv-ai-image-badge-label {
  height: 2.4rem;
  transform: translate(-0.55rem, -0.64rem);
  width: 2.4rem;
}

@media (max-width: 480px) {
  .dv-ai-image-badge {
    height: 2rem;
    width: 2rem;
  }

  .dv-ai-image-badge-label {
    height: 4.6rem;
    transform: translate(-1.13rem, -1.35rem);
    width: 4.6rem;
  }
}