.clientMediaTransitionFreeze {
  position: absolute;
  z-index: 5;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.clientMediaTransitionFreeze > canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* The old caption fades with its photograph; the logo and CTA stay in place. */
.clientMediaTransitionFreeze > .clientMediaLiveOverlay {
  display: block;
}

.clientCompositePromptSurface {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #fff;
}

.clientCompositePromptSurface[hidden],
.clientMediaStage.has-custom-media .clientMediaLiveOverlay[hidden] {
  display: none;
}

.clientCompositePromptSurface .clientActualIntroMessage {
  top: 6%;
  height: 70%;
}

/* The instruction already contains its artwork and the empty gold button. */
.clientMediaLiveOverlay.is-instruction > img {
  display: none;
}

.clientMediaLiveOverlay.is-instruction .clientActualIntroCta {
  background: transparent;
}
