.oak-scorm {
  position: relative;
  --oak-scorm-fullscreen-bg: var(--rcc-color-bg-main, #ffffff);
  --oak-scorm-frame-radius: var(--rcc-border-radius-md, 8px);
  --oak-scorm-back-top: 2.5rem;
  --oak-scorm-back-right: 14rem;
  --oak-scorm-back-color: var(--rcc-color-teal-1, #122d39);
  --oak-scorm-back-label-size: calc(var(--rcc-font-size-smallest, 1.3rem) * 0.94);
}
.oak-scorm__frame {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 600px;
  border: 0;
  border-radius: var(--oak-scorm-frame-radius);
  transition: opacity 0.2s ease;
}
.oak-scorm--fullscreen {
  position: fixed;
  inset: 0;
  z-index: 1055;
  margin: 0;
  background-color: var(--oak-scorm-fullscreen-bg);
}
.oak-scorm--fullscreen .oak-scorm__frame {
  height: 100%;
  min-height: 0;
  border-radius: 0;
}
.oak-scorm--fullscreen .oak-scorm__back {
  position: fixed;
}
.oak-scorm__back {
  position: absolute;
  top: var(--oak-scorm-back-top);
  right: var(--oak-scorm-back-right);
  z-index: 1060;
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.6rem;
  border: 0;
  background-color: transparent;
  color: var(--oak-scorm-back-color);
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.oak-scorm__back:hover, .oak-scorm__back:focus-visible {
  opacity: 0.7;
  outline: none;
}
.oak-scorm__back-label {
  font-size: var(--oak-scorm-back-label-size);
  line-height: 1;
  text-transform: uppercase;
}