/*!
 * SDK version: 8.4.36
 * Commit: fbdc25bd4
 */
/*!
 * SDK version: 8.4.36
 * Commit: fbdc25bd4
 */
/* vast player MS css */
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/

.vjs-default-skin .vjs-control-bar {
  display: block;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
       If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 16px;
  right: 16px;
  /* Height includes any margin you want above or below control items */
  height: 47;

  cursor: auto;
  background-color: transparent;
}

/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  background-color: transparent;
  bottom: 0px;
  transition: bottom 0.3s;
}

/* Never hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: visible;
  opacity: 1;
  background-color: transparent;
  bottom: -36px;
  transition: bottom 0.3s 1s;
}

.vjs-default-skin.vjs-has-started.vjs-user-inactive-first.vjs-playing .vjs-control-bar {
  display: block;
  visibility: visible;
  opacity: 1;
  background-color: transparent;
  bottom: -36px;
  transition: bottom 0.6s 2s;
}

/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 4px;
  /* Increase default height of progress bar by a decision for VIDLA-1692 */
  /* Set above the rest of the controls. */
  top: -1em;

  /* Shrink the bar slower than it grows. */
  transition: all 0.4s;
}

.vjs-default-skin .vjs-play-progress {
  background: #fac412 -50% 0 repeat;
  border-radius: 10px;
}
.vjs-default-skin .vjs-load-progress {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
}

/* there are child elements of the load progress bar that represent the
    specific time ranges that have been buffered */
.vjs-default-skin .vjs-load-progress div {
  background: rgba(255, 255, 255, 0.4);
}

/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-family: 'Segoe UI Variable Static Text', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
  width: auto;
}
.vjs-default-skin .vjs-current-time {
  float: left;
  color: #ffffff;
}
.vjs-default-skin .vjs-duration {
  float: left;
  color: rgba(255, 255, 255, 0.54);
}
.vjs-default-skin .vjs-time-divider {
  font-family: 'Segoe UI Variable Static Text', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  float: left;
  line-height: 3em;
  color: rgba(255, 255, 255, 0.54);
  padding-left: 0.2em;
  padding-right: 0.2em;
}

@media (forced-colors: active) {
  .vjs-default-skin .vjs-current-time,
  .vjs-default-skin .vjs-duration {
    color: linktext;
  }
}

/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 40px;
  height: 38px;
  margin-top: 2px;
  margin-right: 10px;
  margin-left: -8px;
  cursor: pointer;
  border-style: dotted;
  border-color: rgb(0, 0, 0, 0);
  border-width: thin;
}
.vjs-default-skin .vjs-play-control:focus-visible {
  border-style: solid;
  border-color: rgb(255, 255, 255, 0.8);
  border-width: thin;
  border-radius: 4px;
}

.vjs-default-skin .vjs-play-control:before {
  display: flex;
  align-items: center;
  justify-content: center;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMi4yNTMxN0MwIDAuNTQ2MzE3IDEuODI2MDkgLTAuNTM4OTkzIDMuMzI1MzggMC4yNzY3OTZMMTUuNjg3IDcuMDAyOTVDMTcuMjUzMSA3Ljg1NTEyIDE3LjI1MzEgMTAuMTAzNSAxNS42ODcgMTAuOTU1N0wzLjMyNTM4IDE3LjY4MTlDMS44MjYwOSAxOC40OTc2IDAgMTcuNDEyMyAwIDE1LjcwNTVWMi4yNTMxN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==);
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzUgMEMwLjc4MzUwMiAwIDAgMC43ODM1MDIgMCAxLjc1VjE2LjI1QzAgMTcuMjE2NSAwLjc4MzUwMiAxOCAxLjc1IDE4SDUuMjVDNi4yMTY1IDE4IDcgMTcuMjE2NSA3IDE2LjI1VjEuNzVDNyAwLjc4MzUwMiA2LjIxNjUgMCA1LjI1IDBIMS43NVpNMTAuNzUgMEM5Ljc4MzUgMCA5IDAuNzgzNTAyIDkgMS43NVYxNi4yNUM5IDE3LjIxNjUgOS43ODM1IDE4IDEwLjc1IDE4SDE0LjI1QzE1LjIxNjUgMTggMTYgMTcuMjE2NSAxNiAxNi4yNVYxLjc1QzE2IDAuNzgzNTAyIDE1LjIxNjUgMCAxNC4yNSAwSDEwLjc1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+);
}

@media (forced-colors: active) {
  .vjs-default-skin .vjs-play-control:before {
    content: '';
    background-color: buttontext;
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMi4yNTMxN0MwIDAuNTQ2MzE3IDEuODI2MDkgLTAuNTM4OTkzIDMuMzI1MzggMC4yNzY3OTZMMTUuNjg3IDcuMDAyOTVDMTcuMjUzMSA3Ljg1NTEyIDE3LjI1MzEgMTAuMTAzNSAxNS42ODcgMTAuOTU1N0wzLjMyNTM4IDE3LjY4MTlDMS44MjYwOSAxOC40OTc2IDAgMTcuNDEyMyAwIDE1LjcwNTVWMi4yNTMxN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==);
    mask-repeat: no-repeat;
    mask-position: center;
  }
  .vjs-default-skin.vjs-playing .vjs-play-control:before {
    content: '';
    background-color: buttontext;
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzUgMEMwLjc4MzUwMiAwIDAgMC43ODM1MDIgMCAxLjc1VjE2LjI1QzAgMTcuMjE2NSAwLjc4MzUwMiAxOCAxLjc1IDE4SDUuMjVDNi4yMTY1IDE4IDcgMTcuMjE2NSA3IDE2LjI1VjEuNzVDNyAwLjc4MzUwMiA2LjIxNjUgMCA1LjI1IDBIMS43NVpNMTAuNzUgMEM5Ljc4MzUgMCA5IDAuNzgzNTAyIDkgMS43NVYxNi4yNUM5IDE3LjIxNjUgOS43ODM1IDE4IDEwLjc1IDE4SDE0LjI1QzE1LjIxNjUgMTggMTYgMTcuMjE2NSAxNiAxNi4yNVYxLjc1QzE2IDAuNzgzNTAyIDE1LjIxNjUgMCAxNC4yNSAwSDEwLjc1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+);
    mask-repeat: no-repeat;
    mask-position: center;
  }
}

