/* WESCO Tutor LMS interactive HTML viewer 1.0.0.
 * Scoped to WESCO shortcode output; no global Tutor LMS layout overrides.
 */
.wesco-html-lesson.wesco-tutor-html-lesson {
  display: block !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  clear: both;
  isolation: isolate;
  z-index: 2;
  pointer-events: auto !important;
}
.wesco-html-lesson.wesco-tutor-html-lesson > iframe {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: var(--wesco-frame-height, 700px) !important;
  min-height: 250px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  position: relative !important;
  inset: auto !important;
  aspect-ratio: auto !important;
  object-fit: initial !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
  z-index: 2;
}
/* Fall back for the optional Tutor LMS Video > Shortcode placement only.
   Tutor's main course player, navigation, and normal video lessons are unchanged.
 */
.tutor-video-player-wrapper.wesco-tutor-interactive-host {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  transform: none !important;
  background: transparent !important;
  pointer-events: auto !important;
}
.tutor-video-player-wrapper.wesco-tutor-interactive-host .wesco-tutor-video-layout {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  transform: none !important;
}
.tutor-video-player-wrapper.wesco-tutor-interactive-host::before,
.tutor-video-player-wrapper.wesco-tutor-interactive-host::after,
.tutor-video-player-wrapper.wesco-tutor-interactive-host .wesco-tutor-video-layout::before,
.tutor-video-player-wrapper.wesco-tutor-interactive-host .wesco-tutor-video-layout::after {
  display: none !important;
  pointer-events: none !important;
}
@media (max-width: 640px) {
  .wesco-html-lesson.wesco-tutor-html-lesson,
  .wesco-html-lesson.wesco-tutor-html-lesson > iframe {
    min-width: 0 !important;
  }
}