/* stylelint-disable -- selector-max-compound-selectors */

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 15em;
}

.vjs-gt {
  --generic-box-shadow: none;
  --slim-box-shadow: none;
  --border-radius: 0;
  container-type: inline-size;
  container-name: gt-skin;
}

.vjs-gt.video-js .vjs-control-bar {
  height: 42px;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, .8);
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-control-bar {
    height: 52px;
    padding: 10px 14px 10px 11px;
  }
}

@container gt-skin (min-width: 1024px) {
  .vjs-gt.video-js .vjs-control-bar {
    height: 78px;
    padding: 30px 24px 16px 19px;
  }
}

.vjs-gt.video-js .vjs-progress-control {
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 20px;
}

@container gt-skin (min-width: 1024px) {
  .vjs-gt.video-js .vjs-progress-control {
    top: 8px;
    left: 24px;
    width: calc(100% - 48px);
  }
}

.vjs-gt.video-js .vjs-progress-control .vjs-progress-holder {
  height: 3px;
  margin: 0;
}

@container gt-skin (min-width: 1024px) {
  .vjs-gt.video-js .vjs-progress-control .vjs-progress-holder {
    height: 4px;
    border-radius: 4px;
  }
}

.vjs-gt.video-js .vjs-play-progress {
  background-color: #e50c2c;
}

@container gt-skin (min-width: 1024px) {
  .vjs-gt.video-js .vjs-play-progress {
    border-radius: 4px;
  }
}

.vjs-gt.video-js .vjs-play-progress::before {
  top: -4px;
  right: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e50c2c;
  content: '';
}

.vjs-gt.video-js .vjs-load-progress {
  background-color: rgba(255, 255, 255, .4);
}

@container gt-skin (min-width: 1024px) {
  .vjs-gt.video-js .vjs-load-progress {
    border-radius: 4px;
  }
}

.vjs-gt.video-js .vjs-load-progress div {
  background-color: rgba(255, 255, 255, .4);
}

@container gt-skin (min-width: 1024px) {
  .vjs-gt.video-js .vjs-load-progress div {
    border-radius: 4px;
  }
}

.vjs-gt.video-js .vjs-slider {
  background-color: rgba(255, 255, 255, .4);
}

@container gt-skin (min-width: 1024px) {
  .vjs-gt.video-js .vjs-slider {
    border-radius: 4px;
  }
}

.vjs-gt.video-js .vjs-big-play-button {
  background-color: transparent;
}

.vjs-gt.video-js .vjs-big-play-button:focus,
.vjs-gt.video-js:hover .vjs-big-play-button {
  background-color: transparent;
  transition: none;
}

.vjs-gt.video-js .vjs-big-play-button .vjs-icon-placeholder,
.vjs-gt.video-js .vjs-replay-button .vjs-icon-placeholder {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  transform: translate(-50%, -50%);
  border: 0;
  border-radius: 0;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-big-play-button .vjs-icon-placeholder,
  .vjs-gt.video-js .vjs-replay-button .vjs-icon-placeholder {
    width: 94px;
    height: 94px;
  }
}

.vjs-gt.video-js .vjs-replay-button .vjs-icon-placeholder {
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .5);
}

.vjs-gt.video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  width: 54px;
  height: 54px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 94 94'%3E%3Crect width='94' height='94' fill='%23000' fill-opacity='.5' rx='47'/%3E%3Cpath fill='%23fff' d='M47 17a30 30 0 1 1 0 60 30 30 0 0 1 0-60m0 3.158a26.842 26.842 0 1 0 0 53.683 26.842 26.842 0 0 0 0-53.683'/%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M39.525 36.43 57.143 47 39.525 57.57z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 54px;
  content: '';
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-big-play-button .vjs-icon-placeholder::before {
    width: 94px;
    height: 94px;
    background-size: 94px;
  }
}

.vjs-gt.video-js .vjs-play-control.vjs-control {
  width: 24px;
  margin: 0 16px 0 0;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-play-control.vjs-control {
    width: 32px;
    margin: 0 24px 0 0;
  }
}