/* Provider - Ad Indicator + Learn More
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-ad-provider {
  min-height: 22px;
  position: absolute;
  bottom: 63px;
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 4px;
}
.vjs-default-skin .vjs-ad-indicator {
  line-height: 16px;
  width: auto;
  border: 0.5px solid #ffffff;
  border-radius: 4px;
  float: left;
  font-family: 'Segoe UI Variable Static Small', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  padding: 3px 5px 3px;
  background-color: transparent;
  cursor: default;
  font-weight: 400;
  color: #ffffff;
  white-space: pre-wrap;
  text-align: center;
}
.vjs-default-skin .vjs-ad-learnmore-container {
  width: auto;
  float: left;
  background-color: transparent;
  line-height: 20px;
  cursor: pointer;
  border: 1px dotted rgba(255, 255, 255, 0.01);
  border-radius: 4px;
}
.vjs-default-skin .vjs-ad-learnmore-container-tl {
  width: auto;
  float: left;
  background-color: transparent;
  line-height: 20px;
  max-width: 90%;
  border: 1px dotted rgba(255, 255, 255, 0.01);
  border-radius: 4px;
  position: absolute;
  top: 4px;
  left: 15px;
}
.vjs-default-skin .vjs-ad-learnmore-container-tr {
  width: auto;
  float: left;
  background-color: transparent;
  line-height: 20px;
  max-width: 90%;
  border: 1px dotted rgba(255, 255, 255, 0.01);
  border-radius: 4px;
  position: absolute;
  top: 4px;
  right: 5px;
}
.vjs-default-skin .vjs-ad-learnmore {
  width: auto;
  float: left;
  background-color: transparent;
  font-family: 'Segoe UI Variable Static Text', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  margin-right: 7px;
  margin-top: 2px;
  color: #ffffff;
  line-height: 20px;
  padding-left: 4px;
  padding-bottom: 2px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: flex;
}

.vjs-default-skin .vjs-ad-cta-learnmore {
  width: auto;
  float: left;
  background-color: transparent;
  font-family: 'Segoe UI Variable Static Text', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  gap: 5px;
  align-items: center;
}

@media (forced-colors: active) {
  .vjs-default-skin .vjs-ad-indicator {
    color: buttontext;
    background: buttonface;
    border-color: buttonborder;
  }
}

/* click through graphic after Learn more text */
.vjs-default-skin .vjs-ad-learnmore:after {
  padding-left: 4px;
  padding-right: 4px;
  align-self: flex-end;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNDk5OTkgM0MzLjY3MTU3IDMgMyAzLjY3MTU3IDMgNC41VjExLjVDMyAxMi4zMjg0IDMuNjcxNTcgMTMgNC40OTk5OSAxM0gxMS41QzEyLjMyODQgMTMgMTIuOTk5OSAxMi4zMjg0IDEyLjk5OTkgMTEuNVY5LjI2OTIzQzEyLjk5OTkgOC45OTMwOSAxMy4yMjM4IDguNzY5MjMgMTMuNDk5OSA4Ljc2OTIzQzEzLjc3NjEgOC43NjkyMyAxMy45OTk5IDguOTkzMDkgMTMuOTk5OSA5LjI2OTIzVjExLjVDMTMuOTk5OSAxMi44ODA3IDEyLjg4MDcgMTQgMTEuNSAxNEg0LjQ5OTk5QzMuMTE5MjggMTQgMiAxMi44ODA3IDIgMTEuNVY0LjVDMiAzLjExOTI5IDMuMTE5MjggMiA0LjQ5OTk5IDJINi43MzA3NUM3LjAwNjg5IDIgNy4yMzA3NCAyLjIyMzg2IDcuMjMwNzQgMi41QzcuMjMwNzQgMi43NzYxNCA3LjAwNjg5IDMgNi43MzA3NSAzSDQuNDk5OTlaTTguNzY5MjYgMi41QzguNzY5MjYgMi4yMjM4NiA4Ljk5MzExIDIgOS4yNjkyNSAySDEzLjVDMTMuNzc2MSAyIDE0IDIuMjIzODYgMTQgMi41VjYuNzMwNzdDMTQgNy4wMDY5MSAxMy43NzYxIDcuMjMwNzcgMTMuNSA3LjIzMDc3QzEzLjIyMzkgNy4yMzA3NyAxMyA3LjAwNjkxIDEzIDYuNzMwNzdWMy43MDcxMUw5LjYyMjggNy4wODQzM0M5LjQyNzU0IDcuMjc5NTkgOS4xMTA5NiA3LjI3OTU5IDguOTE1NyA3LjA4NDMzQzguNzIwNDQgNi44ODkwNiA4LjcyMDQ0IDYuNTcyNDggOC45MTU3IDYuMzc3MjJMMTIuMjkyOSAzSDkuMjY5MjVDOC45OTMxMSAzIDguNzY5MjYgMi43NzYxNCA4Ljc2OTI2IDIuNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.vjs-default-skin .vjs-ad-learnmore-container:after {
  position: absolute;
  top: 7px;
}
.vjs-default-skin .vjs-ad-learnmore-container-tl:after {
  position: absolute;
  top: 5px;
}
.vjs-default-skin .vjs-ad-learnmore-container-tr:after {
  position: absolute;
  top: 5px;
  padding-right: 0px;
}

.vjs-default-skin .vjs-ad-learnmore-container-tl:focus-visible,
.vjs-default-skin .vjs-ad-learnmore-container-tr:focus-visible,
.vjs-default-skin .vjs-ad-learnmore-container:focus-visible {
  border-style: solid;
  border-color: rgb(255, 255, 255, 0.8);
  border-width: thin;
  border-radius: 4px;
}

.vjs-default-skin .vjs-ad-cta-provider {
  width: auto;
  float: left;
  background-color: transparent;
  font-family: 'Segoe UI Variable Static Text', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  margin-right: 7px;
  margin-top: 2px;
  color: #ffffff;
  line-height: 20px;
  padding-left: 4px;
  padding-bottom: 2px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
}

@media (forced-colors: active) {
  .vjs-default-skin .vjs-ad-learnmore {
    color: linktext;
  }

  .vjs-default-skin .vjs-ad-learnmore:after {
    content: '';
    background-color: buttontext;
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNDk5OTkgM0MzLjY3MTU3IDMgMyAzLjY3MTU3IDMgNC41VjExLjVDMyAxMi4zMjg0IDMuNjcxNTcgMTMgNC40OTk5OSAxM0gxMS41QzEyLjMyODQgMTMgMTIuOTk5OSAxMi4zMjg0IDEyLjk5OTkgMTEuNVY5LjI2OTIzQzEyLjk5OTkgOC45OTMwOSAxMy4yMjM4IDguNzY5MjMgMTMuNDk5OSA4Ljc2OTIzQzEzLjc3NjEgOC43NjkyMyAxMy45OTk5IDguOTkzMDkgMTMuOTk5OSA5LjI2OTIzVjExLjVDMTMuOTk5OSAxMi44ODA3IDEyLjg4MDcgMTQgMTEuNSAxNEg0LjQ5OTk5QzMuMTE5MjggMTQgMiAxMi44ODA3IDIgMTEuNVY0LjVDMiAzLjExOTI5IDMuMTE5MjggMiA0LjQ5OTk5IDJINi43MzA3NUM3LjAwNjg5IDIgNy4yMzA3NCAyLjIyMzg2IDcuMjMwNzQgMi41QzcuMjMwNzQgMi43NzYxNCA3LjAwNjg5IDMgNi43MzA3NSAzSDQuNDk5OTlaTTguNzY5MjYgMi41QzguNzY5MjYgMi4yMjM4NiA4Ljk5MzExIDIgOS4yNjkyNSAySDEzLjVDMTMuNzc2MSAyIDE0IDIuMjIzODYgMTQgMi41VjYuNzMwNzdDMTQgNy4wMDY5MSAxMy43NzYxIDcuMjMwNzcgMTMuNSA3LjIzMDc3QzEzLjIyMzkgNy4yMzA3NyAxMyA3LjAwNjkxIDEzIDYuNzMwNzdWMy43MDcxMUw5LjYyMjggNy4wODQzM0M5LjQyNzU0IDcuMjc5NTkgOS4xMTA5NiA3LjI3OTU5IDguOTE1NyA3LjA4NDMzQzguNzIwNDQgNi44ODkwNiA4LjcyMDQ0IDYuNTcyNDggOC45MTU3IDYuMzc3MjJMMTIuMjkyOSAzSDkuMjY5MjVDOC45OTMxMSAzIDguNzY5MjYgMi43NzYxNCA4Ljc2OTI2IDIuNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    mask-repeat: no-repeat;
    mask-position: center;
    width: 24px;
    height: 16px;
  }

  .vjs-default-skin .vjs-ad-indicator {
    color: buttontext;
    background: buttonface;
    border-color: buttonborder;
  }
}

/* Skip controls
--------------------------------------------------------------------------------
*/
#skip_button:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMS4yNTIxMUMwIDAuMjUxODU4IDEuMTE2NDIgLTAuMzQzMjQzIDEuOTQ2ODMgMC4yMTQzNjFMMTAuNDQ2MSA1LjkyMTQ0QzExLjE4MDYgNi40MTQ2NCAxMS4xODQzIDcuNDkzODMgMTAuNDUzMyA3Ljk5MjFMMS45NTQgMTMuNzg1QzEuMTI0MjIgMTQuMzUwNSAwIDEzLjc1NjIgMCAxMi43NTIxVjEuMjUyMTFaTTE0LjAwMDIgMC41QzE0LjAwMDIgMC4yMjM4NTggMTMuNzc2NCAyLjEwNzYzZS0wOCAxMy41MDAyIDIuMTA3NjNlLTA4QzEzLjIyNDEgMi4xMDc2M2UtMDggMTMuMDAwMiAwLjIyMzg1OCAxMy4wMDAyIDAuNVYxMy41QzEzLjAwMDIgMTMuNzc2MSAxMy4yMjQxIDE0IDEzLjUwMDIgMTRDMTMuNzc2NCAxNCAxNC4wMDAyIDEzLjc3NjEgMTQuMDAwMiAxMy41VjAuNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  position: absolute;
  width: 14px;
  height: 14px;
  top: calc(49% - 14px / 2 + 0px);
  right: 10px;
}
#skip_button {
  position: static !important;
  min-width: initial !important;
  margin-right: 1.5em !important;
  margin-left: 0em !important;
  font-family: 'Segoe UI Variable Static Text', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #ffffff !important;
  white-space: pre-wrap;
  text-align: center;
  min-height: 20px;
}
#ad_skip_text {
  position: static !important;
  min-width: initial !important;
  cursor: pointer !important;
  margin-right: 0em !important;
  margin-left: 0em !important;
  font-family: 'Segoe UI Variable Static Text', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #ffffff !important;
  white-space: pre-wrap;
}
.skipButtonWrapper {
  position: absolute;
  z-index: 2;
  width: auto;
  max-width: 29%;
  background-color: transparent;
  background: rgba(34, 34, 34, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  padding: 6px 12px;
  min-height: 22px;
}
.skipButtonWrapper:focus-visible {
  border: 1px solid rgba(255, 255, 255, 1);
}

@media (forced-colors: active) {
  #skip_button:after {
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMS4yNTIxMUMwIDAuMjUxODU4IDEuMTE2NDIgLTAuMzQzMjQzIDEuOTQ2ODMgMC4yMTQzNjFMMTAuNDQ2MSA1LjkyMTQ0QzExLjE4MDYgNi40MTQ2NCAxMS4xODQzIDcuNDkzODMgMTAuNDUzMyA3Ljk5MjFMMS45NTQgMTMuNzg1QzEuMTI0MjIgMTQuMzUwNSAwIDEzLjc1NjIgMCAxMi43NTIxVjEuMjUyMTFaTTE0LjAwMDIgMC41QzE0LjAwMDIgMC4yMjM4NTggMTMuNzc2NCAyLjEwNzYzZS0wOCAxMy41MDAyIDIuMTA3NjNlLTA4QzEzLjIyNDEgMi4xMDc2M2UtMDggMTMuMDAwMiAwLjIyMzg1OCAxMy4wMDAyIDAuNVYxMy41QzEzLjAwMDIgMTMuNzc2MSAxMy4yMjQxIDE0IDEzLjUwMDIgMTRDMTMuNzc2NCAxNCAxNC4wMDAyIDEzLjc3NjEgMTQuMDAwMiAxMy41VjAuNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    content: '';
    mask-position: center;
    mask-repeat: no-repeat;
    background-color: buttontext;
  }

  .skipButtonWrapper {
    background-color: buttonface;
    color: buttontext;
  }

  .skipButtonWrapper #ad_skip_text,
  .skipButtonWrapper #skip_button {
    color: buttontext !important;
  }

  .skipButtonWrapper:focus-visible {
    border: 1px solid buttonborder;
  }
}

