/* Fallback de layout para os motores WebKit e Chromium anteriores ao CSS Grid. */
.legacy-layout { --red:#ff364c; }
.legacy-layout .brand b { color:#ff364c; }
.legacy-layout .brand-mark { display:block; text-align:center; line-height:46px; }
.legacy-layout .login-view { display:-webkit-flex; display:flex; }
.legacy-layout .welcome { -webkit-flex:1; flex:1; padding-right:7%; }
.legacy-layout .login-card { -webkit-flex:0 0 38%; flex:0 0 38%; }
.legacy-layout .menu-grid,.legacy-layout .catalog-grid,.legacy-layout .continue-grid,.legacy-layout #episode-list { display:block; font-size:0; }
.legacy-layout .menu-card { display:inline-block; width:23%; margin:0 2% 20px 0; vertical-align:top; }
.legacy-layout .content-card { display:inline-block; width:18%; margin:0 2% 20px 0; vertical-align:top; }
.legacy-layout .continue-grid .content-card { width:23%; }
.legacy-layout .settings-layout,.legacy-layout .details-layout { display:-webkit-flex; display:flex; }
.legacy-layout .settings-nav { -webkit-flex:0 0 210px; flex:0 0 210px; }
.legacy-layout .settings-content { -webkit-flex:1; flex:1; padding-left:28px; }
.legacy-layout .details-layout>img { width:200px; margin-right:26px; }
.legacy-layout .details-layout>div { -webkit-flex:1; flex:1; }
.legacy-layout .pin-fields,.legacy-layout .pin-keypad,.legacy-layout .category-row { display:block; }
.legacy-layout .pin-fields label { display:inline-block; width:30%; margin-right:3%; }
.legacy-layout .pin-keypad button { display:inline-block; width:30%; margin:0 3% 10px 0; }
.legacy-layout .category-row>strong { display:block; }
.legacy-layout .category-row>label { display:inline-block; margin-right:22px; }
.legacy-layout #episode-list>button { width:100%; margin-bottom:12px; }
.legacy-layout dl { display:block; }
.legacy-layout dt { margin-top:18px; }
.legacy-layout dd { margin:7px 0; }
.legacy-layout .placeholder { display:block; text-align:center; padding-top:48px; }
.legacy-layout .settings-nav button { margin-bottom:8px; }
.legacy-layout .player-actions button,.legacy-layout .quick-actions button,.legacy-layout .button-row button { margin:0 10px 10px 0; }
.legacy-dialog dialog { display:none; position:fixed; left:4%; right:4%; top:6%; bottom:auto; margin:0 auto; max-height:88vh; z-index:100; }
.legacy-dialog dialog[open] { display:block; box-shadow:0 0 0 100vmax rgba(0,0,0,.82); }
.legacy-dialog #pin-dialog { z-index:120; }
@media(max-width:1000px) { .legacy-layout .catalog-grid .content-card { width:31%; } }
@media(max-width:650px) { .legacy-layout .login-view,.legacy-layout .settings-layout,.legacy-layout .details-layout { display:block; } .legacy-layout .welcome { padding:0; } .legacy-layout .menu-card,.legacy-layout .catalog-grid .content-card,.legacy-layout .continue-grid .content-card { width:48%; } .legacy-layout .settings-content { padding:0; } .legacy-layout .pin-fields label { width:100%; } }