/* disabling because these are needed for overriding 3rd party styles */
/* stylelint-disable declaration-no-important, selector-max-class */
$mc-video-control-height: 4.6rem !default;
$mc-video-progress-height: 0.8rem !default;


.bc-player {
  position: relative;
  display: block;
  overflow: hidden;
  font-size: inherit !important;

  &__wrapper {
    padding-bottom: 56.25%;
  }

  &__video {
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    overflow: visible;
    font-family: inherit;

    .video-js:not(.vjs-fullscreen) & {


      &.vjs-fill-width {
        width: 100%;
        height: auto;
      }

      &.vjs-fill-height {
        height: 100%;
        width: auto;
      }
    }
  }

  &__screen {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    // Needs scale to force overflow and "round up" pixel calculation
    // when landing on a half-pixel.
    -webkit-transform: translate(-50%, -50%) scale(1.01);
            transform: translate(-50%, -50%) scale(1.01);
    -webkit-transition: opacity 700ms ease-out;
    transition: opacity 700ms ease-out;

    display: none;
    opacity: 0;

    &--enter {
      display: block;
      opacity: 0;
    }

    &--appear,
    &--enter-active,
    &--enter-done {
      display: block;
      opacity: 1;
    }

    &--exit {
      display: block;
      opacity: 1;
    }

    &--exit-active {
      display: block;
      opacity: 0;
    }

    &--exit-done {
      display: none;
    }
  }

  &__autoplay-unmute {
    margin: var(--mc-scale-4);

    position: absolute;
    left: 0;
    top: 0;
  }

  .c-button {
    @include mc-button;
  }
}


// CONTROL BAR
.vjs-control-bar {
  font-size: inherit !important;
  z-index: 10;

  .vjs-mouse & {
    height: $mc-video-control-height !important;

    .vjs-progress-control {
      .vjs-progress-holder,
      .vjs-marker {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: bottom center;
                transform-origin: bottom center;
        -webkit-transition: -webkit-transform 150ms ease;
        transition: -webkit-transform 150ms ease;
        transition: transform 150ms ease;
        transition: transform 150ms ease, -webkit-transform 150ms ease;
      }

      &:hover {
        .vjs-progress-holder,
        .vjs-marker {
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
        }
      }
    }
  }

  .not-hover & {
    -webkit-transform: translateY($mc-video-control-height + $mc-video-progress-height) !important;
            transform: translateY($mc-video-control-height + $mc-video-progress-height) !important;
  }
}


// BUTTONS
.vjs-button {
  opacity: 0.8;

  &:hover {
    opacity: 1;
  }

  &:focus {
    outline: 0;
    text-shadow: none !important;
  }

  &:before,
  &:focus:before,
  &:hover:before {
    outline: 0;
    text-shadow: none !important;
  }
}

.vjs-big-play-button {
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  background: transparent !important;

  &:focus {
    outline: 0;
  }

  &:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E %3Cdefs%3E %3Cstyle%3E.cls-1%7Bfill-opacity:0.3;%7D.cls-2%7Bfill:white;%7D%3C/style%3E %3C/defs%3E %3Ctitle%3EAsset 1%3C/title%3E %3Cg id='Layer_2' data-name='Layer 2'%3E %3Cg id='Layer_1-2' data-name='Layer 1'%3E %3Cpath id='Path' class='cls-1' d='M0,40A40,40,0,1,1,40,80,40,40,0,0,1,0,40Z'/%3E %3Cpath id='Rectangle-11' class='cls-2' d='M2,40A38,38,0,1,0,40,2,38,38,0,0,0,2,40ZM0,40A40,40,0,1,1,40,80,40,40,0,0,1,0,40Z'/%3E %3Cpath id='play' class='cls-2' d='M55.2,37.73a1.19,1.19,0,0,1,0,2.16L33.1,54c-.93.6-1.69.19-1.69-.92V24.52c0-1.11.76-1.51,1.69-.92Z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  }

  .vjs-has-started & {
    display: none;
  }

  .bc-player--beforescreen-open & {
    display: none;
  }
}


