body {
  margin: 4rem;
}

.vjs-theme-custom {
  --vjs-theme-custom--primary: #FF7500;
  aspect-ratio: 16/9;
  position: relative;
  width: 100%;
  height: 100%;
}
.vjs-theme-custom .vjs-tech {
  aspect-ratio: 16/9;
  -o-object-fit: contain;
     object-fit: contain;
}
.vjs-theme-custom .vjs-big-play-button {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: var(--vjs-theme-custom--primary);
  border: unset;
  width: 4rem;
  height: 4rem;
}
.vjs-theme-custom .vjs-icon-placeholder:before {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.vjs-theme-custom .vjs-control {
  height: auto;
}
.vjs-theme-custom .vjs-control-bar {
  height: auto;
  padding: 0px 1.5rem 1.5rem;
  background: none;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
  background-image: linear-gradient(0deg, #000, transparent);
}
.vjs-theme-custom .vjs-play-control {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.vjs-theme-custom .vjs-remaining-time {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.vjs-theme-custom .vjs-remaining-time span[aria-hidden=true] {
  display: none;
  visibility: hidden;
}
.vjs-theme-custom .vjs-progress-control {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.vjs-theme-custom .vjs-volume-panel {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.vjs-theme-custom .vjs-fullscreen-control {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.vjs-theme-custom .vjs-slider,
.vjs-theme-custom .vjs-load-progress,
.vjs-theme-custom .vjs-load-progress div {
  background: rgba(255, 255, 255, 0.1);
}
.vjs-theme-custom .vjs-progress-control .vjs-mouse-display {
  background: var(--vjs-theme-custom--primary);
}
.vjs-theme-custom .vjs-mouse-display .vjs-time-tooltip {
  background: #FFF;
  color: #000;
}
.vjs-theme-custom .vjs-time-control {
  display: block;
}
.vjs-theme-custom .vjs-remaining-time {
  display: none;
}
.vjs-theme-custom .vjs-time-divider {
  padding: unset;
  min-width: unset;
}
.vjs-theme-custom .vjs-current-time {
  padding-right: unset;
}
.vjs-theme-custom .vjs-duration {
  padding-left: unset;
}