/* Layout for engines without the current CSS and JavaScript baseline. */
.legacy-ui body { color: #182232; background: #f4f6f8; }
.legacy-ui .container { width: 94%; max-width: 1320px; margin: 0 auto; }
.legacy-ui .film-host-header { background: #fff; }
.legacy-ui .film-host-header .header-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.legacy-ui .header-inner > * { margin-right: 12px; }
.legacy-ui .header-inner > .header-actions { margin-left: auto; margin-right: 0; }
.legacy-ui .header-inner > .header-search { width: 25%; min-width: 140px; }
.legacy-ui .desktop-nav .nav-category { margin-right: 10px; }
.legacy-ui .header-search { background: #edf1f6; }
.legacy-ui .header-search input { min-width: 0; }
.legacy-ui #dle-content.tv-catalog { display: block; font-size: 0; }
.legacy-ui .tv-catalog > .movie-card {
  display: inline-block;
  width: 23%;
  margin: 0 2% 24px 0;
  vertical-align: top;
  font-size: 14px;
}
.legacy-ui .movie-card > .poster-blank {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding-top: 150%;
  aspect-ratio: auto;
  overflow: hidden;
  background: #e6ebf1;
}
.legacy-ui .movie-card > .poster-blank img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.legacy-ui .watch-layout { display: block; }
.legacy-ui .native-page .player-panel { width: 100%; }
.legacy-ui .native-page .video-area {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  aspect-ratio: auto;
  background: #191919;
}
.legacy-ui .player-source, .legacy-ui .player-source > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.legacy-ui [hidden], .legacy-ui dialog:not([open]) { display: none; }
.legacy-ui .player-tabs button { margin: 3px; }
.legacy-ui .player-tabs button.selected { color: #234916; background: #e7f3df; }
.legacy-ui .compat-modal[open] {
  display: block;
  position: fixed;
  z-index: 200;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0 0 0 auto;
  width: 390px;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  background: #fff;
  color: #182232;
}
.legacy-ui .compat-modal .mobile-menu-heading { background: #fff; }
.legacy-ui #navigation-drawer .desktop-nav,
.legacy-ui #navigation-drawer .nav-category { display: block; }
.legacy-ui #navigation-drawer .mega-columns,
.legacy-ui #navigation-drawer .mega-genre-links,
.legacy-ui #navigation-drawer .mega-years > div { display: block; }
.legacy-ui .mega-panel { background: #fff; }
.legacy-ui .compat-player-message {
  position: absolute;
  top: 22%;
  left: 8%;
  right: 8%;
  margin: 0;
  color: #fff;
  text-align: center;
}
@media (max-width: 1020px) {
  .legacy-ui .film-host-header .header-inner > .header-search { display: none; }
  .legacy-ui .tv-catalog > .movie-card { width: 31%; }
}
@media (max-width: 600px) {
  .legacy-ui .container { width: auto; margin-left: 16px; margin-right: 16px; }
  .legacy-ui .tv-catalog > .movie-card { width: 47%; }
}

/* Television spacing and a focus ring visible from a distance. */
.smart-tv .container { width: 92%; max-width: 1600px; margin: 0 auto; }
.smart-tv .film-host-header .header-inner { min-height: 88px; }
.smart-tv .desktop-nav .nav-category { margin-right: 12px; }
.smart-tv .header-inner .brand { margin-right: 12px; }
.smart-tv .header-search, .smart-tv .player-tabs button,
.smart-tv .film-actions .button, .smart-tv .header-actions button { min-height: 48px; }
.smart-tv .card-title, .smart-tv .film-description { font-size: 17px; }
.smart-tv .watch-layout { display: block; max-width: 1280px; }
.smart-tv :focus { outline: 3px solid #79c142; outline-offset: 3px; }
.smart-tv .poster-blank:focus { outline-offset: -4px; }
.smart-tv .player-tabs button:focus { outline-offset: -3px; }