.app-panels{grid-template-columns:minmax(190px,1fr) minmax(340px,1.9fr) minmax(190px,1fr);gap:17px}.app-main-menu{position:relative;min-width:0;overflow:hidden;min-height:335px;padding:5px 0 0;--menu-card:170px}.main-menu-options{position:relative;z-index:2;width:var(--menu-card);margin:0 auto 17px;padding:9px 7px 20px;background:linear-gradient(#45647c,#2a455b);border:1.5px solid #a4cfde88;border-radius:15px;min-height:155px;display:flex;flex-direction:column;justify-content:center}.main-menu-options:after{content:'';position:absolute;bottom:-18px;left:calc(50% - 24px);height:20px;width:48px;background:#2a455b;border-left:1.5px solid #a4cfde88;border-right:1.5px solid #a4cfde88;border-radius:0 0 15px 15px;z-index:3}.main-menu-options button{font-family:Manrope,'Segoe UI',sans-serif;font-size:11px;font-weight:700;line-height:1.3;text-align:left;border:1px solid #b8d8e055;border-radius:9px;background:linear-gradient(#ffffff10,#00000015);padding:8px 9px;color:#eaf7ff;margin:3px 0;min-height:31px;display:flex;align-items:center;gap:5px}.main-menu-options button span{margin-left:auto;font-size:9px;opacity:.7}.main-menu-options button.selected{background:#e1f6fb;color:#213d50;border-color:#e1f6fb}.main-menu-pictures{height:145px;position:relative;margin:0;overflow:visible}.app-main-tile{position:absolute;left:50%;top:0;width:var(--menu-card);padding:7px;background:#223d52;border:1px solid #a4cfde66;border-radius:12px;color:#d9edf8;opacity:.65;transition:transform .2s ease,opacity .15s ease;will-change:transform}.app-main-tile.selected{opacity:1;border:1.5px solid #b0dbea;background:#2a455b;box-shadow:0 0 0 1px #b0dbea22}.main-tile-art{display:block;height:85px;border-radius:7px;background-image:url('/menu-pictures.png');background-size:400% 200%;background-repeat:no-repeat}.app-main-tile[data-kind="tv"] .main-tile-art{background-position:0% 0%}.app-main-tile[data-kind="video"] .main-tile-art{background-position:33.3333% 0%}.app-main-tile[data-kind="radio"] .main-tile-art{background-position:66.6667% 0%}.app-main-tile[data-kind="settings"] .main-tile-art{background-position:33.3333% 100%}.app-main-tile[data-kind="account"] .main-tile-art{background-position:66.6667% 100%}.app-main-tile>strong{display:flex;justify-content:space-between;align-items:center;font-family:Manrope,'Segoe UI',sans-serif;font-size:12px;padding:10px 5px 5px}.app-main-tile>strong span{opacity:.7}.app-content.crimson .main-menu-options,.app-content.crimson .app-main-tile.selected{background:linear-gradient(#7c243e,#3e1022);border-color:#e8cd96}.app-content.crimson .main-menu-options:after{background:#3e1022;border-color:#e8cd96}.app-content.crimson .main-menu-options button{border-color:#e7cfa255}.app-content.crimson .main-menu-options button.selected{background:#fff5e4;color:#5e1830}.app-content.crimson .app-main-tile{background:#481728;border-color:#e8cd9677}.app-content.graphite .main-menu-options,.app-content.graphite .app-main-tile.selected{background:linear-gradient(#525b6d,#303745)}.app-content.graphite .main-menu-options:after{background:#303745}.website-qr-caption{font-size:10px;line-height:1.8;color:#bedce9;margin:12px 0}.app-panel .app-settings-code{font-size:16px;letter-spacing:2px;margin:13px 0 5px}.connect-account-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0}.connect-account-actions .plain{font-size:10px;color:#6655e8}.demo-channel-list{display:grid;gap:9px;margin:20px 0}.demo-channel{display:flex;align-items:center;gap:12px;background:#f4f6fb;border:1px solid #e1e6ef;border-radius:9px;padding:14px;text-align:left;color:#29384d}.demo-channel span{font-size:11px;color:#7e8ca2}.demo-channel span:last-child{margin-left:auto;color:#6655e8}.demo-channel strong{font-size:13px}.demo-video-modal{width:min(900px,96vw)}#free-demo-video{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;margin:18px 0}.app-content .app-playlist{margin-top:9px}.app-content .app-connection{margin-top:18px}.app-content .app-colours{margin-top:22px}@media(max-width:1000px){.app-panels{grid-template-columns:180px minmax(280px,1fr) 180px;gap:10px}.app-panel{padding:17px 10px}.app-main-menu{--menu-card:150px}.main-tile-art{height:75px}.app-main-tile>strong{font-size:11px}.app-panel dl{font-size:10px}.app-panel .app-mac{font-size:10px}}@media(max-width:760px){.app-panels{grid-template-columns:1fr}.app-main-menu{--menu-card:175px;min-height:340px}.app-panel{padding:22px}.app-panel dl{font-size:12px}.app-panel .app-mac{font-size:12px}.connect-account-actions{display:block}.connect-account-actions .plain{display:block;margin:13px 0}.main-tile-art{height:85px}}
.app-main-menu{height:335px;min-height:335px;--main-frame-fill:#2a455b;--main-frame-line:#aacddd}.main-menu-frame{position:absolute;z-index:0;pointer-events:none;overflow:visible;filter:drop-shadow(0 8px 13px #06182445)}.main-menu-frame path{fill:var(--main-frame-fill);stroke:var(--main-frame-line);stroke-width:1.4;vector-effect:non-scaling-stroke}.app-main-menu .main-menu-options{position:absolute;bottom:155px;left:50%;transform:translateX(-50%);min-height:86px;margin:0;padding:12px 7px;background:transparent;border-color:transparent}.app-main-menu .main-menu-options:after{display:none}.app-main-menu .main-menu-pictures{position:absolute;left:0;right:0;bottom:0;z-index:2;height:145px}.app-main-menu .app-main-tile.selected,.app-content.crimson .app-main-menu .app-main-tile.selected,.app-content.graphite .app-main-menu .app-main-tile.selected{background:transparent;border-color:transparent;box-shadow:none}.app-content.crimson .app-main-menu{--main-frame-fill:#501326;--main-frame-line:#e8cd96}.app-content.graphite .app-main-menu{--main-frame-fill:#303745;--main-frame-line:#c1c8d3}.app-content.crimson .app-main-menu .main-menu-options,.app-content.graphite .app-main-menu .main-menu-options{background:transparent;border-color:transparent}.app-panel .app-settings-code+small{display:block;line-height:1.7}