/* Scoped to exported research figures; the host keeps its own article design. */
figure[data-odi-interactive] {
  width: 100%;
  max-width: 100%;
  margin: 2rem 0;
}

figure[data-odi-interactive] > [data-odi-fallback] {
  display: block;
}

figure[data-odi-interactive] > [data-odi-fallback] img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

figure[data-odi-interactive] > .odi-interactive-frame {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
  visibility: hidden;
}

figure[data-odi-interactive][data-odi-ready] > .odi-interactive-frame {
  visibility: visible;
}

figure[data-odi-interactive] > [data-odi-fallback][hidden] {
  display: none !important;
}

figure[data-odi-interactive] > figcaption {
  margin-top: .75rem;
  line-height: 1.55;
}

@media print {
  figure[data-odi-interactive] > .odi-interactive-frame {
    display: none !important;
  }
  figure[data-odi-interactive] > [data-odi-fallback],
  figure[data-odi-interactive] > [data-odi-fallback][hidden] {
    display: block !important;
  }
}