#videozone {
    width: calc(100vw - 2 * var(--body-margin-horizontal));
    min-height: var(--video-minimal-height);
    position: relative;
}

#video {
    position: relative;
    text-align: left;
    width: fit-content;
}

#video > video {
    max-height: calc(100vh - var(--header-height) - var(--settings-height) - var(--video-controls-height) - var(--detection-banner-height) - var(--sections-banner-height) - 2 * var(--body-margin-vertical));
    max-width: calc(100vw
        - 2 * var(--body-margin-horizontal)
        - 2 * var(--main-border-width));
    min-height: var(--video-minimal-height);
    display: block;
}

#overlayMessage {
  position: absolute;
  bottom: calc(var(--video-controls-height) + 1em);
  right: 1em;
  width: calc(100% - 2em);
  text-align: right;
}

@keyframes overlay-message-disappear {
  from {
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  5% {
    opacity: .9;
  }
  50% {
    opacity: .9;
  }
  to {
    opacity: 0
  }
}
#overlayMessage > div {
  opacity: 0;
  color: hsl(0 0% 95%);
  font-size: 3em;
  font-family: arial;
  font-weight: bolder;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  animation-name: overlay-message-disappear;
  animation-duration: 8s;
  animation-iteration-count: 1;
}