*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:#000;color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overscroll-behavior:none}body{-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none}#app{height:100%}button,.klikbaar{min-height:44px;min-width:44px;font:inherit;cursor:pointer}.lijst{position:relative;height:100%;background:#000;overflow:hidden}.laag{position:absolute;top:0;right:0;bottom:0;left:0}.laag img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.achtergrond{object-fit:cover;filter:blur(28px) saturate(1.4);transform:scale(1.25)}.voorgrond{object-fit:contain}.voorgrond.vullend{object-fit:cover}.video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:2}.scherm{height:100%}.scherm-start{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:6%}.scherm-start .titel{font-size:1.6rem;font-weight:600;margin:0 0 14px}.scherm-start .uitleg{color:#9a9a9a;max-width:34em;line-height:1.5;margin:0 0 8px}.scherm-start .melding{color:#cfcfcf;margin:4px 0 0}.scherm-start .beginscherm-tip{color:#9a9a9a;max-width:34em;line-height:1.5;margin:14px 0 0;font-size:.9rem}.scherm-start .knoppen{display:flex;margin-top:22px;flex-wrap:wrap;justify-content:center}.scherm-start .knoppen>*{margin:5px}.knop{background:#e8e8e8;color:#111;border:none;border-radius:8px;padding:13px 26px;font-size:1rem;font-weight:600}.knop.bijzaak{background:transparent;color:#9a9a9a;border:1px solid #666;font-weight:400}.knop:focus{outline:2px solid #8ab;outline-offset:2px}.knop:focus:not(:focus-visible){outline:none}.kiezer:focus+label{outline:2px solid #8ab;outline-offset:2px}.kiezer:focus:not(:focus-visible)+label{outline:none}.scherm-instellingen{padding:4% 5%;height:100%;overflow-y:auto}.scherm-instellingen .kop{display:flex;justify-content:space-between;align-items:center}.scherm-instellingen h2{font-size:1.15rem;margin:0 0 12px}.kolommen{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:30px;gap:0 30px}.groepskop{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:#7a7a7a;margin:16px 0 4px;padding-bottom:4px;border-bottom:1px solid #2c2c2c}.regel{display:flex;justify-content:space-between;align-items:center;padding:7px 0}.regel>span:first-child{color:#ccc}.regel select{background:#1a1a1a;color:#ddd;border:1px solid #666;border-radius:5px;min-height:44px;min-width:44px;padding:0 8px}.keuze{display:inline-flex;border:1px solid #666;border-radius:5px;overflow:hidden}.keuze button{background:transparent;color:#8a8a8a;border:none;padding:0 12px;min-height:44px}.keuze button.aan{background:#e8e8e8;color:#111}.periode{display:flex;align-items:center;padding:5px 0}.periode>*+*{margin-left:8px}.periode-veld{display:flex;align-items:center}.periode input[type=time]{background:#1a1a1a;color:#ddd;border:1px solid #666;border-radius:5px;min-height:44px;min-width:44px;padding:0 8px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.periode-weg{background:transparent;border:none;color:#b88;font-size:1.2rem;min-width:44px;min-height:44px}.leeg{color:#8a8a8a;margin:6px 0}.tekstknop{background:none;border:none;color:#8ab;padding:10px 0;text-align:left}.tekstknop.gevaar{color:#b88}.opslagbalk{height:5px;background:#2a2a2a;border-radius:3px;overflow:hidden;margin-top:8px}.opslagbalk i{display:block;height:100%;background:#7a9e7a}.opslagtekst{color:#8a8a8a;font-size:.85rem;margin:6px 0 0}.voet{display:flex;justify-content:space-between;margin-top:14px;padding-top:10px;border-top:1px solid #2c2c2c}@media (max-width: 640px){.kolommen{grid-template-columns:1fr}}.bediening-laag{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.bediening-laag .teller{position:absolute;right:7%;top:calc(env(safe-area-inset-top,0px) + 6%);background:#0a0a0ad9;border-radius:20px;padding:5px 12px;font-size:.85rem;color:#ddd}.bediening-laag .balk{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 7%);background:#0a0a0ad9;border-radius:30px;padding:6px 10px;display:flex;pointer-events:auto}.bediening-laag .balk>*+*{margin-left:6px}.bediening-laag .balk button{background:none;border:none;color:#eee;font-size:1.1rem;min-width:52px;min-height:52px;border-radius:26px}.bediening-laag .balk button:focus{outline:2px solid #8ab;outline-offset:2px}.bediening-laag .balk button:focus:not(:focus-visible){outline:none}.nachtklok{position:absolute;top:50%;left:50%;margin:-.6em 0 0 -1.5em;font-size:5rem;font-weight:200;color:#2e2e2e;font-variant-numeric:tabular-nums;transition:transform 2s linear;z-index:1}.apparaatmelding{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 3%);max-width:80%;text-align:center;background:#0a0a0ad9;color:#ddd;border-radius:8px;padding:10px 16px;font-size:.9rem;z-index:4}.wismelding{position:absolute;left:50%;bottom:18%;transform:translate(-50%);background:#0a0a0ad9;color:#ddd;border-radius:8px;padding:10px 16px;font-size:.9rem;display:flex;align-items:center;z-index:4}.wismelding>*+*{margin-left:12px}.wismelding .ongedaan{background:none;border:1px solid #999;color:#ddd;border-radius:6px;padding:0 12px;min-height:44px}.wismelding .ongedaan:focus{outline:2px solid #8ab;outline-offset:2px}.wismelding .ongedaan:focus:not(:focus-visible){outline:none}