/*
 * Size
 */
.sizeS {
  width: 100%;
  height: auto;
  max-width: 128px;
}

.sizeM {
  width: 100%;
  height: auto;
  max-width: 256px;
}

.sizeL {
  width: 100%;
  height: auto;
  max-width: 512px;
}

.sizeXL {
  width: 100%;
  height: auto;
  max-width: 1024px;
}

/*
 * Location
 */
.centerX {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*
 * Fills
 */
.fillX {
  width: 100%;
  height: auto;
}

.fillY {
  width: auto;
  height: calc(100% - 80px);
  vertical-align: top;

  z-index: -1;
  position: relative;

  top: 0px;
  left: calc((100vw - (100vh - 80px) / 1080 * 1920) / 2);
}

/*
 * Video Player
 */
.player-overlay {
  top: 0px;
  left: 1em;
  position: absolute;
}

.player-wrapper {
  position: relative;
}

video.player {
  width: 100%;
  height: auto;
  outline: none;
}

.title {
  width: 100%;
  height: auto;
}