// ICONS
.vjs-icon-placeholder {
  &:before {
    font-size: $mc-video-control-height / 2 + 1.6rem !important;
    line-height: inherit !important;
    color: $mc-color-light;

    .vjs-play-control & {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='32' height='32' fill='black' fill-opacity='0'/%3E %3Cpath d='M11.5369 8.15635C11.229 7.96039 10.8386 7.94776 10.5188 8.12339C10.1987 8.29905 10 8.63502 10 9.00001V23C10 23.365 10.1987 23.701 10.5188 23.8766C10.8386 24.0523 11.229 24.0396 11.5369 23.8437L22.5369 16.8437C22.8254 16.6601 23 16.3419 23 16C23 15.6581 22.8254 15.3399 22.5369 15.1563L11.5369 8.15635Z' fill='white'/%3E %3C/svg%3E") !important;
    }

    .vjs-play-control.vjs-playing & {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='32' height='32' fill='black' fill-opacity='0'/%3E %3Crect width='14' height='16' fill='black' fill-opacity='0' transform='translate(9 8)'/%3E %3Cpath d='M10 23V9H12V23H10Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 9C9 8.44772 9.44772 8 10 8H12C12.5523 8 13 8.44772 13 9V23C13 23.5523 12.5523 24 12 24H10C9.44772 24 9 23.5523 9 23V9Z' fill='white'/%3E %3Cpath d='M20 23V9H22V23H20Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 9C19 8.44772 19.4477 8 20 8H22C22.5523 8 23 8.44772 23 9V23C23 23.5523 22.5523 24 22 24H20C19.4477 24 19 23.5523 19 23V9Z' fill='white'/%3E %3C/svg%3E") !important;
    }

    .vjs-play-control.vjs-ended & {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.9999 7.88889C24.5521 7.88889 24.9999 8.3366 24.9999 8.88889V13.3333C24.9999 13.8856 24.5521 14.3333 23.9999 14.3333H19.5554C19.0031 14.3333 18.5554 13.8856 18.5554 13.3333C18.5554 12.781 19.0031 12.3333 19.5554 12.3333H22.9999V8.88889C22.9999 8.3366 23.4476 7.88889 23.9999 7.88889Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 9C12.8898 9 9.88226 11.0067 8.94295 13.6664C8.75903 14.1871 8.18777 14.4602 7.66701 14.2763C7.14625 14.0923 6.87319 13.5211 7.05711 13.0003C8.31157 9.44837 12.1449 7 16 7C19.8551 7 23.6885 9.44837 24.9429 13.0003C25.1269 13.5211 24.8538 14.0923 24.333 14.2763C23.8123 14.4602 23.241 14.1871 23.0571 13.6664C22.1178 11.0067 19.1103 9 16 9Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 18.6667C7 18.1144 7.44772 17.6667 8 17.6667H12.4444C12.9967 17.6667 13.4444 18.1144 13.4444 18.6667C13.4444 19.2189 12.9967 19.6667 12.4444 19.6667H9V23.1111C9 23.6634 8.55228 24.1111 8 24.1111C7.44772 24.1111 7 23.6634 7 23.1111V18.6667Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.66701 17.7237C8.18777 17.5398 8.75903 17.8129 8.94295 18.3336C9.88226 20.9932 12.8898 23 16 23C19.1103 23 22.1178 20.9932 23.0571 18.3336C23.241 17.8129 23.8123 17.5398 24.333 17.7237C24.8538 17.9077 25.1269 18.4789 24.9429 18.9997C23.6885 22.5516 19.8551 25 16 25C12.1449 25 8.31157 22.5516 7.05711 18.9997C6.87319 18.4789 7.14625 17.9077 7.66701 17.7237Z' fill='white'/%3E %3C/svg%3E") !important;
    }

    .vjs-vol-3 & {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='32' height='32' fill='black' fill-opacity='0'/%3E %3Crect width='20' height='18' fill='black' fill-opacity='0' transform='translate(6 7)'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4179 7.0915C15.7727 7.25469 16 7.60948 16 8.00001V24C16 24.3905 15.7727 24.7453 15.4179 24.9085C15.0631 25.0717 14.6457 25.0134 14.3492 24.7593L10.6301 21.5714H7C6.44772 21.5714 6 21.1237 6 20.5714V11.4286C6 10.8763 6.44772 10.4286 7 10.4286H10.6301L14.3492 7.24076C14.6457 6.9866 15.0631 6.92832 15.4179 7.0915ZM14 10.1742L11.6508 12.1878C11.4695 12.3432 11.2387 12.4286 11 12.4286H8V19.5714H11C11.2387 19.5714 11.4695 19.6568 11.6508 19.8122L14 21.8258V10.1742Z' fill='white'/%3E %3Crect width='7.00025' height='11.0004' fill='black' fill-opacity='0' transform='translate(19 10.5)'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5983 12.3346C20.104 12.1126 20.6939 12.3426 20.9159 12.8483C21.3204 13.7699 21.5003 14.9114 21.5003 16.0003C21.5003 17.0891 21.3204 18.2306 20.9159 19.1522C20.6939 19.6579 20.104 19.8879 19.5983 19.6659C19.0926 19.4439 18.8626 18.854 19.0846 18.3483C19.3467 17.7511 19.5003 16.902 19.5003 16.0003C19.5003 15.0985 19.3467 14.2494 19.0846 13.6522C18.8626 13.1465 19.0926 12.5566 19.5983 12.3346Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.5274 10.619C24.0141 10.3579 24.6203 10.5408 24.8814 11.0274C25.6455 12.4517 26.0002 14.2533 26.0002 16.0002C26.0002 17.7471 25.6455 19.5487 24.8814 20.9729C24.6203 21.4596 24.0141 21.6425 23.5274 21.3814C23.0408 21.1203 22.8579 20.5141 23.119 20.0274C23.6882 18.9665 24.0002 17.5107 24.0002 16.0002C24.0002 14.4897 23.6882 13.0339 23.119 11.9729C22.8579 11.4863 23.0408 10.8801 23.5274 10.619Z' fill='white'/%3E %3C/svg%3E") !important;
    }

    .vjs-vol-2 & {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='32' height='32' fill='black' fill-opacity='0'/%3E %3Crect width='15.5' height='18' fill='black' fill-opacity='0' transform='translate(6 7)'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4179 7.0915C15.7727 7.25469 16 7.60948 16 8.00001V24C16 24.3905 15.7727 24.7453 15.4179 24.9085C15.0631 25.0717 14.6457 25.0134 14.3492 24.7593L10.6301 21.5714H7C6.44772 21.5714 6 21.1237 6 20.5714V11.4286C6 10.8763 6.44772 10.4286 7 10.4286H10.6301L14.3492 7.24076C14.6457 6.9866 15.0631 6.92832 15.4179 7.0915ZM14 10.1742L11.6508 12.1878C11.4695 12.3432 11.2387 12.4286 11 12.4286H8V19.5714H11C11.2387 19.5714 11.4695 19.6568 11.6508 19.8122L14 21.8258V10.1742Z' fill='white'/%3E %3Crect width='2.50025' height='7.5005' fill='black' fill-opacity='0' transform='translate(19 12.25)'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5983 12.3346C20.104 12.1126 20.6939 12.3426 20.9159 12.8483C21.3204 13.7699 21.5003 14.9114 21.5003 16.0003C21.5003 17.0891 21.3204 18.2306 20.9159 19.1522C20.6939 19.6579 20.104 19.8879 19.5983 19.6659C19.0926 19.4439 18.8626 18.854 19.0846 18.3483C19.3467 17.7511 19.5003 16.902 19.5003 16.0003C19.5003 15.0985 19.3467 14.2494 19.0846 13.6522C18.8626 13.1465 19.0926 12.5566 19.5983 12.3346Z' fill='white'/%3E %3C/svg%3E") !important;
    }

    .vjs-vol-1 & {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='32' height='32' fill='black' fill-opacity='0'/%3E %3Crect width='20' height='18' fill='black' fill-opacity='0' transform='translate(6 7)'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4179 7.0915C15.7727 7.25469 16 7.60948 16 8.00001V24C16 24.3905 15.7727 24.7453 15.4179 24.9085C15.0631 25.0717 14.6457 25.0134 14.3492 24.7593L10.6301 21.5714H7C6.44772 21.5714 6 21.1237 6 20.5714V11.4286C6 10.8763 6.44772 10.4286 7 10.4286H10.6301L14.3492 7.24076C14.6457 6.9866 15.0631 6.92832 15.4179 7.0915ZM14 10.1742L11.6508 12.1878C11.4695 12.3432 11.2387 12.4286 11 12.4286H8V19.5714H11C11.2387 19.5714 11.4695 19.6568 11.6508 19.8122L14 21.8258V10.1742Z' fill='white'/%3E %3C/svg%3E") !important;
    }

    .vjs-vol-0 & {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='32' height='32' fill='black' fill-opacity='0'/%3E %3Crect width='20' height='18' fill='black' fill-opacity='0' transform='translate(6 7)'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4179 7.0915C15.7727 7.25469 16 7.60948 16 8.00001V24C16 24.3905 15.7727 24.7453 15.4179 24.9085C15.0631 25.0717 14.6457 25.0134 14.3492 24.7593L10.6301 21.5714H7C6.44772 21.5714 6 21.1237 6 20.5714V11.4286C6 10.8763 6.44772 10.4286 7 10.4286H10.6301L14.3492 7.24076C14.6457 6.9866 15.0631 6.92832 15.4179 7.0915ZM14 10.1742L11.6508 12.1878C11.4695 12.3432 11.2387 12.4286 11 12.4286H8V19.5714H11C11.2387 19.5714 11.4695 19.6568 11.6508 19.8122L14 21.8258V10.1742Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2929 12.7929C19.6834 12.4024 20.3166 12.4024 20.7071 12.7929L22.5 14.5858L24.2929 12.7929C24.6834 12.4024 25.3166 12.4024 25.7071 12.7929C26.0976 13.1834 26.0976 13.8166 25.7071 14.2071L23.9142 16L25.7071 17.7929C26.0976 18.1834 26.0976 18.8166 25.7071 19.2071C25.3166 19.5976 24.6834 19.5976 24.2929 19.2071L22.5 17.4142L20.7071 19.2071C20.3166 19.5976 19.6834 19.5976 19.2929 19.2071C18.9024 18.8166 18.9024 18.1834 19.2929 17.7929L21.0858 16L19.2929 14.2071C18.9024 13.8166 18.9024 13.1834 19.2929 12.7929Z' fill='white'/%3E %3C/svg%3E") !important;
    }

    .video-annotations-menu & {
      top: 3px;
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg opacity='0.8'%3E %3Crect width='32' height='32' fill='white' fill-opacity='0'/%3E %3Cpath d='M22.3575 23C20.3569 23 11.4172 23 11.4172 23L7.65611 24.85C7.65611 24.85 7.35273 25 6.90819 25C6.40663 25 6 24.5921 6 24.0891C6 24.0158 6 23.848 6 23.7854C6 23.7854 6 17.0255 6 18.9255V11.6514C6 9.63486 7.62181 8 9.6224 8H22.3575C24.3581 8 26 9.63486 26 11.6514C26 11.6514 26 16.9089 26 18.9255C26 20.9422 24.3581 23 22.3575 23ZM24 11.6421C24 10.6366 23.355 10 22.3512 10H9.62854C8.62475 10 8 10.6366 8 11.6421V17.5359C8.0181 18.5983 8 22.5708 8 22.5708L10.8243 21C12.4429 21.0149 22.3512 21 22.3512 21C23.3549 21 24 19.9312 24 18.9256C24 17.92 24 12.6477 24 11.6421Z' fill='white'/%3E %3C/g%3E %3C/svg%3E") !important;
    }

    .vjs-subs-caps-button & {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg opacity='0.8'%3E %3Crect width='32' height='32' fill='white' fill-opacity='0'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.1971 18.176C20.8941 18.176 21.3511 17.836 21.4801 17.197H23.0741C22.9331 18.645 21.8791 19.576 20.1971 19.576C18.1811 19.576 17.0391 18.358 17.0391 16.19C17.0391 14.045 18.1761 12.832 20.1971 12.832C21.9081 12.832 22.9331 13.781 23.0741 15.252H21.4801C21.3631 14.637 20.9241 14.233 20.1971 14.233C19.2771 14.233 18.7611 14.918 18.7611 16.19C18.7611 17.479 19.2831 18.176 20.1971 18.176ZM13.2567 18.176C13.9537 18.176 14.4107 17.836 14.5397 17.197H16.1337C15.9927 18.645 14.9377 19.576 13.2567 19.576C11.2407 19.576 10.0977 18.358 10.0977 16.19C10.0977 14.045 11.2347 12.832 13.2567 12.832C14.9677 12.832 15.9927 13.781 16.1337 15.252H14.5397C14.4227 14.637 13.9827 14.233 13.2567 14.233C12.3367 14.233 11.8207 14.918 11.8207 16.19C11.8207 17.479 12.3427 18.176 13.2567 18.176ZM6 8C5.447 8 5 8.447 5 9V23C5 23.553 5.447 24 6 24H27C27.552 24 28 23.553 28 23V9C28 8.447 27.552 8 27 8H6Z' fill='white'/%3E %3C/g%3E %3C/svg%3E") !important;
    }

    .vjs-quality-menu-button & {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='32' height='32' fill='black' fill-opacity='0'/%3E %3Crect width='18' height='18' fill='black' fill-opacity='0' transform='translate(7 7)'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11ZM9 16C9 12.134 12.134 9 16 9C19.866 9 23 12.134 23 16C23 19.866 19.866 23 16 23C12.134 23 9 19.866 9 16Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 7C16.5523 7 17 7.44772 17 8V10C17 10.5523 16.5523 11 16 11C15.4477 11 15 10.5523 15 10V8C15 7.44772 15.4477 7 16 7Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 21C16.5523 21 17 21.4477 17 22V24C17 24.5523 16.5523 25 16 25C15.4477 25 15 24.5523 15 24V22C15 21.4477 15.4477 21 16 21Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25 16C25 16.5523 24.5523 17 24 17H22C21.4477 17 21 16.5523 21 16C21 15.4477 21.4477 15 22 15H24C24.5523 15 25 15.4477 25 16Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 16C11 16.5523 10.5523 17 10 17H8C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15H10C10.5523 15 11 15.4477 11 16Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.3634 9.63679C22.7539 10.0273 22.7539 10.6605 22.3634 11.051L20.9491 12.4652C20.5586 12.8557 19.9255 12.8557 19.5349 12.4652C19.1444 12.0747 19.1444 11.4415 19.5349 11.051L20.9491 9.63679C21.3397 9.24627 21.9728 9.24627 22.3634 9.63679Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4649 19.5352C12.8554 19.9258 12.8554 20.5589 12.4649 20.9494L11.0507 22.3637C10.6602 22.7542 10.027 22.7542 9.63649 22.3637C9.24597 21.9731 9.24597 21.34 9.63649 20.9494L11.0507 19.5352C11.4412 19.1447 12.0744 19.1447 12.4649 19.5352Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.3632 22.3634C21.9727 22.7539 21.3395 22.7539 20.949 22.3634L19.5348 20.9491C19.1443 20.5586 19.1443 19.9255 19.5348 19.5349C19.9253 19.1444 20.5585 19.1444 20.949 19.5349L22.3632 20.9491C22.7537 21.3397 22.7537 21.9728 22.3632 22.3634Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4648 12.4649C12.0742 12.8554 11.4411 12.8554 11.0506 12.4649L9.63634 11.0507C9.24582 10.6602 9.24582 10.027 9.63634 9.63649C10.0269 9.24597 10.66 9.24597 11.0506 9.63649L12.4648 11.0507C12.8553 11.4412 12.8553 12.0744 12.4648 12.4649Z' fill='white'/%3E %3C/svg%3E") !important;
    }

    .vjs-fullscreen-control & {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='32' height='32' fill='black' fill-opacity='0'/%3E %3Crect width='20.0002' height='16.0002' fill='black' fill-opacity='0' transform='translate(6 8)'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 18C7.55228 18 8 18.4477 8 19V21.9997H13C13.5523 21.9997 14 22.4474 14 22.9997C14 23.552 13.5523 23.9997 13 23.9997H7C6.44772 23.9997 6 23.552 6 22.9997V19C6 18.4477 6.44772 18 7 18Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 9C6 8.44772 6.44772 8 7 8H13C13.5523 8 14 8.44772 14 9C14 9.55228 13.5523 10 13 10H8V13C8 13.5523 7.55228 14 7 14C6.44772 14 6 13.5523 6 13V9Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 9C18 8.44772 18.4477 8 19 8H24.9999C25.5522 8 25.9999 8.44772 25.9999 9V13C25.9999 13.5523 25.5522 14 24.9999 14C24.4477 14 23.9999 13.5523 23.9999 13V10H19C18.4477 10 18 9.55228 18 9Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.0002 18C25.5524 18 26.0002 18.4477 26.0002 19V23.0002C26.0002 23.5525 25.5524 24.0002 25.0002 24.0002H19C18.4477 24.0002 18 23.5525 18 23.0002C18 22.4479 18.4477 22.0002 19 22.0002H24.0002V19C24.0002 18.4477 24.4479 18 25.0002 18Z' fill='white'/%3E %3C/svg%3E") !important;
    }

    .vjs-fullscreen .vjs-fullscreen-control & {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='32' height='32' fill='black' fill-opacity='0'/%3E %3Crect width='20' height='16' fill='black' fill-opacity='0' transform='translate(6 8)'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 8C19.5523 8 20 8.44772 20 9V11.9997H25C25.5523 11.9997 26 12.4474 26 12.9997C26 13.552 25.5523 13.9997 25 13.9997H19C18.4477 13.9997 18 13.552 18 12.9997V9C18 8.44772 18.4477 8 19 8Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 19C18 18.4477 18.4477 18 19 18H25C25.5523 18 26 18.4477 26 19C26 19.5523 25.5523 20 25 20H20V23C20 23.5523 19.5523 24 19 24C18.4477 24 18 23.5523 18 23V19Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 19C6 18.4477 6.44772 18 7 18H12.9999C13.5522 18 13.9999 18.4477 13.9999 19V23C13.9999 23.5523 13.5522 24 12.9999 24C12.4477 24 11.9999 23.5523 11.9999 23V20H7C6.44772 20 6 19.5523 6 19Z' fill='white'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0002 8C13.5524 8 14.0002 8.44772 14.0002 9V13.0002C14.0002 13.5525 13.5524 14.0002 13.0002 14.0002H7C6.44772 14.0002 6 13.5525 6 13.0002C6 12.4479 6.44772 12.0002 7 12.0002H12.0002V9C12.0002 8.44772 12.4479 8 13.0002 8Z' fill='white'/%3E %3C/svg%3E") !important;
    }
  }
}


