/* roboto-100normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src:
    local('Roboto Thin '),
    local('Roboto-Thin'),
    url('/assets/roboto-latin-100.12823d58.woff2') format('woff2'), 
    url('/assets/roboto-latin-100.c4ead4de.woff') format('woff'); /* Modern Browsers */
}

/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 100;
  src:
    local('Roboto Thin italic'),
    local('Roboto-Thinitalic'),
    url('/assets/roboto-latin-100italic.26c91ea4.woff2') format('woff2'), 
    url('/assets/roboto-latin-100italic.5a3a9840.woff') format('woff'); /* Modern Browsers */
}

/* roboto-300normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src:
    local('Roboto Light '),
    local('Roboto-Light'),
    url('/assets/roboto-latin-300.29f6da0a.woff2') format('woff2'), 
    url('/assets/roboto-latin-300.76b05400.woff') format('woff'); /* Modern Browsers */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src:
    local('Roboto Light italic'),
    local('Roboto-Lightitalic'),
    url('/assets/roboto-latin-300italic.9e02524e.woff2') format('woff2'), 
    url('/assets/roboto-latin-300italic.0be0ae6e.woff') format('woff'); /* Modern Browsers */
}

/* roboto-400normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    local('Roboto Regular '),
    local('Roboto-Regular'),
    url('/assets/roboto-latin-400.48c3fa6f.woff2') format('woff2'), 
    url('/assets/roboto-latin-400.c1dc87f9.woff') format('woff'); /* Modern Browsers */
}

/* roboto-400italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src:
    local('Roboto Regular italic'),
    local('Roboto-Regularitalic'),
    url('/assets/roboto-latin-400italic.401e6c25.woff2') format('woff2'), 
    url('/assets/roboto-latin-400italic.80815efe.woff') format('woff'); /* Modern Browsers */
}

/* roboto-500normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:
    local('Roboto Medium '),
    local('Roboto-Medium'),
    url('/assets/roboto-latin-500.24369e1b.woff2') format('woff2'), 
    url('/assets/roboto-latin-500.ba98f991.woff') format('woff'); /* Modern Browsers */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src:
    local('Roboto Medium italic'),
    local('Roboto-Mediumitalic'),
    url('/assets/roboto-latin-500italic.8688b620.woff2') format('woff2'), 
    url('/assets/roboto-latin-500italic.6f2974a3.woff') format('woff'); /* Modern Browsers */
}

/* roboto-700normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:
    local('Roboto Bold '),
    local('Roboto-Bold'),
    url('/assets/roboto-latin-700.b4d07892.woff2') format('woff2'), 
    url('/assets/roboto-latin-700.806ea46c.woff') format('woff'); /* Modern Browsers */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src:
    local('Roboto Bold italic'),
    local('Roboto-Bolditalic'),
    url('/assets/roboto-latin-700italic.5cc2e477.woff2') format('woff2'), 
    url('/assets/roboto-latin-700italic.eec14260.woff') format('woff'); /* Modern Browsers */
}

/* roboto-900normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src:
    local('Roboto Black '),
    local('Roboto-Black'),
    url('/assets/roboto-latin-900.edcdf3f6.woff2') format('woff2'), 
    url('/assets/roboto-latin-900.e8586f9d.woff') format('woff'); /* Modern Browsers */
}

/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src:
    local('Roboto Black italic'),
    local('Roboto-Blackitalic'),
    url('/assets/roboto-latin-900italic.95e60b93.woff2') format('woff2'), 
    url('/assets/roboto-latin-900italic.6a80d9cb.woff') format('woff'); /* Modern Browsers */
}

* {
  color: whiteSmoke;
  font-family: Arial;
  margin: 0;
}

@font-face {
  font-family: "archivo";
  src: url("/assets/ArchivoBlack-Regular.eebc4553.ttf") format("truetype");
}
.player-container {
  height: 100vh;
  width: 100vw;
  display: grid;
  text-align: center;
  vertical-align: center;
  background-color: black;
}
.player-container-token {
  margin: auto;
  color: white;
  font-size: 24em;
  width: auto;
}
.player-container-hostname {
  position: absolute;
  left: 1em;
  bottom: 0.5em;
  margin: auto;
  color: white;
  font-size: 1.6em;
}
.player-grid-container {
  height: 100vh;
  width: 100vw;
  background-color: black;
}
.player-grid-item {
  height: 100%;
  width: 100%;
  position: relative;
}

[data-size="12"] {
  font-size: 10px;
}

[data-size="6"] {
  font-size: 5px;
}

[data-size="4"] {
  font-size: 5px;
}

[data-size="3"] {
  font-size: 5px;
}

@media screen and (max-width: 1024px) {
  [data-size="12"] {
    font-size: 6px;
  }
}
[data-device=android] {
  font-size: 6px;
}

[data-device=ipad] {
  font-size: 6px;
}

[data-device=iphone] {
  font-size: 6px;
}

* {
  color: whiteSmoke;
  font-family: Arial;
  margin: 0;
}

body {
  overflow: hidden;
}

#root {
  width: 100vw;
  height: 100vh;
  overflow-y: hidden;
  background-color: black;
}

