*{box-sizing:border-box}
html{background:var(--to-achtergrond)}
body{margin:0;min-height:100vh;background:var(--to-achtergrond);color:var(--to-tekst);
font-family:'Inter Tight',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit;color:inherit}
[hidden]{display:none !important}
.tv-top{display:flex;align-items:center;gap:10px;height:60px;padding:0 20px;max-width:1720px;margin:0 auto}
.tv-terug{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;flex:0 0 auto;min-width:30px;height:30px;padding:0 4px;margin-left:4px;border-radius:8px;
color:var(--to-gedempt);text-decoration:none;font-weight:600;font-size:13px}
.tv-terug .tv-ico{width:18px;height:18px}
.tv-terug .wv{display:none}
.tv-terug.vraag{background:var(--to-vlak-2);color:var(--to-tekst);padding:0 10px}
.tv-terug.vraag .wv{display:inline}
.tv-terug:hover{background:var(--to-vlak-2);color:var(--to-tekst)}
html.inapp .tv-terug{display:none}
.tv-top h1{margin:0;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:26px;letter-spacing:-.02em}
.tv-bronstaat{flex:1 1 auto;min-width:0;color:var(--to-gedempt);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-knop{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;
border:1px solid var(--to-lijn-2);background:var(--to-vlak);color:var(--to-tekst);font-weight:600;cursor:pointer;white-space:nowrap}
.tv-knop:hover{border-color:var(--to-gedempt-2)}
.tv-knop.primair{background:var(--to-knop);border-color:var(--to-knop);color:var(--to-op-knop)}
.tv-knop.primair:hover{background:var(--to-knop-2)}
.tv-knop.klein{min-height:34px;padding:0 12px;font-size:13px}
.tv-knop:disabled{opacity:.5;cursor:default}
.tv-knop:focus-visible,.tv-zender:focus-visible,.tv-ster:focus-visible,.tv-groep:focus-visible,.tv-tab:focus-visible,
.tv-weergave button:focus-visible{outline:2px solid var(--to-merk);outline-offset:2px}
.tv-kaart{background:var(--to-vlak);border:1px solid var(--to-lijn);border-radius:18px;box-shadow:var(--to-schaduw)}
.tv-klein{margin:6px 0 0;color:var(--to-gedempt);font-size:13px;line-height:1.5}
.tv-invoer{min-width:0;min-height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--to-lijn-2);background:var(--to-vlak);color:var(--to-tekst)}
.tv-invoer:focus{outline:2px solid rgba(var(--tv-merk-rgb),0.45);outline:2px solid color-mix(in srgb,var(--to-merk) 45%,transparent);outline-offset:1px;border-color:var(--to-merk)}
.tv-paneel{max-width:1720px;margin:0 auto 12px;padding:0 20px}
.tv-paneel .tv-kaart{padding:18px 20px;max-width:880px}
.tv-paneel h2{margin:0 0 4px;font-size:16px}
.tv-bronform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:10px 12px;gap:10px 12px;margin-top:12px}
.tv-veld{display:flex;flex-direction:column;gap:4px;min-width:0}
.tv-veld > span:first-child{font-size:12.5px;font-weight:600;color:var(--to-gedempt)}
.tv-veld-breed{grid-column:1 / -1}
.tv-veld select.tv-invoer{max-width:360px}
.tv-ww{display:flex;gap:6px;min-width:0}
.tv-ww .tv-invoer{flex:1 1 auto}
.tv-vink{grid-column:1 / -1;display:inline-flex;align-items:center;gap:8px;color:var(--to-gedempt);font-size:13px;cursor:pointer}
.tv-bronknoppen{grid-column:1 / -1;display:flex;gap:8px}
.tv-melding{margin:10px 0 0;font-size:13px;color:var(--to-fout)}
.tv-melding.ok{color:var(--to-goed)}
.tv-profiel-kop{grid-column:1 / -1;margin:4px 0 -2px;padding-top:8px;border-top:1px solid var(--to-lijn);
font-size:12.5px;font-weight:700;color:var(--to-tekst-2)}
.tv-profiel-kop small{margin-left:6px;font-weight:500;color:var(--to-gedempt)}
.tv-app{display:grid;grid-template-columns:250px minmax(0,1fr) minmax(400px,38%);grid-gap:14px;gap:14px;max-width:1720px;margin:0 auto;
padding:0 20px 16px;height:calc(100vh - 64px);height:calc(100dvh - 64px);min-height:560px}
.tv-zij,.tv-midden,.tv-speler{min-width:0;min-height:0;display:flex;flex-direction:column}
.tv-zij .tv-kaart,.tv-midden .tv-kaart{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:12px}
.tv-speler .tv-kaart{padding:12px;overflow:auto;max-height:100%}
.tv-ico{flex:0 0 auto;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tv-zij-lijst{flex:1 1 auto;min-height:0;overflow:auto;margin-top:12px;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--to-lijn-2) transparent}
.tv-zij-lijst::-webkit-scrollbar,.tv-venster::-webkit-scrollbar,.tv-rijen::-webkit-scrollbar{width:10px;height:10px}
.tv-zij-lijst::-webkit-scrollbar-thumb,.tv-venster::-webkit-scrollbar-thumb,.tv-rijen::-webkit-scrollbar-thumb{background:var(--to-lijn-2);border:3px solid transparent;
border-radius:999px;background-clip:content-box}
.tv-zij-lijst::-webkit-scrollbar-track,.tv-venster::-webkit-scrollbar-track,.tv-rijen::-webkit-scrollbar-track{background:transparent}
.tv-venster,.tv-rijen{scrollbar-width:thin;scrollbar-color:var(--to-lijn-2) transparent}
.tv-groep{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px 0 12px;border:0;border-radius:10px;background:transparent;
color:var(--to-tekst-2);font-weight:500;font-size:13.5px;cursor:pointer;text-align:left;transition:background-color .12s ease,color .12s ease}
.tv-groep span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv-groep small{flex:0 0 auto;font-size:12px;font-weight:500;color:var(--to-gedempt-2);font-variant-numeric:tabular-nums}
.tv-groep .tv-ico{width:17px;height:17px;color:var(--to-gedempt-2)}
.tv-groep:hover{background:var(--to-vlak-2);color:var(--to-tekst)}
.tv-groep:hover small{color:var(--to-gedempt)}
.tv-groep:focus-visible{outline-offset:-2px}
.tv-groep[aria-current="true"]{background:var(--to-vlak);color:var(--to-tekst);font-weight:600;
box-shadow:inset 3px 0 0 var(--to-merk),0 0 0 1px var(--to-lijn),0 1px 3px rgba(0,0,0,.08)}
.tv-groep[aria-current="true"] small,.tv-groep[aria-current="true"] .tv-ico{color:var(--to-merk)}
.tv-groep.vast{font-weight:600;color:var(--to-tekst)}
.tv-zij-scheid{height:1px;margin:8px 6px 2px;background:var(--to-lijn)}
.tv-zij-kop{display:flex;align-items:center;gap:10px;padding:16px 12px 6px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--to-gedempt-2)}
.tv-zij-kop::after{content:"";flex:1 1 auto;height:1px;background:var(--to-lijn)}
.tv-zij-scheid + .tv-zij-kop{padding-top:10px}
.tv-zij-leeg{margin:18px 12px;color:var(--to-gedempt);font-size:13px}
.tv-zij-leeg:empty{display:none}
:root{--tv-spoor:var(--to-vlak-2);--tv-spoor-aan:var(--to-vlak)}
:root[data-thema="donker"]{--tv-spoor:var(--to-papier);--tv-spoor-aan:var(--to-vlak-2)}
:root[data-thema="licht"]{--tv-spoor:var(--to-vlak-2);--tv-spoor-aan:var(--to-vlak)}
.tv-tabs,.tv-weergave{display:inline-flex;align-items:stretch;gap:2px;padding:3px;border-radius:12px;background:var(--tv-spoor);border:1px solid var(--to-lijn)}
.tv-tabs{align-self:flex-start;max-width:100%;margin-bottom:12px}
.tv-tab,.tv-weergave button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 14px;border:0;border-radius:9px;
background:transparent;color:var(--to-gedempt);font-weight:600;font-size:13.5px;line-height:1;white-space:nowrap;cursor:pointer;
transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}
.tv-tab small{margin:0;font-size:12px;font-weight:600;color:var(--to-gedempt);font-variant-numeric:tabular-nums}
.tv-tab:hover,.tv-weergave button:hover{color:var(--to-tekst)}
.tv-tab[aria-selected="true"],.tv-weergave button[aria-pressed="true"]{background:var(--tv-spoor-aan);color:var(--to-tekst);
box-shadow:0 0 0 1px var(--to-lijn),0 1px 3px rgba(0,0,0,.10)}
.tv-tab[aria-selected="true"] small{color:var(--to-merk)}
.tv-tab:focus-visible,.tv-weergave button:focus-visible{outline-offset:-2px}
.tv-weergave .tv-ico{width:15px;height:15px}
.tv-seizoenen .tv-tab{min-height:34px;padding:0 13px;border:1px solid var(--to-lijn-2);border-radius:999px;background:var(--to-vlak);color:var(--to-tekst-2)}
.tv-seizoenen .tv-tab:hover{border-color:var(--to-gedempt-2)}
.tv-seizoenen .tv-tab[aria-selected="true"]{background:var(--to-knop);border-color:var(--to-knop);color:var(--to-op-knop);box-shadow:none}
.tv-seizoenen .tv-tab[aria-selected="true"] small,.tv-seizoenen .tv-tab small{color:inherit;opacity:.75}
.tv-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tv-filter .zoek{flex:1 1 220px}
.tv-filter select.tv-invoer{flex:0 1 auto;max-width:100%}
.tv-zij .tv-invoer,.tv-filter .tv-invoer{min-height:42px;border-radius:12px}
.tv-zoekveld{position:relative;display:block;min-width:0}
.tv-zoekveld .tv-ico{position:absolute;left:14px;top:50%;margin-top:-8px;color:var(--to-gedempt-2);pointer-events:none}
.tv-zoekveld .tv-invoer{display:block;width:100%;padding-left:40px;-webkit-appearance:none;appearance:none}
.tv-filter select.tv-invoer{appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer;
background-image:linear-gradient(45deg,transparent 50%,var(--to-gedempt-2) 50%),linear-gradient(135deg,var(--to-gedempt-2) 50%,transparent 50%);
background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.tv-land{display:inline-block;margin-right:8px;padding:2px 7px;border-radius:7px;background:var(--to-vlak-2);border:1px solid var(--to-lijn);color:var(--to-gedempt);
font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.4;vertical-align:2px}
.tv-groep-klein{display:none}
.tv-groep-knop{display:none;align-items:center;grid-gap:8px;gap:8px;flex:1 1 180px;min-width:0;min-height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--to-lijn-2);background:var(--to-vlak);
color:var(--to-tekst);font-weight:600;font-size:13.5px;text-align:left;cursor:pointer}
.tv-groep-knop .tv-ico{color:var(--to-gedempt-2)}
.tv-groep-knop .chev{width:14px;height:14px}
.tv-groep-knop-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv-groep-knop small{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--to-gedempt-2);font-variant-numeric:tabular-nums}
.tv-groep-knop:hover{border-color:var(--to-gedempt-2)}
.tv-groep-knop:focus-visible{outline:2px solid var(--to-merk);outline-offset:2px}
.tv-groep-doek{position:fixed;top:0;right:0;bottom:0;left:0;z-index:61;background:rgba(15,23,42,.45)}
.tv-blad-kop{display:none;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;padding:10px 0 6px 4px}
.tv-blad-kop b{font-size:16px;font-weight:700}
.tv-zij:focus{outline:none}
.tv-zij-meer{margin:10px 6px 6px;padding:14px 12px;border-radius:14px;background:var(--to-vlak-2);text-align:center}
.tv-zij-meer p{margin:0 0 10px;color:var(--to-gedempt);font-size:12.5px;line-height:1.5}
.tv-venster{position:relative;flex:1 1 auto;min-height:0;overflow:auto;margin-top:8px;overscroll-behavior:contain;border-radius:10px}
.tv-hoogte{position:relative;width:100%}
.tv-item{position:absolute;left:0;top:0}
.tv-zender{cursor:pointer;text-align:left;border:0;background:transparent}
.tv-beeld{flex:0 0 auto;display:grid;place-items:center;overflow:hidden;background:var(--to-vlak-2);border-radius:6px;color:#fff;font-weight:700;letter-spacing:.02em}
.tv-beeld img{width:100%;height:100%;object-fit:contain;box-sizing:border-box}
.tv-beeld.wacht{position:relative}
.tv-beeld.wacht img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}
.tv-zender .tk{min-width:0;display:flex;flex-direction:column}
.tv-zender .n{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv-zender .g{font-size:12px;color:var(--to-gedempt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv-ster{flex:0 0 auto;width:38px;height:38px;border:0;background:transparent;border-radius:10px;cursor:pointer;color:var(--to-gedempt-2);font-size:17px;line-height:1}
.tv-ster:hover{background:var(--to-vlak-2)}
.tv-ster[aria-pressed="true"]{color:#e0a100}
.tv-venster.lijst .tv-item{display:flex;align-items:center;gap:4px;border-radius:10px}
.tv-venster.lijst .tv-item.aan{background:rgba(var(--tv-merk-rgb),0.12);background:color-mix(in srgb,var(--to-merk) 12%,transparent)}
.tv-venster.lijst .tv-zender{flex:1 1 auto;min-width:0;height:100%;display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:10px}
.tv-venster.lijst .tv-zender:hover{background:var(--to-vlak-2)}
.tv-venster.lijst .tv-beeld{width:44px;height:30px;font-size:11px}
.tv-venster.lijst .tv-beeld img{padding:3px}
.tv-venster.tegels .tv-zender{width:100%;height:100%;display:flex;flex-direction:column;gap:7px;padding:8px;border:1px solid var(--to-lijn);
background:var(--to-vlak);border-radius:14px;transition:border-color .15s, box-shadow .15s}
.tv-venster.tegels .tv-zender:hover{border-color:var(--to-lijn-2);box-shadow:var(--to-schaduw)}
.tv-venster.tegels .tv-item.aan .tv-zender{border-color:var(--to-merk);box-shadow:0 0 0 2px rgba(var(--tv-merk-rgb),0.3);box-shadow:0 0 0 2px color-mix(in srgb,var(--to-merk) 30%,transparent)}
.tv-venster.tegels .tv-beeld{width:100%;--ar:0.625;aspect-ratio:16/10;border-radius:10px;font-size:22px}
.tv-venster.tegels .tv-beeld img{padding:9%}
.tv-venster.tegels .tv-zender .n{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
.tv-venster.tegels .tv-ster{position:absolute;top:12px;right:12px;width:32px;height:32px;font-size:15px;
background:rgba(var(--tv-vlak-rgb),0.88);background:color-mix(in srgb,var(--to-vlak) 88%,transparent)}
.tv-leeg{margin:24px 8px;color:var(--to-gedempt);text-align:center}
.tv-laad{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px;padding:2px}
.tv-laad span{display:block;--ar:0.8125;aspect-ratio:16/13;border-radius:14px;background:var(--to-vlak-2);animation:tvLaad 1.4s ease-in-out infinite}
.tv-laad span:nth-child(2n){animation-delay:.2s} .tv-laad span:nth-child(3n){animation-delay:.4s}
@keyframes tvLaad{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.tv-laad span{animation:none}}
.tv-video{display:block;width:100%;--ar:0.5625;aspect-ratio:16/9;background:#000;border-radius:12px}
.tv-video::cue{font-family:"Netflix Sans","Helvetica Neue",Helvetica,Arial,"Inter Tight",sans-serif;font-weight:500;font-size:1.05em;line-height:1.2;color:#fff;
background:rgba(0,0,0,0);text-shadow:0 0 .12em #000,0 0 .3em rgba(0,0,0,.95),0 .06em .14em rgba(0,0,0,.9)}
.tv-scherm.ond-eigen .tv-video::cue{opacity:0;visibility:hidden}
@keyframes tvPuls{50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.tv-staat.bezig::before{animation:none}}
.tv-xseek{position:absolute;left:0;right:0;bottom:0;z-index:7;display:flex;flex-direction:column;gap:0;padding:26px 12px 8px;color:#fff;
background:linear-gradient(to top,rgba(0,0,0,.84),rgba(0,0,0,.5) 58%,rgba(0,0,0,0));transition:opacity .2s ease}
.tv-xseek[hidden]{display:none}
.tv-scherm.bed-weg .tv-xseek{opacity:0;pointer-events:none}
.tv-scherm.bed-weg{cursor:none}
.tv-wacht{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:6;display:grid;place-items:center;pointer-events:none}
.tv-wacht[hidden]{display:none}
.tv-wacht i{display:block;width:46px;height:46px;border-radius:50%;border:4px solid rgba(255,255,255,.28);border-top-color:#fff;
animation:tvDraai .9s linear infinite;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
@keyframes tvDraai{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){ .tv-wacht i{animation-duration:2.6s} }
.tv-tik{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:7;display:flex;flex-direction:column;align-items:center;gap:10px;
margin:0;padding:12px 16px;border:0;background:none;color:#fff;font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;cursor:pointer;text-align:center;max-width:90%}
.tv-tik[hidden]{display:none}
.tv-tik svg{width:84px;height:84px;box-sizing:border-box;padding:23px 19px 23px 27px;border-radius:50%;background:rgba(0,0,0,.66);fill:#fff;
box-shadow:0 6px 26px rgba(0,0,0,.5);transition:transform .15s ease,background .15s ease}
.tv-tik:hover svg,.tv-tik:focus-visible svg{transform:scale(1.07);background:rgba(0,0,0,.8)}
.tv-tik:focus-visible{outline:none}
.tv-tik:focus-visible svg{box-shadow:0 0 0 4px rgba(255,255,255,.5),0 6px 26px rgba(0,0,0,.5)}
.tv-tik span{padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.66);text-shadow:0 1px 8px rgba(0,0,0,.85)}
.tv-xtijdlijn{position:relative;height:22px;display:flex;align-items:center}
.tv-xseek input[type=range]{--d:14px;--p:0;-webkit-appearance:none;appearance:none;display:block;height:22px;margin:0;padding:0;background:transparent;cursor:pointer}
.tv-xtijdlijn input[type=range]{width:100%}
.tv-xseek input[type=range]:focus{outline:none}
.tv-xseek input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;
background:linear-gradient(to right,#fff calc(var(--d) / 2 + (100% - var(--d)) * var(--p)),rgba(255,255,255,.3) calc(var(--d) / 2 + (100% - var(--d)) * var(--p)))}
.tv-xseek input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--d);height:var(--d);margin-top:calc((5px - var(--d)) / 2);
border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.5);transition:transform .12s ease,box-shadow .12s ease}
.tv-xseek input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.18)}
.tv-xseek input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(255,255,255,.4)}
.tv-xseek input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:rgba(255,255,255,.3)}
.tv-xseek input[type=range]::-moz-range-progress{height:5px;border-radius:999px;background:#fff}
.tv-xseek input[type=range]::-moz-range-thumb{width:var(--d);height:var(--d);border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.5)}
.tv-xrij{display:flex;align-items:center;gap:4px;min-height:40px}
.tv-xknop{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#fff;cursor:pointer;
transition:background .12s ease}
.tv-xknop:active{background:rgba(255,255,255,.26)}
.tv-xknop:hover{background:rgba(255,255,255,.16)}
.tv-xknop:focus-visible{outline:2px solid #fff;outline-offset:1px}
.tv-xknop svg{display:none;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tv-xknop svg.vul{fill:currentColor;stroke-width:1.4}
#tvXPlay[data-staat="speelt"] .i-pauze,#tvXPlay:not([data-staat="speelt"]) .i-play,
#tvXMute[data-vol="hoog"] .i-hoog,#tvXMute:not([data-vol]) .i-hoog,#tvXMute[data-vol="laag"] .i-laag,#tvXMute[data-vol="uit"] .i-uit,
#tvXFull[data-fs="aan"] .i-fs-uit,#tvXFull:not([data-fs="aan"]) .i-fs-aan,.tv-xsprong svg{display:block}
.tv-xsprong svg text{fill:currentColor;stroke:none;font:700 7.6px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.tv-xtijd{flex:0 0 auto;margin:0 6px;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}
.tv-xtijd .tv-xsl{opacity:.65}
.tv-xvul{flex:1 1 8px;min-width:0}
.tv-xvol{display:flex;align-items:center}
.tv-xseek.vol-vast .tv-xvolschuif{display:none}
.tv-xvolschuif{--d:12px;width:0;min-width:0;opacity:0;margin:0;transition:width .18s ease,opacity .18s ease,margin .18s ease}
.tv-xvol:hover .tv-xvolschuif,.tv-xvol:focus-within .tv-xvolschuif{width:88px;opacity:1;margin:0 2px 0 10px}
@media (hover:none){ .tv-xvolschuif{display:none} }
@media (max-width:900px){ .tv-xvol:hover .tv-xvolschuif,.tv-xvol:focus-within .tv-xvolschuif{width:60px} }
@media (max-width:520px){ .tv-xtijd .tv-xsl,.tv-xtijd #tvXDuur{display:none} }
@media (pointer:coarse){ .tv-xtijdlijn{height:30px} .tv-xseek input[type=range]{--d:18px;height:30px} }
@media (prefers-reduced-motion:reduce){ .tv-xseek,.tv-xvolschuif,.tv-xknop{transition:none} }
.tv-scherm:fullscreen{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;border-radius:0;background:#000}
.tv-scherm:fullscreen .tv-video{width:100%;height:100%;--ar:0;aspect-ratio:auto;object-fit:contain}
.tv-scherm:-webkit-full-screen{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;border-radius:0;background:#000}
.tv-scherm:-webkit-full-screen .tv-video{width:100%;height:100%;--ar:0;aspect-ratio:auto;object-fit:contain}
.tv-scherm:fullscreen .tv-xseek{padding:34px 22px 16px}
.tv-scherm:focus{outline:none}
.tv-ond{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none;
box-sizing:border-box;padding:0 6% calc(var(--ond-onder,16px) + var(--ond-lift,0px));
font-family:"Netflix Sans","Helvetica Neue",Helvetica,Arial,"Inter Tight",sans-serif;font-size:var(--ond-px,18px);font-weight:500;line-height:1.2;
color:#fff;text-align:center;transition:padding-bottom .18s ease}
.tv-ond[hidden]{display:none}
.tv-ond-cue{max-width:82%;white-space:pre-line;overflow-wrap:break-word;text-wrap:balance;
text-shadow:0 0 .12em #000,0 0 .3em rgba(0,0,0,.95),0 .06em .14em rgba(0,0,0,.9)}
.tv-ond-cue + .tv-ond-cue{margin-top:.15em}
.tv-ond-cue i{font-style:italic}
.tv-ond-cue b{font-weight:700}
@media (prefers-reduced-motion:reduce){ .tv-ond{transition:none} }
.tv-speler .tv-kaart{--to-let:#f5d98b}
.tv-nu{display:flex;align-items:center;gap:14px;min-width:0;margin-top:16px;padding:0 2px}
.tv-nu-logo{flex:0 0 auto;width:52px;height:52px;border-radius:12px;font-size:15px;background:#242830;border:1px solid var(--to-lijn)}
.tv-nu-logo[hidden]{display:none}
.tv-nu-logo img{padding:5px}
.tv-nu-tk{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.tv-nu-naam{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.01em}
.tv-nu-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;min-height:22px;font-size:13px;color:var(--to-gedempt)}
.tv-nu-groep{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv-nu-groep:empty{display:none}
.tv-stat{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--to-gedempt-2);font-variant-numeric:tabular-nums}
.tv-stat[hidden]{display:none}
.tv-ik.tv-nu-sluit{flex:0 0 auto;align-self:flex-start;width:40px;min-width:40px;height:40px;margin:-6px -4px 0 0;border-color:transparent;background:transparent;color:var(--to-gedempt)}
.tv-ik.tv-nu-sluit:hover{background:var(--to-vlak-2);border-color:transparent;color:var(--to-tekst)}
.tv-ik.tv-nu-sluit svg{width:20px;height:20px}
.tv-terug-lijst,.tv-ik.tv-mini-play{display:none}
.tv-ik.tv-mini-play svg{display:none;width:20px;height:20px;fill:currentColor;stroke:none}
.tv-ik.tv-mini-play[data-staat="speelt"] .i-pauze,.tv-ik.tv-mini-play:not([data-staat="speelt"]) .i-play{display:block}
.tv-staat{display:inline-block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 11px 3px 9px;border-radius:14px;
border:1px solid var(--to-lijn-2);background:var(--to-vlak);font-size:12.5px;font-weight:600;line-height:1.35;color:var(--to-gedempt);vertical-align:middle}
.tv-staat::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--to-gedempt-2);vertical-align:0}
.tv-staat.ok{color:var(--to-goed);border-color:rgba(var(--tv-goed-rgb),0.38);border-color:color-mix(in srgb,var(--to-goed) 38%,transparent);background:rgba(var(--tv-goed-rgb),0.1);background:color-mix(in srgb,var(--to-goed) 10%,transparent)}
.tv-staat.ok::before{background:var(--to-goed)}
.tv-staat.bezig{color:var(--to-tekst-2)}
.tv-staat.bezig::before{background:var(--to-merk);animation:tvPuls 1.2s ease-in-out infinite}
.tv-staat.fout{color:var(--to-fout);border-color:rgba(var(--tv-fout-rgb),0.4);border-color:color-mix(in srgb,var(--to-fout) 40%,transparent);background:rgba(var(--tv-fout-rgb),0.1);background:color-mix(in srgb,var(--to-fout) 10%,transparent)}
.tv-staat.fout::before{background:var(--to-fout)}
.tv-staat:empty{display:none}
.tv-speler.heeft-fout .tv-staat{display:none}
.tv-meld{position:relative}
.tv-geluid{display:flex;align-items:center;margin-top:12px;min-height:44px;padding:8px 46px 8px 12px;border-radius:12px;border:1px solid rgba(245,217,139,0.3);border:1px solid color-mix(in srgb,var(--to-let) 30%,transparent);
border-left:3px solid var(--to-let);background:rgba(245,217,139,0.09);background:color-mix(in srgb,var(--to-let) 9%,transparent);color:var(--to-let);font-size:12.5px;line-height:1.45}
.tv-geluid[hidden]{display:none}
.tv-meld-x{display:none;position:absolute;top:50%;right:4px;width:40px;height:40px;margin-top:-20px;padding:0;place-items:center;border:0;border-radius:10px;
background:transparent;color:var(--to-let);cursor:pointer}
#tvGeluid:not([hidden]) + .tv-meld-x{display:grid}
.tv-meld-x:hover{background:rgba(245,217,139,0.16);background:color-mix(in srgb,var(--to-let) 16%,transparent)}
.tv-meld-x:focus-visible{outline:2px solid var(--to-merk);outline-offset:-2px}
.tv-meld-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tv-bediening{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:14px}
.tv-zap{display:inline-flex;flex:0 0 auto;overflow:hidden;border:1px solid var(--to-lijn-2);border-radius:999px;background:var(--to-vlak)}
.tv-nevel{flex:1 1 8px;min-width:0}
.tv-ik{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;margin:0;padding:0;border-radius:22px;
border:1px solid var(--to-lijn-2);background:var(--to-vlak);color:var(--to-tekst);font-family:inherit;font-size:13.5px;font-weight:600;line-height:1;cursor:pointer;
transition:background .12s ease,border-color .12s ease,color .12s ease}
.tv-zap .tv-ik{min-width:48px;height:42px;border:0;border-radius:0;background:transparent}
.tv-zap .tv-ik + .tv-ik{border-left:1px solid var(--to-lijn)}
.tv-zap .tv-ik:hover{background:var(--to-vlak-2)}
.tv-ik.met-tekst{padding:0 16px 0 13px}
.tv-ik:hover{background:var(--to-vlak-2);border-color:var(--to-gedempt-2)}
.tv-ik:active{background:var(--to-lijn)}
.tv-ik[hidden]{display:none}
.tv-ik svg{flex:0 0 auto;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.tv-ik:focus-visible,.tv-verb > summary:focus-visible,.tv-proef > summary:focus-visible,.tv-pil:focus-visible,.tv-menu-sluit:focus-visible{outline:2px solid var(--to-merk);outline-offset:2px}
.tv-zap .tv-ik:focus-visible{outline-offset:-3px}
.tv-ik.sluit:hover{color:var(--to-fout);border-color:rgba(var(--tv-fout-rgb),0.55);border-color:color-mix(in srgb,var(--to-fout) 55%,transparent)}
#tvAfl{padding:0}
#tvAfl .tv-ik-t{display:none}
@media (min-width:1500px){ #tvAfl{padding:0 16px 0 13px} #tvAfl .tv-ik-t{display:inline} }
.tv-menu{position:relative;flex:0 0 auto;display:flex;min-width:0}
.tv-menu-knop[aria-expanded="true"]{background:var(--to-vlak-2);border-color:var(--to-merk)}
.tv-menu-knop .i-beeld,.tv-menu-knop[data-inhoud="beeld"] .i-sporen{display:none}
.tv-menu-knop[data-inhoud="beeld"] .i-beeld{display:block}
.tv-menu-doek{display:none}
.tv-menu-kaart{display:none;position:fixed;top:0;left:0;z-index:70;width:360px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:6px 6px 8px;border-radius:18px;
background:#1c1f25;color:var(--to-tekst);border:1px solid var(--to-lijn-2);box-shadow:0 26px 60px -18px rgba(0,0,0,.75)}
.tv-menu-kaart.open{display:block;max-height:calc(100vh - 24px);overflow:auto}
.tv-menu-kaart:focus{outline:none}
.tv-menu-kop{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 4px 6px 12px}
.tv-menu-kop b{font-size:14px;font-weight:700}
.tv-menu-sluit{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--to-gedempt);cursor:pointer}
.tv-menu-sluit:hover{background:var(--to-vlak-2);color:var(--to-tekst)}
.tv-menu-sluit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tv-kiezers{flex:1 1 100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:8px;gap:8px}
.tv-kiezers[hidden]{display:none}
.tv-kies{position:relative;display:block;min-width:0;height:44px;border-radius:999px;border:1px solid var(--to-lijn-2);background:var(--to-vlak);
color:var(--to-tekst);cursor:pointer;transition:background .12s ease,border-color .12s ease}
.tv-kies[hidden]{display:none}
.tv-kies:hover{background:var(--to-vlak-2);border-color:var(--to-gedempt-2)}
.tv-kies svg{position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;fill:none;stroke:var(--to-gedempt);stroke-width:1.8;
stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.tv-kies::after{content:"";position:absolute;right:16px;top:50%;width:6px;height:6px;margin-top:-5px;border:solid var(--to-gedempt);border-width:0 2px 2px 0;
transform:rotate(45deg);pointer-events:none}
.tv-kies select{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);min-width:0;margin:0;padding:0 34px 0 42px;border:0;border-radius:999px;
background:transparent;color:var(--to-tekst);font-size:13.5px;font-weight:600;cursor:pointer;text-overflow:ellipsis;-webkit-appearance:none;appearance:none}
.tv-kies select:focus{outline:none}
.tv-kies select:focus-visible{outline:2px solid var(--to-merk);outline-offset:2px}
.tv-kies select option{background:#1c1f25;color:#f1f3f5}
.tv-kies-naam{display:none}
.tv-menu-kaart.open .tv-kiezers{display:flex;flex-direction:column;gap:2px;padding:2px 0}
.tv-menu-kaart.open .tv-kies{display:grid;grid-template-columns:20px 74px minmax(0,1fr);align-items:center;grid-column-gap:12px;column-gap:12px;height:auto;min-height:56px;padding:8px 10px 8px 12px;
border:0;border-radius:14px;background:transparent}
.tv-menu-kaart.open .tv-kies:hover{background:var(--to-vlak-2)}
.tv-menu-kaart.open .tv-kies svg{position:static;width:20px;height:20px;margin:0;stroke:var(--to-gedempt)}
.tv-menu-kaart.open .tv-kies::after{display:none}
.tv-menu-kaart.open .tv-kies-naam{display:block;font-size:13.5px;font-weight:600;color:var(--to-tekst-2)}
.tv-menu-kaart.open .tv-kies select{position:static;width:100%;height:42px;padding:0 34px 0 12px;border:1px solid var(--to-lijn-2);border-radius:12px;background-color:var(--to-vlak-2);
background-image:linear-gradient(45deg,transparent 50%,var(--to-gedempt) 50%),linear-gradient(135deg,var(--to-gedempt) 50%,transparent 50%);
background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;font-size:13.5px}
.tv-menu-kaart.open .tv-kies select:focus-visible{outline-offset:0}
.tv-menu-kaart.open .tv-menu-rij{display:flex;width:100%;height:52px;margin-top:2px;padding:0 12px;justify-content:flex-start;gap:12px;border:0;border-radius:14px;background:transparent}
.tv-menu-kaart.open .tv-menu-rij:hover{background:var(--to-vlak-2)}
.tv-menu-kaart.open .tv-menu-rij svg{stroke:var(--to-gedempt)}
.tv-menu-kaart.open .tv-kiezers:not([hidden]) + .tv-menu-rij:not([hidden]){margin-top:4px;border-top:1px solid var(--to-lijn);border-radius:0 0 14px 14px}
.tv-verb{margin-top:14px;border-top:1px solid var(--to-lijn)}
.tv-verb > summary,.tv-proef > summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;border-radius:10px;
color:var(--to-gedempt);font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}
.tv-verb > summary > span,.tv-proef > summary > span{flex:1 1 auto;min-width:0}
.tv-verb > summary::-webkit-details-marker,.tv-proef > summary::-webkit-details-marker{display:none}
.tv-verb > summary:hover,.tv-proef > summary:hover{color:var(--to-tekst)}
.tv-verb-ico{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--to-gedempt-2)}
.tv-verb .chev{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
.tv-verb[open] > summary .chev,.tv-proef[open] > summary .chev{transform:rotate(180deg)}
.tv-verb-in{display:flex;flex-direction:column;padding:0 4px 4px}
.tv-opt{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:4px 0;color:var(--to-tekst-2);font-size:13.5px;cursor:pointer}
.tv-opt[hidden]{display:none}
.tv-opt + .tv-opt{border-top:1px solid var(--to-lijn)}
.tv-opt input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;flex:0 0 auto;width:40px;height:24px;margin:0;border-radius:999px;
background:var(--to-lijn-2);cursor:pointer;transition:background .15s ease}
.tv-opt input[type=checkbox]::before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--to-tekst);
transition:transform .15s ease,background .15s ease}
.tv-opt input[type=checkbox]{box-shadow:inset 0 0 0 1px var(--to-gedempt-2)}
.tv-opt input[type=checkbox]:checked{background:var(--to-merk);box-shadow:none}
.tv-opt input[type=checkbox]:checked::before{transform:translateX(16px);background:#14161a}
.tv-opt input[type=checkbox]:disabled{opacity:.45;cursor:default}
.tv-opt input[type=checkbox]:focus-visible,.tv-opt-sel:focus-visible{outline:2px solid var(--to-merk);outline-offset:2px}
.tv-opt-sel{min-width:0;max-width:60%;min-height:36px;padding:0 12px;border:1px solid var(--to-lijn-2);border-radius:999px;background:var(--to-vlak-2);color:var(--to-tekst);font-size:13px}
.tv-opt-actie{cursor:default}
.tv-opt-actie > span:first-child{flex:0 0 auto;white-space:nowrap}
.tv-opt-waarde{min-width:0}
.tv-opt-waarde{font-weight:600;color:var(--to-tekst);text-align:right;font-variant-numeric:tabular-nums}
.tv-proef{margin-top:4px;border-top:1px solid var(--to-lijn)}
.tv-proef > summary{min-height:40px;font-size:12.5px;color:var(--to-gedempt-2)}
.tv-pil{flex:0 0 auto;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--to-lijn-2);background:var(--to-vlak-2);color:var(--to-tekst);
font-family:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease}
.tv-pil:hover{background:var(--to-lijn);border-color:var(--to-gedempt-2)}
.tv-pil.primair{background:var(--to-knop);border-color:var(--to-knop);color:var(--to-op-knop)}
.tv-pil.primair:hover{background:var(--to-knop-2);border-color:var(--to-knop-2)}
@media (prefers-reduced-motion:reduce){ .tv-ik,.tv-kies,.tv-pil,.tv-verb .chev,.tv-opt input[type=checkbox],.tv-opt input[type=checkbox]::before{transition:none} }
@media (max-width:760px){
.tv-nu{grid-gap:10px;gap:10px;margin-top:8px}
.tv-nu-logo{display:none}
.tv-nu-tk{grid-gap:3px;gap:3px}
.tv-nu-naam{font-size:16.5px}
.tv-nu-meta{min-height:22px}
.tv-staat{flex:0 1 auto;border-radius:12px;white-space:normal;text-overflow:clip}
.tv-stat{display:none}
.tv-geluid{margin-top:8px;min-height:40px;padding:7px 44px 7px 10px;font-size:12px}
.tv-bediening{grid-gap:8px;gap:8px;margin-top:10px}
.tv-ik{min-width:44px;height:44px}
.tv-ik.met-tekst{padding:0}
.tv-ik-t{display:none}
.tv-zap .tv-ik{min-width:48px;height:42px}
.tv-verb{margin-top:6px}
.tv-verb > summary{min-height:40px}
.tv-menu-kaart.open .tv-ik-t{display:inline}
.tv-menu-kaart.open .tv-ik.met-tekst{padding:0 12px}
}
:root{--tv-kop:64px}
@media (max-width:760px){ :root{--tv-kop:56px} }
@media (max-height:520px) and (pointer:coarse){ :root{--tv-kop:52px} html .tv-top{height:var(--tv-kop)} }
@media (max-width:1180px){
.tv-app{grid-template-columns:minmax(0,1fr) minmax(360px,44%)}
html:not(.tvmodus) .tv-groep-klein{display:none}
html:not(.tvmodus) .tv-groep-knop{display:flex}
html:not(.tvmodus) .tv-zij{display:none;position:fixed;z-index:62;left:0;right:0;bottom:0;width:100%;max-width:600px;margin:0 auto;height:80vh;height:80dvh;max-height:780px;min-height:0}
html:not(.tvmodus) .tv-zij.open{display:flex}
html:not(.tvmodus) .tv-zij .tv-kaart{background:var(--to-vlak);border:1px solid var(--to-lijn);border-bottom:0;border-radius:22px 22px 0 0;
box-shadow:0 -24px 60px -24px rgba(0,0,0,.5);padding:4px 14px calc(14px + env(safe-area-inset-bottom))}
html:not(.tvmodus) .tv-blad-kop{display:flex}
html:not(.tvmodus) .tv-zij .tv-zoekveld{flex:0 0 auto}
html:not(.tvmodus) .tv-zij .tv-zij-lijst{margin-top:8px}
html:not(.tvmodus) .tv-groep{min-height:46px}
}
@media (min-width:761px) and (pointer:fine) and (max-width:1180px){
html:not(.tvmodus) .tv-zij{top:0;max-width:560px;margin:auto;height:80vh;height:min(80vh,720px);height:min(80dvh,720px)}
html:not(.tvmodus) .tv-zij .tv-kaart{border-bottom:1px solid var(--to-lijn);border-radius:22px;box-shadow:0 30px 80px -30px rgba(0,0,0,.55)}
}
@media (max-width:900px){
.tv-menu-knop{padding:0}
.tv-menu-knop .tv-ik-t{display:none}
}
@media (max-width:760px),(max-height:520px) and (pointer:coarse){
html:not(.tvmodus) .tv-app{display:flex;flex-direction:column;grid-gap:0;gap:0;height:calc(100vh - var(--tv-kop));height:calc(100dvh - var(--tv-kop));min-height:0;padding:0 12px 12px;overflow:hidden}
html:not(.tvmodus) .tv-speler{order:-1;flex:0 0 auto;margin:0 -12px 10px;padding:0;max-height:calc(100vh - var(--tv-kop) - 170px);max-height:calc(100dvh - var(--tv-kop) - 170px)}
html:not(.tvmodus) .tv-speler .tv-kaart{display:flex;flex-direction:column;padding:6px 12px 8px;border-radius:0 0 18px 18px;max-height:inherit;overflow:auto;-webkit-overflow-scrolling:touch}
html:not(.tvmodus) .tv-speler .tv-kaart > *{flex-shrink:0}
html:not(.tvmodus) .tv-speler .tv-nu{order:-1;align-items:flex-start;margin:0 0 6px;padding:0}
html:not(.tvmodus) .tv-midden{flex:1 1 auto;min-height:0}
html:not(.tvmodus) .tv-midden .tv-kaart{padding:10px}
html:not(.tvmodus) .tv-app:not(.geen-speler):not(.speler-klein) .tv-midden .tv-kaart > :not(.tv-venster):not(.tv-rijen):not(.tv-waarsch){display:none}
html:not(.tvmodus) .tv-venster{flex:1 1 auto;height:auto;min-height:0}
html:not(.tvmodus) .tv-app.geen-speler{grid-template-columns:none}
.tv-terug-lijst{display:inline-flex;align-items:center;flex:0 0 auto;gap:2px;height:44px;padding:0 12px 0 4px;border:0;border-radius:22px;background:transparent;color:var(--to-tekst);
font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}
.tv-terug-lijst .tv-ico{width:22px;height:22px;stroke-width:1.9}
.tv-terug-lijst:hover{background:var(--to-vlak-2)}
.tv-terug-lijst:focus-visible{outline:2px solid var(--to-merk);outline-offset:-2px}
#tvPip{display:none !important}
html:not(.tvmodus) .tv-speler.mini .tv-kaart{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) auto auto;align-items:center;grid-column-gap:10px;column-gap:10px;padding:8px 6px 8px 10px;overflow:visible;border-radius:0 0 16px 16px}
html:not(.tvmodus) .tv-speler.mini .tv-scherm{grid-column:1;grid-row:1;width:96px;height:54px;border-radius:9px}
html:not(.tvmodus) .tv-speler.mini .tv-nu{display:contents}
html:not(.tvmodus) .tv-speler.mini .tv-nu-logo{display:none}
html:not(.tvmodus) .tv-speler.mini .tv-nu-tk{grid-column:2;grid-row:1;order:0}
html:not(.tvmodus) .tv-speler.mini .tv-nu-naam{font-size:14.5px}
html:not(.tvmodus) .tv-speler.mini .tv-nu-meta{flex-wrap:nowrap;min-height:0;font-size:12px}
html:not(.tvmodus) .tv-speler.mini .tv-nu-groep,.tv-speler.mini .tv-nu-score,.tv-speler.mini .tv-stat{display:none}
html:not(.tvmodus) .tv-speler.mini .tv-staat{padding:1px 8px 1px 7px;font-size:11.5px}
html:not(.tvmodus) .tv-speler.mini .tv-mini-play{display:inline-flex;grid-column:3;grid-row:1;position:relative;z-index:2}
html:not(.tvmodus) .tv-speler.mini .tv-nu-sluit{grid-column:4;grid-row:1;position:relative;z-index:2;align-self:center}
html:not(.tvmodus) .tv-speler.mini .tv-terug-lijst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:auto;height:auto;padding:0;border-radius:0 0 16px 16px;opacity:0}
html:not(.tvmodus) .tv-speler.mini .tv-terug-lijst:focus-visible{opacity:1;background:transparent;outline-offset:-3px}
html:not(.tvmodus) .tv-speler.mini .tv-terug-lijst svg,.tv-speler.mini .tv-terug-lijst span{display:none}
html:not(.tvmodus) .tv-speler.mini .tv-meld,.tv-speler.mini .tv-bediening,.tv-speler.mini .tv-verb,.tv-speler.mini .tv-xseek,.tv-speler.mini .tv-cast-over,.tv-speler.mini .tv-tik,
html:not(.tvmodus) .tv-speler.mini .tv-wacht,.tv-speler.mini .tv-ond,.tv-speler.mini .tv-fout-kaart,.tv-speler.mini .tv-poster{display:none !important}
html:not(.tvmodus) .tv-speler.mini .tv-video{pointer-events:none}
html:not(.tvmodus) .tv-speler.mini .tv-cast-kaart{padding:0;grid-gap:0;gap:0}
html:not(.tvmodus) .tv-speler.mini .tv-cast-kaart > :not(svg){display:none}
html:not(.tvmodus) .tv-speler.mini .tv-cast-kaart svg{width:30px;height:30px;margin:0}
html:not(.tvmodus) .tv-speler.mini .tv-video::-webkit-media-controls{display:none !important}
}
@media (max-width:760px),(max-height:520px) and (pointer:coarse){
html:not(.tvmodus) .tv-menu-doek{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:69;background:rgba(8,10,14,.55)}
html:not(.tvmodus) .tv-menu-kaart{top:auto !important;left:0 !important;right:0;bottom:0;width:auto;max-width:560px;margin:0 auto;padding:6px 10px calc(12px + env(safe-area-inset-bottom));
border-bottom:0;border-radius:22px 22px 0 0;max-height:86vh;max-height:86dvh;overflow:auto}
html:not(.tvmodus) .tv-menu-kaart.open .tv-kies{grid-template-columns:20px 84px minmax(0,1fr);min-height:60px}
}
@keyframes tvBlad{from{opacity:.5;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes tvKaart{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
@keyframes tvMiniIn{from{opacity:.45;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
html:not(.tvmodus) .tv-zij.open{animation:tvBlad .22s ease-out}
.tv-menu-kaart.open{animation:tvKaart .14s ease-out}
html:not(.tvmodus) .tv-speler.mini .tv-kaart{animation:tvMiniIn .22s ease-out}
}
@media (max-width:760px),(max-height:520px) and (pointer:coarse){
@media (prefers-reduced-motion:no-preference){ html:not(.tvmodus) .tv-menu-kaart.open{animation:tvBlad .22s ease-out} }
}
@media (max-height:520px) and (pointer:coarse){
html:not(.tvmodus) .tv-app:not(.geen-speler):not(.speler-klein){flex-direction:row;align-items:stretch}
html:not(.tvmodus) .tv-app:not(.geen-speler):not(.speler-klein) .tv-speler{order:-1;flex:0 0 48%;max-width:520px;min-width:0;min-height:0;max-height:none;margin:0 10px 0 0}
html:not(.tvmodus) .tv-app:not(.geen-speler):not(.speler-klein) .tv-speler .tv-kaart{height:100%;max-height:100%;border-radius:18px}
html:not(.tvmodus) .tv-app:not(.geen-speler):not(.speler-klein) .tv-midden{flex:1 1 0;min-width:0}
}
@media (min-width:761px){
html:not(.tvmodus) .tv-paneel.eerste{top:50% !important;right:auto !important;left:50%;margin:0;transform:translate(-50%,-50%)}
}
@media (max-width:760px){
html .tv-top{height:56px;padding:0 12px;grid-gap:6px;gap:6px;flex-wrap:nowrap}
.tv-top h1{font-size:22px}
.tv-top-t{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.tv-top .tv-knop,.tv-top .tv-knop.klein,.tv-top .tv-knop.primair{width:40px;min-width:40px;padding:0}
.tv-terug{width:40px;min-width:40px;padding:0;justify-content:center}
html .tv-bronstaat{flex:1 1 auto;min-width:0;margin-left:2px;max-width:none}
html .tv-paneel{top:auto !important;right:0 !important;bottom:0;left:0;width:auto;max-width:none;max-height:92vh;max-height:92dvh;padding:0;border-radius:22px 22px 0 0}
html .tv-paneel .tv-kaart{padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}
html:not(.tvmodus) .tv-nu-meta .tv-staat:not(.fout){flex:0 1 auto;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:not(.tvmodus) .tv-nu-groep{flex:1 1 40px;min-width:40px}
html:not(.tvmodus) .tv-nu-score{flex:0 0 auto}
html:not(.tvmodus) .tv-filter{grid-gap:8px;gap:8px}
html:not(.tvmodus) .tv-groep-knop{flex:1 1 120px}
html:not(.tvmodus) .tv-filter select.tv-invoer,html:not(.tvmodus) .tv-filter.met-score #tvSorteer{flex:0 0 112px}
html:not(.tvmodus) .tv-filter.met-score .tv-minscore{flex:1 1 150px}
.tv-bronform{grid-template-columns:minmax(0,1fr)}
.tv-bronform .tv-invoer,.tv-filter .tv-invoer,.tv-zij .tv-invoer{font-size:16px}
.tv-veld select.tv-invoer{max-width:none}
.tv-menu-kaart.open .tv-kies select{font-size:16px}
}
@media (max-width:359px){ html .tv-bronstaat{display:none} }
@media (pointer:coarse){
.tv-venster.tegels .tv-ster,.tv-rij-kaart .tv-ster{width:40px;height:40px}
.tv-vg-weg{width:40px;height:40px;top:4px;right:4px}
html .tv-pil,html .tv-pil.klein,.tv-lrij .tv-knop{min-height:40px}
.tv-cast-over::after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}
.tv-serie-dicht{width:40px;height:40px}
.tv-tabs .tv-tab,.tv-weergave button{min-height:40px}
}
.tv-top{height:64px;grid-gap:8px;gap:8px}
.tv-top h1{font-size:28px;margin:0 2px}
.tv-bronstaat{flex:0 1 auto;margin-left:6px;padding:4px 12px;border-radius:999px;background:var(--to-vlak);border:1px solid var(--to-lijn);
font-size:12.5px;color:var(--to-gedempt);max-width:34ch}
.tv-top .tv-knop{margin-left:auto}
.tv-bronstaat:empty{display:none}
.tv-terug{grid-gap:2px;gap:2px;width:40px;padding:0}
.tv-terug .tv-ico{width:18px;height:18px}
.tv-terug:focus-visible{outline:2px solid var(--to-merk);outline-offset:2px}
.tv-top .tv-knop,.tv-top .tv-knop.klein{min-height:40px;padding:0 16px;grid-gap:8px;gap:8px;font-size:13.5px}
.tv-top .tv-knop.primair{padding:0 18px}
.tv-top .tv-knop .tv-ico{width:18px;height:18px}
.tv-top .tv-thema{width:40px;min-width:40px;padding:0}
.tv-thema .tv-ico{display:none}
.tv-thema[data-stand="auto"] .i-auto,.tv-thema[data-stand="licht"] .i-licht,.tv-thema[data-stand="donker"] .i-donker{display:block}
.tv-thema .i-auto .vul{fill:currentColor;stroke:none}
.tv-naar-app{text-decoration:none}
.tv-naar-muziek{text-decoration:none}
html.tvmodus .tv-top .tv-naar-app{display:none}
.tv-naar-app{position:relative}
.tv-app-upd,.tv-app-stip{display:none}
.tv-naar-app.upd-alle .tv-app-upd,html.ios .tv-naar-app.upd-ios .tv-app-upd,html:not(.ios) .tv-naar-app.upd-mac .tv-app-upd{display:inline}
.tv-naar-app.upd-alle .tv-app-naam,html.ios .tv-naar-app.upd-ios .tv-app-naam,html:not(.ios) .tv-naar-app.upd-mac .tv-app-naam{display:none}
.tv-naar-app.upd-alle .tv-app-stip,html.ios .tv-naar-app.upd-ios .tv-app-stip,html:not(.ios) .tv-naar-app.upd-mac .tv-app-stip{display:block}
.tv-app-stip{position:absolute;top:4px;right:4px;width:9px;height:9px;border-radius:50%;background:var(--to-fout);box-shadow:0 0 0 2px var(--to-achtergrond)}
.tv-zij .tv-kaart{background:transparent;border:0;box-shadow:none;padding:4px 0 0}
.tv-zij .tv-invoer{background:var(--to-vlak)}
.tv-midden .tv-kaart > *{flex:0 0 auto}
.tv-midden .tv-kaart > .tv-venster,.tv-midden .tv-kaart > .tv-rijen{flex:1 1 auto}
.tv-midden .tv-kaart > .tv-start{flex:1 1 auto}
.tv-midden .tv-kaart{padding:16px 16px 6px;border-radius:20px}
.tv-filter{margin-bottom:2px}
#tvLijstStaat{margin:10px 2px 0;font-size:12.5px;font-variant-numeric:tabular-nums}
.tv-lijstrij{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.tv-lijstknoppen{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;flex:0 0 auto}
.tv-lijsttekst{flex:1 1 auto;min-width:0}
#tvLijstNotitie{margin:2px 2px 0;font-size:12.5px}
#tvLijstNotitie[hidden]{display:none}
.tv-pil.klein{min-height:30px;padding:0 12px;font-size:12.5px;margin-top:8px}
.tv-pil[hidden]{display:none}
.tv-waarsch{margin:8px 2px 0;padding:10px 12px;border-radius:12px;border:1px solid var(--to-waarsch-lijn);background:var(--to-waarsch-vlak);color:var(--to-waarsch);font-size:12.5px;line-height:1.5}
.tv-waarsch[hidden]{display:none}
.tv-waarsch .tv-knop{margin:8px 8px 0 0}
.tv-elders{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 10px;padding:12px 14px;border-radius:14px;border:1px solid var(--to-lijn-2);background:var(--to-vlak-2);color:var(--to-tekst)}
.tv-elders[hidden]{display:none}
.tv-elders-ico{flex:0 0 auto;width:30px;height:30px;margin-right:12px;fill:none;stroke:var(--to-merk);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tv-elders-tekst{flex:1 1 220px;min-width:0;display:flex;flex-direction:column}
.tv-elders-tekst b{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.tv-elders-titel{font-size:13px;color:var(--to-tekst-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv-elders-tijd{display:flex;align-items:center;margin-top:6px;font-size:12px;color:var(--to-gedempt);font-variant-numeric:tabular-nums}
.tv-elders-balk{flex:1 1 auto;height:4px;margin:0 8px;border-radius:2px;background:var(--to-lijn-2);overflow:hidden}
.tv-elders-balk i{display:block;height:100%;width:0;background:var(--to-merk)}
.tv-elders.live .tv-elders-balk{visibility:hidden}
.tv-elders-staat{margin-top:4px;font-size:12px;color:var(--to-gedempt);line-height:1.4}
.tv-elders-knoppen{display:flex;flex-wrap:wrap;align-items:center;margin-top:8px}
.tv-elders-knoppen .tv-pil{margin:0 8px 6px 0}
@media (max-width:520px){ .tv-elders-ico{display:none} .tv-elders-knoppen .tv-pil{padding:0 12px} }
.tv-venster.tegels .tv-zender{border:0;background:transparent;padding:0;grid-gap:9px;gap:9px;box-shadow:none;border-radius:14px}
.tv-venster.tegels .tv-zender:hover{border:0;box-shadow:none}
.tv-venster.tegels .tv-beeld{border:1px solid var(--to-lijn);border-radius:14px;
background:linear-gradient(160deg,var(--to-vlak-2),var(--to-vlak-2));background:linear-gradient(160deg,var(--to-vlak-2),color-mix(in srgb,var(--to-vlak-2) 70%,var(--to-lijn)));
transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
.tv-venster.tegels .tv-beeld img{padding:14%}
.tv-venster.tegels .tv-zender:hover .tv-beeld{transform:translateY(-2px);box-shadow:var(--to-schaduw-diep);border-color:var(--to-lijn-2)}
.tv-venster.tegels .tv-item.aan .tv-zender{border:0;box-shadow:none}
.tv-venster.tegels .tv-item.aan .tv-beeld{outline:3px solid var(--to-merk);outline-offset:-3px}
.tv-venster.tegels .tv-zender .n{padding:0 2px;font-size:13.5px}
.tv-venster.tegels .tv-zender .g{padding:0 2px}
.tv-venster.tegels .tv-ster{opacity:0;transition:opacity .12s;top:8px;right:8px;box-shadow:0 1px 3px rgba(0,0,0,.18);
background:rgba(var(--tv-vlak-rgb),0.94);background:color-mix(in srgb,var(--to-vlak) 94%,transparent)}
.tv-venster.tegels .tv-item:hover .tv-ster,.tv-venster.tegels .tv-ster[aria-pressed="true"]{opacity:1}
.tv-venster.tegels .tv-ster:focus-visible{opacity:1}
@media (hover:none){.tv-venster.tegels .tv-ster{opacity:1}}
.tv-venster.lijst .tv-item{border-radius:12px}
.tv-venster.lijst .tv-zender .n{font-size:14px}
.tv-speler .tv-kaart{color:#f1f3f5;background:#14161a;border-color:#252830;border-radius:20px;box-shadow:0 22px 50px -28px rgba(0,0,0,.6);
--to-vlak:#1c1f25; --to-vlak-2:#242830; --to-tekst:#f1f3f5; --to-tekst-2:#cfd4da; --to-gedempt:#a5acb6; --to-gedempt-2:#8b929d;
--to-lijn:#2d313a; --to-lijn-2:#3d424d; --to-merk:#8bb8ff; --to-goed:#5cd69a; --to-fout:#ff9b8f; --to-schaduw:0 10px 30px -20px rgba(0,0,0,.7)}
.tv-scherm{position:relative;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.07)}
.tv-scherm .tv-video{border-radius:0}
.tv-poster{position:absolute;top:0;right:0;bottom:56px;left:0;inset:0 0 56px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
text-align:center;padding:16px;pointer-events:none;color:#e8eaed;
background:radial-gradient(120% 90% at 50% 0%,#232b3d 0%,#14161a 62%),#14161a;transition:opacity .25s}
.tv-poster svg{width:54px;height:54px;fill:none;stroke:#8bb8ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.tv-poster b{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:22px;letter-spacing:-.01em}
.tv-poster span{font-size:13px;color:#a5acb6;max-width:26ch;line-height:1.45}
.tv-speler.speelt .tv-poster{opacity:0}
.tv-poster b,.tv-poster span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.tv-poster b{white-space:nowrap}
.tv-scherm.laadt .tv-poster{opacity:1}
.tv-scherm.laadt .tv-poster{top:0;right:0;bottom:0;left:0;inset:0}
.tv-scherm.laadt .tv-poster svg{animation:tvPuls 1.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){ .tv-scherm.laadt .tv-poster svg{animation:none} }
.tv-fout-kaart{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 22px;
text-align:center;color:#f1f3f5;background:radial-gradient(120% 90% at 50% 0%,#2e2326 0%,#14161a 62%),#14161a;overflow:auto}
.tv-fout-kaart[hidden]{display:none}
.tv-fout-kaart svg{flex:0 0 auto;width:40px;height:40px;fill:none;stroke:var(--to-fout);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tv-fout-kaart b{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:20px;letter-spacing:-.01em}
.tv-fout-kaart span{max-width:42ch;font-size:13.5px;line-height:1.5;color:var(--to-gedempt);overflow-wrap:anywhere}
.tv-fout-acties{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}
.tv-fout-acties .tv-pil{min-height:40px;padding:0 18px;font-size:13.5px}
.tv-fout-kaart{justify-content:flex-start}
@supports (container-type:size){ .tv-fout-kaart{container:tvfout / size;overflow:hidden} }
.tv-fout-kaart > :first-child{margin-top:auto}
.tv-fout-kaart > :last-child{margin-bottom:auto}
.tv-fout-acties #tvFoutExtra:not([hidden]) ~ #tvFoutOpnieuw{background:var(--to-vlak-2);border-color:var(--to-lijn-2);color:var(--to-tekst)}
.tv-fout-acties #tvFoutExtra:not([hidden]) ~ #tvFoutOpnieuw:hover{background:var(--to-lijn);border-color:var(--to-gedempt-2)}
@container tvfout (max-height: 300px){
.tv-fout-kaart svg{display:none}
.tv-fout-kaart b{font-size:17px;margin-top:auto}
.tv-fout-kaart span{font-size:12.5px;line-height:1.4}
.tv-fout-acties{margin-top:2px;gap:6px}
.tv-fout-acties .tv-pil{min-height:32px;padding:0 13px;font-size:12.5px}
}
@container tvfout (max-width: 440px){
.tv-fout-kaart span{font-size:12.5px;line-height:1.4}
.tv-fout-acties{gap:6px}
.tv-fout-acties .tv-pil{min-height:30px;padding:0 12px;font-size:12px}
}
@container tvfout (max-height: 190px){
.tv-fout-kaart b{display:none}
.tv-fout-kaart span{margin-top:auto;font-size:12px;line-height:1.35}
.tv-fout-acties #tvFoutSluit,.tv-fout-acties #tvFoutExtra2,.tv-fout-acties #tvFoutExtra:not([hidden]) ~ #tvFoutOpnieuw{display:none}
.tv-fout-acties .tv-pil{min-height:30px;padding:0 12px;font-size:12px}
}
.tv-cast-kaart{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
padding:16px;text-align:center;color:#e8eaed;background:radial-gradient(120% 90% at 50% 0%,#232b3d 0%,#14161a 62%),#14161a}
.tv-cast-kaart[hidden]{display:none}
.tv-cast-kaart.met-balk{padding-bottom:88px}
.tv-cast-kaart.laadt svg{animation:tvPuls 1.2s ease-in-out infinite}
.tv-cast-kaart svg{flex:0 0 auto;width:54px;height:54px;fill:none;stroke:#8bb8ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.tv-cast-kaart svg .cast-vul{fill:#8bb8ff;stroke:none}
.tv-cast-kaart b{max-width:100%;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:22px;letter-spacing:-.01em;overflow-wrap:anywhere}
.tv-cast-kaart span{max-width:34ch;font-size:13px;line-height:1.45;color:#a5acb6}
.tv-cast-kaart .tv-pil{margin-top:10px}
.tv-cast-rij{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;margin-top:10px}
.tv-cast-rij[hidden]{display:none}
.tv-cast-kaart .tv-cast-rij .tv-pil{margin-top:0}
.tv-cast-keten{max-width:34ch;margin-top:4px;font-size:13px;line-height:1.45;color:#c4cad3;white-space:pre-line;overflow-wrap:anywhere}
.tv-cast-keten[hidden]{display:none}
.tv-cast-kaart{container:tvcast / size;justify-content:flex-start;overflow:hidden}
.tv-cast-kaart::before,.tv-cast-kaart::after{content:"";flex:1 1 0;min-height:0}
@container tvcast (max-height: 220px){
.tv-cast-kaart svg{width:34px;height:34px;margin-bottom:0}
.tv-cast-kaart b{font-size:18px}
.tv-cast-kaart span,.tv-cast-keten{font-size:12.5px;line-height:1.4}
.tv-cast-kaart .tv-pil{margin-top:4px;min-height:30px;padding:0 12px;font-size:12px}
.tv-cast-rij{margin-top:4px;gap:6px}
}
@container tvcast (max-height: 150px){
.tv-cast-kaart span{display:none}
.tv-cast-keten{max-height:2.8em;overflow:hidden}
}
@container tvcast (max-height: 112px){
.tv-cast-kaart svg{display:none}
}
@container tvcast (max-height: 84px){
.tv-cast-kaart b{font-size:16px}
.tv-cast-keten,.tv-cast-kaart #tvCastOmzetten{display:none}
}
@container tvcast (max-height: 50px){
.tv-cast-kaart .tv-pil,.tv-cast-rij{display:none}
}
.tv-cast-nota .tv-serie-kaart{width:520px;max-width:100%;width:min(520px,100%);padding:22px 22px 18px}
.tv-cast-nota h2{margin:0 0 10px;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:22px;letter-spacing:-.01em;line-height:1.15}
.tv-cast-nota-tekst{flex:1 1 auto;min-height:0;margin:0 0 14px;white-space:pre-line;font-size:13.5px;line-height:1.5;color:var(--to-gedempt);overflow-y:auto;overscroll-behavior:contain}
.tv-cast-nota .tv-serie-knoppen{margin-top:0}
.tv-cast-nota a.tv-knop{text-decoration:none}
.tv-cast-link-hulp{margin:14px 0 0;font-size:12.5px}
.tv-inhoud .tv-serie-kaart{width:600px;width:min(600px,100%)}
.tv-inhoud-lijf{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 0 14px;font-size:13.5px;line-height:1.5}
.tv-inhoud-lijf h3{margin:14px 0 6px;font-size:13px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:var(--to-gedempt)}
.tv-inhoud-lijf h3:first-child{margin-top:0}
.tv-inhoud-lijf p{margin:0 0 6px}
.tv-inhoud-lijf ul{margin:0 0 6px;padding-left:18px}
.tv-inhoud-tabel{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tv-inhoud-tabel th,.tv-inhoud-tabel td{padding:4px 6px;text-align:right;border-bottom:1px solid var(--to-lijn)}
.tv-inhoud-tabel th:first-child,.tv-inhoud-tabel td:first-child{text-align:left}
.tv-inhoud-tabel th{font-weight:600;color:var(--to-gedempt);font-size:12.5px}
.tv-inhoud-talen{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}
.tv-inhoud-talen .tv-pil{margin-top:0}
.tv-inhoud-talen .tv-pil[aria-pressed="true"]{background:var(--to-knop);border-color:var(--to-knop);color:var(--to-op-knop)}
.tv-inhoud-klein{color:var(--to-gedempt);font-size:12.5px}
.tv-cast-link-hulp a{color:var(--to-merk)}
.tv-scherm.cast-actief .tv-video{visibility:hidden}
.tv-scherm.cast-actief #tvXFull,.tv-speler.cast-actief #tvPip{display:none}
.tv-cast-over{position:absolute;top:8px;right:8px;z-index:6;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:50%;
border:1px solid rgba(255,255,255,.28);background:rgba(20,22,26,.6);color:#fff;cursor:pointer;opacity:.85;transition:opacity .2s ease,background .2s ease}
.tv-cast-over[hidden]{display:none}
.tv-cast-over:hover,.tv-cast-over:focus-visible{opacity:1;background:rgba(20,22,26,.85)}
.tv-cast-over svg{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tv-cast-over .cast-vul{fill:currentColor;stroke:none;opacity:0}
.tv-cast-over[data-staat="verbonden"]{color:#8bb8ff;border-color:rgba(139,184,255,.7)}
.tv-cast-over[data-staat="verbonden"] .cast-vul{opacity:1}
.tv-cast-over[data-staat="bezig"]{cursor:progress}
.tv-cast-over[data-staat="niet"]{opacity:.6}
.tv-cast-over[data-staat="niet"]:hover{opacity:.9}
.tv-cast-over[data-staat="bezig"] svg{animation:tvPuls 1.2s ease-in-out infinite}
.tv-scherm.bed-weg .tv-cast-over:not(:focus-visible){opacity:0;pointer-events:none}
.tv-scherm:fullscreen .tv-cast-over{top:14px;right:14px;width:40px;height:40px}
.tv-scherm:fullscreen .tv-cast-over svg{width:21px;height:21px}
@media (max-width:760px),(max-height:520px){ .tv-cast-over,.tv-scherm:fullscreen .tv-cast-over{top:6px;right:6px;width:30px;height:30px} .tv-cast-over svg,.tv-scherm:fullscreen .tv-cast-over svg{width:16px;height:16px} }
html.ios .tv-scherm .tv-cast-over,html.wk .tv-scherm .tv-cast-over{top:50%;right:8px;transform:translateY(-50%)}
@media (max-width:760px),(max-height:520px){ html.ios .tv-scherm .tv-cast-over,html.wk .tv-scherm .tv-cast-over{right:6px} }
.tv-xseek.cast-live .tv-xtijdlijn,.tv-xseek.cast-live .tv-xsl,.tv-xseek.cast-live #tvXDuur,.tv-xseek.cast-live .tv-xsprong{display:none}
.tv-xseek .tv-xknop:disabled,.tv-xseek input[type=range]:disabled{opacity:.4;cursor:default}
.tv-xseek .tv-xknop:disabled:hover{background:transparent}
@media (prefers-reduced-motion:reduce){ .tv-cast-over[data-staat="bezig"] svg,.tv-cast-kaart.laadt svg{animation:none} }
@media (max-width:760px){ .tv-cast-kaart.met-balk{padding-bottom:80px} .tv-cast-kaart svg{width:36px;height:36px} .tv-cast-kaart b{font-size:17px} .tv-cast-kaart.met-omzet span{display:none} .tv-cast-keten{font-size:12px} }
@media (max-width:760px){
.tv-speler .tv-kaart{border-radius:0 0 16px 16px}
.tv-poster{top:0;right:0;bottom:64px;left:0;inset:0 0 64px 0}
.tv-poster b{font-size:18px}
.tv-poster svg{width:40px;height:40px}
.tv-bronstaat{max-width:18ch}
}
.tv-achter{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:59;background:rgba(15,23,42,.18)}
.tv-achter[hidden]{display:none}
.tv-paneel{position:fixed;z-index:60;top:72px;right:16px;left:auto;width:720px;max-width:calc(100vw - 24px);width:min(720px,calc(100vw - 24px));max-width:none;
margin:0;padding:0;max-height:calc(100vh - 88px);max-height:calc(100dvh - 88px);overflow:auto;border-radius:20px}
.tv-paneel[hidden]{display:none}
.tv-paneel .tv-kaart{max-width:none;padding:18px 20px;box-shadow:0 28px 70px -26px rgba(0,0,0,.5)}
.tv-paneel-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.tv-paneel-kop h2{margin:0}
.tv-paneel h3{margin:0;font-size:15px}
.tv-lijsten{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:8px}
.tv-lrij{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--to-lijn);border-radius:14px;background:var(--to-vlak)}
.tv-lrij.actief{border-color:var(--to-merk);box-shadow:inset 3px 0 0 var(--to-merk)}
.tv-lrij .tk{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.tv-lrij .tk b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.tv-lrij .tk small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--to-gedempt);font-size:12px}
.tv-lrij .acties{flex:0 0 auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.tv-lrij .tv-knop{min-height:34px;padding:0 12px;font-size:13px}
.tv-lrij .tv-knop.gevaar{color:var(--to-fout)}
.tv-lleeg{padding:14px;border:1px dashed var(--to-lijn-2);border-radius:14px;color:var(--to-gedempt);font-size:13.5px}
.tv-bronform[hidden],#tvLijstenBlok[hidden]{display:none}
.tv-bronform{padding-top:14px;margin-top:14px;border-top:1px solid var(--to-lijn)}
@media (max-width:760px){
.tv-paneel{top:60px;right:8px;left:8px;width:auto;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px)}
.tv-lrij{flex-wrap:wrap}
.tv-lrij .acties{width:100%;justify-content:flex-start}
}
.tv-venster.tegels.poster .tv-beeld{--ar:1.5;aspect-ratio:2/3;font-size:34px}
.tv-venster.tegels.poster .tv-beeld img{object-fit:cover;padding:0}
.tv-venster.tegels .tv-beeld,.tv-rij-kaart .tv-beeld{position:relative}
.tv-venster.tegels .tv-beeld img,.tv-rij-kaart .tv-beeld img{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%}
.tv-venster.tegels.poster .tv-beeld img.liggend,.tv-venster.tegels.poster .tv-beeld img.smal,.tv-rij-kaart:not(.live) .tv-beeld img.liggend,.tv-rij-kaart:not(.live) .tv-beeld img.smal{object-fit:contain}
.tv-venster.tegels:not(.poster) .tv-beeld img{padding:12px 18px}
.tv-venster.tegels:not(.poster) .tv-item.plaat .tv-beeld img{padding:0;object-fit:contain}
.tv-venster.tegels:not(.poster) .tv-item.plaat .tv-beeld img.liggend{object-fit:cover}
.tv-serie{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;inset:0;display:flex;align-items:center;justify-content:center;padding:16px}
.tv-serie[hidden]{display:none}
.tv-serie-doek{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(15,23,42,.45)}
.tv-serie-kaart{position:relative;width:860px;max-width:100%;width:min(860px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;
background:var(--to-vlak);color:var(--to-tekst);border:1px solid var(--to-lijn);border-radius:20px;box-shadow:0 28px 70px -26px rgba(0,0,0,.5);overflow:hidden}
.tv-serie-dicht{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border:0;border-radius:10px;background:var(--to-vlak-2);
color:var(--to-tekst);font-size:20px;line-height:1;cursor:pointer}
.tv-serie-dicht:hover{background:var(--to-lijn)}
.tv-serie-kop{display:flex;gap:18px;align-items:flex-start;padding:20px 60px 12px 20px}
.tv-serie-poster{width:132px;--ar:1.5;aspect-ratio:2/3;flex:0 0 auto;border-radius:12px;font-size:34px;border:1px solid var(--to-lijn)}
.tv-serie-poster img{object-fit:cover}
.tv-serie-tk{min-width:0;display:flex;flex-direction:column;gap:6px}
.tv-serie-tk h2{margin:0;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:26px;letter-spacing:-.01em;line-height:1.15;overflow-wrap:anywhere}
.tv-serie-tk p{margin:0;color:var(--to-gedempt);font-size:13.5px}
.tv-serie-tk .tv-knop{align-self:flex-start;margin-top:6px}
.tv-serie-knoppen{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.tv-serie-knoppen .tv-knop{margin-top:0}
#tvSerieFav[aria-pressed="true"] .tv-fav-ster{color:#e0a100}
.tv-seizoenen{display:flex;gap:6px;flex-wrap:wrap;padding:4px 20px 10px}
.tv-seizoenen[hidden]{display:none}
.tv-afleveringen{list-style:none;margin:0;padding:0 12px 6px;overflow:auto;flex:1 1 auto;min-height:0;overscroll-behavior:contain}
.tv-afl{display:flex;width:100%;align-items:center;gap:12px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:inherit;
font:inherit;text-align:left;cursor:pointer;min-height:44px}
.tv-afl:hover{background:var(--to-vlak-2)}
.tv-afl.aan{background:rgba(var(--tv-merk-rgb),0.12);background:color-mix(in srgb,var(--to-merk) 12%,transparent)}
.tv-afl .nr{flex:0 0 34px;color:var(--to-gedempt);font-variant-numeric:tabular-nums;font-weight:600}
.tv-afl .t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv-afl .pijl{flex:0 0 auto;color:var(--to-gedempt-2);font-size:12px}
.tv-afl.aan .pijl{color:var(--to-merk);font-weight:700;font-size:12.5px}
.tv-afl-meer{margin:4px 20px 14px;align-self:flex-start}
.tv-afl-meer[hidden]{display:none}
@media (max-width:760px){
.tv-serie{padding:0;align-items:flex-end}
.tv-serie-kaart{width:100%;max-height:92vh;max-height:92dvh;border-radius:20px 20px 0 0}
.tv-serie-kop{grid-gap:12px;gap:12px;padding:16px 56px 10px 14px}
.tv-serie-poster{width:92px;font-size:26px}
.tv-serie-tk h2{font-size:20px}
.tv-seizoenen{padding:2px 14px 8px}
.tv-afleveringen{padding:0 6px 6px}
}
.tv-peek{position:fixed;top:auto;right:auto;bottom:auto;left:auto;inset:auto;margin:0;z-index:2147483000;pointer-events:none;width:auto;height:auto;overflow:visible;background:#0f172a;color:#e2e8f0;
border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:3px;box-shadow:0 6px 20px rgba(0,0,0,.45)}
.tv-peek[hidden]{display:none}
.tv-peek canvas{display:block;border-radius:5px;background:#000}
.tv-peek canvas[hidden]{display:none}
.tv-peek canvas.bijna{filter:blur(1.5px)}
.tv-peek.geen canvas{display:none}
.tv-peek span{display:block;text-align:center;font-size:.72rem;color:#e2e8f0;padding:2px 4px 0;font-variant-numeric:tabular-nums}
.tv-app.geen-speler{grid-template-columns:250px minmax(0,1fr)}
.tv-app.geen-speler .tv-speler{display:none}
@media (max-width:1180px){ .tv-app.geen-speler{grid-template-columns:minmax(0,1fr)} }
.tv-rijen{flex:1 1 auto;min-height:0;overflow:auto;margin-top:8px;overscroll-behavior:contain}
.tv-rijen[hidden]{display:none}
.tv-rij{margin:0 0 6px}
.tv-rij-kop{display:flex;align-items:center;gap:8px;padding:6px 2px 8px}
.tv-rij-kop h3{margin:0;flex:1 1 auto;min-width:0;font-size:16px;font-weight:700;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv-rij-kop h3 small{margin-left:8px;font-size:12.5px;font-weight:600;color:var(--to-gedempt-2)}
.tv-rij-alles{flex:0 0 auto;border:0;background:transparent;color:var(--to-merk);font-weight:600;font-size:13px;cursor:pointer;padding:6px 8px;border-radius:8px}
.tv-rij-alles:hover{background:var(--to-vlak-2)}
.tv-rij-pijl{flex:0 0 auto;width:30px;height:30px;border:1px solid var(--to-lijn-2);border-radius:999px;background:var(--to-vlak);color:var(--to-tekst-2);cursor:pointer;line-height:1;font-size:16px}
.tv-rij-pijl:hover{background:var(--to-vlak-2)}
@media (hover:none){ .tv-rij-pijl{display:none} }
.tv-rij-baan{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 12px;scrollbar-width:thin}
.tv-rij-kaart{flex:0 0 auto;width:148px;scroll-snap-align:start}
.tv-rij-kaart .tv-zender{display:flex;flex-direction:column;gap:9px;width:100%;padding:0;border:0;background:transparent;border-radius:14px}
.tv-rij-kaart .tv-beeld{width:100%;--ar:1.5;aspect-ratio:2/3;border:1px solid var(--to-lijn);border-radius:14px;font-size:30px;
background:linear-gradient(160deg,var(--to-vlak-2),var(--to-vlak-2));background:linear-gradient(160deg,var(--to-vlak-2),color-mix(in srgb,var(--to-vlak-2) 70%,var(--to-lijn)));
transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
.tv-rij-kaart .tv-beeld img{object-fit:cover;padding:0}
.tv-rij-kaart .tv-zender:hover .tv-beeld{transform:translateY(-2px);box-shadow:var(--to-schaduw-diep);border-color:var(--to-lijn-2)}
.tv-rij-kaart.aan .tv-beeld{outline:3px solid var(--to-merk);outline-offset:-3px}
.tv-rij-kaart .n{padding:0 2px;font-size:13.5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
.tv-rij-kaart .g{padding:0 2px}
.tv-rij-meer{display:block;margin:6px auto 16px}
@media (max-width:760px){
.tv-rij-kaart{width:124px}
.tv-rij-baan{grid-gap:10px;gap:10px}
.tv-tabs{display:flex;width:100%;overflow-x:auto;scrollbar-width:none}
.tv-tabs::-webkit-scrollbar{display:none}
.tv-tabs .tv-tab{flex:1 0 auto;padding:0 10px;min-height:40px}
.tv-weergave button{min-height:40px;padding:0 13px}
.tv-wtxt{display:none}
.tv-filter .zoek{flex:1 1 100%}
.tv-filter select.tv-invoer{flex:1 1 0;min-width:0}
}
.tv-top .tv-knop + .tv-knop{margin-left:0}
:root[data-thema="donker"]{color-scheme:dark;
--to-vlak:#23272f;--to-vlak-2:#2a2f38;--to-papier:#1b1e24;--to-tekst:#e7ecf3;--to-tekst-2:#c3cbd8;--to-gedempt:#aeb7c4;--to-gedempt-2:#8e99ab;
--to-lijn:#333b46;--to-lijn-2:#4a5563;--to-merk:#5aa3ff;--to-merk-2:#7cbaff;--to-op-merk:#12161c;--to-knop:#2256c9;--to-knop-2:#1c49ad;--to-op-knop:#ffffff;
--to-schaduw:0 10px 30px -20px rgba(0,0,0,.55);--to-schaduw-diep:0 16px 40px -22px rgba(0,0,0,.65);--to-achtergrond:#141414;
--to-vlek-1:rgba(255,208,226,.09);--to-vlek-2:rgba(208,224,255,.1);--to-vlek-3:rgba(208,242,224,.07);
--to-fout:#ff9b8f;--to-goed:#5cd69a;--to-waarsch:#f2b560;--to-info-vlak:#1c2636;--to-info-lijn:#34507a;--to-waarsch-vlak:#33261a;--to-waarsch-lijn:#6b4520}
:root[data-thema="licht"]{color-scheme:light;
--to-vlak:#ffffff;--to-vlak-2:#eef1f6;--to-papier:#f7f8fa;--to-tekst:#0f172a;--to-tekst-2:#334155;--to-gedempt:#475569;--to-gedempt-2:#64748b;
--to-lijn:#e5e9f0;--to-lijn-2:#cbd5e1;--to-merk:#2256c9;--to-merk-2:#1c49ad;--to-op-merk:#ffffff;--to-knop:#2256c9;--to-knop-2:#1c49ad;--to-op-knop:#ffffff;
--to-schaduw:0 10px 30px -20px rgba(15,23,42,.30);--to-schaduw-diep:0 16px 40px -22px rgba(15,23,42,.38);--to-achtergrond:#fbfaf7;
--to-vlek-1:rgba(255,208,226,.56);--to-vlek-2:rgba(208,224,255,.52);--to-vlek-3:rgba(208,242,224,.5);
--to-fout:#b42318;--to-goed:#067647;--to-waarsch:#a3480a;--to-info-vlak:#eef4fc;--to-info-lijn:#cfe0f5;--to-waarsch-vlak:#fff7ed;--to-waarsch-lijn:#fed7aa}
.tv-rij-kaart .tv-zender,.tv-venster.tegels.poster .tv-zender{position:relative}
.tv-chips{position:absolute;top:8px;left:8px;display:flex;gap:4px;flex-wrap:wrap;pointer-events:none}
.tv-chips.inline{position:static}
.tv-chip{display:inline-block;padding:2px 6px;border-radius:6px;font-size:10.5px;font-weight:800;letter-spacing:.05em;line-height:1.3;color:#fff;
background:rgba(10,12,18,.74);border:1px solid rgba(255,255,255,.28)}
.tv-rij-kaart .tv-beeld,.tv-venster.tegels.poster .tv-beeld{position:relative}
.tv-rij-kaart .tv-beeld::after,.tv-venster.tegels.poster .tv-beeld::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;border-radius:inherit;opacity:0;
transition:opacity .16s ease;pointer-events:none;
background:linear-gradient(to top,rgba(6,8,14,.62),rgba(6,8,14,.04) 62%),
url("data:image/svg+xml;utf8,") center/52px no-repeat}
.tv-rij-kaart .tv-zender:hover .tv-beeld::after,.tv-rij-kaart .tv-zender:focus-visible .tv-beeld::after,
.tv-venster.tegels.poster .tv-zender:hover .tv-beeld::after,.tv-venster.tegels.poster .tv-zender:focus-visible .tv-beeld::after{opacity:1}
.tv-rij-kaart .tv-zender:focus-visible{outline:2px solid var(--to-merk);outline-offset:3px}
@media (hover:none){ .tv-rij-kaart .tv-beeld::after,.tv-venster.tegels.poster .tv-beeld::after{display:none} }
.tv-rij-kaart.live{width:176px}
.tv-rij-kaart.live .tv-beeld{--ar:0.625;aspect-ratio:16/10;font-size:22px}
.tv-rij-kaart.live .tv-beeld img{object-fit:contain;padding:12px 18px}
.tv-rij-kaart.live .tv-beeld::after{display:none}
.tv-rij-kaart{position:relative}
.tv-rij-kaart .tv-ster{position:absolute;top:8px;right:8px;width:32px;height:32px;font-size:15px;opacity:0;transition:opacity .12s;box-shadow:0 1px 3px rgba(0,0,0,.18);
background:rgba(var(--tv-vlak-rgb),0.94);background:color-mix(in srgb,var(--to-vlak) 94%,transparent)}
.tv-rij-kaart:hover .tv-ster,.tv-rij-kaart .tv-ster[aria-pressed="true"]{opacity:1}
.tv-rij-kaart .tv-ster:focus-visible{opacity:1}
@media (hover:none){ .tv-rij-kaart .tv-ster{opacity:1} }
@media (max-width:760px){ .tv-rij-kaart.live{width:148px} }
.tv-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:22px;gap:22px;align-items:end;min-height:270px;margin:0 0 22px;padding:28px 30px;
border-radius:20px;overflow:hidden;color:#fff;background:#10131a;isolation:isolate}
.tv-hero-achter{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;inset:-30px;z-index:-2;background-size:cover;background-position:center 22%;filter:blur(26px) saturate(1.2) brightness(.62);
transform:scale(1.08);opacity:0;transition:opacity .6s ease}
.tv-hero-achter.klaar{opacity:1}
.tv-hero::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,10,16,.9) 0%,rgba(8,10,16,.58) 56%,rgba(8,10,16,.22) 100%)}
.tv-hero-tekst{min-width:0;max-width:64ch;display:flex;flex-direction:column;gap:10px}
.tv-hero-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.72)}
.tv-hero h2{margin:0;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:36px;font-size:clamp(26px,3.3vw,44px);line-height:1.08;letter-spacing:-.015em;text-wrap:balance}
.tv-hero-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13.5px;color:rgba(255,255,255,.84)}
.tv-hero .tv-chip{background:rgba(255,255,255,.14)}
.tv-hero-knoppen{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.tv-hero .tv-knop{border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.12);color:#fff}
.tv-hero .tv-knop:hover{background:rgba(255,255,255,.22)}
.tv-hero .tv-knop.primair{background:#fff;border-color:#fff;color:#10131a}
.tv-hero .tv-knop.primair:hover{background:#e9edf5}
.tv-hero-poster{width:150px;--ar:1.5;aspect-ratio:2/3;border-radius:14px;border:1px solid rgba(255,255,255,.26);box-shadow:0 18px 40px -16px rgba(0,0,0,.72);font-size:34px}
.tv-hero-poster img{object-fit:cover;padding:0}
@media (max-width:760px){
.tv-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:18px 16px;border-radius:16px}
.tv-hero-poster{display:none}
.tv-hero h2{font-size:26px}
}
.tv-start{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:40px 20px;min-height:320px}
.tv-start[hidden]{display:none}
.tv-start svg{width:76px;height:76px;fill:none;stroke:var(--to-merk);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tv-start h2{margin:6px 0 0;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:28px;letter-spacing:-.015em}
.tv-start p{margin:0 0 8px;max-width:46ch;color:var(--to-gedempt);line-height:1.55}
.tv-beeld[data-pct]::before{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;z-index:1;
background:linear-gradient(to right,var(--to-merk) var(--pct,0%),rgba(255,255,255,.42) var(--pct,0%))}
.tv-rij-kaart.vg{position:relative}
.tv-vg-weg{position:absolute;top:6px;right:6px;z-index:2;width:28px;height:28px;border:0;border-radius:999px;background:rgba(10,12,18,.74);color:#fff;
font-size:16px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s}
.tv-rij-kaart.vg:hover .tv-vg-weg{opacity:1}
.tv-vg-weg:focus-visible{opacity:1}
@media (hover:none){ .tv-vg-weg{opacity:1} }
html.tvmodus{font-size:16px;font-size:calc(100vw / 120)}
@media (min-aspect-ratio:16/9){ html.tvmodus{font-size:calc(100vh / 67.5)} }
html.tvmodus .tv-zij{display:flex}
html.tvmodus .tv-groep-klein{display:none}
html.tvmodus body{font-size:1.375rem;line-height:1.4}
html.tvmodus .tv-klein{font-size:1.125rem}
html.tvmodus .tv-melding{font-size:1.125rem}
html.tvmodus a:focus,html.tvmodus button:focus,html.tvmodus input:focus,html.tvmodus select:focus,html.tvmodus summary:focus,html.tvmodus video:focus{outline:.25rem solid var(--to-tekst);outline-offset:.1875rem}
html.tvmodus .tv-zender:focus,html.tvmodus .tv-groep:focus,html.tvmodus .tv-afl:focus,html.tvmodus .tv-tab:focus,html.tvmodus .tv-weergave button:focus,html.tvmodus .tv-rij-alles:focus{outline:.3125rem solid var(--to-tekst);outline-offset:-.3125rem}
html.tvmodus .tv-rij-kaart .tv-zender:focus .tv-beeld::after,html.tvmodus .tv-venster.tegels.poster .tv-zender:focus .tv-beeld::after{opacity:1}
html.tvmodus .tv-kies select:focus,html.tvmodus .tv-speler video:focus{outline:none}
html.tvmodus .tv-kies:focus-within{outline:.25rem solid var(--to-tekst);outline-offset:.1875rem}
html.tvmodus .tv-ster,html.tvmodus .tv-rij-pijl{display:none}
html.tvmodus .tv-top{display:flex;max-width:none;height:6.5rem;padding:0 3.5rem;gap:1.125rem}
html.tvmodus .tv-top h1{font-size:2.875rem}
html.tvmodus .tv-terug{min-height:4rem;padding:0 1.125rem;border-radius:1rem;font-size:1.375rem}
html.tvmodus .tv-bronstaat{font-size:1.1875rem}
html.tvmodus .tv-knop{display:inline-flex;min-height:4rem;padding:0 1.875rem;gap:.75rem;border-radius:1.25rem;font-size:1.375rem}
html.tvmodus .tv-knop.klein{min-height:4rem;min-width:4rem;padding:0 1.25rem;font-size:1.3125rem}
html.tvmodus .tv-invoer{min-height:4rem;padding:0 1.25rem;border-radius:1rem;font-size:1.375rem}
html.tvmodus .tv-app{display:grid;grid-template-columns:23.75rem minmax(0,1fr);grid-gap:1.75rem;gap:1.75rem;max-width:none;padding:0 3.5rem 2.25rem;height:calc(100vh - 6.5rem);height:calc(100dvh - 6.5rem);min-height:0}
html.tvmodus .tv-zij .tv-kaart,html.tvmodus .tv-midden .tv-kaart{padding:1.375rem;border-radius:1.75rem}
html.tvmodus .tv-zoekveld .tv-invoer{padding-left:3.625rem}
html.tvmodus .tv-zoekveld .tv-ico{left:1.375rem;margin-top:-.75rem;width:1.5rem;height:1.5rem}
html.tvmodus .tv-groep{display:flex;align-items:center;gap:1rem;min-height:4rem;padding:0 1.25rem;border-radius:1rem;font-size:1.375rem}
html.tvmodus .tv-groep small{font-size:1.125rem}
html.tvmodus .tv-groep .tv-ico{width:1.625rem;height:1.625rem}
html.tvmodus .tv-zij-kop{display:flex;gap:.875rem;padding:1.5rem 1rem .5rem;font-size:.9375rem}
html.tvmodus .tv-zij-leeg{font-size:1.125rem}
html.tvmodus .tv-tabs,html.tvmodus .tv-weergave{display:inline-flex;gap:.25rem;padding:.375rem;border-radius:1.375rem}
html.tvmodus .tv-tabs{margin-bottom:1.25rem}
html.tvmodus .tv-tab,html.tvmodus .tv-weergave button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:3.75rem;padding:0 1.875rem;border-radius:1rem;font-size:1.375rem}
html.tvmodus .tv-tab small{font-size:1.125rem}
html.tvmodus .tv-weergave .tv-ico{width:1.5rem;height:1.5rem}
html.tvmodus .tv-filter{display:flex;flex-wrap:wrap;align-items:center;gap:1.125rem}
html.tvmodus .tv-zij .tv-invoer,html.tvmodus .tv-filter .tv-invoer{min-height:4rem;border-radius:1rem}
html.tvmodus .tv-filter select.tv-invoer{padding-right:3.25rem;background-position:calc(100% - 1.625rem) 50%,calc(100% - 1.1875rem) 50%;background-size:.4375rem .4375rem,.4375rem .4375rem}
html.tvmodus .tv-venster{margin-top:1rem}
html.tvmodus .tv-venster.tegels .tv-zender{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;border-radius:1.375rem}
html.tvmodus .tv-venster.tegels .tv-beeld{border-radius:1rem}
html.tvmodus .tv-zender .n,html.tvmodus .tv-venster.tegels .tv-zender .n,html.tvmodus .tv-venster.lijst .tv-zender .n{font-size:1.3125rem}
html.tvmodus .tv-zender .g{font-size:1.0625rem}
html.tvmodus #tvLijstStaat{margin:.875rem .125rem 0;font-size:1.125rem}
html.tvmodus .tv-waarsch{margin:.875rem .125rem 0;padding:.875rem 1.125rem;border-radius:1rem;font-size:1.125rem}
html.tvmodus .tv-waarsch .tv-knop{margin:.75rem .75rem 0 0}
html.tvmodus .tv-venster.lijst .tv-item{display:flex;align-items:center;gap:.375rem;border-radius:1rem}
html.tvmodus .tv-venster.lijst .tv-zender{display:flex;align-items:center;gap:1.25rem;padding:.5rem 1.125rem;border-radius:1rem}
html.tvmodus .tv-venster.lijst .tv-beeld{width:5.75rem;height:3.875rem;font-size:1.125rem}
html.tvmodus .tv-rij-kop{display:flex;align-items:center;gap:1rem;padding:.625rem .25rem 1rem}
html.tvmodus .tv-rij-kop h3{font-size:1.875rem}
html.tvmodus .tv-rij-kop h3 small{font-size:1.1875rem}
html.tvmodus .tv-rij-alles{min-height:3.5rem;padding:0 1.375rem;border-radius:1rem;font-size:1.3125rem}
html.tvmodus .tv-rij-baan{display:flex;gap:1.375rem;padding:.375rem .375rem 1.625rem}
html.tvmodus .tv-rij-kaart{width:13.125rem}
html.tvmodus .tv-rij-kaart.live{width:18.75rem}
html.tvmodus .tv-rij-kaart .tv-zender{display:flex;flex-direction:column;gap:.75rem}
html.tvmodus .tv-rij-kaart .n{font-size:1.3125rem}
html.tvmodus .tv-rij-kaart .g{font-size:1.0625rem}
html.tvmodus .tv-rij-meer{min-height:4rem}
html.tvmodus .tv-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:2.5rem;gap:2.5rem;min-height:16rem;padding:1.75rem 3rem;border-radius:1.875rem}
html.tvmodus .tv-hero-tekst{display:flex;flex-direction:column;gap:.875rem;max-width:none}
html.tvmodus .tv-hero-label{font-size:1.0625rem}
html.tvmodus .tv-hero h2{font-size:3.25rem}
html.tvmodus .tv-hero-meta{display:flex;flex-wrap:wrap;gap:.5rem .875rem;font-size:1.375rem}
html.tvmodus .tv-hero-knoppen{display:flex;flex-wrap:wrap;gap:1rem}
html.tvmodus .tv-hero-poster{width:10rem}
html.tvmodus .tv-serie-kaart{width:80rem;max-width:calc(100vw - 7rem);max-height:calc(100vh - 7rem);max-height:calc(100dvh - 7rem);border-radius:1.875rem}
html.tvmodus .tv-serie-kop{display:flex;gap:2rem;padding:2.25rem 6.875rem 1.25rem 2.25rem}
html.tvmodus .tv-serie-poster{width:13.125rem}
html.tvmodus .tv-serie-tk{display:flex;flex-direction:column;gap:.75rem}
html.tvmodus .tv-serie-tk h2{font-size:2.875rem}
html.tvmodus .tv-serie-tk p{font-size:1.375rem}
html.tvmodus .tv-serie-knoppen{display:flex;flex-wrap:wrap;gap:1rem}
html.tvmodus .tv-serie-dicht{top:1.125rem;right:1.125rem;width:4.25rem;height:4.25rem;border-radius:1.25rem;font-size:2rem}
html.tvmodus .tv-seizoenen{display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem 2.25rem 1.125rem}
html.tvmodus .tv-seizoenen .tv-tab{min-height:3.625rem;padding:0 1.625rem;border-radius:999px}
html.tvmodus .tv-afleveringen{padding:0 1.375rem .875rem}
html.tvmodus .tv-afl{display:flex;align-items:center;gap:1.375rem;min-height:4.5rem;padding:.875rem 1.375rem;border-radius:1.125rem;font-size:1.4375rem}
html.tvmodus .tv-afl .nr{flex:0 0 3.5rem}
html.tvmodus .tv-afl .pijl,html.tvmodus .tv-afl.aan .pijl{font-size:1.125rem}
html.tvmodus .tv-paneel{top:8rem;right:3.5rem;width:62.5rem;max-width:calc(100vw - 7rem);max-height:calc(100vh - 10.5rem)}
html.tvmodus .tv-paneel h2{font-size:2rem}
html.tvmodus .tv-paneel .tv-kaart{padding:1.75rem 2rem;max-width:none}
html.tvmodus .tv-paneel-kop{display:flex;align-items:center;gap:1.125rem}
html.tvmodus .tv-lijsten{display:flex;flex-direction:column;gap:.75rem}
html.tvmodus .tv-lrij{display:flex;align-items:center;gap:1rem;padding:.875rem 1.125rem;border-radius:1.125rem}
html.tvmodus .tv-lrij .tk b{font-size:1.5rem}
html.tvmodus .tv-lrij .tk small{font-size:1.125rem}
html.tvmodus .tv-lrij .acties{display:flex;flex-wrap:wrap;gap:.625rem}
html.tvmodus .tv-lrij .tv-knop{min-height:3.75rem;padding:0 1.5rem;font-size:1.3125rem}
html.tvmodus .tv-veld > span:first-child{font-size:1.125rem}
html.tvmodus .tv-vink{font-size:1.1875rem}
html.tvmodus .tv-start h2{font-size:2.875rem}
html.tvmodus .tv-start p{font-size:1.375rem}
html.tvmodus .tv-app:not(.geen-speler) .tv-speler{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:block;background:#000}
html.tvmodus .tv-speler .tv-kaart{position:absolute;top:0;right:0;bottom:0;left:0;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#000;overflow:hidden}
html.tvmodus .tv-scherm{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0}
html.tvmodus .tv-video{position:absolute;top:0;left:0;width:100%;height:100%;--ar:0;aspect-ratio:auto;object-fit:contain;border-radius:0;background:#000}
html.tvmodus .tv-speler .tv-kaart::before{content:"";position:absolute;left:0;right:0;bottom:0;height:32.5rem;z-index:19;pointer-events:none;
background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,0));transition:opacity .25s ease}
html.tvmodus .tv-poster b{font-size:2.125rem}
html.tvmodus .tv-poster span{font-size:1.3125rem}
html.tvmodus .tv-speler .tv-nu{position:absolute;left:3.5rem;right:3.5rem;bottom:15.625rem;z-index:20;display:flex;align-items:flex-end;gap:1.625rem;margin:0;padding:0;text-shadow:0 .125rem .875rem rgba(0,0,0,.9)}
html.tvmodus .tv-nu-logo{width:7rem;height:7rem;border-radius:1.25rem}
html.tvmodus .tv-nu-tk{display:flex;flex-direction:column;gap:.625rem}
html.tvmodus .tv-nu-naam{font-size:3rem;line-height:1.12}
html.tvmodus .tv-nu-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:1.375rem;color:#e5e7eb}
html.tvmodus .tv-staat{display:inline-flex;align-items:center;gap:.625rem;padding:.375rem 1.125rem .375rem .875rem;border-radius:999px;font-size:1.3125rem}
html.tvmodus .tv-staat::before{width:.6875rem;height:.6875rem}
html.tvmodus .tv-stat{font-size:1.125rem}
html.tvmodus .tv-speler .tv-meld{position:absolute;top:2.25rem;left:3.5rem;right:47.5rem;z-index:21}
html.tvmodus .tv-geluid{display:flex;align-items:center;min-height:4.5rem;padding:.75rem 4.875rem .75rem 1.375rem;margin-top:0;background:rgba(0,0,0,.82);font-size:1.3125rem}
html.tvmodus .tv-meld-x{width:3.75rem;height:3.75rem;margin-top:-1.875rem}
html.tvmodus .tv-speler .tv-bediening{position:absolute;left:3.5rem;right:3.5rem;bottom:8.25rem;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:0}
html.tvmodus .tv-zap{display:inline-flex;gap:1rem}
html.tvmodus .tv-ik{min-width:4.75rem;height:4.75rem;border-radius:2.375rem;font-size:1.375rem}
html.tvmodus .tv-ik svg{width:2rem;height:2rem}
html.tvmodus .tv-ik.met-tekst{padding:0 1.875rem 0 1.5rem}
html.tvmodus .tv-kiezers{display:flex;flex-wrap:wrap;flex:1 1 auto;gap:1rem}
html.tvmodus .tv-kies{flex:0 0 auto;min-width:15.625rem;height:4.75rem;border-radius:2.375rem}
html.tvmodus .tv-kies select{padding:0 3.25rem 0 3.875rem;font-size:1.375rem}
html.tvmodus .tv-kies svg{left:1.5rem;width:1.75rem;height:1.75rem;margin-top:-.875rem}
html.tvmodus .tv-speler .tv-verb{position:absolute;top:2.25rem;right:3.5rem;z-index:22;width:40rem;margin:0;border:0;border-radius:1.5rem;background:rgba(0,0,0,.82)}
html.tvmodus .tv-verb > summary{min-height:4.5rem;padding:0 1.5rem;font-size:1.3125rem}
html.tvmodus .tv-verb-in{padding:0 1.5rem 1rem}
html.tvmodus .tv-opt{min-height:4.25rem;font-size:1.3125rem}
html.tvmodus .tv-opt-sel{min-height:3.5rem;font-size:1.25rem}
html.tvmodus .tv-pil{min-height:3.5rem;padding:0 1.375rem;font-size:1.25rem}
html.tvmodus #tvLijstStaat,html.tvmodus #tvLijstNotitie{font-size:1.125rem}
html.tvmodus .tv-speler .tv-nu,html.tvmodus .tv-speler .tv-bediening,html.tvmodus .tv-speler .tv-verb,html.tvmodus .tv-speler .tv-meld{transition:opacity .25s ease}
html.tvmodus .tv-speler.tv-rust .tv-nu,html.tvmodus .tv-speler.tv-rust .tv-bediening,html.tvmodus .tv-speler.tv-rust .tv-verb{opacity:0;visibility:hidden}
html.tvmodus .tv-speler.tv-rust .tv-kaart::before{opacity:0}
html.tvmodus .tv-xseek{padding:2.75rem 3.5rem 1.25rem}
html.tvmodus .tv-xrij{display:flex;align-items:center;gap:.625rem;min-height:4.75rem}
html.tvmodus .tv-xknop{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:1.125rem}
html.tvmodus .tv-xknop svg{width:2.125rem;height:2.125rem}
html.tvmodus .tv-xtijd{font-size:1.5rem}
html.tvmodus .tv-xseek input[type=range]{--d:1.625rem;height:2.375rem}
html.tvmodus .tv-xseek input[type=range]::-webkit-slider-runnable-track{height:.5625rem}
html.tvmodus .tv-xseek input[type=range]::-webkit-slider-thumb{margin-top:calc((.5625rem - var(--d)) / 2)}
html.tvmodus .tv-xvol:focus-within .tv-xvolschuif{width:8.75rem;opacity:1;margin:0 .25rem 0 .875rem}
html.tvmodus .tv-tik svg{width:8.75rem;height:8.75rem;padding:2.375rem 2rem 2.375rem 2.75rem}
html.tvmodus .tv-tik{font-size:1.5rem}
html.tvmodus #tvCast{display:none !important}
html.tvmodus .tv-menu,html.tvmodus .tv-menu-kaart{display:contents}
html.tvmodus .tv-menu-knop,html.tvmodus .tv-menu-doek,html.tvmodus .tv-menu-kop,html.tvmodus .tv-terug-lijst,html.tvmodus .tv-ik.tv-mini-play,html.tvmodus .tv-groep-knop,
html.tvmodus .tv-groep-doek,html.tvmodus .tv-blad-kop{display:none !important}
html.tvmodus .tv-zap{display:inline-flex;overflow:visible;gap:1rem;border:0;border-radius:0;background:transparent}
html.tvmodus .tv-zap .tv-ik{min-width:4.75rem;height:4.75rem;border:1px solid var(--to-lijn-2);border-radius:2.375rem;background:var(--to-vlak)}
html.tvmodus .tv-zap .tv-ik + .tv-ik{border-left:1px solid var(--to-lijn-2)}
html.tvmodus .tv-ik.tv-nu-sluit{align-self:flex-end;margin:0;border-color:var(--to-lijn-2);background:var(--to-vlak);color:var(--to-tekst)}
html.tvmodus #tvAfl{padding:0 1.875rem 0 1.5rem}
html.tvmodus #tvAfl .tv-ik-t{display:inline}
html.tvmodus .tv-nu-naam{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
html.tvmodus .tv-nu-groep{white-space:normal;max-width:none}
html.tvmodus .tv-staat{white-space:normal;overflow:visible;text-overflow:clip}
html.tvmodus .tv-staat::before{margin-right:0}
html.tvmodus .tv-proef > summary{min-height:4rem;padding:0 1.5rem;font-size:1.1875rem}
html.tvmodus .tv-verb-ico{width:1.75rem;height:1.75rem}
html.tvmodus .tv-fout-kaart{padding:2rem 3rem;grid-gap:1rem;gap:1rem}
html.tvmodus .tv-fout-kaart svg{width:5rem;height:5rem}
html.tvmodus .tv-fout-kaart b{font-size:2.5rem}
html.tvmodus .tv-fout-kaart span{max-width:48ch;font-size:1.5rem}
html.tvmodus .tv-fout-acties .tv-pil{min-height:4rem;padding:0 2rem;font-size:1.375rem}
:root{--tv-sc-top:#ffd166;--tv-sc-goed:#5cd69a;--tv-sc-matig:#f2b560;--tv-sc-laag:#ff9b8f}
.tv-score{position:absolute;top:0;left:8px;margin-top:calc(150% - 35px);max-width:calc(100% - 16px);box-sizing:border-box;padding:3px 9px 3px 8px;border-radius:999px;
background:rgba(10,12,18,.8);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:12px;font-weight:800;line-height:1.25;letter-spacing:.01em;text-align:left;
white-space:nowrap;font-variant-numeric:tabular-nums}
.tv-score .ster{margin-right:1px;color:var(--tv-sc-goed)}
.tv-score.top{border-color:rgba(255,209,102,.62)}
.tv-score.top .ster{color:var(--tv-sc-top)}
.tv-score.goed .ster{color:var(--tv-sc-goed)}
.tv-score.matig .ster{color:var(--tv-sc-matig)}
.tv-score.laag .ster{color:var(--tv-sc-laag)}
.tv-score .bron{margin-left:6px;padding-left:6px;border-left:1px solid rgba(255,255,255,.3);font-size:.82em;font-weight:700;letter-spacing:.02em;opacity:.85}
.tv-venster.tegels:not(.poster) .tv-score{margin-top:calc(62.5% - 35px)}
.tv-venster.lijst .tv-score{position:static;flex:0 0 auto;margin:0 0 0 auto}
.tv-hero .tv-score{position:static;margin:0}
@media (max-width:760px){
.tv-score{left:6px;margin-top:calc(150% - 32px);padding:2px 8px 2px 7px;font-size:11.5px}
.tv-venster.tegels:not(.poster) .tv-score{margin-top:calc(62.5% - 32px)}
.tv-filter.met-score select.tv-invoer{min-width:0}
.tv-filter.met-score #tvGroepKlein{flex:1 1 calc(42% - 5px)}
.tv-filter.met-score #tvSorteer{flex:1 1 calc(58% - 5px)}
.tv-filter.met-score .tv-minscore{flex:1 1 200px}
.tv-minscore button{flex:1 1 0;padding:0 6px}
.tv-minscore .tv-min-bron{font-size:.72em;opacity:.8;font-weight:600}
}
.tv-kopregel{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-bottom:12px;min-width:0}
.tv-kopregel .tv-tabs{flex:0 1 auto;min-width:0;margin-bottom:0;overflow-x:auto;scrollbar-width:none}
.tv-kopregel .tv-tabs::-webkit-scrollbar{display:none}
.tv-kopregel .tv-weergave-keuze{flex:0 0 auto;margin-left:auto}
html:not(.tvmodus) .tv-kopregel .tv-wtxt{display:none}
html:not(.tvmodus) .tv-kopregel .tv-weergave button{min-width:36px;padding:0 10px}
html:not(.tvmodus) .tv-kopregel .tv-weergave .tv-ico{width:17px;height:17px}
@media (min-width:761px){
html:not(.tvmodus) .tv-filter{display:flex;flex-wrap:wrap;align-items:center;grid-gap:10px;gap:10px}
html:not(.tvmodus) .tv-filter > .zoek{flex:1 1 180px;min-width:0}
html:not(.tvmodus) .tv-filter > .tv-groep-knop{flex:0 1 230px;width:auto;min-width:0}
html:not(.tvmodus) .tv-filter > select.tv-invoer{flex:0 1 auto;width:auto;min-width:0}
html:not(.tvmodus) .tv-filter > .tv-minscore{flex:0 0 auto;width:auto}
html:not(.tvmodus) .tv-filter > .tv-minscore button{padding:0 12px}
}
.tv-lijstrij{align-items:center;margin-top:10px}
.tv-lijstrij #tvLijstStaat{margin:0 2px;color:var(--to-tekst-2);font-size:13px;font-weight:500}
.tv-lijstrij #tvLijstNotitie{margin:1px 2px 0;color:var(--to-gedempt-2);font-size:12px}
.tv-lijstrij .tv-pil.klein{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;margin-top:0;padding:0 10px;border-color:transparent;background:transparent;color:var(--to-gedempt)}
.tv-lijstrij .tv-pil.klein:hover{background:var(--to-vlak-2);border-color:var(--to-lijn);color:var(--to-tekst)}
.tv-lijstrij .tv-pil.klein:focus-visible{outline:2px solid var(--to-merk);outline-offset:2px}
.tv-lijstrij .tv-pil .tv-ico{width:15px;height:15px}
html.tvmodus .tv-kopregel{grid-gap:1.125rem;gap:1.125rem;margin-bottom:1.25rem}
html.tvmodus .tv-kopregel .tv-tabs{margin-bottom:0}
html.tvmodus .tv-lijstrij .tv-pil .tv-ico{width:1.25rem;height:1.25rem}
@media (min-width:761px) and (max-width:1440px){
html:not(.tvmodus) .tv-app:not(.geen-speler) .tv-kopregel .tv-tab[aria-selected="false"] small{display:none}
}
@media (max-width:760px){
html:not(.tvmodus) .tv-filter.met-score .tv-groep-knop small{display:none}
html:not(.tvmodus) .tv-kopregel{grid-gap:8px;gap:8px}
html:not(.tvmodus) .tv-kopregel .tv-tabs{flex:1 1 auto;width:auto}
html:not(.tvmodus) .tv-kopregel .tv-tab small{display:none}
html:not(.tvmodus) .tv-kopregel .tv-weergave button[aria-pressed="true"]{display:none}
html:not(.tvmodus) .tv-kopregel .tv-weergave button{min-width:40px;padding:0 10px}
html:not(.tvmodus) .tv-filter > .tv-groep-knop{flex:1 1 0;min-width:0}
html:not(.tvmodus) .tv-filter #tvSorteer,html:not(.tvmodus) .tv-filter.met-score #tvSorteer{flex:0 1 auto;width:auto;min-width:0;max-width:62%}
}
.tv-nu-score{font-weight:700;color:var(--to-tekst-2);white-space:nowrap}
.tv-nu-score[hidden]{display:none}
.tv-nu-score .ster{margin-right:2px;color:var(--tv-sc-goed)}
.tv-nu-score.top .ster{color:var(--tv-sc-top)}
.tv-nu-score.goed .ster{color:var(--tv-sc-goed)}
.tv-nu-score.matig .ster{color:var(--tv-sc-matig)}
.tv-nu-score.laag .ster{color:var(--tv-sc-laag)}
.tv-beo-bron{margin:8px 2px 2px;font-size:11.5px;line-height:1.4;color:var(--to-gedempt-2)}
.tv-beo-bron[hidden]{display:none}
.tv-beo-bron a{color:inherit;text-decoration:underline}
.tv-beo-bron a:hover{color:var(--to-tekst)}
html.tvmodus .tv-score{left:.625rem;margin-top:calc(150% - 2.75rem);padding:.1875rem .75rem .1875rem .625rem;font-size:1.1875rem}
html.tvmodus .tv-venster.tegels .tv-score{left:1.375rem;margin-top:calc(150% - 4.25rem)}
html.tvmodus .tv-venster.tegels:not(.poster) .tv-score{margin-top:calc(62.5% - 2.9375rem)}
html.tvmodus .tv-hero .tv-score{margin:0}
html.tvmodus .tv-nu-score{font-size:1.375rem}
html.tvmodus .tv-beo-bron{margin:.75rem .125rem .125rem;font-size:1.0625rem}
.tv-kwal{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;max-width:100%;white-space:nowrap;font-size:.75rem;line-height:1.35;color:var(--to-gedempt);font-variant-numeric:tabular-nums}
.tv-kwal[hidden]{display:none}
.tv-kwal-r{flex:0 0 auto;margin-right:.5em;padding:.0625em .5em;border-radius:.5em;border:1px solid var(--to-lijn-2);background:var(--to-vlak);font-size:.875em;font-weight:800;letter-spacing:.05em;line-height:1.3;color:var(--to-tekst)}
.tv-kwal-r:empty{display:none}
.tv-kwal-d{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.tv-kwal-d:empty{display:none}
.tv-speler.heeft-fout .tv-kwal{display:none}
html.tvmodus .tv-kwal{font-size:1.125rem;color:inherit}
@media (max-width:760px),(max-height:520px) and (pointer:coarse){
html:not(.tvmodus) .tv-speler.mini .tv-kwal{display:none}
}
.tv-vind{display:flex;align-items:center;grid-gap:8px;gap:8px;margin:10px 0 0;min-width:0}
.tv-vind[hidden],.tv-vind [hidden],.tv-serie-knoppen [hidden],.tv-vd-info[hidden],.tv-vd-info [hidden],.tv-vd-versies[hidden],.tv-vd-score[hidden]{display:none}
.tv-vind-genres{display:flex;grid-gap:6px;gap:6px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px}
.tv-vind-genres::-webkit-scrollbar{display:none}
.tv-vd-genre{flex:0 0 auto;min-height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--to-lijn-2);background:var(--to-vlak-2);color:var(--to-gedempt);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.tv-vd-genre:hover{color:var(--to-tekst)}
.tv-vd-genre[aria-pressed="true"]{background:var(--to-knop);border-color:var(--to-knop);color:var(--to-op-knop)}
.tv-vind-jaar{flex:0 0 auto;min-height:34px;font:inherit;font-size:13px}
.tv-vd-bedoeld{display:block;margin-top:10px}
.tv-vd-bedoeld .tv-pil.klein{margin:0 2px}
.tv-rij-kaart .vd-reden{color:var(--to-merk);font-weight:600}
.tv-vd-score{margin:0;font-weight:600;color:var(--to-tekst-2);font-size:13.5px}
.tv-vd-score .ster{margin-right:1px;color:var(--tv-sc-goed)}
.tv-vd-score.top .ster{color:var(--tv-sc-top)}
.tv-vd-score.matig .ster{color:var(--tv-sc-matig)}
.tv-vd-score.laag .ster{color:var(--tv-sc-laag)}
.tv-vd-versies{display:flex;flex-wrap:wrap;align-items:center;grid-gap:6px;gap:6px;margin-top:6px}
.tv-vd-versies .tv-pil.klein{margin-top:0}
.tv-vd-versies .tv-pil[aria-pressed="true"]{background:var(--to-knop);border-color:var(--to-knop);color:var(--to-op-knop)}
.tv-vd-versies-kop{font-size:12.5px;font-weight:600;color:var(--to-gedempt)}
.tv-vd-info{padding:0 20px 14px;overflow:auto;min-height:0;flex:0 1 auto;max-height:32vh;overscroll-behavior:contain}
.tv-serie.vd-film .tv-vd-info{max-height:none;flex:1 1 auto}
.tv-serie.vd-film .tv-seizoenen,.tv-serie.vd-film .tv-afleveringen,.tv-serie.vd-film .tv-afl-meer{display:none}
.tv-vd-plot{margin:0 0 10px;font-size:14px;line-height:1.55;color:var(--to-tekst)}
.tv-vd-feiten{display:grid;grid-template-columns:auto 1fr;grid-gap:4px 12px;gap:4px 12px;margin:0 0 8px;font-size:13px}
.tv-vd-feiten dt{color:var(--to-gedempt);font-weight:600}
.tv-vd-feiten dd{margin:0;overflow-wrap:anywhere}
.tv-vd-staat{margin:0}
.tv-vd-staat:empty{display:none}
@media (max-width:760px){
html:not(.tvmodus) .tv-vd-info{padding:0 14px 12px}
html:not(.tvmodus) .tv-serie.vd-film .tv-serie-kaart{overflow:auto}
}
html.tvmodus .tv-vind{grid-gap:1rem;gap:1rem;margin-top:1rem}
html.tvmodus .tv-vind-genres{flex-wrap:wrap;overflow:visible;grid-gap:.625rem;gap:.625rem}
html.tvmodus .tv-vd-genre{min-height:3.25rem;padding:0 1.375rem;font-size:1.25rem;border-radius:1rem}
html.tvmodus .tv-vind-jaar{min-height:3.25rem;font-size:1.25rem}
html.tvmodus .tv-vd-score{font-size:1.375rem}
html.tvmodus .tv-vd-versies{grid-gap:.75rem;gap:.75rem;margin-top:.75rem}
html.tvmodus .tv-vd-versies-kop{font-size:1.25rem}
html.tvmodus .tv-vd-info{padding:0 2.25rem 2rem}
html.tvmodus .tv-vd-plot{font-size:1.4375rem}
html.tvmodus .tv-vd-feiten{font-size:1.25rem;grid-gap:.375rem 1.25rem;gap:.375rem 1.25rem}
.tv-top .tv-bronstaat,.tv-top .tv-bronstaat:empty{display:block;flex:1 1 auto;min-width:0;max-width:none;margin-left:4px;padding:0;border:0;border-radius:0;background:transparent;
color:var(--to-gedempt);font-size:13px}
.tv-top .tv-knop,.tv-top .tv-knop.klein{margin-left:0}
.tv-top .dg-teller{flex:0 1 auto;min-width:0}
html:not(.tvmodus) .tv-top .tv-knop,html:not(.tvmodus) .tv-top .tv-knop.klein{width:38px;min-width:38px;min-height:38px;padding:0;border-color:transparent;border-radius:10px;
background:transparent;color:var(--to-gedempt);font-weight:500}
html:not(.tvmodus) .tv-top .tv-knop:hover{border-color:transparent;background:var(--to-vlak-2);color:var(--to-tekst)}
html:not(.tvmodus) .tv-top .tv-knop .tv-ico{width:20px;height:20px}
html:not(.tvmodus) .tv-top .tv-top-t{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html:not(.tvmodus) .tv-top #tvModus{display:none}
html:not(.tvmodus) .tv-top .tv-bron-knop{color:var(--to-merk)}
html:not(.tvmodus) .tv-top .tv-bron-knop:hover{color:var(--to-merk)}
.tv-top .tv-bron-knop[aria-expanded="true"]{background:var(--to-vlak-2);color:var(--to-merk)}
html.tvmodus .tv-top .tv-knop,html.tvmodus .tv-top .tv-knop.klein{border-color:transparent;background:transparent;color:var(--to-tekst-2)}
html.tvmodus .tv-top .tv-bron-knop{color:var(--to-merk)}
html.tvmodus .tv-top .tv-knop .tv-ico,html.tvmodus .tv-terug .tv-ico{width:1.75rem;height:1.75rem}
html.tvmodus .tv-top .dg-teller{padding:.375rem .875rem;font-size:1rem}
@media (max-width:760px){
html:not(.tvmodus) .tv-top .tv-bronstaat{flex:1 1 0}
html:not(.tvmodus) .tv-top .dg-teller{flex:0 1 auto;max-width:150px;margin-left:auto}
html:not(.tvmodus) .tv-top.met-teller .tv-bronstaat{display:none}
}
.tv-kopregel .tv-tabs,.tv-kopregel .tv-weergave{grid-gap:4px;gap:4px;padding:0;border:0;border-radius:0;background:transparent}
.tv-kopregel .tv-tab{min-height:36px;padding:0 14px;border-radius:999px;background:transparent;box-shadow:none;color:var(--to-gedempt);font-weight:600}
.tv-kopregel .tv-tab small{color:var(--to-gedempt-2);font-weight:500}
.tv-kopregel .tv-tab:hover{color:var(--to-tekst)}
.tv-kopregel .tv-tab[aria-selected="true"]{background:var(--to-vlak-2);box-shadow:none;color:var(--to-tekst)}
.tv-kopregel .tv-tab[aria-selected="true"] small{color:var(--to-gedempt)}
.tv-kopregel .tv-weergave button{min-height:36px;border-radius:10px;background:transparent;box-shadow:none;color:var(--to-gedempt-2)}
.tv-kopregel .tv-weergave button:hover{background:var(--to-vlak-2);color:var(--to-tekst)}
.tv-kopregel .tv-weergave button[aria-pressed="true"]{background:var(--to-vlak-2);box-shadow:none;color:var(--to-tekst)}
html:not(.tvmodus) .tv-kopregel .tv-weergave button{min-width:36px;padding:0 9px}
html:not(.tvmodus) .tv-kopregel .tv-weergave .tv-ico{width:18px;height:18px}
html.tvmodus .tv-kopregel .tv-tabs,html.tvmodus .tv-kopregel .tv-weergave{padding:0;border:0;background:transparent}
html.tvmodus .tv-kopregel .tv-tab{border-radius:999px}
html:not(.tvmodus) .tv-filter{display:flex;flex-wrap:wrap;align-items:center;grid-gap:8px;gap:8px;margin:0 0 2px}
html:not(.tvmodus) .tv-filter .tv-invoer,html:not(.tvmodus) .tv-filter > .tv-groep-knop,.tv-filter-knop{height:2.375rem;min-height:2.375rem;border-radius:10px;border:1px solid var(--to-lijn);
background-color:var(--to-vlak);color:var(--to-tekst);font-size:13.5px;font-weight:400;line-height:1.2}
html:not(.tvmodus) .tv-filter .tv-invoer:hover,html:not(.tvmodus) .tv-filter > .tv-groep-knop:hover,.tv-filter-knop:hover{border-color:var(--to-gedempt-2)}
html:not(.tvmodus) .tv-filter .tv-invoer:focus{outline:2px solid var(--to-merk);outline-offset:1px;border-color:var(--to-merk)}
html:not(.tvmodus) .tv-filter > .zoek{flex:1 1 260px;min-width:0}
html:not(.tvmodus) .tv-filter .tv-zoekveld .tv-ico{left:13px;width:18px;height:18px;margin-top:-9px}
html:not(.tvmodus) .tv-filter .tv-zoekveld .tv-invoer{padding:0 12px 0 40px}
.tv-filter .tv-zoekveld .tv-invoer::placeholder{color:var(--to-gedempt-2);opacity:1}
html:not(.tvmodus) .tv-filter select.tv-invoer{flex:0 1 auto;width:auto;max-width:240px;min-width:0;padding:0 34px 0 12px;text-overflow:ellipsis;white-space:nowrap}
html:not(.tvmodus) .tv-filter > .tv-groep-knop{flex:0 1 230px;width:auto;min-width:0;padding:0 12px;font-weight:500}
html:not(.tvmodus) .tv-filter > .tv-groep-knop small{font-weight:500}
.tv-filter > .tv-groep-knop.aan{border-color:var(--to-merk)}
.tv-filter-knop{display:inline-flex;flex:0 0 auto;align-items:center;grid-gap:7px;gap:7px;padding:0 12px;cursor:pointer;white-space:nowrap;font:inherit;font-size:13.5px}
.tv-filter-knop[hidden]{display:none}
.tv-filter-knop .tv-ico{width:18px;height:18px;color:var(--to-gedempt)}
.tv-filter-knop[aria-expanded="true"]{border-color:var(--to-merk);color:var(--to-merk)}
.tv-filter-knop[aria-expanded="true"] .tv-ico{color:var(--to-merk)}
.tv-filter-knop:focus-visible{outline:2px solid var(--to-merk);outline-offset:2px}
.tv-filter-tel{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--to-knop);color:var(--to-op-knop);
font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}
.tv-filter-tel[hidden]{display:none}
.tv-meer-filters{display:none;flex:1 1 100%;order:10;flex-wrap:wrap;align-items:center;grid-gap:8px;gap:8px;min-width:0;padding-top:2px}
.tv-filter.open > .tv-meer-filters{display:flex}
.tv-meer-filters .tv-vind{display:contents;margin:0}
.tv-meer-filters .tv-vind-jaar{order:1}
.tv-meer-filters .tv-vind-genres{order:2;flex:1 1 280px;padding:2px 0}
.tv-meer-filters .tv-meer-knoppen{order:3;display:flex;flex-wrap:wrap;align-items:center;grid-gap:4px;gap:4px;margin-left:auto}
html:not(.tvmodus) .tv-meer-filters .tv-minscore{display:inline-flex;align-items:stretch;grid-gap:2px;gap:2px;height:2.375rem;padding:3px;border:1px solid var(--to-lijn);border-radius:10px;
background:var(--to-vlak);box-shadow:none}
html:not(.tvmodus) .tv-meer-filters .tv-minscore button{min-height:0;padding:0 11px;border-radius:7px;background:transparent;box-shadow:none;color:var(--to-gedempt);font-weight:600;font-size:13px}
html:not(.tvmodus) .tv-meer-filters .tv-minscore button[aria-pressed="true"]{background:var(--to-vlak-2);color:var(--to-tekst)}
html:not(.tvmodus) .tv-meer-filters .tv-vd-genre{min-height:34px;padding:0 12px;border-color:transparent;background:var(--to-vlak-2);color:var(--to-tekst);font-weight:500}
html:not(.tvmodus) .tv-meer-filters .tv-vd-genre:hover{border-color:var(--to-lijn-2)}
.tv-meer-filters .tv-vd-genre[aria-pressed="true"],html:not(.tvmodus) .tv-meer-filters .tv-vd-genre[aria-pressed="true"]{border-color:var(--to-knop);background:var(--to-knop);color:var(--to-op-knop)}
.tv-meer-knoppen .tv-pil.klein{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;margin-top:0;padding:0 10px;border-color:transparent;background:transparent;color:var(--to-gedempt)}
.tv-meer-knoppen .tv-pil.klein:hover{border-color:var(--to-lijn);background:var(--to-vlak-2);color:var(--to-tekst)}
.tv-meer-knoppen .tv-pil.klein:focus-visible{outline:2px solid var(--to-merk);outline-offset:2px}
.tv-meer-knoppen .tv-pil .tv-ico{width:15px;height:15px}
#tvLijstStaat.tel-stil,.tv-lijstrij.stil{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html:not(.tvmodus) .tv-filter + .tv-lijstrij{margin-top:8px}
@media (max-width:760px),(max-height:520px) and (pointer:coarse){
html:not(.tvmodus) .tv-filter > .zoek{flex:1 1 160px}
html:not(.tvmodus) .tv-filter .tv-invoer,html:not(.tvmodus) .tv-filter > .tv-groep-knop,html:not(.tvmodus) .tv-filter-knop{height:2.5rem;min-height:2.5rem}
html:not(.tvmodus) .tv-filter .tv-invoer{font-size:16px}
html:not(.tvmodus) .tv-filter:not(.open) > .tv-groep-knop,html:not(.tvmodus) .tv-filter:not(.open) > #tvSorteer{display:none}
html:not(.tvmodus) .tv-filter.open > .tv-groep-knop,html:not(.tvmodus) .tv-filter.open > #tvSorteer,html:not(.tvmodus) .tv-filter.open.met-score > #tvSorteer{order:5;flex:1 1 calc(50% - 4px);
width:auto;max-width:none;min-width:0}
html:not(.tvmodus) .tv-filter.open > .tv-groep-knop small{display:inline}
html:not(.tvmodus) .tv-filter > .tv-groep-knop{font-size:15px}
html:not(.tvmodus) .tv-meer-filters .tv-minscore,html:not(.tvmodus) .tv-meer-filters .tv-vind-jaar{flex:1 1 calc(50% - 4px);width:auto;max-width:none}
html:not(.tvmodus) .tv-meer-filters .tv-vind-genres{flex:1 1 100%}
html:not(.tvmodus) .tv-meer-filters .tv-meer-knoppen{flex:1 1 100%;justify-content:flex-end}
}
html.tvmodus .tv-filter-knop{height:auto;min-height:4rem;padding:0 1.25rem;grid-gap:.75rem;gap:.75rem;border-radius:1rem;font-size:1.375rem}
html.tvmodus .tv-filter-knop .tv-ico{width:1.5rem;height:1.5rem}
html.tvmodus .tv-filter-tel{min-width:1.75rem;height:1.75rem;padding:0 .5rem;font-size:1.0625rem}
html.tvmodus .tv-meer-filters{grid-gap:1.125rem;gap:1.125rem;padding-top:0}
html.tvmodus .tv-meer-knoppen{grid-gap:.5rem;gap:.5rem}
html.tvmodus .tv-meer-knoppen .tv-pil .tv-ico{width:1.25rem;height:1.25rem}
:root{--tv-merk-rgb:34,86,201;--tv-goed-rgb:6,118,71;--tv-fout-rgb:180,35,24;--tv-vlak-rgb:255,255,255}
:root[data-thema="donker"]{--tv-merk-rgb:90,163,255;--tv-goed-rgb:92,214,154;--tv-fout-rgb:255,155,143;--tv-vlak-rgb:35,39,47}
:root[data-thema="licht"]{--tv-merk-rgb:34,86,201;--tv-goed-rgb:6,118,71;--tv-fout-rgb:180,35,24;--tv-vlak-rgb:255,255,255}
html.geen-flexgap .tv-top > *:not([hidden]) ~ *:not([hidden]){margin-left:10px}
html.geen-flexgap .tv-terug > *:not([hidden]) ~ *:not([hidden]){margin-left:6px}
html.geen-flexgap .tv-knop > *:not([hidden]) ~ *:not([hidden]){margin-left:6px}
html.geen-flexgap .tv-veld > *:not([hidden]) ~ *:not([hidden]){margin-top:4px}
html.geen-flexgap .tv-ww > *:not([hidden]) ~ *:not([hidden]){margin-left:6px}
html.geen-flexgap .tv-vink > *:not([hidden]) ~ *:not([hidden]){margin-left:8px}
html.geen-flexgap .tv-bronknoppen > *:not([hidden]) ~ *:not([hidden]){margin-left:8px}
html.geen-flexgap .tv-groep > *:not([hidden]) ~ *:not([hidden]){margin-left:10px}
html.geen-flexgap .tv-zij-kop > *:not([hidden]) ~ *:not([hidden]){margin-left:10px}
html.geen-flexgap .tv-tabs > *:not([hidden]) ~ *:not([hidden]), html.geen-flexgap .tv-weergave > *:not([hidden]) ~ *:not([hidden]){margin-left:2px}
html.geen-flexgap .tv-tab > *:not([hidden]) ~ *:not([hidden]), html.geen-flexgap .tv-weergave button > *:not([hidden]) ~ *:not([hidden]){margin-left:7px}
html.geen-flexgap .tv-filter > *{margin-right:10px;margin-bottom:10px}
html.geen-flexgap .tv-venster.lijst .tv-item > *:not([hidden]) ~ *:not([hidden]){margin-left:4px}
html.geen-flexgap .tv-venster.lijst .tv-zender > *:not([hidden]):not(.tv-score) ~ *:not([hidden]):not(.tv-score){margin-left:10px}
html.geen-flexgap .tv-venster.tegels .tv-zender > *:not([hidden]):not(.tv-score) ~ *:not([hidden]):not(.tv-score){margin-top:7px}
html.geen-flexgap .tv-tik > *:not([hidden]) ~ *:not([hidden]){margin-top:10px}
html.geen-flexgap .tv-xrij > *:not([hidden]) ~ *:not([hidden]){margin-left:4px}
html.geen-flexgap .tv-nu > *:not([hidden]) ~ *:not([hidden]){margin-left:14px}
html.geen-flexgap .tv-nu-tk > *:not([hidden]) ~ *:not([hidden]){margin-top:3px}
html.geen-flexgap .tv-nu-meta > *{margin-right:10px;margin-bottom:4px}
html.geen-flexgap .tv-bediening > *:not([hidden]) ~ *:not([hidden]){margin-left:8px}
html.geen-flexgap .tv-ik > *:not([hidden]) ~ *:not([hidden]){margin-left:8px}
html.geen-flexgap .tv-menu-kop > *:not([hidden]) ~ *:not([hidden]){margin-left:8px}
html.geen-flexgap .tv-menu-kaart.open .tv-kiezers > *:not([hidden]) ~ *:not([hidden]){margin-top:2px}
html.geen-flexgap .tv-menu-kaart.open .tv-menu-rij > *:not([hidden]) ~ *:not([hidden]){margin-left:12px}
html.geen-flexgap .tv-verb > summary > *:not([hidden]) ~ *:not([hidden]), html.geen-flexgap .tv-proef > summary > *:not([hidden]) ~ *:not([hidden]){margin-left:10px}
html.geen-flexgap .tv-opt > *:not([hidden]) ~ *:not([hidden]){margin-left:14px}
html.geen-flexgap .tv-terug-lijst > *:not([hidden]) ~ *:not([hidden]){margin-left:2px}
html.geen-flexgap .tv-lijstrij > *:not([hidden]) ~ *:not([hidden]){margin-left:10px}
html.geen-flexgap .tv-lijstknoppen > *{margin-right:6px;margin-bottom:6px}
html.geen-flexgap .tv-poster > *:not([hidden]) ~ *:not([hidden]){margin-top:6px}
html.geen-flexgap .tv-fout-kaart > *:not([hidden]) ~ *:not([hidden]){margin-top:8px}
html.geen-flexgap .tv-fout-acties > *{margin-right:8px;margin-bottom:8px}
html.geen-flexgap .tv-cast-kaart > *:not([hidden]) ~ *:not([hidden]){margin-top:6px}
html.geen-flexgap .tv-cast-rij > *{margin-right:8px;margin-bottom:8px}
html.geen-flexgap .tv-inhoud-talen > *{margin-right:6px;margin-bottom:6px}
html.geen-flexgap .tv-paneel-kop > *:not([hidden]) ~ *:not([hidden]){margin-left:12px}
html.geen-flexgap .tv-lijsten > *:not([hidden]) ~ *:not([hidden]){margin-top:8px}
html.geen-flexgap .tv-lrij > *:not([hidden]) ~ *:not([hidden]){margin-left:10px}
html.geen-flexgap .tv-lrij .acties > *{margin-right:6px;margin-bottom:6px}
html.geen-flexgap .tv-serie-kop > *:not([hidden]) ~ *:not([hidden]){margin-left:18px}
html.geen-flexgap .tv-serie-tk > *:not([hidden]) ~ *:not([hidden]){margin-top:6px}
html.geen-flexgap .tv-serie-knoppen > *{margin-right:8px;margin-bottom:8px}
html.geen-flexgap .tv-seizoenen > *{margin-right:6px;margin-bottom:6px}
html.geen-flexgap .tv-afl > *:not([hidden]) ~ *:not([hidden]){margin-left:12px}
html.geen-flexgap .tv-rij-kop > *:not([hidden]) ~ *:not([hidden]){margin-left:8px}
html.geen-flexgap .tv-rij-baan > *:not([hidden]) ~ *:not([hidden]){margin-left:12px}
html.geen-flexgap .tv-rij-kaart .tv-zender > *:not([hidden]):not(.tv-score) ~ *:not([hidden]):not(.tv-score){margin-top:9px}
html.geen-flexgap .tv-chips > *{margin-right:4px;margin-bottom:4px}
html.geen-flexgap .tv-hero-tekst > *:not([hidden]) ~ *:not([hidden]){margin-top:10px}
html.geen-flexgap .tv-hero-meta > *{margin-right:10px;margin-bottom:6px}
html.geen-flexgap .tv-hero-knoppen > *{margin-right:10px;margin-bottom:10px}
html.geen-flexgap .tv-start > *:not([hidden]) ~ *:not([hidden]){margin-top:10px}
html.tvmodus.geen-flexgap .tv-top > *:not([hidden]) ~ *:not([hidden]){margin-left:1.125rem}
html.tvmodus.geen-flexgap .tv-knop > *:not([hidden]) ~ *:not([hidden]){margin-left:.75rem}
html.tvmodus.geen-flexgap .tv-groep > *:not([hidden]) ~ *:not([hidden]){margin-left:1rem}
html.tvmodus.geen-flexgap .tv-zij-kop > *:not([hidden]) ~ *:not([hidden]){margin-left:.875rem}
html.tvmodus.geen-flexgap .tv-tabs > *:not([hidden]) ~ *:not([hidden]), html.tvmodus.geen-flexgap .tv-weergave > *:not([hidden]) ~ *:not([hidden]){margin-left:.25rem}
html.tvmodus.geen-flexgap .tv-tab > *:not([hidden]) ~ *:not([hidden]), html.tvmodus.geen-flexgap .tv-weergave button > *:not([hidden]) ~ *:not([hidden]){margin-left:.75rem}
html.tvmodus.geen-flexgap .tv-filter > *{margin-right:1.125rem;margin-bottom:1.125rem}
html.tvmodus.geen-flexgap .tv-venster.tegels .tv-zender > *:not([hidden]):not(.tv-score) ~ *:not([hidden]):not(.tv-score){margin-top:.75rem}
html.tvmodus.geen-flexgap .tv-venster.lijst .tv-item > *:not([hidden]) ~ *:not([hidden]){margin-left:.375rem}
html.tvmodus.geen-flexgap .tv-venster.lijst .tv-zender > *:not([hidden]):not(.tv-score) ~ *:not([hidden]):not(.tv-score){margin-left:1.25rem}
html.tvmodus.geen-flexgap .tv-rij-kop > *:not([hidden]) ~ *:not([hidden]){margin-left:1rem}
html.tvmodus.geen-flexgap .tv-rij-baan > *:not([hidden]) ~ *:not([hidden]){margin-left:1.375rem}
html.tvmodus.geen-flexgap .tv-rij-kaart .tv-zender > *:not([hidden]):not(.tv-score) ~ *:not([hidden]):not(.tv-score){margin-top:.75rem}
html.tvmodus.geen-flexgap .tv-hero-tekst > *:not([hidden]) ~ *:not([hidden]){margin-top:.875rem}
html.tvmodus.geen-flexgap .tv-hero-meta > *{margin-right:.875rem;margin-bottom:.5rem}
html.tvmodus.geen-flexgap .tv-hero-knoppen > *{margin-right:1rem;margin-bottom:1rem}
html.tvmodus.geen-flexgap .tv-serie-kop > *:not([hidden]) ~ *:not([hidden]){margin-left:2rem}
html.tvmodus.geen-flexgap .tv-serie-tk > *:not([hidden]) ~ *:not([hidden]){margin-top:.75rem}
html.tvmodus.geen-flexgap .tv-serie-knoppen > *{margin-right:1rem;margin-bottom:1rem}
html.tvmodus.geen-flexgap .tv-seizoenen > *{margin-right:.75rem;margin-bottom:.75rem}
html.tvmodus.geen-flexgap .tv-afl > *:not([hidden]) ~ *:not([hidden]){margin-left:1.375rem}
html.tvmodus.geen-flexgap .tv-paneel-kop > *:not([hidden]) ~ *:not([hidden]){margin-left:1.125rem}
html.tvmodus.geen-flexgap .tv-lijsten > *:not([hidden]) ~ *:not([hidden]){margin-top:.75rem}
html.tvmodus.geen-flexgap .tv-lrij > *:not([hidden]) ~ *:not([hidden]){margin-left:1rem}
html.tvmodus.geen-flexgap .tv-lrij .acties > *{margin-right:.625rem;margin-bottom:.625rem}
html.tvmodus.geen-flexgap .tv-speler .tv-nu > *:not([hidden]) ~ *:not([hidden]){margin-left:1.625rem}
html.tvmodus.geen-flexgap .tv-nu-tk > *:not([hidden]) ~ *:not([hidden]){margin-top:.625rem}
html.tvmodus.geen-flexgap .tv-nu-meta > *{margin-right:1rem;margin-bottom:.5rem}
html.tvmodus.geen-flexgap .tv-staat > *:not([hidden]) ~ *:not([hidden]){margin-left:.625rem}
html.tvmodus.geen-flexgap .tv-speler .tv-bediening > *{margin-right:1rem;margin-bottom:1rem}
html.tvmodus.geen-flexgap .tv-zap > *:not([hidden]) ~ *:not([hidden]){margin-left:1rem}
html.tvmodus.geen-flexgap .tv-kiezers > *{margin-right:1rem;margin-bottom:1rem}
html.tvmodus.geen-flexgap .tv-xrij > *:not([hidden]) ~ *:not([hidden]){margin-left:.625rem}
html.tvmodus.geen-flexgap .tv-zap > *:not([hidden]) ~ *:not([hidden]){margin-left:1rem}
html.geen-flexgap .tv-kopregel > *:not([hidden]) ~ *:not([hidden]){margin-left:10px}
html.geen-flexgap html:not(.tvmodus) .tv-filter > *{margin-right:10px;margin-bottom:10px}
html.geen-flexgap .tv-lijstrij .tv-pil.klein > *:not([hidden]) ~ *:not([hidden]){margin-left:6px}
html.geen-flexgap .tv-vind > *:not([hidden]) ~ *:not([hidden]){margin-left:8px}
html.geen-flexgap .tv-vind-genres > *:not([hidden]) ~ *:not([hidden]){margin-left:6px}
html.geen-flexgap .tv-vd-versies > *{margin-right:6px;margin-bottom:6px}
html.geen-flexgap html:not(.tvmodus) .tv-filter > *{margin-right:8px;margin-bottom:8px}
html.geen-flexgap .tv-filter-knop > *:not([hidden]) ~ *:not([hidden]){margin-left:7px}
html.geen-flexgap .tv-meer-filters .tv-meer-knoppen > *{margin-right:4px;margin-bottom:4px}
html.geen-flexgap html:not(.tvmodus) .tv-meer-filters .tv-minscore > *:not([hidden]) ~ *:not([hidden]){margin-left:2px}
html.geen-flexgap .tv-meer-knoppen .tv-pil.klein > *:not([hidden]) ~ *:not([hidden]){margin-left:6px}
html.geen-focusvisible .tv-knop:focus, html.geen-focusvisible .tv-zender:focus, html.geen-focusvisible .tv-ster:focus, html.geen-focusvisible .tv-groep:focus, html.geen-focusvisible .tv-tab:focus, html.geen-focusvisible .tv-weergave button:focus{outline:2px solid var(--to-merk);outline-offset:2px}
html.geen-focusvisible .tv-groep:focus{outline-offset:-2px}
html.geen-focusvisible .tv-tab:focus, html.geen-focusvisible .tv-weergave button:focus{outline-offset:-2px}
html.geen-focusvisible .tv-groep-knop:focus{outline:2px solid var(--to-merk);outline-offset:2px}
html.geen-focusvisible .tv-tik:focus svg{transform:scale(1.07);background:rgba(0,0,0,.8)}
html.geen-focusvisible .tv-tik:focus{outline:none}
html.geen-focusvisible .tv-tik:focus svg{box-shadow:0 0 0 4px rgba(255,255,255,.5),0 6px 26px rgba(0,0,0,.5)}
html.geen-focusvisible .tv-xseek input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(255,255,255,.4)}
html.geen-focusvisible .tv-xknop:focus{outline:2px solid #fff;outline-offset:1px}
html.geen-focusvisible .tv-meld-x:focus{outline:2px solid var(--to-merk);outline-offset:-2px}
html.geen-focusvisible .tv-ik:focus, html.geen-focusvisible .tv-verb > summary:focus, html.geen-focusvisible .tv-proef > summary:focus, html.geen-focusvisible .tv-pil:focus, html.geen-focusvisible .tv-menu-sluit:focus{outline:2px solid var(--to-merk);outline-offset:2px}
html.geen-focusvisible .tv-zap .tv-ik:focus{outline-offset:-3px}
html.geen-focusvisible .tv-kies select:focus{outline:2px solid var(--to-merk);outline-offset:2px}
html.geen-focusvisible .tv-menu-kaart.open .tv-kies select:focus{outline-offset:0}
html.geen-focusvisible .tv-opt input[type=checkbox]:focus, html.geen-focusvisible .tv-opt-sel:focus{outline:2px solid var(--to-merk);outline-offset:2px}
html.geen-focusvisible .tv-terug-lijst:focus{outline:2px solid var(--to-merk);outline-offset:-2px}
html.geen-focusvisible html:not(.tvmodus) .tv-speler.mini .tv-terug-lijst:focus{opacity:1;background:transparent;outline-offset:-3px}
html.geen-focusvisible .tv-terug:focus{outline:2px solid var(--to-merk);outline-offset:2px}
html.geen-focusvisible .tv-venster.tegels .tv-ster:focus{opacity:1}
html.geen-focusvisible .tv-cast-over:focus{opacity:1;background:rgba(20,22,26,.85)}
html.geen-focusvisible .tv-scherm.bed-weg .tv-cast-over:not(:focus){opacity:0;pointer-events:none}
html.geen-focusvisible .tv-rij-kaart .tv-zender:focus .tv-beeld::after, html.geen-focusvisible .tv-venster.tegels.poster .tv-zender:focus .tv-beeld::after{opacity:1}
html.geen-focusvisible .tv-rij-kaart .tv-zender:focus{outline:2px solid var(--to-merk);outline-offset:3px}
html.geen-focusvisible .tv-rij-kaart .tv-ster:focus{opacity:1}
html.geen-focusvisible .tv-vg-weg:focus{opacity:1}
html.geen-focusvisible .tv-lijstrij .tv-pil.klein:focus{outline:2px solid var(--to-merk);outline-offset:2px}
html.geen-focusvisible .tv-filter-knop:focus{outline:2px solid var(--to-merk);outline-offset:2px}
html.geen-focusvisible .tv-meer-knoppen .tv-pil.klein:focus{outline:2px solid var(--to-merk);outline-offset:2px}
html.geen-flexgap .tv-tab small{margin-left:7px}
html.geen-flexgap .tv-fav-ster{margin-right:6px}
html.geen-flexgap .tv-top > .tv-knop:not([hidden]):not([hidden]):not([hidden]){margin-left:auto}
html.geen-flexgap .tv-top > .tv-knop + .tv-knop:not([hidden]):not([hidden]):not([hidden]){margin-left:10px}
@supports not (display:grid){
.tv-app{display:flex;align-items:stretch}
.tv-app > .tv-zij{flex:0 0 250px;margin-right:14px}
.tv-app > .tv-midden{flex:1 1 0;min-width:0}
.tv-app > .tv-speler{flex:0 0 38%;min-width:400px;margin-left:14px}
.tv-app.geen-speler > .tv-speler{display:none}
.tv-hero{display:flex;align-items:flex-end}
.tv-hero > .tv-hero-tekst{flex:1 1 auto;min-width:0}
.tv-hero-poster{flex:0 0 auto;margin-left:22px}
.tv-beeld,.tv-wacht,.tv-xknop{display:flex;align-items:center;justify-content:center}
.tv-bronform{display:flex;flex-wrap:wrap}
.tv-bronform > *{flex:1 1 calc(50% - 12px);margin:0 12px 10px 0}
.tv-bronform > .tv-veld-breed{flex-basis:100%}
.tv-kiezers{display:flex;flex-wrap:wrap}
.tv-kiezers > *{flex:1 1 190px;margin:0 8px 8px 0}
.tv-laad{display:block}
.tv-laad span{display:inline-block;width:150px;height:120px;margin:0 10px 10px 0}
html.tvmodus .tv-app{display:flex}
html.tvmodus .tv-app > .tv-zij{flex:0 0 23.75rem;margin-right:1.75rem}
html.tvmodus .tv-hero{display:flex;align-items:flex-end}
html.tvmodus .tv-hero-poster{margin-left:2.5rem}
}