.vjs-lemon .vjs-big-play-button {
  transition: none;
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  border-radius: 50%;
  border: 4px solid var(--color-yellow);
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0.4;
}

.vjs-lemon:hover .vjs-big-play-button {
  border: 4px solid var(--color-olive);
  background-color: rgba(0, 0, 0, 0.6);
}

.vjs-lemon .vjs-big-play-button .vjs-icon-placeholder {
  position: absolute;
  font-size: 100px;
  left: -2px;
  top: 31px;
  color: var(--color-yellow);
}

.vjs-lemon:hover .vjs-big-play-button .vjs-icon-placeholder {
  color: var(--color-olive);
}

.vjs-lemon .vjs-text-track-display {
  bottom: 60px;
}

.vjs-lemon .vjs-progress-control {
  position: absolute;
  bottom: 40px;
  height: 20px;
  width: 100%;
}

.vjs-lemon .vjs-control-bar {
  height: 40px;
  background: none;
}

.vjs-lemon .vjs-icon-placeholder:before,
.vjs-lemon .vjs-time-control,
.vjs-lemon .vjs-time-divider span {
  line-height: 30px;
}

.vjs-lemon .vjs-control-bar:before {
  position: absolute;
  content: '';
  bottom: 0px;
  width: 100%;
  height: 100px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0));
}

.vjs-lemon .vjs-control .vjs-icon-placeholder {
  color: var(--color-yellow);
}

.vjs-lemon .vjs-control .vjs-icon-placeholder:hover {
  color: var(--color-olive);
}

.vjs-lemon .vjs-button {
  width: 55px !important;
}

.vjs-lemon .vjs-volume-panel {
  width: 125px !important;
}

.vjs-lemon .vjs-volume-control {
  width: 70px !important;
  height: 40px !important;
  opacity: 1.0 !important;
  margin: 0px;
}

.vjs-lemon .vjs-volume-bar {
  margin-top: 13px;
}

.vjs-lemon .vjs-time-control {
  display: block;
  padding: 0px;
}

.vjs-lemon .vjs-remaining-time {
  display: none;
}

.vjs-lemon .vjs-time-control span {
  font-weight: bold;
}

.vjs-lemon .vjs-current-time {
  margin: 0px 5px 0px auto;
}

.vjs-lemon .vjs-time-divider {
  min-width: 0px;
}

.vjs-lemon .vjs-duration {
  margin: 0px auto 0px 5px;
}

.vjs-lemon .vjs-progress-holder,
.vjs-lemon .vjs-volume-bar,
.vjs-lemon .vjs-volume-level {
  height: 5px;
}

.vjs-lemon .vjs-volume-level,
.vjs-lemon .vjs-play-progress {
  background-color: var(--color-yellow);
}

.vjs-lemon .vjs-play-progress:before,
.vjs-lemon .vjs-volume-level:before,
.vjs-lemon .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip {
  display: none;
}

.vjs-lemon .vjs-time-control span {
  color: var(--color-gainsboro);
}