:root {
  --adra-runtime-teal: #04565d;
  --adra-runtime-gold: #bc882e;
  --adra-runtime-ink: #173744;
}

.adra-scorm-runtime {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.adra-scorm-runtime .adra-scorm-status {
  margin: 0 0 8px;
  color: var(--adra-runtime-teal);
  font: 700 14px/1.4 Arial, Helvetica, sans-serif;
}

.adra-scorm-runtime.is-ready .adra-scorm-status {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.adra-scorm-runtime iframe {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 820px;
  height: max(820px, calc(100vh - 180px));
  border: 0;
  border-radius: 0;
  background: #fff;
}

.adra-scorm-runtime[hidden],
.adra-scorm-runtime.adra-lms-runtime-duplicate {
  display: none !important;
}

.adra-scorm-notice {
  margin: 12px 0;
  padding: 14px 16px;
  border-left: 5px solid var(--adra-runtime-gold);
  background: #fff7e6;
  color: var(--adra-runtime-ink);
}

@media (max-width: 800px) {
  .adra-scorm-runtime iframe {
    min-height: 660px;
    height: calc(100vh - 128px);
  }
}