.vjs-gt.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M19.75 24.839q-.502 0-.876-.44a1.55 1.55 0 0 1-.374-1.033V8.634q0-.592.374-1.032.375-.44.877-.44h1.875q.502 0 .876.44t.374 1.032v14.732q0 .592-.374 1.032-.373.44-.876.44zm-9.376 0q-.502 0-.877-.44a1.55 1.55 0 0 1-.373-1.033V8.634q0-.592.373-1.032.375-.44.877-.44h1.875q.502 0 .877.44.373.44.373 1.032v14.732q0 .592-.373 1.032-.375.44-.877.44z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  content: '';
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder::before {
    background-size: 32px;
  }
}

.vjs-gt.video-js .vjs-play-control.vjs-paused .vjs-icon-placeholder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.667 8 24 16l-13.333 8z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  content: '';
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-play-control.vjs-paused .vjs-icon-placeholder::before {
    background-size: 32px;
  }
}

.vjs-gt.video-js .vjs-mute-control.vjs-control {
  width: 24px;
  margin: 0 8px 0 0;
}

.vjs-gt.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 4 9.91 6.09 12 8.18M4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.26c-.67.51-1.42.93-2.25 1.17v2.07c1.38-.32 2.63-.95 3.68-1.81L19.73 21 21 19.73l-9-9M19 12c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.9 8.9 0 0 0 21 12c0-4.28-3-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71m-2.5 0c0-1.77-1-3.29-2.5-4.03v2.21l2.45 2.45c.05-.2.05-.42.05-.63'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  content: '';
}

.vjs-gt.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3 9v6h4l5 5V4L7 9z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  content: '';
}

.vjs-gt.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M16.5 12c0-1.77-1-3.29-2.5-4.03V16c1.5-.71 2.5-2.24 2.5-4M3 9v6h4l5 5V4L7 9z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  content: '';
}

.vjs-gt.video-js .vjs-mute-control.vjs-vol-3 .vjs-icon-placeholder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.84-5 6.7v2.07c4-.91 7-4.49 7-8.77s-3-7.86-7-8.77M16.5 12c0-1.77-1-3.29-2.5-4.03V16c1.5-.71 2.5-2.24 2.5-4M3 9v6h4l5 5V4L7 9z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  content: '';
}

.vjs-gt.video-js .vjs-volume-panel.vjs-control {
  width: auto;
}

.vjs-gt.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  margin-right: 8px;
}

.vjs-gt.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.vjs-gt.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.vjs-gt.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
  width: 96px;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
  .vjs-gt.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
  .vjs-gt.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width: 152px;
  }
}

.vjs-gt.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
.vjs-gt.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal {
  width: 56px;
  height: 32px;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
  .vjs-gt.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal {
    width: 100px;
  }
}

.vjs-gt.video-js.vjs-layout-small .vjs-volume-control {
  display: initial;
}

.vjs-gt.video-js .vjs-volume-bar {
  margin-right: 0;
  margin-left: 0;
}

.vjs-gt.video-js .vjs-volume-bar.vjs-slider-horizontal {
  width: 50px;
  height: 5px;
  border-radius: 4px;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-volume-bar.vjs-slider-horizontal {
    width: 100px;
  }
}

.vjs-gt.video-js .vjs-slider-horizontal .vjs-volume-level {
  height: 5px;
  border-radius: 4px;
  background-color: #fff;
}

.vjs-gt.video-js .vjs-slider-horizontal .vjs-volume-level::before {
  top: -3px;
  right: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
  content: '';
}

.vjs-gt.video-js.vjs-layout-small .vjs-remaining-time {
  display: initial;
}

.vjs-gt.video-js .vjs-time-control {
  padding: 0;
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 32px;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-time-control {
    font-size: 16px;
  }
}

.vjs-gt.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  bottom: 31px;
  left: 50%;
  width: auto;
  max-height: initial;
  padding: 0 0 5px;
  transform: translateX(-50%);
  background-color: transparent;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    padding: 0 0 10px;
  }
}

.vjs-gt.video-js .vjs-menu-button-popup .vjs-menu {
  position: initial;
  width: 24px;
  margin: 0;
}

.vjs-gt.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item {
  padding: 6px 12px;
  background-color: rgba(0, 0, 0, .8);
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item {
    padding: 8px 16px;
    font-size: 20px;
    line-height: 23px;
  }
}

.vjs-gt.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item:hover {
  background-color: rgba(159, 159, 159, .8);
  color: #292929;
}

.vjs-gt.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
  background-color: rgba(255, 255, 255, .8);
  color: #292929;
}

