/* One native presentation player, retained between expanded, docked and minimized modes. */
.film-player{position:fixed;z-index:70;left:max(20px,env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));width:min(680px,calc(100vw - 40px),calc((100svh - 135px)*1.7778));border:1px solid #ffffff35;border-radius:12px;background:#171a20;color:var(--cream);box-shadow:0 16px 80px #0009;overflow:hidden}.film-player[hidden]{display:none}.film-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:52px;padding:4px 7px 4px 15px}.film-title-group{flex:1;min-width:0}.film-toolbar h2{font-size:15px;font-weight:500;line-height:1.15;letter-spacing:-.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}#film-time{display:block;font-size:10px;color:#9ba1aa;margin-top:4px}.film-actions{display:flex;flex:none}.film-actions button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--cream);font-size:23px}.film-actions button:hover{background:#ffffff0c}.film-actions [data-film-pause]{display:none;font-size:15px}.film-screen{position:relative;aspect-ratio:16/9;width:100%;background:#080a0d}.film-screen video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;background:#080a0d}.film-screen video::cue{font-size:15px}.film-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:#17191ff5;text-align:center}.film-error[hidden]{display:none}.film-error p{font-size:15px;margin:0;color:var(--cream)}.film-error button{min-height:44px;padding:10px 18px;border:1px solid var(--coral);border-radius:99px;background:var(--coral);color:var(--ink);font-size:14px}.film-error a{font-size:12px;text-decoration:underline;text-underline-offset:3px}.film-footer{display:flex;justify-content:space-between;gap:15px;padding:11px 15px;border-top:1px solid #ffffff15;font-size:10px;line-height:1.4}.film-footer p{margin:0;color:#afb5bd}.film-footer>span{color:#7d8693;flex:none}.film-player[data-mode=docked]{width:min(360px,calc(100vw - 40px))}.film-player[data-mode=docked] .film-toolbar h2{font-size:12px}.film-player[data-mode=docked] .film-footer{display:none}.film-player[data-state=error] [data-film-size]{display:none}.film-player[data-mode=minimized]{width:min(335px,calc(100vw - 40px))}.film-player[data-mode=minimized] .film-screen,.film-player[data-mode=minimized] .film-footer,.film-player[data-mode=minimized] [data-film-size]{display:none}.film-player[data-mode=minimized] [data-film-pause]{display:grid}.film-player[data-mode=minimized] .film-toolbar h2{font-size:12px}
@media(max-width:720px){.film-player{left:max(12px,env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));border-radius:10px}.kit-page .film-player{bottom:calc(90px + env(safe-area-inset-bottom))}.film-toolbar{padding-left:10px}.film-toolbar h2{font-size:13px}.film-footer{padding:9px 10px;font-size:9px}.film-footer>span{display:none}.film-player[data-mode=docked]{width:min(240px,66vw)}.film-player[data-mode=docked] .film-toolbar{padding-left:8px}.film-player[data-mode=docked] .film-toolbar h2{font-size:10px}.film-player[data-mode=minimized]{width:min(290px,calc(100vw - 24px))}.film-screen video::cue{font-size:12px}body.film-active{padding-bottom:calc(235px + env(safe-area-inset-bottom))}body.kit-page.film-active{padding-bottom:calc(315px + env(safe-area-inset-bottom))}body.film-minimized{padding-bottom:calc(75px + env(safe-area-inset-bottom))}body.kit-page.film-minimized{padding-bottom:calc(150px + env(safe-area-inset-bottom))}}
@media(max-height:420px){.film-player{width:min(500px,calc(100vw - 40px),calc((100svh - 115px)*1.7778));bottom:12px}.film-player .film-footer{display:none}.film-player[data-mode=docked]{width:210px}.film-player[data-mode=docked] .film-toolbar h2{font-size:10px}.kit-page .film-player{bottom:78px;width:min(400px,calc(100vw - 24px),calc((100svh - 155px)*1.7778))}.kit-page .film-player[data-mode=docked]{width:190px}.kit-page .film-player[data-mode=minimized]{width:min(290px,calc(100vw - 24px))}}