.background {
  position: relative;
  margin: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.background.background-black {
  background: black;
}
.background.background-white {
  background: ghostwhite;
}
.background.background-primary {
  background: #f07000;
}
.background.background-primary-dark {
  background: #B34A00;
}
.background.background-primary-light {
  background: #f2b668;
}
.background.background-secondary {
  background: #ffffff;
}

.header {
  display: flex;
  height: 20%;
  width: 100%;
  overflow: hidden;
}
.header.background-black {
  background: black;
}
.header.background-white {
  background: ghostwhite;
}
.header.background-primary {
  background: #f07000;
}
.header.background-primary-dark {
  background: #B34A00;
}
.header.background-primary-light {
  background: #f2b668;
}
.header.background-secondary {
  background: #ffffff;
}

.logo {
  margin: auto;
  height: 100%;
  padding: 10px;
  width: auto;
  object-fit: contain;
  max-width: 100%;
}

.arrow-direction {
  height: 100%;
  width: auto;
  object-fit: contain;
}
.arrow-direction-container {
  height: 100%;
  margin: auto;
  overflow: hidden;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.clock {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 10em;
  font-weight: bold;
}
.clock.text-color-black {
  color: black;
}
.clock.text-color-white {
  color: whiteSmoke;
}
.clock.text-color-primary {
  color: #f07000;
}
.clock.text-color-primary-dark {
  color: #B34A00;
}
.clock.text-color-primary-light {
  color: #f2b668;
}
.clock.text-color-secondary {
  color: #ffffff;
}

.title {
  margin: auto;
  font-size: 10em;
  font-weight: bold;
}
.title.text-color-black {
  color: black;
}
.title.text-color-white {
  color: whiteSmoke;
}
.title.text-color-primary {
  color: #f07000;
}
.title.text-color-primary-dark {
  color: #B34A00;
}
.title.text-color-primary-light {
  color: #f2b668;
}
.title.text-color-secondary {
  color: #ffffff;
}

.body {
  height: 80%;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.footer {
  width: 100%;
  height: 25%;
  display: flex;
  overflow: hidden;
}

.svg-arrow.svg-color-black {
  color: black;
}
.svg-arrow.svg-color-white {
  color: whiteSmoke;
}
.svg-arrow.svg-color-primary {
  color: #f07000;
}
.svg-arrow.svg-color-primary-dark {
  color: #B34A00;
}
.svg-arrow.svg-color-primary-light {
  color: #f2b668;
}
.svg-arrow.svg-color-secondary {
  color: #ffffff;
}

.pictogram {
  font-weight: 900;
  color: #111111;
  background-color: snow;
  padding: 10px;
  margin: 0 5px;
}
.pictogram.border {
  border-style: solid;
  border-color: black;
}
.pictogram.round {
  border-radius: 3rem;
  border-width: 2px;
}
.pictogram.square {
  border-radius: 7px;
  border-width: 1px;
  padding: 5px;
}
.pictogram.primary {
  color: whiteSmoke;
  background-color: #f07000;
}
.pictogram.secondary {
  color: whiteSmoke;
  background-color: #ffffff;
}

.background-image-box--container {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.background-image-box--image {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
}
.background-image-box--overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: linear-gradient(#000000 18%, rgba(0, 0, 0, 0.5843137255) 50%, #000000 68%);
}
.background-image-box--children {
  z-index: 2;
}

.movie-duration {
  margin: auto;
}
.movie-duration.text-color-black {
  color: black;
}
.movie-duration.text-color-white {
  color: whiteSmoke;
}
.movie-duration.text-color-primary {
  color: #f07000;
}
.movie-duration.text-color-primary-dark {
  color: #B34A00;
}
.movie-duration.text-color-primary-light {
  color: #f2b668;
}
.movie-duration.text-color-secondary {
  color: #ffffff;
}
.movie-duration-container {
  display: flex;
}

.movie-poster {
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  /* Safari 3-8  */
  transform-style: preserve-3d;
  transform-origin: left center;
}
.movie-poster-container {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.movie-schedules {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}

.schedule-tag {
  flex-wrap: nowrap;
}
.schedule-tag.even {
  margin: auto;
}
.schedule-tag.odd {
  background: rgba(255, 255, 255, 0.2);
}
.schedule-tag .movie-schedule-paragraph-container.text-color-black {
  color: black;
}
.schedule-tag .movie-schedule-paragraph-container.text-color-white {
  color: whiteSmoke;
}
.schedule-tag .movie-schedule-paragraph-container.text-color-primary {
  color: #f07000;
}
.schedule-tag .movie-schedule-paragraph-container.text-color-primary-dark {
  color: #B34A00;
}
.schedule-tag .movie-schedule-paragraph-container.text-color-primary-light {
  color: #f2b668;
}
.schedule-tag .movie-schedule-paragraph-container.text-color-secondary {
  color: #ffffff;
}
.schedule-tag .movie-schedule-paragraph-container .highlighted {
  color: #f07000;
}
.schedule-tag .movie-schedule-paragraph-container .highlighted.text-highlight-color-black {
  color: black;
}
.schedule-tag .movie-schedule-paragraph-container .highlighted.text-highlight-color-white {
  color: whiteSmoke;
}
.schedule-tag .movie-schedule-paragraph-container .highlighted.text-highlight-color-primary {
  color: #f07000;
}
.schedule-tag .movie-schedule-paragraph-container .highlighted.text-highlight-color-primary-dark {
  color: #B34A00;
}
.schedule-tag .movie-schedule-paragraph-container .highlighted.text-highlight-color-primary-light {
  color: #f2b668;
}
.schedule-tag .movie-schedule-paragraph-container .highlighted.text-highlight-color-secondary {
  color: #ffffff;
}

.movie-schedule {
  margin: auto;
}
.movie-schedule.text-color-black {
  color: black;
}
.movie-schedule.text-color-white {
  color: whiteSmoke;
}
.movie-schedule.text-color-primary {
  color: #f07000;
}
.movie-schedule.text-color-primary-dark {
  color: #B34A00;
}
.movie-schedule.text-color-primary-light {
  color: #f2b668;
}
.movie-schedule.text-color-secondary {
  color: #ffffff;
}
.movie-schedule.text-highlight-color-black {
  color: black;
}
.movie-schedule.text-highlight-color-white {
  color: whiteSmoke;
}
.movie-schedule.text-highlight-color-primary {
  color: #f07000;
}
.movie-schedule.text-highlight-color-primary-dark {
  color: #B34A00;
}
.movie-schedule.text-highlight-color-primary-light {
  color: #f2b668;
}
.movie-schedule.text-highlight-color-secondary {
  color: #ffffff;
}
.movie-schedule-container {
  display: flex;
}
.movie-schedule.highlighted {
  color: #f07000;
}
.movie-schedule span.highlighted {
  color: #f07000;
}

.movie-screen-number {
  font-size: 20em;
  font-weight: 900;
  color: whiteSmoke;
}
.movie-screen-number.text-color-black {
  color: black;
}
.movie-screen-number.text-color-white {
  color: whiteSmoke;
}
.movie-screen-number.text-color-primary {
  color: #f07000;
}
.movie-screen-number.text-color-primary-dark {
  color: #B34A00;
}
.movie-screen-number.text-color-primary-light {
  color: #f2b668;
}
.movie-screen-number.text-color-secondary {
  color: #ffffff;
}
.movie-screen-number-container {
  display: flex;
  margin: auto;
}
.movie-screen-number-container.background-black {
  background: black;
}
.movie-screen-number-container.background-white {
  background: ghostwhite;
}
.movie-screen-number-container.background-primary {
  background: #f07000;
}
.movie-screen-number-container.background-primary-dark {
  background: #B34A00;
}
.movie-screen-number-container.background-primary-light {
  background: #f2b668;
}
.movie-screen-number-container.background-secondary {
  background: #ffffff;
}
.movie-screen-number.string-format {
  font-size: 15em;
}

.movie-state {
  margin: auto;
}
.movie-state.text-color-black {
  color: black;
}
.movie-state.text-color-white {
  color: whiteSmoke;
}
.movie-state.text-color-primary {
  color: #f07000;
}
.movie-state.text-color-primary-dark {
  color: #B34A00;
}
.movie-state.text-color-primary-light {
  color: #f2b668;
}
.movie-state.text-color-secondary {
  color: #ffffff;
}
.movie-state-container {
  display: flex;
}

.movie-title {
  font-weight: 900;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin: auto;
  overflow: hidden;
}
.movie-title.text-color-black {
  color: black;
}
.movie-title.text-color-white {
  color: whiteSmoke;
}
.movie-title.text-color-primary {
  color: #f07000;
}
.movie-title.text-color-primary-dark {
  color: #B34A00;
}
.movie-title.text-color-primary-light {
  color: #f2b668;
}
.movie-title.text-color-secondary {
  color: #ffffff;
}
.movie-title-container {
  display: flex;
  overflow: hidden;
}

.movie-version {
  display: flex;
  align-items: center;
}
.movie-version-container {
  display: flex;
}

.table {
  display: flex;
  flex-flow: column;
  height: 100%;
  font-size: 6em;
}
.table > div {
  align-items: center;
  overflow: hidden;
}

.table-header {
  display: flex;
  background: linear-gradient(to right, #B34A00 25%, #f2b668);
  border-bottom: solid 3px black;
  height: 10%;
  font-weight: bold;
}
.table-header.background-black {
  background: black;
}
.table-header.background-white {
  background: ghostwhite;
}
.table-header.background-primary {
  background: #f07000;
}
.table-header.background-primary-dark {
  background: #B34A00;
}
.table-header.background-primary-light {
  background: #f2b668;
}
.table-header.background-secondary {
  background: #ffffff;
}
.table-header.border-color-black {
  border-color: black;
}
.table-header.border-color-white {
  border-color: whiteSmoke;
}
.table-header.border-color-primary {
  border-color: #f07000;
}
.table-header.border-color-primary-dark {
  border-color: #B34A00;
}
.table-header.border-color-primary-light {
  border-color: #f2b668;
}
.table-header.border-color-secondary {
  border-color: #ffffff;
}
.table-header > div.text-color-black {
  color: black;
}
.table-header > div.text-color-white {
  color: whiteSmoke;
}
.table-header > div.text-color-primary {
  color: #f07000;
}
.table-header > div.text-color-primary-dark {
  color: #B34A00;
}
.table-header > div.text-color-primary-light {
  color: #f2b668;
}
.table-header > div.text-color-secondary {
  color: #ffffff;
}
.table-header-screen {
  text-align: center;
  width: 10%;
}
.table-header-screen[data-order="1"] {
  order: 1;
}
.table-header-screen[data-order="2"] {
  order: 2;
}
.table-header-screen[data-order="3"] {
  order: 3;
}
.table-header-screen[data-order="4"] {
  order: 4;
}
.table-header-screen[data-order="5"] {
  order: 5;
}
.table-header-screen[data-order="6"] {
  order: 6;
}
.table-header-screen[data-order="7"] {
  order: 7;
}
.table-header-screen[data-order="8"] {
  order: 8;
}
.table-header-screen[data-order="9"] {
  order: 9;
}
.table-header-screen[data-order="10"] {
  order: 10;
}
.table-header-arrow {
  width: 5%;
}
.table-header-arrow[data-order="1"] {
  order: 1;
}
.table-header-arrow[data-order="2"] {
  order: 2;
}
.table-header-arrow[data-order="3"] {
  order: 3;
}
.table-header-arrow[data-order="4"] {
  order: 4;
}
.table-header-arrow[data-order="5"] {
  order: 5;
}
.table-header-arrow[data-order="6"] {
  order: 6;
}
.table-header-arrow[data-order="7"] {
  order: 7;
}
.table-header-arrow[data-order="8"] {
  order: 8;
}
.table-header-arrow[data-order="9"] {
  order: 9;
}
.table-header-arrow[data-order="10"] {
  order: 10;
}
.table-header-schedule-start, .table-header-schedule-end, .table-header-movie-start {
  width: 9%;
  text-align: center;
}
.table-header-schedule-start[data-order="1"], .table-header-schedule-end[data-order="1"], .table-header-movie-start[data-order="1"] {
  order: 1;
}
.table-header-schedule-start[data-order="2"], .table-header-schedule-end[data-order="2"], .table-header-movie-start[data-order="2"] {
  order: 2;
}
.table-header-schedule-start[data-order="3"], .table-header-schedule-end[data-order="3"], .table-header-movie-start[data-order="3"] {
  order: 3;
}
.table-header-schedule-start[data-order="4"], .table-header-schedule-end[data-order="4"], .table-header-movie-start[data-order="4"] {
  order: 4;
}
.table-header-schedule-start[data-order="5"], .table-header-schedule-end[data-order="5"], .table-header-movie-start[data-order="5"] {
  order: 5;
}
.table-header-schedule-start[data-order="6"], .table-header-schedule-end[data-order="6"], .table-header-movie-start[data-order="6"] {
  order: 6;
}
.table-header-schedule-start[data-order="7"], .table-header-schedule-end[data-order="7"], .table-header-movie-start[data-order="7"] {
  order: 7;
}
.table-header-schedule-start[data-order="8"], .table-header-schedule-end[data-order="8"], .table-header-movie-start[data-order="8"] {
  order: 8;
}
.table-header-schedule-start[data-order="9"], .table-header-schedule-end[data-order="9"], .table-header-movie-start[data-order="9"] {
  order: 9;
}
.table-header-schedule-start[data-order="10"], .table-header-schedule-end[data-order="10"], .table-header-movie-start[data-order="10"] {
  order: 10;
}
.table-header-remaining, .table-header-next-schedule-start {
  width: 12%;
  text-align: center;
}
.table-header-remaining[data-order="1"], .table-header-next-schedule-start[data-order="1"] {
  order: 1;
}
.table-header-remaining[data-order="2"], .table-header-next-schedule-start[data-order="2"] {
  order: 2;
}
.table-header-remaining[data-order="3"], .table-header-next-schedule-start[data-order="3"] {
  order: 3;
}
.table-header-remaining[data-order="4"], .table-header-next-schedule-start[data-order="4"] {
  order: 4;
}
.table-header-remaining[data-order="5"], .table-header-next-schedule-start[data-order="5"] {
  order: 5;
}
.table-header-remaining[data-order="6"], .table-header-next-schedule-start[data-order="6"] {
  order: 6;
}
.table-header-remaining[data-order="7"], .table-header-next-schedule-start[data-order="7"] {
  order: 7;
}
.table-header-remaining[data-order="8"], .table-header-next-schedule-start[data-order="8"] {
  order: 8;
}
.table-header-remaining[data-order="9"], .table-header-next-schedule-start[data-order="9"] {
  order: 9;
}
.table-header-remaining[data-order="10"], .table-header-next-schedule-start[data-order="10"] {
  order: 10;
}
.table-header-elapsed {
  width: 10%;
  text-align: center;
}
.table-header-elapsed[data-order="1"] {
  order: 1;
}
.table-header-elapsed[data-order="2"] {
  order: 2;
}
.table-header-elapsed[data-order="3"] {
  order: 3;
}
.table-header-elapsed[data-order="4"] {
  order: 4;
}
.table-header-elapsed[data-order="5"] {
  order: 5;
}
.table-header-elapsed[data-order="6"] {
  order: 6;
}
.table-header-elapsed[data-order="7"] {
  order: 7;
}
.table-header-elapsed[data-order="8"] {
  order: 8;
}
.table-header-elapsed[data-order="9"] {
  order: 9;
}
.table-header-elapsed[data-order="10"] {
  order: 10;
}
.table-header-poster {
  width: 5%;
}
.table-header-poster[data-order="1"] {
  order: 1;
}
.table-header-poster[data-order="2"] {
  order: 2;
}
.table-header-poster[data-order="3"] {
  order: 3;
}
.table-header-poster[data-order="4"] {
  order: 4;
}
.table-header-poster[data-order="5"] {
  order: 5;
}
.table-header-poster[data-order="6"] {
  order: 6;
}
.table-header-poster[data-order="7"] {
  order: 7;
}
.table-header-poster[data-order="8"] {
  order: 8;
}
.table-header-poster[data-order="9"] {
  order: 9;
}
.table-header-poster[data-order="10"] {
  order: 10;
}
.table-header-version[data-order="1"] {
  order: 1;
}
.table-header-version[data-order="2"] {
  order: 2;
}
.table-header-version[data-order="3"] {
  order: 3;
}
.table-header-version[data-order="4"] {
  order: 4;
}
.table-header-version[data-order="5"] {
  order: 5;
}
.table-header-version[data-order="6"] {
  order: 6;
}
.table-header-version[data-order="7"] {
  order: 7;
}
.table-header-version[data-order="8"] {
  order: 8;
}
.table-header-version[data-order="9"] {
  order: 9;
}
.table-header-version[data-order="10"] {
  order: 10;
}
.table-header-title, .table-header-title-version, .table-header-title-status {
  padding-left: 10px;
  text-align: left;
  flex: 1;
}
.table-header-title[data-order="1"], .table-header-title-version[data-order="1"], .table-header-title-status[data-order="1"] {
  order: 1;
}
.table-header-title[data-order="2"], .table-header-title-version[data-order="2"], .table-header-title-status[data-order="2"] {
  order: 2;
}
.table-header-title[data-order="3"], .table-header-title-version[data-order="3"], .table-header-title-status[data-order="3"] {
  order: 3;
}
.table-header-title[data-order="4"], .table-header-title-version[data-order="4"], .table-header-title-status[data-order="4"] {
  order: 4;
}
.table-header-title[data-order="5"], .table-header-title-version[data-order="5"], .table-header-title-status[data-order="5"] {
  order: 5;
}
.table-header-title[data-order="6"], .table-header-title-version[data-order="6"], .table-header-title-status[data-order="6"] {
  order: 6;
}
.table-header-title[data-order="7"], .table-header-title-version[data-order="7"], .table-header-title-status[data-order="7"] {
  order: 7;
}
.table-header-title[data-order="8"], .table-header-title-version[data-order="8"], .table-header-title-status[data-order="8"] {
  order: 8;
}
.table-header-title[data-order="9"], .table-header-title-version[data-order="9"], .table-header-title-status[data-order="9"] {
  order: 9;
}
.table-header-title[data-order="10"], .table-header-title-version[data-order="10"], .table-header-title-status[data-order="10"] {
  order: 10;
}
.table-header-remaining-places {
  text-align: center;
  width: 20%;
}
.table-header-remaining-places[data-order="1"] {
  order: 1;
}
.table-header-remaining-places[data-order="2"] {
  order: 2;
}
.table-header-remaining-places[data-order="3"] {
  order: 3;
}
.table-header-remaining-places[data-order="4"] {
  order: 4;
}
.table-header-remaining-places[data-order="5"] {
  order: 5;
}
.table-header-remaining-places[data-order="6"] {
  order: 6;
}
.table-header-remaining-places[data-order="7"] {
  order: 7;
}
.table-header-remaining-places[data-order="8"] {
  order: 8;
}
.table-header-remaining-places[data-order="9"] {
  order: 9;
}
.table-header-remaining-places[data-order="10"] {
  order: 10;
}
.table-header-status {
  text-align: center;
  width: 30%;
}
.table-header-status[data-order="1"] {
  order: 1;
}
.table-header-status[data-order="2"] {
  order: 2;
}
.table-header-status[data-order="3"] {
  order: 3;
}
.table-header-status[data-order="4"] {
  order: 4;
}
.table-header-status[data-order="5"] {
  order: 5;
}
.table-header-status[data-order="6"] {
  order: 6;
}
.table-header-status[data-order="7"] {
  order: 7;
}
.table-header-status[data-order="8"] {
  order: 8;
}
.table-header-status[data-order="9"] {
  order: 9;
}
.table-header-status[data-order="10"] {
  order: 10;
}
.table-header-pmr-access {
  width: 50px;
}
.table-header-pmr-access[data-order="1"] {
  order: 1;
}
.table-header-pmr-access[data-order="2"] {
  order: 2;
}
.table-header-pmr-access[data-order="3"] {
  order: 3;
}
.table-header-pmr-access[data-order="4"] {
  order: 4;
}
.table-header-pmr-access[data-order="5"] {
  order: 5;
}
.table-header-pmr-access[data-order="6"] {
  order: 6;
}
.table-header-pmr-access[data-order="7"] {
  order: 7;
}
.table-header-pmr-access[data-order="8"] {
  order: 8;
}
.table-header-pmr-access[data-order="9"] {
  order: 9;
}
.table-header-pmr-access[data-order="10"] {
  order: 10;
}

.table-row {
  display: flex;
  height: 100%;
  border-bottom: solid 3px;
  border-color: #111111;
}
.table-row.border-color-black {
  border-color: black;
}
.table-row.border-color-white {
  border-color: whiteSmoke;
}
.table-row.border-color-primary {
  border-color: #f07000;
}
.table-row.border-color-primary-dark {
  border-color: #B34A00;
}
.table-row.border-color-primary-light {
  border-color: #f2b668;
}
.table-row.border-color-secondary {
  border-color: #ffffff;
}
.table-row > div:not([class*=-screen]) {
  color: black;
  font-weight: bold;
  overflow: hidden;
  text-transform: uppercase;
  z-index: 1;
}
.table-row-screen {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 10%;
  justify-content: center;
  align-items: center;
}
.table-row-screen[data-order="1"] {
  order: 1;
}
.table-row-screen[data-order="2"] {
  order: 2;
}
.table-row-screen[data-order="3"] {
  order: 3;
}
.table-row-screen[data-order="4"] {
  order: 4;
}
.table-row-screen[data-order="5"] {
  order: 5;
}
.table-row-screen[data-order="6"] {
  order: 6;
}
.table-row-screen[data-order="7"] {
  order: 7;
}
.table-row-screen[data-order="8"] {
  order: 8;
}
.table-row-screen[data-order="9"] {
  order: 9;
}
.table-row-screen[data-order="10"] {
  order: 10;
}
.table-row-screen p {
  font-weight: bold;
}
.table-row-screen .screen-number {
  color: #f07000;
}
.table-row-screen .screen-stage-number {
  color: black;
}
.table-row-arrow {
  width: 5%;
  height: 100%;
}
.table-row-arrow[data-order="1"] {
  order: 1;
}
.table-row-arrow[data-order="2"] {
  order: 2;
}
.table-row-arrow[data-order="3"] {
  order: 3;
}
.table-row-arrow[data-order="4"] {
  order: 4;
}
.table-row-arrow[data-order="5"] {
  order: 5;
}
.table-row-arrow[data-order="6"] {
  order: 6;
}
.table-row-arrow[data-order="7"] {
  order: 7;
}
.table-row-arrow[data-order="8"] {
  order: 8;
}
.table-row-arrow[data-order="9"] {
  order: 9;
}
.table-row-arrow[data-order="10"] {
  order: 10;
}
.table-row-schedule-start, .table-row-schedule-end, .table-row-movie-start {
  width: 9%;
  text-align: center;
}
.table-row-schedule-start[data-order="1"], .table-row-schedule-end[data-order="1"], .table-row-movie-start[data-order="1"] {
  order: 1;
}
.table-row-schedule-start[data-order="2"], .table-row-schedule-end[data-order="2"], .table-row-movie-start[data-order="2"] {
  order: 2;
}
.table-row-schedule-start[data-order="3"], .table-row-schedule-end[data-order="3"], .table-row-movie-start[data-order="3"] {
  order: 3;
}
.table-row-schedule-start[data-order="4"], .table-row-schedule-end[data-order="4"], .table-row-movie-start[data-order="4"] {
  order: 4;
}
.table-row-schedule-start[data-order="5"], .table-row-schedule-end[data-order="5"], .table-row-movie-start[data-order="5"] {
  order: 5;
}
.table-row-schedule-start[data-order="6"], .table-row-schedule-end[data-order="6"], .table-row-movie-start[data-order="6"] {
  order: 6;
}
.table-row-schedule-start[data-order="7"], .table-row-schedule-end[data-order="7"], .table-row-movie-start[data-order="7"] {
  order: 7;
}
.table-row-schedule-start[data-order="8"], .table-row-schedule-end[data-order="8"], .table-row-movie-start[data-order="8"] {
  order: 8;
}
.table-row-schedule-start[data-order="9"], .table-row-schedule-end[data-order="9"], .table-row-movie-start[data-order="9"] {
  order: 9;
}
.table-row-schedule-start[data-order="10"], .table-row-schedule-end[data-order="10"], .table-row-movie-start[data-order="10"] {
  order: 10;
}
.table-row-remaining, .table-row-next-schedule-start {
  width: 12%;
  text-align: center;
}
.table-row-remaining[data-order="1"], .table-row-next-schedule-start[data-order="1"] {
  order: 1;
}
.table-row-remaining[data-order="2"], .table-row-next-schedule-start[data-order="2"] {
  order: 2;
}
.table-row-remaining[data-order="3"], .table-row-next-schedule-start[data-order="3"] {
  order: 3;
}
.table-row-remaining[data-order="4"], .table-row-next-schedule-start[data-order="4"] {
  order: 4;
}
.table-row-remaining[data-order="5"], .table-row-next-schedule-start[data-order="5"] {
  order: 5;
}
.table-row-remaining[data-order="6"], .table-row-next-schedule-start[data-order="6"] {
  order: 6;
}
.table-row-remaining[data-order="7"], .table-row-next-schedule-start[data-order="7"] {
  order: 7;
}
.table-row-remaining[data-order="8"], .table-row-next-schedule-start[data-order="8"] {
  order: 8;
}
.table-row-remaining[data-order="9"], .table-row-next-schedule-start[data-order="9"] {
  order: 9;
}
.table-row-remaining[data-order="10"], .table-row-next-schedule-start[data-order="10"] {
  order: 10;
}
.table-row-elapsed {
  width: 10%;
  text-align: center;
}
.table-row-elapsed[data-order="1"] {
  order: 1;
}
.table-row-elapsed[data-order="2"] {
  order: 2;
}
.table-row-elapsed[data-order="3"] {
  order: 3;
}
.table-row-elapsed[data-order="4"] {
  order: 4;
}
.table-row-elapsed[data-order="5"] {
  order: 5;
}
.table-row-elapsed[data-order="6"] {
  order: 6;
}
.table-row-elapsed[data-order="7"] {
  order: 7;
}
.table-row-elapsed[data-order="8"] {
  order: 8;
}
.table-row-elapsed[data-order="9"] {
  order: 9;
}
.table-row-elapsed[data-order="10"] {
  order: 10;
}
.table-row-poster {
  height: 100%;
  width: 5%;
  overflow: hidden;
}
.table-row-poster[data-order="1"] {
  order: 1;
}
.table-row-poster[data-order="2"] {
  order: 2;
}
.table-row-poster[data-order="3"] {
  order: 3;
}
.table-row-poster[data-order="4"] {
  order: 4;
}
.table-row-poster[data-order="5"] {
  order: 5;
}
.table-row-poster[data-order="6"] {
  order: 6;
}
.table-row-poster[data-order="7"] {
  order: 7;
}
.table-row-poster[data-order="8"] {
  order: 8;
}
.table-row-poster[data-order="9"] {
  order: 9;
}
.table-row-poster[data-order="10"] {
  order: 10;
}
.table-row-poster .movie-poster {
  max-width: 100%;
  object-fit: contain;
}
.table-row-poster .movie-poster-container {
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.table-row-title {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  padding-left: 10px;
  flex: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.table-row-title[data-order="1"] {
  order: 1;
}
.table-row-title[data-order="2"] {
  order: 2;
}
.table-row-title[data-order="3"] {
  order: 3;
}
.table-row-title[data-order="4"] {
  order: 4;
}
.table-row-title[data-order="5"] {
  order: 5;
}
.table-row-title[data-order="6"] {
  order: 6;
}
.table-row-title[data-order="7"] {
  order: 7;
}
.table-row-title[data-order="8"] {
  order: 8;
}
.table-row-title[data-order="9"] {
  order: 9;
}
.table-row-title[data-order="10"] {
  order: 10;
}
.table-row-title-version, .table-row-title-status {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
  padding-left: 10px;
}
.table-row-title-version[data-order="1"], .table-row-title-status[data-order="1"] {
  order: 1;
}
.table-row-title-version[data-order="2"], .table-row-title-status[data-order="2"] {
  order: 2;
}
.table-row-title-version[data-order="3"], .table-row-title-status[data-order="3"] {
  order: 3;
}
.table-row-title-version[data-order="4"], .table-row-title-status[data-order="4"] {
  order: 4;
}
.table-row-title-version[data-order="5"], .table-row-title-status[data-order="5"] {
  order: 5;
}
.table-row-title-version[data-order="6"], .table-row-title-status[data-order="6"] {
  order: 6;
}
.table-row-title-version[data-order="7"], .table-row-title-status[data-order="7"] {
  order: 7;
}
.table-row-title-version[data-order="8"], .table-row-title-status[data-order="8"] {
  order: 8;
}
.table-row-title-version[data-order="9"], .table-row-title-status[data-order="9"] {
  order: 9;
}
.table-row-title-version[data-order="10"], .table-row-title-status[data-order="10"] {
  order: 10;
}
.table-row-title-version .cell-title, .table-row-title-status .cell-title {
  max-height: 50%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  color: black;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.table-row-title-version .movie-version {
  font-size: 0.3em;
  margin: 0;
}
.table-row-title-version .movie-version .pictogram {
  margin: 0 5px 0 0;
}
.table-row-title-status .cell-status {
  font-size: 0.8em;
}
.table-row-title-status .red {
  color: red;
}
.table-row-title-status .green {
  color: green;
}
.table-row-title-status .orange {
  color: orange;
}
.table-row-version {
  text-align: right;
  margin-left: 10px;
}
.table-row-version[data-order="1"] {
  order: 1;
}
.table-row-version[data-order="2"] {
  order: 2;
}
.table-row-version[data-order="3"] {
  order: 3;
}
.table-row-version[data-order="4"] {
  order: 4;
}
.table-row-version[data-order="5"] {
  order: 5;
}
.table-row-version[data-order="6"] {
  order: 6;
}
.table-row-version[data-order="7"] {
  order: 7;
}
.table-row-version[data-order="8"] {
  order: 8;
}
.table-row-version[data-order="9"] {
  order: 9;
}
.table-row-version[data-order="10"] {
  order: 10;
}
.table-row-version .movie-version {
  font-size: 0.5em;
  margin-left: auto;
}
.table-row-remaining-places {
  width: 20%;
  text-align: center;
  line-height: 0.9;
}
.table-row-remaining-places[data-order="1"] {
  order: 1;
}
.table-row-remaining-places[data-order="2"] {
  order: 2;
}
.table-row-remaining-places[data-order="3"] {
  order: 3;
}
.table-row-remaining-places[data-order="4"] {
  order: 4;
}
.table-row-remaining-places[data-order="5"] {
  order: 5;
}
.table-row-remaining-places[data-order="6"] {
  order: 6;
}
.table-row-remaining-places[data-order="7"] {
  order: 7;
}
.table-row-remaining-places[data-order="8"] {
  order: 8;
}
.table-row-remaining-places[data-order="9"] {
  order: 9;
}
.table-row-remaining-places[data-order="10"] {
  order: 10;
}
.table-row-status {
  width: 30%;
  text-align: center;
  font-size: 0.8em;
  line-height: 0.9;
  white-space: break-spaces;
}
.table-row-status[data-order="1"] {
  order: 1;
}
.table-row-status[data-order="2"] {
  order: 2;
}
.table-row-status[data-order="3"] {
  order: 3;
}
.table-row-status[data-order="4"] {
  order: 4;
}
.table-row-status[data-order="5"] {
  order: 5;
}
.table-row-status[data-order="6"] {
  order: 6;
}
.table-row-status[data-order="7"] {
  order: 7;
}
.table-row-status[data-order="8"] {
  order: 8;
}
.table-row-status[data-order="9"] {
  order: 9;
}
.table-row-status[data-order="10"] {
  order: 10;
}
.table-row-status .red {
  color: red;
}
.table-row-status .green {
  color: green;
}
.table-row-status .orange {
  color: orange;
}
.table-row-pmr-access[data-order="1"] {
  order: 1;
}
.table-row-pmr-access[data-order="2"] {
  order: 2;
}
.table-row-pmr-access[data-order="3"] {
  order: 3;
}
.table-row-pmr-access[data-order="4"] {
  order: 4;
}
.table-row-pmr-access[data-order="5"] {
  order: 5;
}
.table-row-pmr-access[data-order="6"] {
  order: 6;
}
.table-row-pmr-access[data-order="7"] {
  order: 7;
}
.table-row-pmr-access[data-order="8"] {
  order: 8;
}
.table-row-pmr-access[data-order="9"] {
  order: 9;
}
.table-row-pmr-access[data-order="10"] {
  order: 10;
}

.media-player-container {
  height: 100%;
  width: 100%;
  margin: auto;
  overflow: hidden;
  display: flex;
  background: black;
}
.media-player-image {
  margin: auto;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.media-player-video {
  margin: auto;
  width: 100%;
}
.media-player-video-landscape {
  margin: auto;
  width: 100%;
  height: auto;
}
.media-player-video-portrait {
  margin: auto;
  width: auto;
  height: 100%;
}

.index--body {
  width: 100%;
  height: 80%;
  padding: 10px;
  overflow: auto;
}

.title--index {
  width: 100%;
  font-size: 3em;
  margin: 10px !important;
}

a.button {
  color: whitesmoke;
  text-decoration: none;
  background: linear-gradient(to right, #841b14 25%, #c9354b);
  border-radius: 4px 5px;
  font-size: 2em;
  min-width: 300px;
  display: grid;
  align-content: center;
  text-align: center;
  box-shadow: 0 4px rgba(0, 0, 0, 0.7);
  margin: 15px;
}

a.button:hover {
  background: linear-gradient(to right, #c9354b 25%, #841b14);
  color: whitesmoke;
  transform: translateY(4px);
  box-shadow: 0 0;
}

.index--header {
  display: flex;
  height: 20%;
  font-weight: 300;
  color: whiteSmoke;
  margin-bottom: 3%;
}

.index--logo {
  margin: auto;
  height: 100%;
  padding: 10px;
}

.index--background {
  background-color: black;
  overflow: auto;
}

.caisse--background {
  background-color: ghostwhite;
}

.caisse--header {
  background-color: black;
}
.caisse--clock {
  color: whiteSmoke;
}
.caisse--title {
  color: whiteSmoke;
}

.caisse--body {
  white-space: nowrap;
  flex-direction: column;
}
.caisse--body[data-enable-header=false] {
  height: 100%;
}

.caisse--table-row-schedule-start {
  text-align: left;
}
.caisse--table-row-pmr-access {
  width: 50px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.caisse--table-row-pmr-access svg {
  fill: black;
  height: 50px;
  width: 50px;
}

.caisse-vertical--background {
  background-color: black;
}

.caisse-vertical--body {
  height: 90%;
  white-space: nowrap;
  flex-direction: column;
}
.caisse-vertical--body[data-enable-header=false] {
  height: 100%;
}

.caisse-vertical--table {
  font-size: 5em;
}
@media screen and (min-width: 2160px) and (orientation: portrait) {
  .caisse-vertical--table {
    font-size: 7em;
  }
}
.caisse-vertical--table-header {
  display: flex;
  min-height: 10%;
  background: none;
  justify-content: center;
}
.caisse-vertical--table-header-title {
  width: 100%;
  font-size: 1.5em;
  text-align: center;
  text-transform: uppercase;
  border-bottom: solid 3px white;
  border-top: solid 3px white;
}

.caisse-vertical--table-row {
  max-height: 5%;
  font-weight: 900;
  border-bottom: whiteSmoke solid 3px;
  color: whiteSmoke;
}
.caisse-vertical--table-row-screen {
  width: 10%;
  display: flex;
  flex-direction: column;
  font-size: 0.8em;
  text-transform: uppercase;
}
.caisse-vertical--table-row-screen .screen-number {
  color: #c9354b;
}
.caisse-vertical--table-row-schedule-start {
  width: 15%;
  color: #c9354b !important;
}
.caisse-vertical--table-row-schedule-end {
  width: 15%;
  color: #c9354b !important;
}
.caisse-vertical--table-row-title {
  height: 100%;
  display: flex;
  align-items: center;
}
.caisse-vertical--table-row-title .movie-title-and-version-container {
  width: 100%;
}
.caisse-vertical--table-row-title .caisse-vertical--movie-title {
  margin: auto 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.caisse-vertical--table-row-title .caisse-vertical--movie-title-container {
  max-height: 50%;
}
.caisse-vertical--table-row-title .movie-version-state-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 50%;
}
.caisse-vertical--table-row-title .movie-version-state-container .caisse-vertical--movie-version {
  display: flex;
}
.caisse-vertical--table-row-title .movie-version-state-container .caisse-vertical--movie-version-container {
  align-items: center;
}
.caisse-vertical--table-row-title .movie-version-state-container .caisse-vertical--movie-version .caisse-vertical--pictogram {
  font-size: 0.4em;
  margin: 0 5px 0 0;
  padding: 5px;
}
.caisse-vertical--table-row-title .movie-version-state-container .screen-state-description {
  font-size: 0.6em;
  color: antiquewhite;
}

.caisse-vertical--footer {
  height: 10%;
}
.caisse-vertical--clock {
  font-size: 10em;
  color: whiteSmoke;
  margin: auto;
  position: relative;
}
@media screen and (min-width: 3840px) and (orientation: landscape) {
  .caisse-vertical--clock {
    font-size: 20em;
  }
}

.controle--background {
  background-color: ghostwhite;
}

@media screen and (orientation: landscape) {
  .Controle--player-grid-item {
    display: flex;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] {
    border-right: 2px solid black;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .controle--body {
    white-space: initial;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .controle--table {
    font-size: 6em;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .controle--table-row {
    padding: 5px;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .controle--table-row-title {
    -webkit-line-clamp: 2;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .controle--table-row-version {
    max-width: 13%;
    margin-left: auto;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .controle--table-row-version .controle--movie-version {
    flex-wrap: wrap;
  }
}
.controle--body {
  white-space: nowrap;
  flex-direction: column;
}
.controle--body[data-enable-header=false] {
  height: 100%;
}

.controle--header {
  background-color: black;
}
.controle--clock {
  color: whiteSmoke;
}
.controle--title {
  color: whiteSmoke;
}

.controle--table-row-schedule-start {
  text-align: left;
}
.controle--table-row-pmr-access {
  width: 50px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.controle--table-row-pmr-access svg {
  fill: black;
  height: 50px;
  width: 50px;
}

.controle-vertical--background {
  background-color: black;
}

.controle-vertical--body {
  height: 90%;
  white-space: nowrap;
  flex-direction: column;
}
.controle-vertical--body[data-enable-header=false] {
  height: 100%;
}

.controle-vertical--table {
  font-size: 5em;
}
@media screen and (min-width: 2160px) and (orientation: portrait) {
  .controle-vertical--table {
    font-size: 7em;
  }
}
.controle-vertical--table-header {
  display: flex;
  min-height: 10%;
  background: none;
  justify-content: center;
}
.controle-vertical--table-header-title {
  width: 100%;
  font-size: 1.5em;
  text-align: center;
  text-transform: uppercase;
  border-bottom: solid 3px white;
  border-top: solid 3px white;
}

.controle-vertical--table-row {
  max-height: 5%;
  font-weight: 900;
  border-bottom: whiteSmoke solid 3px;
  color: whiteSmoke;
}
.controle-vertical--table-row-screen {
  width: 10%;
  display: flex;
  flex-direction: column;
  font-size: 0.8em;
  text-transform: uppercase;
}
.controle-vertical--table-row-screen .screen-number {
  color: #c9354b;
}
.controle-vertical--table-row-schedule-start {
  width: 15%;
  color: #c9354b !important;
}
.controle-vertical--table-row-schedule-end {
  width: 15%;
  color: #c9354b !important;
}
.controle-vertical--table-row-title {
  height: 100%;
  display: flex;
  align-items: center;
}
.controle-vertical--table-row-title .movie-title-and-version-container {
  width: 100%;
}
.controle-vertical--table-row-title .controle-vertical--movie-title {
  margin: auto 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.controle-vertical--table-row-title .controle-vertical--movie-title-container {
  max-height: 50%;
}
.controle-vertical--table-row-title .movie-version-state-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 50%;
}
.controle-vertical--table-row-title .movie-version-state-container .controle-vertical--movie-version {
  display: flex;
}
.controle-vertical--table-row-title .movie-version-state-container .controle-vertical--movie-version-container {
  align-items: center;
}
.controle-vertical--table-row-title .movie-version-state-container .controle-vertical--movie-version .controle-vertical--pictogram {
  font-size: 0.4em;
  margin: 0 5px 0 0;
  padding: 5px;
}
.controle-vertical--table-row-title .movie-version-state-container .screen-state-description {
  font-size: 0.6em;
  color: antiquewhite;
}

.controle-vertical--footer {
  height: 10%;
}
.controle-vertical--clock {
  font-size: 10em;
  color: whiteSmoke;
  margin: auto;
  position: relative;
}
@media screen and (min-width: 3840px) and (orientation: landscape) {
  .controle-vertical--clock {
    font-size: 20em;
  }
}

.controle-staff--background {
  background-color: ghostwhite;
}

@media screen and (orientation: landscape) {
  .Controle--player-grid-item {
    display: flex;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] {
    border-right: 2px solid black;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .controle--body {
    white-space: initial;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .controle--table {
    font-size: 6em;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .controle--table-row {
    padding: 5px;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .controle--table-row-title {
    -webkit-line-clamp: 2;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .controle--table-row-version {
    max-width: 13%;
    margin-left: auto;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .controle--table-row-version .controle--movie-version {
    flex-wrap: wrap;
  }
}
.controle-staff--body {
  white-space: nowrap;
  flex-direction: column;
}
.controle-staff--body[data-enable-header=false] {
  height: 100%;
}

.controle-staff--header {
  background-color: black;
}
.controle-staff--clock {
  color: whiteSmoke;
}
.controle-staff--title {
  color: whiteSmoke;
}

.controle-staff--table {
  font-size: 5em;
}
.controle-staff--table-header-schedule-start, .controle-staff--table-header-schedule-end, .controle-staff--table-header-movie-start {
  width: 12%;
}

.controle-staff--table-row-schedule-start, .controle-staff--table-row-schedule-end, .controle-staff--table-row-movie-start {
  width: 12%;
}

.entree-salle--background {
  background-color: black;
}

.entree-salle--movie-screen-number {
  color: whiteSmoke;
  font-size: 30em;
}
.entree-salle--movie-screen-number-container {
  position: absolute;
  top: 0;
  right: 0;
  background: radial-gradient(ellipse at bottom left, #841b14 25%, #c9354b);
  border-bottom-left-radius: 60px 50px;
  box-shadow: 0 10px 4px rgba(0, 0, 0, 0.325);
  min-width: 25%;
  height: 30%;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.entree-salle--movie-screen-number.string-format {
  font-size: 15em;
}

.entree-salle--arrow-direction-container {
  height: 50%;
}

.entree-salle--body {
  height: 75%;
  position: relative;
}

.entree-salle--movie-poster-container {
  justify-content: center;
}

.entree-salle--footer {
  flex-direction: column;
  font-size: 8em;
}

.entree-salle--movie-title {
  -webkit-line-clamp: 2;
}
.entree-salle--movie-title-container {
  height: 50%;
  text-align: center;
}

.entree-salle--movie-state-container {
  height: 50%;
  text-align: center;
}

.entree-salle-horizontale--background {
  background-color: ghostwhite;
  flex-flow: column wrap;
}

.entree-salle-horizontale--header {
  width: 55%;
  flex-direction: column;
}
.entree-salle-horizontale--header-ribbons {
  position: absolute;
  width: 100%;
  height: 20%;
  background: radial-gradient(ellipse at bottom left, #841b14 25%, #c9354b);
}
.entree-salle-horizontale--header-ribbons.background-black {
  background: black;
}
.entree-salle-horizontale--header-ribbons.background-white {
  background: ghostwhite;
}
.entree-salle-horizontale--header-ribbons.background-primary {
  background: #d50f39;
}
.entree-salle-horizontale--header-ribbons.background-primary-dark {
  background: #841b14;
}
.entree-salle-horizontale--header-ribbons.background-primary-light {
  background: #c9354b;
}
.entree-salle-horizontale--header-ribbons.background-secondary {
  background: #ffffff;
}

.entree-salle-horizontale--arrow-direction {
  height: 70%;
}
.entree-salle-horizontale--arrow-direction-container {
  z-index: 1;
  margin: initial;
  order: 2;
}

.entree-salle-horizontale--movie-screen-number {
  order: 1;
  z-index: 1;
  font-size: 15em;
}
.entree-salle-horizontale--movie-screen-number-container {
  height: 100%;
  width: 100%;
  justify-content: center;
}
.entree-salle-horizontale--movie-screen-number-container[data-enable-arrow-and-screen-number=true] {
  justify-content: space-between;
}
.entree-salle-horizontale--disabled-arrow {
  margin: auto;
}

.entree-salle-horizontale--body {
  width: 55%;
  flex-direction: column;
  font-size: 6em;
}

.entree-salle-horizontale--movie-title {
  color: black;
  font-size: 1.5em;
  -webkit-line-clamp: 2;
}
.entree-salle-horizontale--movie-title-container {
  text-align: center;
  margin-top: 1em;
}

.entree-salle-horizontale--movie-duration {
  color: black;
}

.entree-salle-horizontale--movie-schedule {
  color: black;
}
.entree-salle-horizontale--movie-schedule-container {
  margin-top: auto;
}

.entree-salle-horizontale--movie-version {
  margin: auto;
  font-size: 0.5em;
}
.entree-salle-horizontale--movie-version-container {
  margin-bottom: 1em;
}
.entree-salle-horizontale--movie-version .entree-salle-horizontale--pictogram {
  margin: 8px;
  padding: 10px;
  color: black;
}

.entree-salle-horizontale--movie-state {
  color: black;
}

.entree-salle-horizontale--footer {
  width: 45%;
  height: 100%;
}

.entree-salle-horizontale--movie-poster {
  height: 100%;
  width: auto;
  margin-left: auto;
}
.entree-salle-horizontale--movie-poster-container {
  background: ghostwhite;
}

.horaire--background {
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
}
.horaire--background[data-enable-transition=true] {
  transition: opacity 0.5s ease-in-out;
}
.horaire--background[data-hide=true] {
  opacity: 0;
}
.horaire--background[data-hide=false] {
  opacity: 1;
  transition-delay: 0.3s;
}
.horaire--background[data-enable-transition=false] {
  transition-delay: inherit;
}

@media screen and (orientation: portrait) {
  .Horaire--player-grid-item {
    display: flex;
  }
  .Horaire--player-grid-item[data-grid-item-number="2"] {
    height: 50%;
    padding: 8px;
  }
  .Horaire--player-grid-item[data-grid-item-number="3"] {
    height: 50%;
    padding: 8px;
  }
  .Horaire--player-grid-item[data-grid-item-number="4"] {
    height: 50%;
    padding: 8px;
  }
  .Horaire--player-grid-item[data-grid-item-number="4"] .week-horaire--movie-schedule-day--pictogram {
    font-size: 0.8em;
    width: 50px;
  }
  .Horaire--player-grid-item[data-grid-item-number="4"] .week-horaire--movie-schedule-day--pictogram .day-string {
    font-size: 0.8em;
  }
  .Horaire--player-grid-item[data-grid-item-number="4"] .week-horaire--movie-schedule-day--pictogram .day-number {
    text-align: center;
  }
  .Horaire--player-grid-item[data-grid-item-number="5"] {
    height: 33%;
    padding: 8px;
  }
  .Horaire--player-grid-item[data-grid-item-number="6"] {
    height: 33%;
    padding: 8px;
  }
  .Horaire--player-grid-item[data-grid-item-number="7"] {
    height: 33%;
    padding: 8px;
  }
  .Horaire--player-grid-item[data-grid-item-number="8"] {
    height: 33%;
    padding: 8px;
  }
  .Horaire--player-grid-item[data-grid-item-number="9"] {
    height: 33%;
    padding: 8px;
  }
  .Horaire--player-grid-item[data-grid-item-number="10"] {
    height: 25%;
    padding: 8px;
  }
  .Horaire--player-grid-item[data-grid-item-number="11"] {
    height: 25%;
    padding: 8px;
  }
  .Horaire--player-grid-item[data-grid-item-number="12"] {
    height: 25%;
    padding: 8px;
  }
}
.horaire--movie-version {
  margin: auto;
  font-size: 0.5em;
}
.horaire--movie-version-container {
  justify-content: center;
}

.horaire--movie-schedule {
  color: whiteSmoke;
}
.horaire--movie-schedule-container {
  flex: 1 25%;
}
.horaire--movie-schedule-container[data-enable-schedule-versions=true] {
  flex: 1 33%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.horaire--movie-schedule-container[data-enable-schedule-versions=true] .horaire--movie-version {
  font-size: 0.4em;
}
.horaire--movie-schedule-container[data-enable-schedule-versions=true] .horaire--movie-version-container {
  height: inherit;
  border: none;
}
.horaire--movie-schedule[data-enable-schedule-versions=true] {
  line-height: 1;
  margin: 0 auto;
}
.horaire--movie-schedule span.highlighted {
  color: #d50f39;
}

.horaire--movie-title {
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.horaire--movie-title-container {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
}

.horaire--movie-schedules {
  flex: 1;
  padding: 5px;
}

.horaire--body {
  height: 75%;
  position: relative;
  font-size: 9em;
}

.horaire--movie-poster-container {
  justify-content: center;
}

.horaire--footer {
  flex-direction: column;
  font-size: 7em;
  font-weight: 900;
  justify-content: space-around;
}
.horaire--footer[data-number-of-schedule="7"] {
  font-size: 6em;
}
.horaire--footer[data-number-of-schedule="8"] {
  font-size: 6em;
}
.horaire--footer[data-number-of-schedule="9"] {
  font-size: 6em;
}
.horaire--footer[data-number-of-schedule="10"] {
  font-size: 5em;
}
.horaire--footer[data-number-of-schedule="11"] {
  font-size: 5em;
}
.horaire--footer[data-number-of-schedule="12"] {
  font-size: 5em;
}
.horaire--footer[data-number-of-schedule="13"] {
  font-size: 4em;
}
.horaire--footer[data-number-of-schedule="14"] {
  font-size: 4em;
}
.horaire--footer[data-number-of-schedule="15"] {
  font-size: 4em;
}
@supports (justify-content: space-evenly) {
  .horaire--footer {
    justify-content: space-evenly;
  }
}
@media screen and (orientation: landscape) {
  .horaire--footer {
    font-size: 9em;
  }
  .horaire--footer[data-number-of-schedule="7"] {
    font-size: 6em;
    font-size: 6em;
  }
  .horaire--footer[data-number-of-schedule="8"] {
    font-size: 6em;
    font-size: 6em;
  }
  .horaire--footer[data-number-of-schedule="9"] {
    font-size: 6em;
    font-size: 6em;
  }
  .horaire--footer[data-number-of-schedule="10"] {
    font-size: 5em;
    font-size: 5em;
  }
  .horaire--footer[data-number-of-schedule="11"] {
    font-size: 5em;
    font-size: 5em;
  }
  .horaire--footer[data-number-of-schedule="12"] {
    font-size: 5em;
    font-size: 5em;
  }
  .horaire--footer[data-number-of-schedule="13"] {
    font-size: 4em;
    font-size: 3.5em;
  }
  .horaire--footer[data-number-of-schedule="14"] {
    font-size: 4em;
    font-size: 3.5em;
  }
  .horaire--footer[data-number-of-schedule="15"] {
    font-size: 4em;
    font-size: 3.5em;
  }
}

.upcoming-horaire--background {
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
}
.upcoming-horaire--background[data-enable-transition=true] {
  transition: opacity 0.5s ease-in-out;
}
.upcoming-horaire--background[data-hide=true] {
  opacity: 0;
}
.upcoming-horaire--background[data-hide=false] {
  opacity: 1;
  transition-delay: 0.3s;
}
.upcoming-horaire--background[data-enable-transition=false] {
  transition-delay: inherit;
}

.upcoming-horaire--header {
  height: 10%;
}
.upcoming-horaire--title {
  color: whiteSmoke;
}

.upcoming-horaire--movie-version {
  margin: auto;
  font-size: 0.5em;
}
.upcoming-horaire--movie-version-container {
  text-align: center;
}

.upcoming-horaire--movie-schedule {
  color: whiteSmoke;
}
.upcoming-horaire--movie-schedule-container {
  margin: 0.1em 0.2em;
}
.upcoming-horaire--movie-schedule-day--pictogram {
  border-radius: 7px;
  border-width: 1px;
  padding: 5px;
  font-size: 0.7em;
  width: 72px;
}
.upcoming-horaire--movie-schedule-day--pictogram .day-string {
  color: black;
  font-size: 0.7em;
}
.upcoming-horaire--movie-schedule-day--pictogram .day-number {
  color: black;
  text-align: center;
}

.upcoming-horaire--movie-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.upcoming-horaire--movie-title-container {
  text-align: center;
  overflow: hidden;
}

.upcoming-horaire--body {
  height: auto;
  flex: 1;
}

.upcoming-horaire--movie-poster-container {
  justify-content: center;
}

.upcoming-horaire--footer {
  height: auto;
  max-height: 25%;
  flex-direction: column;
  font-size: 4em;
  font-weight: 900;
  justify-content: space-around;
}
@supports (justify-content: space-evenly) {
  .upcoming-horaire--footer {
    justify-content: space-evenly;
  }
}
@media screen and (orientation: landscape) {
  .upcoming-horaire--footer {
    font-size: 9em;
  }
}

.week-horaire--background {
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
}
.week-horaire--background[data-enable-transition=true] {
  transition: opacity 0.5s ease-in-out;
}
.week-horaire--background[data-hide=true] {
  opacity: 0;
}
.week-horaire--background[data-hide=false] {
  opacity: 1;
  transition-delay: 0.3s;
}
.week-horaire--background[data-enable-transition=false] {
  transition-delay: inherit;
}

.week-horaire--movie-version {
  margin: auto;
  font-size: 0.5em;
}
.week-horaire--movie-version-container {
  text-align: center;
}

.week-horaire--movie-schedule {
  color: whiteSmoke;
}
.week-horaire--movie-schedule-container {
  margin: auto 0.2em;
}
.week-horaire--movie-schedule-day--pictogram {
  border-radius: 7px;
  border-width: 1px;
  padding: 5px;
  font-size: 0.7em;
  width: 72px;
}
.week-horaire--movie-schedule-day--pictogram .day-string {
  color: black;
  font-size: 0.7em;
}
.week-horaire--movie-schedule-day--pictogram .day-number {
  color: black;
  text-align: center;
}

.week-horaire--movie-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.week-horaire--movie-title-container {
  text-align: center;
  overflow: hidden;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

.week-horaire--movie-schedules {
  margin: auto;
  margin-left: 16px;
}

.week-horaire--body {
  height: 75%;
}

.week-horaire--movie-poster-container {
  justify-content: center;
}

.week-horaire--footer {
  flex-direction: column;
  font-size: 4em;
  font-weight: 900;
}
@media screen and (orientation: landscape) {
  .week-horaire--footer {
    font-size: 9em;
  }
}

.horaire-horizontale--background {
  background-color: ghostwhite;
}

.horaire-horizontale--header {
  background-color: black;
  height: 10%;
}
.horaire-horizontale--clock {
  color: whiteSmoke;
  font-size: 7em;
}
.horaire-horizontale--title {
  color: whiteSmoke;
}

.horaire-horizontale--body {
  height: 90%;
  white-space: nowrap;
  flex-direction: column;
}

.horaire-horizontale--table {
  width: 100%;
}
.horaire-horizontale--table-header {
  height: 5%;
  border-bottom: none;
}

.horaire-horizontale--table-row > div {
  color: black;
}
.horaire-horizontale--table-row-title-and-schedule {
  order: 1;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  line-height: 1;
}
.horaire-horizontale--table-row-title-and-schedule > div {
  color: black;
}
.horaire-horizontale--table-row-title-and-schedule[data-enable-poster=true] {
  order: 2;
}
.horaire-horizontale--table-row-title-and-schedule[data-enable-version=false] .horaire-horizontale--movie-version {
  display: none;
}
@media screen and (orientation: portrait) {
  .horaire-horizontale--table-row-title-and-schedule {
    flex-wrap: nowrap;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
  }
  @supports (justify-content: space-evenly) {
    .horaire-horizontale--table-row-title-and-schedule {
      justify-content: space-evenly;
    }
  }
}
@media screen and (orientation: landscape) {
  .horaire-horizontale--table-row-title-and-schedule {
    flex-wrap: nowrap;
    align-items: center;
  }
}
.horaire-horizontale--table-row-title-and-schedule .horaire-horizontale--title {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
  font-weight: bold;
  color: black;
}
.horaire-horizontale--table-row-title-and-schedule .horaire-horizontale--title.text-color-black {
  color: black;
}
.horaire-horizontale--table-row-title-and-schedule .horaire-horizontale--title.text-color-white {
  color: whiteSmoke;
}
.horaire-horizontale--table-row-title-and-schedule .horaire-horizontale--title.text-color-primary {
  color: #d50f39;
}
.horaire-horizontale--table-row-title-and-schedule .horaire-horizontale--title.text-color-primary-dark {
  color: #841b14;
}
.horaire-horizontale--table-row-title-and-schedule .horaire-horizontale--title.text-color-primary-light {
  color: #c9354b;
}
.horaire-horizontale--table-row-title-and-schedule .horaire-horizontale--title.text-color-secondary {
  color: #ffffff;
}
.horaire-horizontale--table-row-title-and-schedule .horaire-horizontale--schedule {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: break-spaces;
  -webkit-line-clamp: 2;
  font-weight: normal;
}
.horaire-horizontale--table-row-title-and-schedule .horaire-horizontale--movie-version {
  font-size: 0.5em;
  margin-right: 10px;
}
.horaire-horizontale--table-row-poster {
  order: 1;
}
.horaire-horizontale--table-row-poster[data-enable-poster=false] {
  display: none;
}
@media screen and (orientation: portrait) {
  .horaire-horizontale--table-row-poster {
    width: 12%;
  }
}
@media screen and (orientation: landscape) {
  .horaire-horizontale--table-row-poster {
    width: 5%;
  }
}

.entree-salle-horizontale-test--background {
  background-color: black;
  flex-flow: column wrap;
}

.entree-salle-horizontale-test--arrow-direction {
  height: 60px;
  width: 60px;
}
.entree-salle-horizontale-test--arrow-direction-container {
  z-index: 1;
  margin: initial;
  order: 2;
}

.entree-salle-horizontale-test--movie-screen-number {
  z-index: 1;
  font-size: 3em;
  line-height: 1;
}
.entree-salle-horizontale-test--movie-screen-number-container {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.entree-salle-horizontale-test--movie-screen-number.string-format {
  font-size: 1em;
}
.entree-salle-horizontale-test--movie-screen-number-item-container {
  background: radial-gradient(ellipse at bottom left, #841b14 25%, #c9354b);
  border-bottom-left-radius: 10px;
  box-shadow: 0 10px 4px rgba(0, 0, 0, 0.325);
  min-width: 10%;
  height: 300px;
  z-index: 2;
  padding: 16px;
  margin-left: auto;
}

.entree-salle-horizontale-test--movie-title {
  color: whiteSmoke;
  font-size: 2.5em;
  -webkit-line-clamp: 1;
}
.entree-salle-horizontale-test--movie-title-container {
  justify-content: center;
}

.entree-salle-horizontale-test--movie-duration {
  color: whiteSmoke;
}

.entree-salle-horizontale-test--movie-schedule {
  color: whiteSmoke;
  font-size: 3em;
}
.entree-salle-horizontale-test--movie-schedule-container {
  justify-content: center;
}

.entree-salle-horizontale-test--movie-version {
  font-size: 0.7em;
}
.entree-salle-horizontale-test--movie-version-container {
  margin-bottom: 0;
}
.entree-salle-horizontale-test--movie-version .entree-salle-horizontale-test--pictogram {
  margin: 8px;
  padding: 10px;
  color: black;
}

.entree-salle-horizontale-test--movie-state {
  color: whiteSmoke;
  font-size: 1.8em;
}

.next-movie-box--movie-schedule {
  justify-content: center;
}

.next-movie-box--movie-title {
  margin: auto 0;
  font-size: 0.7em;
}
.next-movie-box--prefix-title {
  text-align: center;
  color: #d50f39;
}

.movie-version-container--next-movie-box-details {
  font-size: 0.5em;
}

.next-movie-box--movie-version {
  flex-direction: column;
  font-size: 0.4em;
}
.next-movie-box--movie-version-container {
  margin-top: auto;
  flex-direction: column;
}
.next-movie-box--movie-version .next-movie-box--pictogram {
  margin: 3px 0;
}

.synopsis--background {
  background-color: ghostwhite;
  position: absolute;
  top: 0;
  left: 0;
}
.synopsis--background[data-enable-transition=true] {
  transition: opacity 0.5s ease-in-out;
}
.synopsis--background[data-hide=true] {
  opacity: 0;
}
.synopsis--background[data-hide=false] {
  opacity: 1;
  transition-delay: 0.3s;
}
.synopsis--background[data-enable-transition=false] {
  transition-delay: inherit;
}

@media screen and (orientation: portrait) {
  .Synopsis--player-grid-item {
    display: flex;
  }
  .Synopsis--player-grid-item.even-item {
    border-bottom: 1px solid white;
    border-right: 1px solid white;
  }
  .Synopsis--player-grid-item.even-last-item {
    border-bottom: 0;
  }
  .Synopsis--player-grid-item.odd-item {
    border-bottom: 1px solid white;
    border-left: 1px solid white;
  }
  .Synopsis--player-grid-item.odd-last-item {
    border-bottom: 0;
  }
  .Synopsis--player-grid-item[data-grid-item-number="2"] {
    height: 50%;
  }
  .Synopsis--player-grid-item[data-grid-item-number="3"] {
    height: 50%;
  }
  .Synopsis--player-grid-item[data-grid-item-number="4"] {
    height: 50%;
  }
}
@media screen and (orientation: portrait) and (min-width: 2160px) {
  .Synopsis--player-grid-item[data-grid-item-number="4"] [data-size="6"] {
    font-size: 11px;
  }
}
@media screen and (orientation: portrait) {
  .Synopsis--player-grid-item[data-grid-item-number="4"] .synopsis--body p {
    font-size: 3em;
  }
  .Synopsis--player-grid-item[data-grid-item-number="4"] .synopsis--movie-schedule-container {
    margin: 0 11px;
  }
  .Synopsis--player-grid-item[data-grid-item-number="4"] .synopsis--movie-schedule {
    font-size: 0.8em;
  }
  .Synopsis--player-grid-item[data-grid-item-number="4"] .synopsis--movie-schedule-day--pictogram {
    width: 42px;
  }
}
@media screen and (orientation: portrait) and (min-width: 2160px) {
  .Synopsis--player-grid-item[data-grid-item-number="4"] .synopsis--movie-schedule-day--pictogram {
    width: 72px;
  }
}
@media screen and (orientation: portrait) {
  .Synopsis--player-grid-item[data-grid-item-number="4"] .synopsis--movie-schedule-version {
    font-size: 0.6em;
  }
  .Synopsis--player-grid-item[data-grid-item-number="4"] .synopsis--overview {
    -webkit-line-clamp: 7;
  }
}
@media screen and (orientation: portrait) and (min-width: 2160px) {
  .Synopsis--player-grid-item[data-grid-item-number="4"] .synopsis--overview {
    -webkit-line-clamp: 7;
  }
}
@media screen and (orientation: portrait) {
  .Synopsis--player-grid-item[data-grid-item-number="5"] {
    height: 33%;
  }
  .Synopsis--player-grid-item[data-grid-item-number="6"] {
    height: 33%;
  }
  .Synopsis--player-grid-item[data-grid-item-number="7"] {
    height: 33%;
  }
  .Synopsis--player-grid-item[data-grid-item-number="8"] {
    height: 33%;
  }
  .Synopsis--player-grid-item[data-grid-item-number="9"] {
    height: 33%;
  }
  .Synopsis--player-grid-item[data-grid-item-number="10"] {
    height: 25%;
  }
  .Synopsis--player-grid-item[data-grid-item-number="11"] {
    height: 25%;
  }
  .Synopsis--player-grid-item[data-grid-item-number="12"] {
    height: 25%;
  }
}
@media screen and (orientation: portrait) and (min-width: 2160px) {
  [data-size=quadrasyno] [data-size="4"] {
    font-size: 11px;
  }
}
@media screen and (orientation: portrait) {
  [data-size=quadrasyno] [data-size="4"] .synopsis--movie-schedule-day--pictogram {
    width: 42px;
  }
}
@media screen and (orientation: portrait) and (min-width: 2160px) {
  [data-size=quadrasyno] [data-size="4"] .synopsis--movie-schedule-day--pictogram {
    width: 72px;
  }
}
@media screen and (orientation: portrait) {
  [data-size=quadrasyno] [data-size="4"] .synopsis--movie-schedule-container {
    margin: 0 11px;
  }
  [data-size=quadrasyno] [data-size="4"] .synopsis--movie-schedule {
    font-size: 0.8em;
  }
  [data-size=quadrasyno] [data-size="4"] .synopsis--movie-schedule-version {
    font-size: 0.6em;
  }
  [data-size=quadrasyno] [data-size="4"] .synopsis--overview {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: bold;
    overflow: hidden;
    -webkit-line-clamp: 6;
  }
}
.synopsis--header {
  height: 10%;
  align-items: center;
  font-size: 5em;
  overflow: auto;
  background-color: black;
}

.synopsis--movie-title {
  -webkit-line-clamp: 2;
  padding: 0 8px;
}
.synopsis--movie-title-container {
  overflow: hidden;
}

.synopsis--movie-version {
  margin: auto;
}
.synopsis--movie-version-container {
  text-align: center;
}
.synopsis--movie-version .synopsis--pictogram {
  font-size: 2.5em;
}

.synopsis--movie-schedule {
  font-weight: bold;
  font-size: 1em;
  color: black;
}
.synopsis--movie-schedule-container {
  margin: 0 19px;
}
.synopsis--movie-schedule-day--pictogram {
  border-radius: 7px;
  border-width: 1px;
  padding: 5px;
  font-size: 0.7em;
  width: 72px;
  margin: 4px;
}
.synopsis--movie-schedule-day--pictogram .day-string {
  color: black;
  font-size: 0.7em;
  text-align: center;
  font-weight: bold;
}
.synopsis--movie-schedule-day--pictogram .day-number {
  color: black;
  text-align: center;
  font-weight: bold;
}
.synopsis--movie-schedule-arrow path {
  color: black;
}
.synopsis--movie-schedule-version {
  color: #d50f39;
  font-size: 0.4em;
  font-weight: bold;
  position: absolute;
  bottom: -8px;
  right: 0;
}
.synopsis--movie-schedule-dot {
  color: #d50f39;
  font-size: 0.8em;
  margin-right: 2px;
}
.synopsis--movie-schedule-hidden-dot {
  color: transparent;
  font-size: 0.8em;
  opacity: 0;
  margin-right: 2px;
}

.synopsis--movie-schedules {
  width: 100%;
  height: 100%;
  background: whiteSmoke;
  border-radius: 0 10px 10px 10px;
}

.synopsis--body {
  height: 60%;
  flex-direction: column;
  padding: 8px;
  background-color: black;
}
.synopsis--body p {
  font-size: 2.5em;
  overflow: hidden;
  font-weight: bold;
}
.synopsis--body span {
  color: #d50f39;
  font-weight: bold;
}

.synopsis--movie-poster {
  height: 100%;
  border-radius: 5px;
  width: 100%;
  object-position: top;
}
.synopsis--movie-poster-container {
  justify-content: center;
  width: 45%;
  padding: 8px;
  padding-left: 0;
}

.synopsis--movie-duration {
  font-weight: bold;
  color: #c9354b;
}
.synopsis--movie-duration.text-color-black {
  color: black;
}
.synopsis--movie-duration.text-color-white {
  color: whiteSmoke;
}
.synopsis--movie-duration.text-color-primary {
  color: #d50f39;
}
.synopsis--movie-duration.text-color-primary-dark {
  color: #841b14;
}
.synopsis--movie-duration.text-color-primary-light {
  color: #c9354b;
}
.synopsis--movie-duration.text-color-secondary {
  color: #ffffff;
}
.synopsis--movie-duration-container {
  font-size: 2em;
  padding: 0 8px;
}
.synopsis--movie-duration-container span {
  color: whiteSmoke;
  font-size: 0.6em;
}

.synopsis--genres {
  padding: 8px;
  width: 100%;
  color: black;
}
.synopsis--genres.text-color-black {
  color: black;
}
.synopsis--genres.text-color-white {
  color: whiteSmoke;
}
.synopsis--genres.text-color-primary {
  color: #d50f39;
}
.synopsis--genres.text-color-primary-dark {
  color: #841b14;
}
.synopsis--genres.text-color-primary-light {
  color: #c9354b;
}
.synopsis--genres.text-color-secondary {
  color: #ffffff;
}
.synopsis--genres-container {
  padding: 8px;
  background: whiteSmoke;
  border-radius: 0 10px 10px 10px;
  margin: 8px 0 !important;
}

.synopsis--overview {
  width: 100%;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-weight: bold;
  overflow: hidden;
  -webkit-line-clamp: 9;
}
.synopsis--overview.text-color-black {
  color: black;
}
.synopsis--overview.text-color-white {
  color: whiteSmoke;
}
.synopsis--overview.text-color-primary {
  color: #d50f39;
}
.synopsis--overview.text-color-primary-dark {
  color: #841b14;
}
.synopsis--overview.text-color-primary-light {
  color: #c9354b;
}
.synopsis--overview.text-color-secondary {
  color: #ffffff;
}
.synopsis--overview-container {
  height: 100%;
  padding: 8px;
  background: whiteSmoke;
  border-radius: 0 10px 10px 10px;
  overflow: hidden;
}

.synopsis--cast {
  padding: 8px;
  width: 100%;
  color: black;
}
.synopsis--cast.text-color-black {
  color: black;
}
.synopsis--cast.text-color-white {
  color: whiteSmoke;
}
.synopsis--cast.text-color-primary {
  color: #d50f39;
}
.synopsis--cast.text-color-primary-dark {
  color: #841b14;
}
.synopsis--cast.text-color-primary-light {
  color: #c9354b;
}
.synopsis--cast.text-color-secondary {
  color: #ffffff;
}
.synopsis--cast-container {
  padding: 8px;
  background: whiteSmoke;
  border-radius: 0 10px 10px 10px;
  margin-top: 8px !important;
}

.synopsis--directors {
  padding: 8px;
  width: 100%;
  color: black;
}
.synopsis--directors.text-color-black {
  color: black;
}
.synopsis--directors.text-color-white {
  color: whiteSmoke;
}
.synopsis--directors.text-color-primary {
  color: #d50f39;
}
.synopsis--directors.text-color-primary-dark {
  color: #841b14;
}
.synopsis--directors.text-color-primary-light {
  color: #c9354b;
}
.synopsis--directors.text-color-secondary {
  color: #ffffff;
}
.synopsis--directors-container {
  padding: 8px;
  background: whiteSmoke;
  border-radius: 0 10px 10px 10px;
  margin-top: 8px !important;
}

.synopsis--footer {
  flex-direction: column;
  font-size: 3.8em;
  font-weight: 900;
  height: 30%;
  background-color: black;
  padding: 8px;
}

.synopsis-horizontal--body {
  height: 80%;
  font-weight: 900;
  text-transform: uppercase;
  display: block;
  padding: 16px;
  z-index: 2;
}
.synopsis-horizontal--body span {
  color: #d50f39;
  margin-right: 8px;
}

.synopsis-horizontal--movie-info {
  display: flex;
  flex-direction: column;
  height: 40%;
}
.synopsis-horizontal--movie-info > div {
  margin-bottom: 0.5em;
}
.synopsis-horizontal--title-container {
  overflow: hidden;
  width: 85%;
}
.synopsis-horizontal--title-container h1 {
  color: #d50f39;
  font-size: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.synopsis-horizontal--title-container h1.text-color-black {
  color: black;
}
.synopsis-horizontal--title-container h1.text-color-white {
  color: whiteSmoke;
}
.synopsis-horizontal--title-container h1.text-color-primary {
  color: #d50f39;
}
.synopsis-horizontal--title-container h1.text-color-primary-dark {
  color: #841b14;
}
.synopsis-horizontal--title-container h1.text-color-primary-light {
  color: #c9354b;
}
.synopsis-horizontal--title-container h1.text-color-secondary {
  color: #ffffff;
}
.synopsis-horizontal--director-container {
  width: 85%;
}
.synopsis-horizontal--director-container p.text-color-black {
  color: black;
}
.synopsis-horizontal--director-container p.text-color-white {
  color: whiteSmoke;
}
.synopsis-horizontal--director-container p.text-color-primary {
  color: #d50f39;
}
.synopsis-horizontal--director-container p.text-color-primary-dark {
  color: #841b14;
}
.synopsis-horizontal--director-container p.text-color-primary-light {
  color: #c9354b;
}
.synopsis-horizontal--director-container p.text-color-secondary {
  color: #ffffff;
}
.synopsis-horizontal--cast-container p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.synopsis-horizontal--cast-container p.text-color-black {
  color: black;
}
.synopsis-horizontal--cast-container p.text-color-white {
  color: whiteSmoke;
}
.synopsis-horizontal--cast-container p.text-color-primary {
  color: #d50f39;
}
.synopsis-horizontal--cast-container p.text-color-primary-dark {
  color: #841b14;
}
.synopsis-horizontal--cast-container p.text-color-primary-light {
  color: #c9354b;
}
.synopsis-horizontal--cast-container p.text-color-secondary {
  color: #ffffff;
}
.synopsis-horizontal--duration-container {
  display: flex;
  align-items: center;
}
.synopsis-horizontal--duration-container p {
  white-space: nowrap;
}
.synopsis-horizontal--duration-container p.text-color-black {
  color: black;
}
.synopsis-horizontal--duration-container p.text-color-white {
  color: whiteSmoke;
}
.synopsis-horizontal--duration-container p.text-color-primary {
  color: #d50f39;
}
.synopsis-horizontal--duration-container p.text-color-primary-dark {
  color: #841b14;
}
.synopsis-horizontal--duration-container p.text-color-primary-light {
  color: #c9354b;
}
.synopsis-horizontal--duration-container p.text-color-secondary {
  color: #ffffff;
}
.synopsis-horizontal--duration-container .synopsis-horizontal--movie-version-container {
  margin-left: 1em;
}
.synopsis-horizontal--duration-container .synopsis-horizontal--movie-version-container .avert {
  color: initial;
}
.synopsis-horizontal--avert-container {
  display: flex;
  align-items: center;
}
.synopsis-horizontal--avert-container p {
  color: red;
  text-transform: initial;
  margin: auto 0.5em;
}
.synopsis-horizontal--genre-container {
  font-size: 0.8em;
}
.synopsis-horizontal--description {
  font-weight: 500;
  font-size: 1.5em;
  margin: 0.5em;
}
.synopsis-horizontal--description p {
  text-align: justify;
  text-transform: initial;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
}
.synopsis-horizontal--description p.text-color-black {
  color: black;
}
.synopsis-horizontal--description p.text-color-white {
  color: whiteSmoke;
}
.synopsis-horizontal--description p.text-color-primary {
  color: #d50f39;
}
.synopsis-horizontal--description p.text-color-primary-dark {
  color: #841b14;
}
.synopsis-horizontal--description p.text-color-primary-light {
  color: #c9354b;
}
.synopsis-horizontal--description p.text-color-secondary {
  color: #ffffff;
}

.synopsis-horizontal--movie-poster-container {
  overflow: hidden;
  float: left;
  width: 15%;
  height: 40%;
  margin-right: 1em;
}
.synopsis-horizontal--movie-poster {
  object-fit: contain;
  object-position: top;
}

.synopsis-horizontal--footer {
  height: 20%;
  overflow: hidden;
  font-weight: 500;
  padding: 5px;
  font-size: 1.4em;
  z-index: 2;
}
.synopsis-horizontal--schedules {
  margin: auto 2.5em;
}
.synopsis-horizontal--schedules-container {
  margin: auto;
}
.synopsis-horizontal--schedules .synopsis-horizontal--movie-version-container {
  font-size: 0.9em;
}
.synopsis-horizontal--schedules-highlighted {
  color: #d50f39;
}

.synopsis-horizontal--background {
  background: black;
  font-size: 1.6em;
  position: absolute;
  top: 0;
  left: 0;
}
.synopsis-horizontal--background[data-enable-transition=true] {
  transition: opacity 0.5s ease-in-out;
}
.synopsis-horizontal--background[data-hide=true] {
  opacity: 0;
}
.synopsis-horizontal--background[data-hide=false] {
  opacity: 1;
  transition-delay: 0.3s;
}
.synopsis-horizontal--background[data-enable-transition=false] {
  transition-delay: inherit;
}

.Synopsis--player-grid-item {
  height: 100%;
}

.demo--background {
  background-color: ghostwhite;
}

@media screen and (orientation: landscape) {
  .Controle--player-grid-item {
    display: flex;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] {
    border-right: 2px solid black;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .demo--body {
    white-space: initial;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .demo--table {
    font-size: 6em;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .demo--table-row {
    padding: 5px;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .demo--table-row-title {
    -webkit-line-clamp: 2;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .demo--table-row-version {
    max-width: 13%;
    margin-left: auto;
  }
  .Controle--player-grid-item[data-grid-item-number="2"] .demo--table-row-version .demo--movie-version {
    flex-wrap: wrap;
  }
}
.demo--body {
  white-space: nowrap;
  flex-direction: column;
  height: 60%;
  transition: height 0.5s;
}
.demo--body[data-enable-header=false] {
  height: 80%;
}

.demo--header {
  background-color: black;
}
.demo--clock {
  color: whiteSmoke;
}
.demo--title {
  color: whiteSmoke;
}

.demo--footer {
  height: 20%;
  position: relative;
  overflow: visible;
  transition: height 0.5s;
}