.vjs-gt.video-js.vjs-layout-small .vjs-playback-rate {
  display: initial;
}

.vjs-gt.video-js .vjs-playback-rate.vjs-menu-button {
  width: auto;
  min-width: 24px;
  margin: 0 16px 0 auto;
  padding: 0;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-playback-rate.vjs-menu-button {
    margin: 0 24px 0 auto;
  }
}

.vjs-gt.video-js .vjs-playback-rate .vjs-playback-rate-value {
  position: initial;
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-playback-rate .vjs-playback-rate-value {
    font-size: 20px;
  }
}

.vjs-gt.video-js .vjs-control.vjs-resolution-button {
  width: 24px;
  margin: 0 16px 0 0;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-control.vjs-resolution-button {
    margin: 0 24px 0 0;
  }
}

.vjs-gt.video-js .vjs-resolution-button .vjs-icon-placeholder:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7m7.43-2.53c.04-.32.07-.64.07-.97s-.03-.66-.07-1l2.11-1.63c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.31-.61-.22l-2.49 1c-.52-.39-1.06-.73-1.69-.98l-.37-2.65A.506.506 0 0 0 14 2h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.25-1.17.59-1.69.98l-2.49-1c-.22-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64L4.57 11c-.04.34-.07.67-.07 1s.03.65.07.97l-2.11 1.66c-.19.15-.25.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1.01c.52.4 1.06.74 1.69.99l.37 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.37-2.65c.63-.26 1.17-.59 1.69-.99l2.49 1.01c.22.08.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  content: '';
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-resolution-button .vjs-icon-placeholder:before {
    background-size: 24px;
  }
}

.vjs-gt.video-js .vjs-control.vjs-fullscreen-control {
  width: 24px;
  margin: 0 16px 0 0;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-control.vjs-fullscreen-control {
    margin: 0 24px 0 0;
  }
}

.vjs-gt.video-js .vjs-fullscreen-control .vjs-icon-placeholder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M10.5 4.5h-6v6m15 0v-6h-6m-9 9v6h6m3 0h6v-6'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  content: '';
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-fullscreen-control .vjs-icon-placeholder::before {
    background-size: 24px;
  }
}

.vjs-gt.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M3.25 10H10V3.25m4 0V10h6.75M10 20.75V14H3.25m17.5 0H14v6.75'/%3E%3C/svg%3E");
}

.vjs-gt.video-js .vjs-cblogo-brand.vjs-control {
  width: 24px;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-cblogo-brand.vjs-control {
    width: 32px;
  }
}

.vjs-gt.video-js .vjs-cblogo-brand a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3E%3Crect width='22.627' height='22.627' y='16' fill='white' rx='3' transform='rotate(-45 0 16)'/%3E%3Cpath fill='%23E50C2C' d='M14.8 29.428 2.596 17.182a1.7 1.7 0 0 1 0-2.4l12.206-12.21a1.7 1.7 0 0 1 2.4 0l12.206 12.21a1.7 1.7 0 0 1 0 2.4L17.2 29.428a1.7 1.7 0 0 1-2.399 0m2.018-.383 12.206-12.21a1.155 1.155 0 0 0 0-1.636L16.818 2.957a1.153 1.153 0 0 0-1.634 0L2.943 15.165a1.156 1.156 0 0 0 0 1.635l12.206 12.21c.487.487 1.217.487 1.669.035'/%3E%3Cpath fill='%23E50C2C' d='m15.254 27.132-4.59-4.557.138-.07L18.035 11.2c.487-.73-.07-1.705-.938-1.705h-6.434l4.59-4.626c.453-.452 1.218-.452 1.705 0l4.625 4.626-.105.035-7.233 11.34c-.487.731.07 1.705.939 1.705h6.294l-4.555 4.557a1.196 1.196 0 0 1-1.67 0M9.098 21.01 4.96 16.835c-.452-.452-.452-1.217 0-1.704l3.443-3.444h6.642zm8.138-.661 5.911-9.253 4.069 4.07c.452.452.452 1.217 0 1.704l-3.478 3.478z'/%3E%3C/svg%3E") !important;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
}

@container gt-skin (min-width: 640px) {
  .vjs-gt.video-js .vjs-cblogo-brand a {
    background-size: 32px;
  }
}


/* stylelint-enable */