/**
* @prop --vm-captions-text-color: The color of the captions text.
* @prop --vm-captions-font-size: Font size of captions when device screen size is <768px.
* @prop --vm-captions-font-size-medium: Font size of captions when device screen size is >768px.
* @prop --vm-captions-font-size-large: Font size of captions when device screen size is >992px.
* @prop --vm-captions-font-size-xlarge: Font size of captions when device screen size is >1200px.
* @prop --vm-captions-cue-bg-color: The background color of active cues.
* @prop --vm-captions-cue-border-radius: The border radius of active cues.
* @prop --vm-captions-cue-padding: The padding around active cues.
* @prop --vm-captions-z-index: The position in the UI z-axis stack inside the player.
*/
vime-captions {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: var(--vm-captions-text-color);
  font-size: var(--vm-captions-font-size);
  padding: var(--vm-control-spacing);
  z-index: var(--vm-captions-z-index);
  display: none;
  pointer-events: none;
  transition: transform 0.4s ease-in-out;
}
vime-captions.enabled {
  display: inline-block;
}
vime-captions.hidden {
  display: none !important;
}
@media (min-width: 768px) {
  vime-captions {
    font-size: var(--vm-captions-font-size-medium);
  }
}
@media (min-width: 992px) {
  vime-captions {
    font-size: var(--vm-captions-font-size-large);
  }
}
@media (min-width: 1200px) {
  vime-captions {
    font-size: var(--vm-captions-font-size-xlarge);
  }
}
vime-captions span {
  display: inline-block;
  background: var(--vm-captions-cue-bg-color);
  border-radius: var(--vm-captions-cue-border-radius);
  box-decoration-break: clone;
  line-height: 185%;
  padding: var(--vm-captions-cue-padding);
  white-space: pre-wrap;
  pointer-events: none;
}
vime-captions span :global(div) {
  display: inline;
}
vime-captions span:empty {
  display: none;
}