// LABELS
.vjs-time-control,
.vjs-playback-rate .vjs-playback-rate-value {
  @include step(font-size, 4, !important);
  line-height: $mc-video-control-height !important;
}


.video-js {
  // POSTER
  .vjs-poster {
    background-size: cover;
  }

  // MENUS
  &.vjs-quality-menu .vjs-quality-menu-button-4K-flag:after,
  &.vjs-quality-menu .vjs-quality-menu-button-HD-flag:after {
    font-size: 0.6em;
    font-weight: 600;
    right: 7px;
    top: 7px;
    width: auto;
    height: auto;
    line-height: 1;
    border-radius: 3px;
    padding: 3px;
  }

  .vjs-current-time,
  .vjs-duration,
  .vjs-time-divider {
    padding: 0 0.3em;
  }

  .vjs-time-control {
    min-width: inherit;
    text-align: center;
  }

  .vjs-progress-holder .vjs-play-progress .vjs-time-tooltip,
  .vjs-progress-holder .vjs-tooltip-progress-bar:last-child .vjs-time-tooltip {
    display: none;
  }

  .vjs-time-tooltip {
    height: auto;
    padding: 8px;
    border-radius: 2px;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  .vjs-captions-button,
  .vjs-subs-caps-button {
    .vjs-menu-item {
      text-transform: uppercase;
    }
  }

  .vjs-texttrack-settings {
    display: none;
  }

  .vjs-menu-button-popup .vjs-menu {
    left: -2.6em;

    .vjs-menu-content {
      padding-bottom: $mc-video-progress-height;
      font-family: inherit !important;
    }

    .vjs-menu-item {
      margin: 0;
      background-color: rgba($mc-color-dark, 0.8);
      border-radius: 0;
      text-shadow: none !important;

      &:first-child {
        border-top-right-radius: $default-radius;
        border-top-left-radius: $default-radius;
      }

      &:last-child {
        border-bottom-right-radius: $default-radius;
        border-bottom-left-radius: $default-radius;
      }

      &.vjs-selected {
        color: $mc-color-light;
        background-color: $mc-color-gray-300;

        &:hover {
          background-color: $mc-color-gray-300;
        }
      }

      &:hover {
        background-color: rgba($mc-color-dark, 0.8);
      }
    }
  }

  .vjs-overlay-buttons {
    position: absolute;
    z-index: 1;
    height: auto;
    bottom: 10px;
    left: 20px;
    text-align: left;

    .vjs-control {
      width: 35px;
      height: 35px;
      margin: 0;

      &:before {
        font-size: 35px;
        line-height: 1;
      }
    }
  }


  // PROGRESS BAR
  .vjs-progress-control .vjs-load-progress,
  .vjs-progress-control .vjs-progress-holder {
    background-color: rgba($mc-color-light, 0.3);
  }

  .vjs-progress-control .vjs-play-progress {
    background-color: $mc-color-primary;
  }

  .vjs-load-progress div {
    background-color: rgba($mc-color-light, 0.18);
  }

  .vjs-volume-level {
    background-color: rgba($mc-color-light, 0.9);
  }

  .vjs-control-bar {
    background: rgba($mc-color-dark, 0.4);
  }
}

// HIDE
.vjs-contextmenu-ui-menu {
  display: none;
}