/* Stream page player, sized to the video's real shape (--cu-ratio = width /
   height, set by BunnyVideoPlayerFormatter). Landscape fills the width as
   before; portrait and square become an upright box, centred, no taller
   than 80% of the screen, so it is big on phones without taking over a
   desktop screen. */
.cu-player {
  position: relative;
  width: min(100%, calc(80vh * var(--cu-ratio, 1.7778)));
  width: min(100%, calc(80svh * var(--cu-ratio, 1.7778)));
  aspect-ratio: var(--cu-ratio, 1.7778);
  margin: 0 auto;
  overflow: hidden;
  background: #000;
}

.cu-player > iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}