.film-dialog{width:min(1080px,calc(100vw - 32px));max-width:1080px;max-height:90dvh;padding:0;border:0;border-radius:18px;background:#111;overflow:visible;box-shadow:0 24px 80px #0005}.film-dialog::backdrop{background:#17131bba;backdrop-filter:blur(8px)}.film-dialog video{display:block;width:100%;max-height:86dvh;aspect-ratio:16/9;background:#111;border-radius:18px;object-fit:contain}.film-dialog .film-close{position:absolute;right:12px;top:12px;z-index:2;width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;background:#151018b3;color:white;font:400 27px/1 Arial;cursor:pointer;backdrop-filter:blur(6px)}.film-dialog .film-close:hover{background:#ff096b}.film-dialog .film-close:focus-visible{outline:2px solid #ff096b;outline-offset:3px}@media(max-width:600px){.film-dialog{width:calc(100vw - 20px);border-radius:12px}.film-dialog video{border-radius:12px}.film-dialog .film-close{width:32px;height:32px;right:8px;top:8px;font-size:23px}}
/* ADWALKr playback controls */
.film-dialog.film-branded{overflow:hidden;border:1px solid #ff096b55}
.film-branded video{border-radius:0}
.film-controls{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:40px 22px 16px;background:linear-gradient(transparent,#111b 35%,#111e);transition:opacity .2s;color:#fff;font-family:Figtree,sans-serif}
.film-control-row{display:flex;align-items:center;gap:14px;margin-top:9px}
.film-controls button{display:grid;place-items:center;width:34px;height:34px;padding:5px;background:transparent!important;color:white;border:0;border-radius:7px;cursor:pointer}
.film-controls button:hover{background:#ff096b!important}.film-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.film-controls button:first-child svg path[d^="m9"]{fill:currentColor;stroke:none}
.film-controls input[type=range]{appearance:none;-webkit-appearance:none;display:block;height:4px;min-height:0;padding:0;border:0;border-radius:9px;cursor:pointer;accent-color:#ff096b}
.film-seek{width:100%;margin:0;background:linear-gradient(to right,#ff096b var(--played,0%),#fff5 var(--played,0%))}
.film-controls input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#ff096b;border:2px solid #fff}
.film-controls input::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#ff096b;border:2px solid #fff}
.film-volume{width:70px;background:#fff5}.film-time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.film-control-brand{margin-left:auto;font:900 20px/1 MonaCondensed,sans-serif;text-transform:uppercase;color:#ff096b}
.film-controls .film-quality{appearance:auto;width:58px;padding:5px 3px;border:1px solid #fff4;border-radius:6px;background:#17131b;color:white;font:500 12px Figtree,sans-serif;min-height:30px;cursor:pointer}
.film-controls :focus-visible{outline:2px solid #ff73a8;outline-offset:4px}
.film-controls-hidden .film-controls{opacity:0;pointer-events:none}.film-controls-hidden .film-controls:focus-within{opacity:1;pointer-events:auto}
.film-notice{position:absolute;top:15px;left:18px;right:60px;color:#fff;font:13px/1.5 Figtree,sans-serif;text-shadow:0 1px 5px #000}.film-notice:empty{display:none}
.film-buffering:after{content:'';position:absolute;left:calc(50% - 17px);top:calc(50% - 17px);width:30px;height:30px;border:3px solid #fff5;border-top-color:#ff096b;border-radius:50%;animation:film-spin .8s linear infinite;pointer-events:none}
@keyframes film-spin{to{transform:rotate(360deg)}}
.film-dialog:fullscreen{width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;display:grid;align-items:center}.film-dialog:fullscreen video{max-height:100vh;height:100%;width:100%;object-fit:contain}.film-dialog:fullscreen .film-close{display:none}
.network-capacity-note{max-width:650px;margin:12px auto 0;text-align:center;color:#82798e;font:300 13px/1.6 Figtree,sans-serif;padding:0 20px}
@media(max-width:600px){.film-controls{padding:30px 10px 10px}.film-control-row{gap:6px}.film-controls .film-volume{display:none}.film-control-brand{font-size:17px}.film-time{font-size:10px}.film-controls .film-quality{width:48px}.film-controls button{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.film-controls{transition:none}.film-buffering:after{animation-duration:2s}}

.film-stage{position:relative;width:100%;background:#111}.film-stage:fullscreen{width:100%;height:100%;display:grid;align-items:center;background:#111}.film-stage:fullscreen video{max-height:100vh;height:100%;width:100%;object-fit:contain}