:root {
  display: block;
  position: relative;

  /* CSS property defaults */
  --scrolling-video-text-font-family: var(--sans);
  --scrolling-video-text-font-size: 21px;
  --scrolling-video-text-line-height: 1.5em;
  --scrolling-video-text-color: var(--fc);
  --scrolling-video-text-background: var(--bc);
  --scrolling-video-text-border: none;
  --scrolling-video-text-max-width: 400px;
  --scrolling-video-text-alignment: start;
  --scrolling-video-text-radius: 0px;

  --scrolling-video-watermark-height: 30px;
  --scrolling-video-watermark-margin: 10px;
  --scrolling-video-watermark-bottom: 0px;
  --scrolling-video-watermark-right: 0px;

  --scrolling-video-object-fit: cover;
  --scrolling-video-object-position: center;
}

@media only screen and (max-width: 600px) {
  :root {
    --scrolling-video-watermark-height: 20px;
  }
}