/* Player  */
.mejs__controls {
  height: 4rem;
}
.mejs__button, .mejs__time {
  margin: 0;
  padding: 0;
  width: 4rem;
  height: auto;
  line-height: 1;
}
.mejs__button > button {
  margin: 0;
  width: 3rem;
  height: 3rem;
}
.mejs__button svg {
  width: 100%;
  height: 100%;
}
.mejs__time {
  font-size: 1rem;
  line-height: 3rem;
}
.mejs__time-rail {
  padding: 0;
  margin: 0;
}
.mejs__time-total {
  margin: 0;
}
.mejs__time-handle, .mejs__time-handle-content {
  height:100%;
  border: 0 none;
}
.mejs__time-handle-content {
  border-radius:0;
  left:0;
  top:0;
  width:.25rem
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-float,
.mejs__time-float-corner,
.mejs__time-float-current,
.mejs__time-hovered,
.mejs__time-loaded,
.mejs__time-marker,
.mejs__time-total {
  height:100%;
}
.mejs__overlay-button, .mejs__overlay-button svg, .mejs__overlay-loading, .mejs__overlay-loading svg {
  height: 7.5rem;
  width: 7.5rem;
}
/* Utils  */
.clearfix::after {
  display: table;
  clear: both;
  content: "";
}
.hidden {
  display: none;
}
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}
.invisible {
  visibility: hidden;
}