#non_skippable_button {
  width: auto;
  font-family: 'Segoe UI Variable Static Text', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #ffffff;
  white-space: pre-wrap;
  text-align: center;
  min-height: 20px;
}
.non_skippable_button_wrapper {
  background: rgba(34, 34, 34, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  padding: 5px 12px;
}

/* Volume Panel
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-mute-control {
  cursor: pointer;
  flex: none;
  width: 40px;
  height: 40px;
  margin-top: -10px;

  border-style: dotted;
  border-color: rgba(0, 0, 0, 0);
  border-width: thin;
}
.vjs-default-skin .vjs-mute-control:focus-visible {
  border-style: solid;
  border-color: rgb(255, 255, 255, 0.8);
  border-width: thin;
  border-radius: 4px;
}

.vjs-default-skin .vjs-mute-control:before {
  display: flex;
  align-items: center;
  justify-content: center;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDEuMjUyNDRDMTMgMC4xNzM4MjIgMTEuNzI1NSAtMC4zOTg0MTEgMTAuOTE5NSAwLjMxODI2N0w2LjQyNzk0IDQuMzExNTNDNi4yOTA2NSA0LjQzMzYgNi4xMTMzMyA0LjUwMTAzIDUuOTI5NjEgNC41MDEwM0gyLjI1QzEuMDA3MzYgNC41MDEwMyAwIDUuNTA4MzkgMCA2Ljc1MTAzVjExLjI0ODlDMCAxMi40OTE2IDEuMDA3MzYgMTMuNDk4OSAyLjI1IDEzLjQ5ODlINS45Mjk1NkM2LjExMzI5IDEzLjQ5ODkgNi4yOTA2MyAxMy41NjY0IDYuNDI3OTMgMTMuNjg4NUwxMC45MTk0IDE3LjY4MjJDMTEuNzI1NSAxOC4zOTg5IDEzIDE3LjgyNjcgMTMgMTYuNzQ4VjEuMjUyNDRaTTcuNDI0NiA1LjQzMjU1TDExLjUgMS44MDkyM1YxNi4xOTEyTDcuNDI0NjUgMTIuNTY3NUM3LjAxMjc1IDEyLjIwMTMgNi40ODA3NCAxMS45OTg5IDUuOTI5NTYgMTEuOTk4OUgyLjI1QzEuODM1NzkgMTEuOTk4OSAxLjUgMTEuNjYzMSAxLjUgMTEuMjQ4OVY2Ljc1MTAzQzEuNSA2LjMzNjgxIDEuODM1NzkgNi4wMDEwMyAyLjI1IDYuMDAxMDNINS45Mjk2MUM2LjQ4MDc1IDYuMDAxMDMgNy4wMTI3MiA1Ljc5ODc0IDcuNDI0NiA1LjQzMjU1Wk0xNi45OTE2IDIuODk5NzdDMTcuMzI0NCAyLjY1MzIzIDE3Ljc5NDEgMi43MjMyMSAxOC4wNDA3IDMuMDU2MDZDMTkuMjcxNyA0LjcxODE0IDIwIDYuNzc2MzQgMjAgOS4wMDI0NkMyMCAxMS4yMjg2IDE5LjI3MTcgMTMuMjg2OCAxOC4wNDA3IDE0Ljk0ODlDMTcuNzk0MSAxNS4yODE3IDE3LjMyNDQgMTUuMzUxNyAxNi45OTE2IDE1LjEwNTFDMTYuNjU4NyAxNC44NTg2IDE2LjU4ODggMTQuMzg4OSAxNi44MzUzIDE0LjA1NjFDMTcuODgxNSAxMi42NDM1IDE4LjUgMTAuODk2MyAxOC41IDkuMDAyNDZDMTguNSA3LjEwODYxIDE3Ljg4MTUgNS4zNjE0MSAxNi44MzUzIDMuOTQ4ODVDMTYuNTg4OCAzLjYxNiAxNi42NTg3IDMuMTQ2MzEgMTYuOTkxNiAyLjg5OTc3Wk0xNS4xNDMgNS4zNzE3N0MxNS41MDcyIDUuMTc0NTggMTUuOTYyNCA1LjMxMDAyIDE2LjE1OTYgNS42NzQyOEMxNi42OTU4IDYuNjY0ODkgMTcgNy43OTkyNiAxNyA5LjAwMjQ0QzE3IDEwLjIwNTYgMTYuNjk1OCAxMS4zNCAxNi4xNTk2IDEyLjMzMDZDMTUuOTYyNCAxMi42OTQ5IDE1LjUwNzIgMTIuODMwMyAxNS4xNDMgMTIuNjMzMUMxNC43Nzg3IDEyLjQzNTkgMTQuNjQzMiAxMS45ODA4IDE0Ljg0MDQgMTEuNjE2NUMxNS4yNjA5IDEwLjgzOTcgMTUuNSA5Ljk1MDEzIDE1LjUgOS4wMDI0NEMxNS41IDguMDU0NzYgMTUuMjYwOSA3LjE2NTE1IDE0Ljg0MDQgNi4zODgzN0MxNC42NDMyIDYuMDI0MTEgMTQuNzc4NyA1LjU2ODk2IDE1LjE0MyA1LjM3MTc3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMjgwMzQgMC4yMTk2NzVDMC45ODc0NDUgLTAuMDczMjIwOSAwLjUxMjU3MSAtMC4wNzMyMjU3IDAuMjE5Njc1IDAuMjE5NjY1Qy0wLjA3MzIyMDkgMC41MTI1NTUgLTAuMDczMjI1NyAwLjk4NzQyOSAwLjIxOTY2NSAxLjI4MDMyTDQuNDM3ODIgNS40OTg1NkgyLjI1QzEuMDA3MzYgNS40OTg1NiAwIDYuNTA1OTIgMCA3Ljc0ODU2VjEyLjI0NjVDMCAxMy40ODkxIDEuMDA3MzYgMTQuNDk2NSAyLjI1IDE0LjQ5NjVINS45Mjk1NkM2LjExMzI5IDE0LjQ5NjUgNi4yOTA2MyAxNC41NjM5IDYuNDI3OTMgMTQuNjg2TDEwLjkxOTQgMTguNjc5N0MxMS43MjU1IDE5LjM5NjUgMTMgMTguODI0MiAxMyAxNy43NDU2VjE0LjA2MDlMMTguNzE5NCAxOS43ODA1QzE5LjAxMjMgMjAuMDczNCAxOS40ODcyIDIwLjA3MzQgMTkuNzgwMSAxOS43ODA1QzIwLjA3MyAxOS40ODc2IDIwLjA3MyAxOS4wMTI3IDE5Ljc4MDEgMTguNzE5OEwxLjI4MDM0IDAuMjE5Njc1Wk0xMS41IDEyLjU2MDlWMTcuMTg4OEw3LjQyNDY1IDEzLjU2NUM3LjAxMjc1IDEzLjE5ODggNi40ODA3NCAxMi45OTY1IDUuOTI5NTYgMTIuOTk2NUgyLjI1QzEuODM1NzkgMTIuOTk2NSAxLjUgMTIuNjYwNyAxLjUgMTIuMjQ2NVY3Ljc0ODU2QzEuNSA3LjMzNDM1IDEuODM1NzkgNi45OTg1NiAyLjI1IDYuOTk4NTZINS45Mjk2MUM1LjkzMjMzIDYuOTk4NTYgNS45MzUwNSA2Ljk5ODU2IDUuOTM3NzcgNi45OTg1NUwxMS41IDEyLjU2MDlaTTExLjUgMi44MDY3N1Y4LjMxODE3TDEzIDkuODE4MlYyLjI0OTk4QzEzIDEuMTcxMzYgMTEuNzI1NSAwLjU5OTEyNiAxMC45MTk1IDEuMzE1OEw3LjUyMDAzIDQuMzM4MTNMOC41ODI1MSA1LjQwMDYyTDExLjUgMi44MDY3N1pNMTUuMTQxIDExLjk1OTJMMTYuMjc5IDEzLjA5NzNDMTYuNzQwOCAxMi4xNjI4IDE3IDExLjExMDcgMTcgOS45OTk5OEMxNyA4Ljc5NjggMTYuNjk1OCA3LjY2MjQzIDE2LjE1OTYgNi42NzE4MkMxNS45NjI0IDYuMzA3NTUgMTUuNTA3MiA2LjE3MjExIDE1LjE0MyA2LjM2OTMxQzE0Ljc3ODcgNi41NjY1IDE0LjY0MzIgNy4wMjE2NSAxNC44NDA0IDcuMzg1OTFDMTUuMjYwOSA4LjE2MjY4IDE1LjUgOS4wNTIzIDE1LjUgOS45OTk5OEMxNS41IDEwLjY5MSAxNS4zNzI5IDExLjM1MTIgMTUuMTQxIDExLjk1OTJaTTE3LjM4ODEgMTQuMjA2NEwxOC40ODE1IDE1LjI5OThDMTkuNDQzNyAxMy43NjMxIDIwIDExLjk0NTcgMjAgOS45OTk5OUMyMCA3Ljc3Mzg4IDE5LjI3MTcgNS43MTU2OCAxOC4wNDA3IDQuMDUzNkMxNy43OTQxIDMuNzIwNzUgMTcuMzI0NCAzLjY1MDc3IDE2Ljk5MTYgMy44OTczMUMxNi42NTg3IDQuMTQzODQgMTYuNTg4OCA0LjYxMzUzIDE2LjgzNTMgNC45NDYzOUMxNy44ODE1IDYuMzU4OTQgMTguNSA4LjEwNjE1IDE4LjUgOS45OTk5OUMxOC41IDExLjUzMTEgMTguMDk1OCAxMi45NjYzIDE3LjM4ODEgMTQuMjA2NFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDEuMjUyNDRDMTMgMC4xNzM4MjIgMTEuNzI1NSAtMC4zOTg0MTEgMTAuOTE5NSAwLjMxODI2N0w2LjQyNzk0IDQuMzExNTNDNi4yOTA2NSA0LjQzMzYgNi4xMTMzMyA0LjUwMTAzIDUuOTI5NjEgNC41MDEwM0gyLjI1QzEuMDA3MzYgNC41MDEwMyAwIDUuNTA4MzkgMCA2Ljc1MTAzVjExLjI0ODlDMCAxMi40OTE2IDEuMDA3MzYgMTMuNDk4OSAyLjI1IDEzLjQ5ODlINS45Mjk1NkM2LjExMzI5IDEzLjQ5ODkgNi4yOTA2MyAxMy41NjY0IDYuNDI3OTMgMTMuNjg4NUwxMC45MTk0IDE3LjY4MjJDMTEuNzI1NSAxOC4zOTg5IDEzIDE3LjgyNjcgMTMgMTYuNzQ4VjEuMjUyNDRaTTcuNDI0NiA1LjQzMjU1TDExLjUgMS44MDkyM1YxNi4xOTEyTDcuNDI0NjUgMTIuNTY3NUM3LjAxMjc1IDEyLjIwMTMgNi40ODA3NCAxMS45OTg5IDUuOTI5NTYgMTEuOTk4OUgyLjI1QzEuODM1NzkgMTEuOTk4OSAxLjUgMTEuNjYzMSAxLjUgMTEuMjQ4OVY2Ljc1MTAzQzEuNSA2LjMzNjgxIDEuODM1NzkgNi4wMDEwMyAyLjI1IDYuMDAxMDNINS45Mjk2MUM2LjQ4MDc1IDYuMDAxMDMgNy4wMTI3MiA1Ljc5ODc0IDcuNDI0NiA1LjQzMjU1Wk0xNi45OTE2IDIuODk5NzdDMTcuMzI0NCAyLjY1MzIzIDE3Ljc5NDEgMi43MjMyMSAxOC4wNDA3IDMuMDU2MDZDMTkuMjcxNyA0LjcxODE0IDIwIDYuNzc2MzQgMjAgOS4wMDI0NkMyMCAxMS4yMjg2IDE5LjI3MTcgMTMuMjg2OCAxOC4wNDA3IDE0Ljk0ODlDMTcuNzk0MSAxNS4yODE3IDE3LjMyNDQgMTUuMzUxNyAxNi45OTE2IDE1LjEwNTFDMTYuNjU4NyAxNC44NTg2IDE2LjU4ODggMTQuMzg4OSAxNi44MzUzIDE0LjA1NjFDMTcuODgxNSAxMi42NDM1IDE4LjUgMTAuODk2MyAxOC41IDkuMDAyNDZDMTguNSA3LjEwODYxIDE3Ljg4MTUgNS4zNjE0MSAxNi44MzUzIDMuOTQ4ODVDMTYuNTg4OCAzLjYxNiAxNi42NTg3IDMuMTQ2MzEgMTYuOTkxNiAyLjg5OTc3Wk0xNS4xNDMgNS4zNzE3N0MxNS41MDcyIDUuMTc0NTggMTUuOTYyNCA1LjMxMDAyIDE2LjE1OTYgNS42NzQyOEMxNi42OTU4IDYuNjY0ODkgMTcgNy43OTkyNiAxNyA5LjAwMjQ0QzE3IDEwLjIwNTYgMTYuNjk1OCAxMS4zNCAxNi4xNTk2IDEyLjMzMDZDMTUuOTYyNCAxMi42OTQ5IDE1LjUwNzIgMTIuODMwMyAxNS4xNDMgMTIuNjMzMUMxNC43Nzg3IDEyLjQzNTkgMTQuNjQzMiAxMS45ODA4IDE0Ljg0MDQgMTEuNjE2NUMxNS4yNjA5IDEwLjgzOTcgMTUuNSA5Ljk1MDEzIDE1LjUgOS4wMDI0NEMxNS41IDguMDU0NzYgMTUuMjYwOSA3LjE2NTE1IDE0Ljg0MDQgNi4zODgzN0MxNC42NDMyIDYuMDI0MTEgMTQuNzc4NyA1LjU2ODk2IDE1LjE0MyA1LjM3MTc3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDEuMjUyNDRDMTMgMC4xNzM4MjIgMTEuNzI1NSAtMC4zOTg0MTEgMTAuOTE5NSAwLjMxODI2N0w2LjQyNzk0IDQuMzExNTNDNi4yOTA2NSA0LjQzMzYgNi4xMTMzMyA0LjUwMTAzIDUuOTI5NjEgNC41MDEwM0gyLjI1QzEuMDA3MzYgNC41MDEwMyAwIDUuNTA4MzkgMCA2Ljc1MTAzVjExLjI0ODlDMCAxMi40OTE2IDEuMDA3MzYgMTMuNDk4OSAyLjI1IDEzLjQ5ODlINS45Mjk1NkM2LjExMzI5IDEzLjQ5ODkgNi4yOTA2MyAxMy41NjY0IDYuNDI3OTMgMTMuNjg4NUwxMC45MTk0IDE3LjY4MjJDMTEuNzI1NSAxOC4zOTg5IDEzIDE3LjgyNjcgMTMgMTYuNzQ4VjEuMjUyNDRaTTcuNDI0NiA1LjQzMjU1TDExLjUgMS44MDkyM1YxNi4xOTEyTDcuNDI0NjUgMTIuNTY3NUM3LjAxMjc1IDEyLjIwMTMgNi40ODA3NCAxMS45OTg5IDUuOTI5NTYgMTEuOTk4OUgyLjI1QzEuODM1NzkgMTEuOTk4OSAxLjUgMTEuNjYzMSAxLjUgMTEuMjQ4OVY2Ljc1MTAzQzEuNSA2LjMzNjgxIDEuODM1NzkgNi4wMDEwMyAyLjI1IDYuMDAxMDNINS45Mjk2MUM2LjQ4MDc1IDYuMDAxMDMgNy4wMTI3MiA1Ljc5ODc0IDcuNDI0NiA1LjQzMjU1Wk0xNi45OTE2IDIuODk5NzdDMTcuMzI0NCAyLjY1MzIzIDE3Ljc5NDEgMi43MjMyMSAxOC4wNDA3IDMuMDU2MDZDMTkuMjcxNyA0LjcxODE0IDIwIDYuNzc2MzQgMjAgOS4wMDI0NkMyMCAxMS4yMjg2IDE5LjI3MTcgMTMuMjg2OCAxOC4wNDA3IDE0Ljk0ODlDMTcuNzk0MSAxNS4yODE3IDE3LjMyNDQgMTUuMzUxNyAxNi45OTE2IDE1LjEwNTFDMTYuNjU4NyAxNC44NTg2IDE2LjU4ODggMTQuMzg4OSAxNi44MzUzIDE0LjA1NjFDMTcuODgxNSAxMi42NDM1IDE4LjUgMTAuODk2MyAxOC41IDkuMDAyNDZDMTguNSA3LjEwODYxIDE3Ljg4MTUgNS4zNjE0MSAxNi44MzUzIDMuOTQ4ODVDMTYuNTg4OCAzLjYxNiAxNi42NTg3IDMuMTQ2MzEgMTYuOTkxNiAyLjg5OTc3Wk0xNS4xNDMgNS4zNzE3N0MxNS41MDcyIDUuMTc0NTggMTUuOTYyNCA1LjMxMDAyIDE2LjE1OTYgNS42NzQyOEMxNi42OTU4IDYuNjY0ODkgMTcgNy43OTkyNiAxNyA5LjAwMjQ0QzE3IDEwLjIwNTYgMTYuNjk1OCAxMS4zNCAxNi4xNTk2IDEyLjMzMDZDMTUuOTYyNCAxMi42OTQ5IDE1LjUwNzIgMTIuODMwMyAxNS4xNDMgMTIuNjMzMUMxNC43Nzg3IDEyLjQzNTkgMTQuNjQzMiAxMS45ODA4IDE0Ljg0MDQgMTEuNjE2NUMxNS4yNjA5IDEwLjgzOTcgMTUuNSA5Ljk1MDEzIDE1LjUgOS4wMDI0NEMxNS41IDguMDU0NzYgMTUuMjYwOSA3LjE2NTE1IDE0Ljg0MDQgNi4zODgzN0MxNC42NDMyIDYuMDI0MTEgMTQuNzc4NyA1LjU2ODk2IDE1LjE0MyA1LjM3MTc3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}

@media (forced-colors: active) {
  .vjs-default-skin .vjs-mute-control:before {
    content: '';
    background-color: buttontext;
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDEuMjUyNDRDMTMgMC4xNzM4MjIgMTEuNzI1NSAtMC4zOTg0MTEgMTAuOTE5NSAwLjMxODI2N0w2LjQyNzk0IDQuMzExNTNDNi4yOTA2NSA0LjQzMzYgNi4xMTMzMyA0LjUwMTAzIDUuOTI5NjEgNC41MDEwM0gyLjI1QzEuMDA3MzYgNC41MDEwMyAwIDUuNTA4MzkgMCA2Ljc1MTAzVjExLjI0ODlDMCAxMi40OTE2IDEuMDA3MzYgMTMuNDk4OSAyLjI1IDEzLjQ5ODlINS45Mjk1NkM2LjExMzI5IDEzLjQ5ODkgNi4yOTA2MyAxMy41NjY0IDYuNDI3OTMgMTMuNjg4NUwxMC45MTk0IDE3LjY4MjJDMTEuNzI1NSAxOC4zOTg5IDEzIDE3LjgyNjcgMTMgMTYuNzQ4VjEuMjUyNDRaTTcuNDI0NiA1LjQzMjU1TDExLjUgMS44MDkyM1YxNi4xOTEyTDcuNDI0NjUgMTIuNTY3NUM3LjAxMjc1IDEyLjIwMTMgNi40ODA3NCAxMS45OTg5IDUuOTI5NTYgMTEuOTk4OUgyLjI1QzEuODM1NzkgMTEuOTk4OSAxLjUgMTEuNjYzMSAxLjUgMTEuMjQ4OVY2Ljc1MTAzQzEuNSA2LjMzNjgxIDEuODM1NzkgNi4wMDEwMyAyLjI1IDYuMDAxMDNINS45Mjk2MUM2LjQ4MDc1IDYuMDAxMDMgNy4wMTI3MiA1Ljc5ODc0IDcuNDI0NiA1LjQzMjU1Wk0xNi45OTE2IDIuODk5NzdDMTcuMzI0NCAyLjY1MzIzIDE3Ljc5NDEgMi43MjMyMSAxOC4wNDA3IDMuMDU2MDZDMTkuMjcxNyA0LjcxODE0IDIwIDYuNzc2MzQgMjAgOS4wMDI0NkMyMCAxMS4yMjg2IDE5LjI3MTcgMTMuMjg2OCAxOC4wNDA3IDE0Ljk0ODlDMTcuNzk0MSAxNS4yODE3IDE3LjMyNDQgMTUuMzUxNyAxNi45OTE2IDE1LjEwNTFDMTYuNjU4NyAxNC44NTg2IDE2LjU4ODggMTQuMzg4OSAxNi44MzUzIDE0LjA1NjFDMTcuODgxNSAxMi42NDM1IDE4LjUgMTAuODk2MyAxOC41IDkuMDAyNDZDMTguNSA3LjEwODYxIDE3Ljg4MTUgNS4zNjE0MSAxNi44MzUzIDMuOTQ4ODVDMTYuNTg4OCAzLjYxNiAxNi42NTg3IDMuMTQ2MzEgMTYuOTkxNiAyLjg5OTc3Wk0xNS4xNDMgNS4zNzE3N0MxNS41MDcyIDUuMTc0NTggMTUuOTYyNCA1LjMxMDAyIDE2LjE1OTYgNS42NzQyOEMxNi42OTU4IDYuNjY0ODkgMTcgNy43OTkyNiAxNyA5LjAwMjQ0QzE3IDEwLjIwNTYgMTYuNjk1OCAxMS4zNCAxNi4xNTk2IDEyLjMzMDZDMTUuOTYyNCAxMi42OTQ5IDE1LjUwNzIgMTIuODMwMyAxNS4xNDMgMTIuNjMzMUMxNC43Nzg3IDEyLjQzNTkgMTQuNjQzMiAxMS45ODA4IDE0Ljg0MDQgMTEuNjE2NUMxNS4yNjA5IDEwLjgzOTcgMTUuNSA5Ljk1MDEzIDE1LjUgOS4wMDI0NEMxNS41IDguMDU0NzYgMTUuMjYwOSA3LjE2NTE1IDE0Ljg0MDQgNi4zODgzN0MxNC42NDMyIDYuMDI0MTEgMTQuNzc4NyA1LjU2ODk2IDE1LjE0MyA1LjM3MTc3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    mask-repeat: no-repeat;
    mask-position: center;
  }

  .vjs-default-skin .vjs-mute-control.vjs-vol-0:before {
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMjgwMzQgMC4yMTk2NzVDMC45ODc0NDUgLTAuMDczMjIwOSAwLjUxMjU3MSAtMC4wNzMyMjU3IDAuMjE5Njc1IDAuMjE5NjY1Qy0wLjA3MzIyMDkgMC41MTI1NTUgLTAuMDczMjI1NyAwLjk4NzQyOSAwLjIxOTY2NSAxLjI4MDMyTDQuNDM3ODIgNS40OTg1NkgyLjI1QzEuMDA3MzYgNS40OTg1NiAwIDYuNTA1OTIgMCA3Ljc0ODU2VjEyLjI0NjVDMCAxMy40ODkxIDEuMDA3MzYgMTQuNDk2NSAyLjI1IDE0LjQ5NjVINS45Mjk1NkM2LjExMzI5IDE0LjQ5NjUgNi4yOTA2MyAxNC41NjM5IDYuNDI3OTMgMTQuNjg2TDEwLjkxOTQgMTguNjc5N0MxMS43MjU1IDE5LjM5NjUgMTMgMTguODI0MiAxMyAxNy43NDU2VjE0LjA2MDlMMTguNzE5NCAxOS43ODA1QzE5LjAxMjMgMjAuMDczNCAxOS40ODcyIDIwLjA3MzQgMTkuNzgwMSAxOS43ODA1QzIwLjA3MyAxOS40ODc2IDIwLjA3MyAxOS4wMTI3IDE5Ljc4MDEgMTguNzE5OEwxLjI4MDM0IDAuMjE5Njc1Wk0xMS41IDEyLjU2MDlWMTcuMTg4OEw3LjQyNDY1IDEzLjU2NUM3LjAxMjc1IDEzLjE5ODggNi40ODA3NCAxMi45OTY1IDUuOTI5NTYgMTIuOTk2NUgyLjI1QzEuODM1NzkgMTIuOTk2NSAxLjUgMTIuNjYwNyAxLjUgMTIuMjQ2NVY3Ljc0ODU2QzEuNSA3LjMzNDM1IDEuODM1NzkgNi45OTg1NiAyLjI1IDYuOTk4NTZINS45Mjk2MUM1LjkzMjMzIDYuOTk4NTYgNS45MzUwNSA2Ljk5ODU2IDUuOTM3NzcgNi45OTg1NUwxMS41IDEyLjU2MDlaTTExLjUgMi44MDY3N1Y4LjMxODE3TDEzIDkuODE4MlYyLjI0OTk4QzEzIDEuMTcxMzYgMTEuNzI1NSAwLjU5OTEyNiAxMC45MTk1IDEuMzE1OEw3LjUyMDAzIDQuMzM4MTNMOC41ODI1MSA1LjQwMDYyTDExLjUgMi44MDY3N1pNMTUuMTQxIDExLjk1OTJMMTYuMjc5IDEzLjA5NzNDMTYuNzQwOCAxMi4xNjI4IDE3IDExLjExMDcgMTcgOS45OTk5OEMxNyA4Ljc5NjggMTYuNjk1OCA3LjY2MjQzIDE2LjE1OTYgNi42NzE4MkMxNS45NjI0IDYuMzA3NTUgMTUuNTA3MiA2LjE3MjExIDE1LjE0MyA2LjM2OTMxQzE0Ljc3ODcgNi41NjY1IDE0LjY0MzIgNy4wMjE2NSAxNC44NDA0IDcuMzg1OTFDMTUuMjYwOSA4LjE2MjY4IDE1LjUgOS4wNTIzIDE1LjUgOS45OTk5OEMxNS41IDEwLjY5MSAxNS4zNzI5IDExLjM1MTIgMTUuMTQxIDExLjk1OTJaTTE3LjM4ODEgMTQuMjA2NEwxOC40ODE1IDE1LjI5OThDMTkuNDQzNyAxMy43NjMxIDIwIDExLjk0NTcgMjAgOS45OTk5OUMyMCA3Ljc3Mzg4IDE5LjI3MTcgNS43MTU2OCAxOC4wNDA3IDQuMDUzNkMxNy43OTQxIDMuNzIwNzUgMTcuMzI0NCAzLjY1MDc3IDE2Ljk5MTYgMy44OTczMUMxNi42NTg3IDQuMTQzODQgMTYuNTg4OCA0LjYxMzUzIDE2LjgzNTMgNC45NDYzOUMxNy44ODE1IDYuMzU4OTQgMTguNSA4LjEwNjE1IDE4LjUgOS45OTk5OUMxOC41IDExLjUzMTEgMTguMDk1OCAxMi45NjYzIDE3LjM4ODEgMTQuMjA2NFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  }
  .vjs-default-skin .vjs-mute-control.vjs-vol-1:before {
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDEuMjUyNDRDMTMgMC4xNzM4MjIgMTEuNzI1NSAtMC4zOTg0MTEgMTAuOTE5NSAwLjMxODI2N0w2LjQyNzk0IDQuMzExNTNDNi4yOTA2NSA0LjQzMzYgNi4xMTMzMyA0LjUwMTAzIDUuOTI5NjEgNC41MDEwM0gyLjI1QzEuMDA3MzYgNC41MDEwMyAwIDUuNTA4MzkgMCA2Ljc1MTAzVjExLjI0ODlDMCAxMi40OTE2IDEuMDA3MzYgMTMuNDk4OSAyLjI1IDEzLjQ5ODlINS45Mjk1NkM2LjExMzI5IDEzLjQ5ODkgNi4yOTA2MyAxMy41NjY0IDYuNDI3OTMgMTMuNjg4NUwxMC45MTk0IDE3LjY4MjJDMTEuNzI1NSAxOC4zOTg5IDEzIDE3LjgyNjcgMTMgMTYuNzQ4VjEuMjUyNDRaTTcuNDI0NiA1LjQzMjU1TDExLjUgMS44MDkyM1YxNi4xOTEyTDcuNDI0NjUgMTIuNTY3NUM3LjAxMjc1IDEyLjIwMTMgNi40ODA3NCAxMS45OTg5IDUuOTI5NTYgMTEuOTk4OUgyLjI1QzEuODM1NzkgMTEuOTk4OSAxLjUgMTEuNjYzMSAxLjUgMTEuMjQ4OVY2Ljc1MTAzQzEuNSA2LjMzNjgxIDEuODM1NzkgNi4wMDEwMyAyLjI1IDYuMDAxMDNINS45Mjk2MUM2LjQ4MDc1IDYuMDAxMDMgNy4wMTI3MiA1Ljc5ODc0IDcuNDI0NiA1LjQzMjU1Wk0xNi45OTE2IDIuODk5NzdDMTcuMzI0NCAyLjY1MzIzIDE3Ljc5NDEgMi43MjMyMSAxOC4wNDA3IDMuMDU2MDZDMTkuMjcxNyA0LjcxODE0IDIwIDYuNzc2MzQgMjAgOS4wMDI0NkMyMCAxMS4yMjg2IDE5LjI3MTcgMTMuMjg2OCAxOC4wNDA3IDE0Ljk0ODlDMTcuNzk0MSAxNS4yODE3IDE3LjMyNDQgMTUuMzUxNyAxNi45OTE2IDE1LjEwNTFDMTYuNjU4NyAxNC44NTg2IDE2LjU4ODggMTQuMzg4OSAxNi44MzUzIDE0LjA1NjFDMTcuODgxNSAxMi42NDM1IDE4LjUgMTAuODk2MyAxOC41IDkuMDAyNDZDMTguNSA3LjEwODYxIDE3Ljg4MTUgNS4zNjE0MSAxNi44MzUzIDMuOTQ4ODVDMTYuNTg4OCAzLjYxNiAxNi42NTg3IDMuMTQ2MzEgMTYuOTkxNiAyLjg5OTc3Wk0xNS4xNDMgNS4zNzE3N0MxNS41MDcyIDUuMTc0NTggMTUuOTYyNCA1LjMxMDAyIDE2LjE1OTYgNS42NzQyOEMxNi42OTU4IDYuNjY0ODkgMTcgNy43OTkyNiAxNyA5LjAwMjQ0QzE3IDEwLjIwNTYgMTYuNjk1OCAxMS4zNCAxNi4xNTk2IDEyLjMzMDZDMTUuOTYyNCAxMi42OTQ5IDE1LjUwNzIgMTIuODMwMyAxNS4xNDMgMTIuNjMzMUMxNC43Nzg3IDEyLjQzNTkgMTQuNjQzMiAxMS45ODA4IDE0Ljg0MDQgMTEuNjE2NUMxNS4yNjA5IDEwLjgzOTcgMTUuNSA5Ljk1MDEzIDE1LjUgOS4wMDI0NEMxNS41IDguMDU0NzYgMTUuMjYwOSA3LjE2NTE1IDE0Ljg0MDQgNi4zODgzN0MxNC42NDMyIDYuMDI0MTEgMTQuNzc4NyA1LjU2ODk2IDE1LjE0MyA1LjM3MTc3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  }
  .vjs-default-skin .vjs-mute-control.vjs-vol-2:before {
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDEuMjUyNDRDMTMgMC4xNzM4MjIgMTEuNzI1NSAtMC4zOTg0MTEgMTAuOTE5NSAwLjMxODI2N0w2LjQyNzk0IDQuMzExNTNDNi4yOTA2NSA0LjQzMzYgNi4xMTMzMyA0LjUwMTAzIDUuOTI5NjEgNC41MDEwM0gyLjI1QzEuMDA3MzYgNC41MDEwMyAwIDUuNTA4MzkgMCA2Ljc1MTAzVjExLjI0ODlDMCAxMi40OTE2IDEuMDA3MzYgMTMuNDk4OSAyLjI1IDEzLjQ5ODlINS45Mjk1NkM2LjExMzI5IDEzLjQ5ODkgNi4yOTA2MyAxMy41NjY0IDYuNDI3OTMgMTMuNjg4NUwxMC45MTk0IDE3LjY4MjJDMTEuNzI1NSAxOC4zOTg5IDEzIDE3LjgyNjcgMTMgMTYuNzQ4VjEuMjUyNDRaTTcuNDI0NiA1LjQzMjU1TDExLjUgMS44MDkyM1YxNi4xOTEyTDcuNDI0NjUgMTIuNTY3NUM3LjAxMjc1IDEyLjIwMTMgNi40ODA3NCAxMS45OTg5IDUuOTI5NTYgMTEuOTk4OUgyLjI1QzEuODM1NzkgMTEuOTk4OSAxLjUgMTEuNjYzMSAxLjUgMTEuMjQ4OVY2Ljc1MTAzQzEuNSA2LjMzNjgxIDEuODM1NzkgNi4wMDEwMyAyLjI1IDYuMDAxMDNINS45Mjk2MUM2LjQ4MDc1IDYuMDAxMDMgNy4wMTI3MiA1Ljc5ODc0IDcuNDI0NiA1LjQzMjU1Wk0xNi45OTE2IDIuODk5NzdDMTcuMzI0NCAyLjY1MzIzIDE3Ljc5NDEgMi43MjMyMSAxOC4wNDA3IDMuMDU2MDZDMTkuMjcxNyA0LjcxODE0IDIwIDYuNzc2MzQgMjAgOS4wMDI0NkMyMCAxMS4yMjg2IDE5LjI3MTcgMTMuMjg2OCAxOC4wNDA3IDE0Ljk0ODlDMTcuNzk0MSAxNS4yODE3IDE3LjMyNDQgMTUuMzUxNyAxNi45OTE2IDE1LjEwNTFDMTYuNjU4NyAxNC44NTg2IDE2LjU4ODggMTQuMzg4OSAxNi44MzUzIDE0LjA1NjFDMTcuODgxNSAxMi42NDM1IDE4LjUgMTAuODk2MyAxOC41IDkuMDAyNDZDMTguNSA3LjEwODYxIDE3Ljg4MTUgNS4zNjE0MSAxNi44MzUzIDMuOTQ4ODVDMTYuNTg4OCAzLjYxNiAxNi42NTg3IDMuMTQ2MzEgMTYuOTkxNiAyLjg5OTc3Wk0xNS4xNDMgNS4zNzE3N0MxNS41MDcyIDUuMTc0NTggMTUuOTYyNCA1LjMxMDAyIDE2LjE1OTYgNS42NzQyOEMxNi42OTU4IDYuNjY0ODkgMTcgNy43OTkyNiAxNyA5LjAwMjQ0QzE3IDEwLjIwNTYgMTYuNjk1OCAxMS4zNCAxNi4xNTk2IDEyLjMzMDZDMTUuOTYyNCAxMi42OTQ5IDE1LjUwNzIgMTIuODMwMyAxNS4xNDMgMTIuNjMzMUMxNC43Nzg3IDEyLjQzNTkgMTQuNjQzMiAxMS45ODA4IDE0Ljg0MDQgMTEuNjE2NUMxNS4yNjA5IDEwLjgzOTcgMTUuNSA5Ljk1MDEzIDE1LjUgOS4wMDI0NEMxNS41IDguMDU0NzYgMTUuMjYwOSA3LjE2NTE1IDE0Ljg0MDQgNi4zODgzN0MxNC42NDMyIDYuMDI0MTEgMTQuNzc4NyA1LjU2ODk2IDE1LjE0MyA1LjM3MTc3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  }
}

.vjs-default-skin .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.vjs-default-skin .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 5;
  background-color: rgb(32, 32, 32, 0.95);
  border-radius: 4px;
}

.vjs-default-skin .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
  font-family: 'Segoe UI Variable Static Text', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal;
  font-size: 10px;
}

.vjs-default-skin .vjs-volume-panel {
  display: flex;
  position: absolute;
  right: -9px;
  bottom: 5px;
  width: 40px;
  height: 30px;
}
.vjs-default-skin .vjs-volume-panel .vjs-mute-control:focus-visible ~ .vjs-volume-control,
.vjs-default-skin .vjs-volume-panel.vjs-hover .vjs-volume-control,
.vjs-default-skin .vjs-volume-panel:active .vjs-volume-control,
.vjs-default-skin .vjs-volume-panel:focus .vjs-volume-control,
.vjs-default-skin .vjs-volume-panel .vjs-volume-control:active,
.vjs-default-skin .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.vjs-default-skin .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  background-color: rgb(32, 32, 32, 0.95);
  transition:
    visibility 0.1s,
    opacity 0.1s,
    height 0.1s,
    width 0.1s,
    left 0s,
    top 0s;
}
.vjs-default-skin .vjs-volume-panel .vjs-mute-control:focus-visible ~ .vjs-volume-control.vjs-volume-vertical,
.vjs-default-skin .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.vjs-default-skin .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.vjs-default-skin .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.vjs-default-skin .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.vjs-default-skin .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical,
.vjs-default-skin .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3em;
  top: -9em;
  background-color: rgb(32, 32, 32, 0.95);
  transition: left 0s;
}
.vjs-default-skin .vjs-volume-panel:focus-visible .vjs-volume-control.vjs-volume-vertical,
.vjs-default-skin .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  border-style: solid;
  border-color: rgb(255, 255, 255, 0.8);
  border-width: thin;
  border-radius: 4px;
}

.vjs-default-skin .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  top: -9em;
  transition:
    visibility 1s,
    opacity 1s,
    height 1s 1s,
    width 1s 1s,
    left 1s 1s,
    top 1s 1s;
}

.vjs-default-skin .vjs-volume-panel {
  display: flex;
}

.vjs-default-skin .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 4.5em;
  margin-top: 2.5em;
  margin-left: 1.1em;
  margin-bottom: 0em;
  margin-right: 1.1em;
  background-color: rgb(255, 255, 255, 0.3);
}

.vjs-default-skin .vjs-slider {
  border-radius: 10px;
}

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  top: auto;
  background-color: #fff;
  border-radius: 4px;
}
.vjs-default-skin .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-default-skin .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 40px;
  height: 30px;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-default-skin .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: rgba(32, 32, 32, 0.95);
}

.vjs-default-skin .vjs-volume-control-text {
  height: 14px;
  width: 100%;
  border: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  margin-top: 6px;
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 12px;
  height: 12px;
}

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  bottom: 0;
  left: 0;
  scale: 0.8;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEBSURBVHgBnZI9bsJAEIVniVIQUqRJQpQ+R8ilXPggSe8i1wlwAERj2RKmwHJrhP/WeJkHw//fiic9Wfbut56ZfYoOpdjP7Db7Qb5pds2esRd0Rk+O43zFcfyb53nPiKqqGvq+7/L6O7tzDHU8z/uu63piLojXIuyRalZCSd1r0D6MqqQlegnD0DWWSpLkR+ZAr+jDFuT+/5l5wy8/+H1K9jJKqc8W3SmAi6Io+rYAtzXihwaYpWk6sORMFEV/tA4FtTBijPrWYLTWY97fpV2qqC0BANycYRpAEoDT9OC0IAjcsiyHckCTZVkPdycXv02NOoJRAi73UQwh4Dl7jh43G5csPEXJaUDgWgAAAABJRU5ErkJggg==);
}

/* Big play button
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-big-play-button:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMi4yNTMxN0MwIDAuNTQ2MzE3IDEuODI2MDkgLTAuNTM4OTkzIDMuMzI1MzggMC4yNzY3OTZMMTUuNjg3IDcuMDAyOTVDMTcuMjUzMSA3Ljg1NTEyIDE3LjI1MzEgMTAuMTAzNSAxNS42ODcgMTAuOTU1N0wzLjMyNTM4IDE3LjY4MTlDMS44MjYwOSAxOC40OTc2IDAgMTcuNDEyMyAwIDE1LjcwNTVWMi4yNTMxN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  display: flex;
  align-items: center;
  justify-content: center;
  scale: 0.8;
}
.video-js .vjs-big-play-button {
  position: relative;
  height: 1.35em;
  width: 1.35em;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(32, 32, 32, 0.7);
  border-radius: 50%;
  border: 1px solid rgba(32, 32, 32, 0.7);
}
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  left: 50%;
  margin-left: initial;
  top: 50%;
  margin-top: initial;
}
.vjs-default-skin .vjs-big-play-button-replay:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 4.5C16.1421 4.5 19.5 7.85786 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12C4.5 11.6236 4.52772 11.2538 4.58123 10.8923C4.64845 10.4382 4.31609 10 3.85708 10C3.48623 10 3.161 10.2562 3.10471 10.6228C3.03576 11.0718 3 11.5317 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C9.69494 3 7.59227 3.86656 6 5.29168V4.25C6 3.83579 5.66421 3.5 5.25 3.5C4.83579 3.5 4.5 3.83579 4.5 4.25V7.25C4.5 7.66421 4.83579 8 5.25 8H8.25C8.66421 8 9 7.66421 9 7.25C9 6.83579 8.66421 6.5 8.25 6.5H6.90093C8.23907 5.25883 10.0309 4.5 12 4.5Z\" fill=\"white\"/></svg>");
}

.video-js .vjs-big-play-button:hover {
  background: rgba(42, 42, 42, 0.85);
}

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: rgba(50, 50, 50, 0.75);
  background-color: rgba(50, 50, 50, 0.75);
}

.video-js .vjs-big-play-button-focus {
  position: relative;
  position: absolute;
  height: 85%;
  width: 85%;
  top: 1%;
  left: 1%;
  pointer-events: none;
  display: none;
  background: transparent;
  border-style: solid;
  border-radius: 50%;
  border-color: white;
  border-width: 3px;
}
.video-js .vjs-big-play-button:focus-visible .vjs-big-play-button-focus,
.vjs-default-skin .vjs-big-play-button-replay:focus-visible .vjs-big-play-button-focus {
  display: block;
}

@media (forced-colors: active) {
  .vjs-default-skin .vjs-big-play-button:before {
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMi4yNTMxN0MwIDAuNTQ2MzE3IDEuODI2MDkgLTAuNTM4OTkzIDMuMzI1MzggMC4yNzY3OTZMMTUuNjg3IDcuMDAyOTVDMTcuMjUzMSA3Ljg1NTEyIDE3LjI1MzEgMTAuMTAzNSAxNS42ODcgMTAuOTU1N0wzLjMyNTM4IDE3LjY4MTlDMS44MjYwOSAxOC40OTc2IDAgMTcuNDEyMyAwIDE1LjcwNTVWMi4yNTMxN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    content: '';
    color: buttontext;
    background-color: buttontext;
    mask-repeat: no-repeat;
    mask-position: center;
    height: 30px;
  }

  .video-js .vjs-big-play-button,
  .vjs-default-skin:hover .vjs-big-play-button,
  .vjs-default-skin .vjs-big-play-button:focus {
    outline: 0;
    border-color: buttonface;
    background-color: buttonface;
  }
}

/* Pod text
--------------------------------------------------------------------------------
*/
.vjs-pod-text {
  outline: none;
  position: relative;
  float: left;
  text-align: left;
  margin: 0;
  height: 3em;
  font-family: 'Segoe UI Variable Static Text', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  line-height: 3em;
  padding: 2px;
  color: var(--deprecated-dk-fore-rest, #fff);
  padding-top: 0px;
}
.vjs-pod-text:before {
  margin-left: 4px;
  margin-right: 6px;
  margin-top: 20px;
  float: left;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAFCAYAAABirU3bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA6SURBVHgBTYwLCQAgDEQPExjBCEZYFCPYwMhGOO9gMB8Mtt0HECSnZiCPwyKafgtF2LFTvY7i6+jeHxpEKlo8RD0TAAAAAElFTkSuQmCC);
}

.vjs-pod-display {
  width: calc(100% + 20px);
}

/* Text track
--------------------------------------------------------------------------------
*/
video::cue {
  color: white;
  background-color: transparent;
  font-family: 'Segoe UI Variable Static Text', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 20px;
}

/* Smoke Layer
--------------------------------------------------------------------------------
*/
.vjs-smoke-layer {
  pointer-events: none;
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.15) 30%,
    rgba(0, 0, 0, 0.4) 70%,
    rgba(0, 0, 0, 0.6) 100%
  );
}

/* FullScreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  position: absolute;
  right: 25px;
  bottom: 4px;
  cursor: pointer;
  flex: none;
  width: 40px;
  height: 38px;
  border-style: dotted;
  border-color: rgb(0, 0, 0, 0);
  border-width: thin;
}
.vjs-default-skin .vjs-fullscreen-control:focus-visible {
  border-style: solid;
  border-color: rgb(255, 255, 255, 0.8);
  border-width: thin;
  border-radius: 4px;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgM0MyIDIuNDQ3NzIgMi40NDc3MiAyIDMgMkg1QzUuNTUyMjggMiA2IDEuNTUyMjggNiAxQzYgMC40NDc3MTUgNS41NTIyOCAwIDUgMEgzQzEuMzQzMTUgMCAwIDEuMzQzMTUgMCAzVjVDMCA1LjU1MjI4IDAuNDQ3NzE1IDYgMSA2QzEuNTUyMjggNiAyIDUuNTUyMjggMiA1VjNaTTIgMTVDMiAxNS41NTIzIDIuNDQ3NzIgMTYgMyAxNkg1QzUuNTUyMjggMTYgNiAxNi40NDc3IDYgMTdDNiAxNy41NTIzIDUuNTUyMjggMTggNSAxOEgzQzEuMzQzMTUgMTggMCAxNi42NTY5IDAgMTVWMTNDMCAxMi40NDc3IDAuNDQ3NzE1IDEyIDEgMTJDMS41NTIyOCAxMiAyIDEyLjQ0NzcgMiAxM1YxNVpNMTUgMkMxNS41NTIzIDIgMTYgMi40NDc3MiAxNiAzVjVDMTYgNS41NTIyOCAxNi40NDc3IDYgMTcgNkMxNy41NTIzIDYgMTggNS41NTIyOCAxOCA1VjNDMTggMS4zNDMxNSAxNi42NTY5IDAgMTUgMEgxM0MxMi40NDc3IDAgMTIgMC40NDc3MTUgMTIgMUMxMiAxLjU1MjI4IDEyLjQ0NzcgMiAxMyAySDE1Wk0xNiAxNUMxNiAxNS41NTIzIDE1LjU1MjMgMTYgMTUgMTZIMTNDMTIuNDQ3NyAxNiAxMiAxNi40NDc3IDEyIDE3QzEyIDE3LjU1MjMgMTIuNDQ3NyAxOCAxMyAxOEgxNUMxNi42NTY5IDE4IDE4IDE2LjY1NjkgMTggMTVWMTNDMTggMTIuNDQ3NyAxNy41NTIzIDEyIDE3IDEyQzE2LjQ0NzcgMTIgMTYgMTIuNDQ3NyAxNiAxM1YxNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.5 0.75C5.5 0.335786 5.16421 0 4.75 0C4.33579 0 4 0.335786 4 0.75V3.25C4 3.66421 3.66421 4 3.25 4H0.75C0.335786 4 0 4.33579 0 4.75C0 5.16421 0.335786 5.5 0.75 5.5H3.25C4.49264 5.5 5.5 4.49264 5.5 3.25V0.75ZM5.5 17.25C5.5 17.6642 5.16421 18 4.75 18C4.33579 18 4 17.6642 4 17.25V14.75C4 14.3358 3.66421 14 3.25 14H0.75C0.335786 14 0 13.6642 0 13.25C0 12.8358 0.335786 12.5 0.75 12.5H3.25C4.49264 12.5 5.5 13.5074 5.5 14.75V17.25ZM13.25 0C12.8358 0 12.5 0.335786 12.5 0.75V3.25C12.5 4.49264 13.5074 5.5 14.75 5.5H17.25C17.6642 5.5 18 5.16421 18 4.75C18 4.33579 17.6642 4 17.25 4H14.75C14.3358 4 14 3.66421 14 3.25V0.75C14 0.335786 13.6642 0 13.25 0ZM12.5 17.25C12.5 17.6642 12.8358 18 13.25 18C13.6642 18 14 17.6642 14 17.25V14.75C14 14.3358 14.3358 14 14.75 14H17.25C17.6642 14 18 13.6642 18 13.25C18 12.8358 17.6642 12.5 17.25 12.5H14.75C13.5074 12.5 12.5 13.5074 12.5 14.75V17.25Z\" fill=\"white\"/></svg>");
  margin-top: 2px;
}

@media (forced-colors: active) {
  .vjs-default-skin .vjs-fullscreen-control:before {
    content: '';
    background-color: buttontext;
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgM0MyIDIuNDQ3NzIgMi40NDc3MiAyIDMgMkg1QzUuNTUyMjggMiA2IDEuNTUyMjggNiAxQzYgMC40NDc3MTUgNS41NTIyOCAwIDUgMEgzQzEuMzQzMTUgMCAwIDEuMzQzMTUgMCAzVjVDMCA1LjU1MjI4IDAuNDQ3NzE1IDYgMSA2QzEuNTUyMjggNiAyIDUuNTUyMjggMiA1VjNaTTIgMTVDMiAxNS41NTIzIDIuNDQ3NzIgMTYgMyAxNkg1QzUuNTUyMjggMTYgNiAxNi40NDc3IDYgMTdDNiAxNy41NTIzIDUuNTUyMjggMTggNSAxOEgzQzEuMzQzMTUgMTggMCAxNi42NTY5IDAgMTVWMTNDMCAxMi40NDc3IDAuNDQ3NzE1IDEyIDEgMTJDMS41NTIyOCAxMiAyIDEyLjQ0NzcgMiAxM1YxNVpNMTUgMkMxNS41NTIzIDIgMTYgMi40NDc3MiAxNiAzVjVDMTYgNS41NTIyOCAxNi40NDc3IDYgMTcgNkMxNy41NTIzIDYgMTggNS41NTIyOCAxOCA1VjNDMTggMS4zNDMxNSAxNi42NTY5IDAgMTUgMEgxM0MxMi40NDc3IDAgMTIgMC40NDc3MTUgMTIgMUMxMiAxLjU1MjI4IDEyLjQ0NzcgMiAxMyAySDE1Wk0xNiAxNUMxNiAxNS41NTIzIDE1LjU1MjMgMTYgMTUgMTZIMTNDMTIuNDQ3NyAxNiAxMiAxNi40NDc3IDEyIDE3QzEyIDE3LjU1MjMgMTIuNDQ3NyAxOCAxMyAxOEgxNUMxNi42NTY5IDE4IDE4IDE2LjY1NjkgMTggMTVWMTNDMTggMTIuNDQ3NyAxNy41NTIzIDEyIDE3IDEyQzE2LjQ0NzcgMTIgMTYgMTIuNDQ3NyAxNiAxM1YxNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    mask-repeat: no-repeat;
    mask-position: center;
  }
}

/* Closed Captioning
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-captions-button {
  cursor: pointer;
  border-style: dotted;
  border-color: rgb(0, 0, 0, 0);
  border-width: thin;
  width: 40px;
  height: 38px;
  margin-top: 4px;
  margin-right: 60px;
}
.vjs-default-skin .vjs-captions-button:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2Ljc1IDBDMTguNTQ0OSAwIDIwIDEuNDU1MDcgMjAgMy4yNVYxMi43NTQ2QzIwIDE0LjU0OTUgMTguNTQ0OSAxNi4wMDQ2IDE2Ljc1IDE2LjAwNDZIMy4yNUMxLjQ1NTA3IDE2LjAwNDYgMCAxNC41NDk1IDAgMTIuNzU0NlYzLjI1QzAgMS41MTY5NyAxLjM1NjQ1IDAuMTAwNzU0IDMuMDY1NTggMC4wMDUxNDQ2TDMuMjUgMEgxNi43NVpNOC42MjE2MiA0LjU5ODU0QzYuMjEzMjIgMy4yMjQ2OSAzLjUgNC44NTQ0MiAzLjUgOEMzLjUgMTEuMTQzMyA2LjIxNTM5IDEyLjc3NDcgOC42MjA4IDExLjQwNjZDOC45ODA4NSAxMS4yMDE4IDkuMTA2NzEgMTAuNzQzOSA4LjkwMTkyIDEwLjM4MzhDOC42OTcxNCAxMC4wMjM4IDguMjM5MjUgOS44OTc5MiA3Ljg3OTIgMTAuMTAyN0M2LjQ4NDExIDEwLjg5NjIgNSAxMC4wMDQ2IDUgOEM1IDUuOTkzNTcgNi40ODA3MSA1LjEwNDE3IDcuODc4MzggNS45MDE0NkM4LjIzODE3IDYuMTA2NyA4LjY5NjIyIDUuOTgxNDEgOC45MDE0NiA1LjYyMTYyQzkuMTA2NyA1LjI2MTgzIDguOTgxNDEgNC44MDM3OCA4LjYyMTYyIDQuNTk4NTRaTTE2LjEyMTYgNC41OTg1NEMxMy43MTMyIDMuMjI0NjkgMTEgNC44NTQ0MiAxMSA4QzExIDExLjE0MzMgMTMuNzE1NCAxMi43NzQ3IDE2LjEyMDggMTEuNDA2NkMxNi40ODA5IDExLjIwMTggMTYuNjA2NyAxMC43NDM5IDE2LjQwMTkgMTAuMzgzOEMxNi4xOTcxIDEwLjAyMzggMTUuNzM5MiA5Ljg5NzkyIDE1LjM3OTIgMTAuMTAyN0MxMy45ODQxIDEwLjg5NjIgMTIuNSAxMC4wMDQ2IDEyLjUgOEMxMi41IDUuOTkzNTcgMTMuOTgwNyA1LjEwNDE3IDE1LjM3ODQgNS45MDE0NkMxNS43MzgyIDYuMTA2NyAxNi4xOTYyIDUuOTgxNDEgMTYuNDAxNSA1LjYyMTYyQzE2LjYwNjcgNS4yNjE4MyAxNi40ODE0IDQuODAzNzggMTYuMTIxNiA0LjU5ODU0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  display: flex;
  align-items: center;
  justify-content: center;
}
.vjs-default-skin .vjs-captions-button:focus-visible {
  border-style: solid;
  border-color: rgb(255, 255, 255, 0.8);
  border-width: thin;
  border-radius: 4px;
}
.captionMargin {
  margin-right: 25px !important;
}
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  z-index: 5;
}
.vjs-default-skin .vjs-menu-button .vjs-menu {
  font-size: 10px;
}

@media (forced-colors: active) {
  .vjs-default-skin .vjs-captions-button:before {
    content: '';
    background-color: buttontext;
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2Ljc1IDBDMTguNTQ0OSAwIDIwIDEuNDU1MDcgMjAgMy4yNVYxMi43NTQ2QzIwIDE0LjU0OTUgMTguNTQ0OSAxNi4wMDQ2IDE2Ljc1IDE2LjAwNDZIMy4yNUMxLjQ1NTA3IDE2LjAwNDYgMCAxNC41NDk1IDAgMTIuNzU0NlYzLjI1QzAgMS41MTY5NyAxLjM1NjQ1IDAuMTAwNzU0IDMuMDY1NTggMC4wMDUxNDQ2TDMuMjUgMEgxNi43NVpNOC42MjE2MiA0LjU5ODU0QzYuMjEzMjIgMy4yMjQ2OSAzLjUgNC44NTQ0MiAzLjUgOEMzLjUgMTEuMTQzMyA2LjIxNTM5IDEyLjc3NDcgOC42MjA4IDExLjQwNjZDOC45ODA4NSAxMS4yMDE4IDkuMTA2NzEgMTAuNzQzOSA4LjkwMTkyIDEwLjM4MzhDOC42OTcxNCAxMC4wMjM4IDguMjM5MjUgOS44OTc5MiA3Ljg3OTIgMTAuMTAyN0M2LjQ4NDExIDEwLjg5NjIgNSAxMC4wMDQ2IDUgOEM1IDUuOTkzNTcgNi40ODA3MSA1LjEwNDE3IDcuODc4MzggNS45MDE0NkM4LjIzODE3IDYuMTA2NyA4LjY5NjIyIDUuOTgxNDEgOC45MDE0NiA1LjYyMTYyQzkuMTA2NyA1LjI2MTgzIDguOTgxNDEgNC44MDM3OCA4LjYyMTYyIDQuNTk4NTRaTTE2LjEyMTYgNC41OTg1NEMxMy43MTMyIDMuMjI0NjkgMTEgNC44NTQ0MiAxMSA4QzExIDExLjE0MzMgMTMuNzE1NCAxMi43NzQ3IDE2LjEyMDggMTEuNDA2NkMxNi40ODA5IDExLjIwMTggMTYuNjA2NyAxMC43NDM5IDE2LjQwMTkgMTAuMzgzOEMxNi4xOTcxIDEwLjAyMzggMTUuNzM5MiA5Ljg5NzkyIDE1LjM3OTIgMTAuMTAyN0MxMy45ODQxIDEwLjg5NjIgMTIuNSAxMC4wMDQ2IDEyLjUgOEMxMi41IDUuOTkzNTcgMTMuOTgwNyA1LjEwNDE3IDE1LjM3ODQgNS45MDE0NkMxNS43MzgyIDYuMTA2NyAxNi4xOTYyIDUuOTgxNDEgMTYuNDAxNSA1LjYyMTYyQzE2LjYwNjcgNS4yNjE4MyAxNi40ODE0IDQuODAzNzggMTYuMTIxNiA0LjU5ODU0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    mask-repeat: no-repeat;
    mask-position: center;
  }
}

/* Feedback
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-ad-feedback-btn {
  margin-left: 9px;
  margin-right: 4px;
  padding-bottom: 1px;
  cursor: pointer;
}
.vjs-default-skin .vjs-ad-feedback-btn:focus-visible {
  border-style: solid;
  border-color: rgb(255, 255, 255, 0.8);
  border-width: thin;
  border-radius: 10px;
}
.vjs-default-skin .vjs-ad-feedback-btn:before {
  display: flex;
  align-items: center;
  justify-content: center;
  scale: 0.8;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTJDMCA1LjM3MjU4IDUuMzcyNTggMCAxMiAwQzE4LjYyNzQgMCAyNCA1LjM3MjU4IDI0IDEyQzI0IDE4LjYyNzQgMTguNjI3NCAyNCAxMiAyNEM1LjM3MjU4IDI0IDAgMTguNjI3NCAwIDEyWk0xMiAxLjVDNi4yMDEwMSAxLjUgMS41IDYuMjAxMDEgMS41IDEyQzEuNSAxNy43OTkgNi4yMDEwMSAyMi41IDEyIDIyLjVDMTcuNzk5IDIyLjUgMjIuNSAxNy43OTkgMjIuNSAxMkMyMi41IDYuMjAxMDEgMTcuNzk5IDEuNSAxMiAxLjVaTTEyIDkuNUMxMi40MTQyIDkuNSAxMi43NSA5LjgzNTc5IDEyLjc1IDEwLjI1VjE3LjI1QzEyLjc1IDE3LjY2NDIgMTIuNDE0MiAxOCAxMiAxOEMxMS41ODU4IDE4IDExLjI1IDE3LjY2NDIgMTEuMjUgMTcuMjVWMTAuMjVDMTEuMjUgOS44MzU3OSAxMS41ODU4IDkuNSAxMiA5LjVaTTEyIDhDMTIuNTUyMyA4IDEzIDcuNTUyMjkgMTMgN0MxMyA2LjQ0NzcxIDEyLjU1MjMgNiAxMiA2QzExLjQ0NzcgNiAxMSA2LjQ0NzcxIDExIDdDMTEgNy41NTIyOSAxMS40NDc3IDggMTIgOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}

.vjs-default-skin .vjs-ad-feedback-delimeter {
  padding: 0 2px;
}
.vjs-default-skin .vjs-ad-feedback-delimeter:before {
  display: flex;
  align-items: center;
  justify-content: center;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAFCAYAAABirU3bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA6SURBVHgBTYwLCQAgDEQPExjBCEZYFCPYwMhGOO9gMB8Mtt0HECSnZiCPwyKafgtF2LFTvY7i6+jeHxpEKlo8RD0TAAAAAElFTkSuQmCC);
}

@media (forced-colors: active) {
  .vjs-default-skin .vjs-ad-feedback-btn:before {
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTJDMCA1LjM3MjU4IDUuMzcyNTggMCAxMiAwQzE4LjYyNzQgMCAyNCA1LjM3MjU4IDI0IDEyQzI0IDE4LjYyNzQgMTguNjI3NCAyNCAxMiAyNEM1LjM3MjU4IDI0IDAgMTguNjI3NCAwIDEyWk0xMiAxLjVDNi4yMDEwMSAxLjUgMS41IDYuMjAxMDEgMS41IDEyQzEuNSAxNy43OTkgNi4yMDEwMSAyMi41IDEyIDIyLjVDMTcuNzk5IDIyLjUgMjIuNSAxNy43OTkgMjIuNSAxMkMyMi41IDYuMjAxMDEgMTcuNzk5IDEuNSAxMiAxLjVaTTEyIDkuNUMxMi40MTQyIDkuNSAxMi43NSA5LjgzNTc5IDEyLjc1IDEwLjI1VjE3LjI1QzEyLjc1IDE3LjY2NDIgMTIuNDE0MiAxOCAxMiAxOEMxMS41ODU4IDE4IDExLjI1IDE3LjY2NDIgMTEuMjUgMTcuMjVWMTAuMjVDMTEuMjUgOS44MzU3OSAxMS41ODU4IDkuNSAxMiA5LjVaTTEyIDhDMTIuNTUyMyA4IDEzIDcuNTUyMjkgMTMgN0MxMyA2LjQ0NzcxIDEyLjU1MjMgNiAxMiA2QzExLjQ0NzcgNiAxMSA2LjQ0NzcxIDExIDdDMTEgNy41NTIyOSAxMS40NDc3IDggMTIgOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    background-color: buttontext;
    mask-repeat: no-repeat;
    mask-position: center;
    content: '';
  }
  .vjs-default-skin .vjs-ad-feedback-delimeter:before {
    mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAFCAYAAABirU3bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA6SURBVHgBTYwLCQAgDEQPExjBCEZYFCPYwMhGOO9gMB8Mtt0HECSnZiCPwyKafgtF2LFTvY7i6+jeHxpEKlo8RD0TAAAAAElFTkSuQmCC);
    background-color: buttontext;
    mask-repeat: no-repeat;
    mask-position: center;
    content: '';
    width: 4px;
    height: 5px;
  }
}

/* NonLinear Ad
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-ad-cta-button {
  background: transparent;
  position: absolute;
  bottom: 96px;
  display: block;
  overflow: hidden;
  border-color: rgb(255, 255, 255, 0.95);
  border-width: thin;
  border-radius: 6px;
  font-family: -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, sans-serif;
}

.vjs-default-skin .vjs-ad-cta-button-data-container {
  max-width: 108px;
  padding: 6px 12px;
  background-color: rgb(255, 255, 255, 0.95);
  display: flex;
  flex-direction: row;
  overflow: hidden;
  align-items: center;
  cursor: pointer;
  pointer-events: auto;
}

.vjs-default-skin .vjs-ad-cta-button-data-container:hover {
  background-color: rgb(245, 245, 245, 0.95);
}
.vjs-default-skin .vjs-ad-cta-button-logo-container {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: transparent;
  overflow-clip-margin: content-box;
  overflow: clip;
  border-color: rgb(238, 238, 238);
}
.vjs-default-skin .vjs-ad-cta-button-logo {
  position: relative;
  width: 32px;
  top: 50%;
  transform: translate(0, -50%);
}
.vjs-default-skin .vjs-ad-cta-button-avatar-and-text-container {
  background: transparent;
  display: block;
}
.vjs-default-skin .vjs-ad-cta-button-text-container {
  display: flex;
  max-width: 192px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.vjs-default-skin .vjs-ad-cta-button-cta-text {
  display: -webkit-box;
  color: #2c2e30;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

.vjs-default-skin .vjs-ad-cta-button-cta-text-chevron {
  padding: 3px 2px 1px;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNjQ2NDUgMi4xNDY0NUM0LjQ1MTE4IDIuMzQxNzEgNC40NTExOCAyLjY1ODI5IDQuNjQ2NDUgMi44NTM1NUw3Ljc5Mjg5IDZMNC42NDY0NSA5LjE0NjQ1QzQuNDUxMTggOS4zNDE3MSA0LjQ1MTE4IDkuNjU4MjkgNC42NDY0NSA5Ljg1MzU1QzQuODQxNzEgMTAuMDQ4OCA1LjE1ODI5IDEwLjA0ODggNS4zNTM1NSA5Ljg1MzU1TDguODUzNTUgNi4zNTM1NUM5LjA0ODgyIDYuMTU4MjkgOS4wNDg4MiA1Ljg0MTcxIDguODUzNTUgNS42NDY0NUw1LjM1MzU1IDIuMTQ2NDVDNS4xNTgyOSAxLjk1MTE4IDQuODQxNzEgMS45NTExOCA0LjY0NjQ1IDIuMTQ2NDVaIiBmaWxsPSIjMUExQTFBIiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8L3N2Zz4=);
}

