.demo,.demo-bedien,.demo .ov-schakelaar,.demo-bedien .ov-schakelaar{--d-vlak:var(--kleur-app-vlak,#fff);--d-inkt:var(--kleur-app-inkt,#0f1b3d);--d-zacht:var(--kleur-app-zacht,#3d4767);--d-mist:var(--kleur-app-mist,#f3f4f8);--d-lijn:var(--kleur-app-lijn,#dde2ed);--d-accent:var(--kleur-app-accent,#2236c7);--d-accent-licht:var(--kleur-app-accent-licht,#e8ecff);--d-op-accent:var(--kleur-app-op-accent,#fff);--d-honing:var(--kleur-app-honing,#e6ab3f);--d-honing-vlak:var(--kleur-app-honing-vlak,#f0cf8c);--d-honing-licht:var(--kleur-app-honing-licht,#fbf1da);--d-toestel:var(--kleur-app-toestel,#0f1b3d);--d-gunstig:var(--kleur-app-gunstig,#0b7a4e);--d-minder:var(--kleur-app-ongunstig,#8f4f00);--d-gelijk:var(--kleur-app-gelijk,#4a5370)}.demo-kies,.ov-schakelaar{--d-vlak:var(--kleur-vlak,#fff);--d-inkt:var(--kleur-inkt,#0f1b3d);--d-zacht:var(--kleur-inkt-zacht,#3d4767);--d-lijn:var(--kleur-lijn,#dde2ed);--d-accent:var(--kleur-accent,#2236c7);--d-accent-licht:var(--kleur-accent-licht,#e8ecff);--d-op-accent:var(--kleur-op-accent,#fff)}.demo,.demo-bedien,.demo-kies,.ov-schakelaar{--d-focus:var(--kleur-focus,#2236c7);--d-kop:var(--letter-kop,inherit);--d-duur:var(--beweging-duur,.42s);--d-gang:var(--beweging-gang,cubic-bezier(.2, .7, .2, 1));--d-pagina-inkt:var(--kleur-inkt,#0f1b3d);--d-pagina-zacht:var(--kleur-inkt-zacht,#3d4767);--d-pagina-lijn:var(--kleur-lijn,#dde2ed)}.demo,.demo-bedien{color:var(--d-pagina-inkt);margin:0;container-type:inline-size}.demo-bedien{width:100%}.demo-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo p{margin:0}.demo-toneel{aspect-ratio:860/690;background:var(--d-honing-vlak);color:var(--d-inkt);border-radius:2.1em;font-size:1.7442cqw;line-height:1.35;position:relative;overflow:hidden}.demo-klok{font-family:var(--d-kop);z-index:2;font-size:1.05em;font-weight:600;display:flex;position:absolute;top:1.3em;left:1.4em}.demo-klok span{background:var(--d-toestel);color:#fff;font-variant-numeric:tabular-nums;padding:.45em .95em}.demo-klok span:first-child{background:var(--d-accent);border-radius:2em 0 0 2em}.demo-klok span:last-child{border-radius:0 2em 2em 0}.demo-label{z-index:2;font-size:max(.85em,12px);font-weight:600;position:absolute;top:1.75em;right:1.6em}.demo-laptop{width:42.5em;position:absolute;top:4.8em;left:13em}.demo-laptop-deksel{background:var(--d-toestel);border-radius:1.1em 1.1em .35em .35em;padding:.75em}.demo-laptop-scherm{background:var(--d-vlak);border-radius:.35em;height:28.5em;display:grid;overflow:hidden;container-type:inline-size}.demo-laptop-scherm>*{grid-area:1/1;min-width:0}.demo-laptop-voet{background:#c9cfdd;border-radius:0 0 .9em .9em;height:.85em;margin-inline:-5%;position:relative}.demo-laptop-voet:after{content:"";background:#aeb5c6;border-radius:0 0 .4em .4em;width:7em;height:.35em;position:absolute;top:0;left:50%;translate:-50%}.demo-telefoon{z-index:3;background:var(--d-toestel);border-radius:2.6em;width:17em;height:35em;padding:.65em;position:absolute;top:10em;left:2.2em;box-shadow:0 1.4em 2.6em -1.2em #0f1b3d73}.demo-tel-scherm{background:var(--d-vlak);border-radius:2em;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.demo-tel-status{font-family:var(--d-kop);justify-content:space-between;padding:1em 1.4em .3em;font-size:max(.85em,12px);font-weight:700;display:flex}.demo-tel-inhoud{flex:1;min-height:0;display:grid;position:relative}.demo-tel-inhoud>*{grid-area:1/1;min-width:0;min-height:0}.demo-draad{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.demo-draad-lijn{fill:none;stroke:var(--d-toestel);stroke-opacity:.55;stroke-width:3px;stroke-dasharray:1 9;stroke-linecap:round}.demo-draad-stip{fill:none;stroke:var(--d-accent);stroke-width:15px;stroke-linecap:round;stroke-dasharray:.01 1000;opacity:0}@keyframes demo-naar-coach{0%{stroke-dashoffset:0;opacity:1}92%{opacity:1}to{stroke-dashoffset:-100px;opacity:0}}@keyframes demo-naar-client{0%{stroke-dashoffset:-100px;opacity:1}92%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.demo[data-vorm=telefoon] .demo-toneel{aspect-ratio:auto;justify-items:center;padding:4.4em 2em 2em;font-size:min(15px,4.7619cqw);display:grid}.demo[data-vorm=telefoon] .demo-telefoon{position:relative;top:auto;left:auto}.demo[data-vorm=laptop] .demo-toneel{aspect-ratio:auto;padding:5em 2.75em 2.75em;font-size:2.08333cqw}.demo[data-vorm=laptop] .demo-laptop{width:100%;position:relative;top:auto;left:auto}.demo-smal-strook,.demo-smal-scherm{display:none}@container (max-width:40rem){.demo[data-vorm=duo] .demo-toneel{aspect-ratio:auto;border-radius:1.4em;flex-direction:column;align-items:center;gap:1em;padding:1em .9em 1.4em;font-size:15px;display:flex}.demo[data-vorm=duo] .demo-klok,.demo[data-vorm=duo] .demo-label{align-self:flex-start;position:static}.demo[data-vorm=duo] .demo-label{margin-top:-.4em;font-size:max(.8em,12px)}.demo[data-vorm=duo] .demo-laptop,.demo[data-vorm=duo] .demo-draad{display:none}.demo[data-vorm=duo] .demo-smal-strook{width:100%;display:block}.demo[data-vorm=duo] .demo-telefoon{width:min(18em,100%);height:36em;position:relative;top:auto;left:auto}.demo[data-vorm=duo][data-smal=laptop] .demo-telefoon{display:none}.demo[data-vorm=duo][data-smal=laptop] .demo-smal-scherm{background:var(--d-vlak);border-radius:1.1em;width:100%;padding:1em;display:block;container-type:inline-size}.demo[data-vorm=laptop] .demo-toneel{padding:4em .9em 1em;font-size:15px}.demo[data-vorm=laptop] .demo-laptop-scherm{height:auto}}.demo-strook{background:var(--d-toestel);color:#fff;border-radius:.9em;padding:.7em 1em}.demo-strook-wie{letter-spacing:.04em;text-transform:uppercase;color:var(--d-honing);font-size:max(.75em,12px);font-weight:700;margin-bottom:.15em!important}.demo-strook p:not(.demo-strook-wie){font-weight:600}.demo figcaption,.demo-bedien figcaption{color:var(--d-pagina-zacht);text-align:center;text-wrap:balance;margin-top:.9rem;font-size:.875rem}.demo-speler{position:relative}.demo-bediening{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:.9rem;display:flex}.demo-pauze{border:1px solid var(--d-pagina-lijn);min-height:2.75rem;color:var(--d-pagina-inkt);font:inherit;cursor:pointer;background:0 0;border-radius:2rem;align-items:center;gap:.5rem;padding:0 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.demo-pauze-teken{box-sizing:border-box;border-inline:.22rem solid;width:.7rem;height:.8rem}.demo-pauze-teken[data-pauze]{border:0;border-block:.42rem solid #0000;border-left:.7rem solid;width:0;height:0}.demo-stappen{gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.demo-stapknop{cursor:pointer;background:0 0;border:0;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.demo-stapknop:before{content:"";background:var(--d-pagina-lijn);width:.6rem;height:.6rem;transition:width var(--d-duur) var(--d-gang), background-color var(--d-duur);border-radius:1rem}.demo-stapknop[aria-current]:before{background:var(--d-honing);width:1.6rem}.demo :focus-visible,.demo-bedien :focus-visible{outline:3px solid var(--d-focus);outline-offset:2px}.demo-speler [data-vanaf],.demo-speler [data-tot]{transition-property:opacity,transform,clip-path,stroke-dashoffset,visibility;transition-duration:var(--d-duur), var(--d-duur), var(--d-teken,var(--d-duur)), var(--d-teken,var(--d-duur)), 0s;transition-timing-function:var(--d-gang), var(--d-gang), var(--d-teken-gang,linear), var(--d-gang), linear;transition-delay:0s}.demo-speler [data-aan]{transition:background-color var(--d-duur) var(--d-gang), color var(--d-duur) var(--d-gang), border-color var(--d-duur)}.demo-lijn-teken{stroke-dasharray:1;stroke-dashoffset:0;--d-weg-o:1;--d-weg:none;--d-weg-streep:1;--d-teken:1.3s;--d-teken-gang:var(--d-gang)}.demo-speler:not([data-s1]) [data-vanaf="1"],.demo-speler[data-s1] [data-tot="1"]{opacity:var(--d-weg-o,0);visibility:hidden;transform:var(--d-weg,translateY(.4em));clip-path:var(--d-weg-clip,none);stroke-dashoffset:var(--d-weg-streep,0);transition-delay:0s, 0s, 0s, 0s, var(--d-duur)}.demo-speler[data-s1] [data-aan="1"]{background:var(--d-accent);color:var(--d-op-accent);border-color:var(--d-accent)}.demo-speler[data-speelt][data-s1]:not([data-s2]) [data-puls="1"]{animation:demo-naar-coach .9s var(--d-gang) .15s both}.demo-speler[data-speelt][data-s1]:not([data-s2]) [data-puls="1"][data-naar=client]{animation-name:demo-naar-client}.demo-speler:not([data-s2]) [data-vanaf="2"],.demo-speler[data-s2] [data-tot="2"]{opacity:var(--d-weg-o,0);visibility:hidden;transform:var(--d-weg,translateY(.4em));clip-path:var(--d-weg-clip,none);stroke-dashoffset:var(--d-weg-streep,0);transition-delay:0s, 0s, 0s, 0s, var(--d-duur)}.demo-speler[data-s2] [data-aan="2"]{background:var(--d-accent);color:var(--d-op-accent);border-color:var(--d-accent)}.demo-speler[data-speelt][data-s2]:not([data-s3]) [data-puls="2"]{animation:demo-naar-coach .9s var(--d-gang) .15s both}.demo-speler[data-speelt][data-s2]:not([data-s3]) [data-puls="2"][data-naar=client]{animation-name:demo-naar-client}.demo-speler:not([data-s3]) [data-vanaf="3"],.demo-speler[data-s3] [data-tot="3"]{opacity:var(--d-weg-o,0);visibility:hidden;transform:var(--d-weg,translateY(.4em));clip-path:var(--d-weg-clip,none);stroke-dashoffset:var(--d-weg-streep,0);transition-delay:0s, 0s, 0s, 0s, var(--d-duur)}.demo-speler[data-s3] [data-aan="3"]{background:var(--d-accent);color:var(--d-op-accent);border-color:var(--d-accent)}.demo-speler[data-speelt][data-s3]:not([data-s4]) [data-puls="3"]{animation:demo-naar-coach .9s var(--d-gang) .15s both}.demo-speler[data-speelt][data-s3]:not([data-s4]) [data-puls="3"][data-naar=client]{animation-name:demo-naar-client}.demo-speler:not([data-s4]) [data-vanaf="4"],.demo-speler[data-s4] [data-tot="4"]{opacity:var(--d-weg-o,0);visibility:hidden;transform:var(--d-weg,translateY(.4em));clip-path:var(--d-weg-clip,none);stroke-dashoffset:var(--d-weg-streep,0);transition-delay:0s, 0s, 0s, 0s, var(--d-duur)}.demo-speler[data-s4] [data-aan="4"]{background:var(--d-accent);color:var(--d-op-accent);border-color:var(--d-accent)}.demo-speler[data-speelt][data-s4]:not([data-s5]) [data-puls="4"]{animation:demo-naar-coach .9s var(--d-gang) .15s both}.demo-speler[data-speelt][data-s4]:not([data-s5]) [data-puls="4"][data-naar=client]{animation-name:demo-naar-client}.demo-speler:not([data-s5]) [data-vanaf="5"],.demo-speler[data-s5] [data-tot="5"]{opacity:var(--d-weg-o,0);visibility:hidden;transform:var(--d-weg,translateY(.4em));clip-path:var(--d-weg-clip,none);stroke-dashoffset:var(--d-weg-streep,0);transition-delay:0s, 0s, 0s, 0s, var(--d-duur)}.demo-speler[data-s5] [data-aan="5"]{background:var(--d-accent);color:var(--d-op-accent);border-color:var(--d-accent)}.demo-speler[data-speelt][data-s5]:not([data-s6]) [data-puls="5"]{animation:demo-naar-coach .9s var(--d-gang) .15s both}.demo-speler[data-speelt][data-s5]:not([data-s6]) [data-puls="5"][data-naar=client]{animation-name:demo-naar-client}.demo-speler:not([data-s6]) [data-vanaf="6"],.demo-speler[data-s6] [data-tot="6"]{opacity:var(--d-weg-o,0);visibility:hidden;transform:var(--d-weg,translateY(.4em));clip-path:var(--d-weg-clip,none);stroke-dashoffset:var(--d-weg-streep,0);transition-delay:0s, 0s, 0s, 0s, var(--d-duur)}.demo-speler[data-s6] [data-aan="6"]{background:var(--d-accent);color:var(--d-op-accent);border-color:var(--d-accent)}.demo-speler[data-speelt][data-s6]:not([data-s7]) [data-puls="6"]{animation:demo-naar-coach .9s var(--d-gang) .15s both}.demo-speler[data-speelt][data-s6]:not([data-s7]) [data-puls="6"][data-naar=client]{animation-name:demo-naar-client}.demo-speler:not([data-s7]) [data-vanaf="7"],.demo-speler[data-s7] [data-tot="7"]{opacity:var(--d-weg-o,0);visibility:hidden;transform:var(--d-weg,translateY(.4em));clip-path:var(--d-weg-clip,none);stroke-dashoffset:var(--d-weg-streep,0);transition-delay:0s, 0s, 0s, 0s, var(--d-duur)}.demo-speler[data-s7] [data-aan="7"]{background:var(--d-accent);color:var(--d-op-accent);border-color:var(--d-accent)}.demo-speler[data-speelt][data-s7]:not([data-s8]) [data-puls="7"]{animation:demo-naar-coach .9s var(--d-gang) .15s both}.demo-speler[data-speelt][data-s7]:not([data-s8]) [data-puls="7"][data-naar=client]{animation-name:demo-naar-client}.demo-speler:not([data-s8]) [data-vanaf="8"],.demo-speler[data-s8] [data-tot="8"]{opacity:var(--d-weg-o,0);visibility:hidden;transform:var(--d-weg,translateY(.4em));clip-path:var(--d-weg-clip,none);stroke-dashoffset:var(--d-weg-streep,0);transition-delay:0s, 0s, 0s, 0s, var(--d-duur)}.demo-speler[data-s8] [data-aan="8"]{background:var(--d-accent);color:var(--d-op-accent);border-color:var(--d-accent)}.demo-speler[data-speelt][data-s8]:not([data-s9]) [data-puls="8"]{animation:demo-naar-coach .9s var(--d-gang) .15s both}.demo-speler[data-speelt][data-s8]:not([data-s9]) [data-puls="8"][data-naar=client]{animation-name:demo-naar-client}.demo-speler:not([data-s9]) [data-vanaf="9"],.demo-speler[data-s9] [data-tot="9"]{opacity:var(--d-weg-o,0);visibility:hidden;transform:var(--d-weg,translateY(.4em));clip-path:var(--d-weg-clip,none);stroke-dashoffset:var(--d-weg-streep,0);transition-delay:0s, 0s, 0s, 0s, var(--d-duur)}.demo-speler[data-s9] [data-aan="9"]{background:var(--d-accent);color:var(--d-op-accent);border-color:var(--d-accent)}.demo-speler[data-speelt][data-s9]:not([data-s10]) [data-puls="9"]{animation:demo-naar-coach .9s var(--d-gang) .15s both}.demo-speler[data-speelt][data-s9]:not([data-s10]) [data-puls="9"][data-naar=client]{animation-name:demo-naar-client}.demo-speler:not([data-s10]) [data-vanaf="10"],.demo-speler[data-s10] [data-tot="10"]{opacity:var(--d-weg-o,0);visibility:hidden;transform:var(--d-weg,translateY(.4em));clip-path:var(--d-weg-clip,none);stroke-dashoffset:var(--d-weg-streep,0);transition-delay:0s, 0s, 0s, 0s, var(--d-duur)}.demo-speler[data-s10] [data-aan="10"]{background:var(--d-accent);color:var(--d-op-accent);border-color:var(--d-accent)}.demo-speler[data-speelt][data-s10]:not([data-s11]) [data-puls="10"]{animation:demo-naar-coach .9s var(--d-gang) .15s both}.demo-speler[data-speelt][data-s10]:not([data-s11]) [data-puls="10"][data-naar=client]{animation-name:demo-naar-client}.demo-stapel{display:grid}.demo-stapel>*{grid-area:1/1;min-width:0}@media (prefers-reduced-motion:reduce){.demo *,.demo :before,.demo :after,.demo-bedien *,.demo-bedien :before,.demo-bedien :after{transition:none!important;animation:none!important}}.demo[data-compact] .demo-toneel{background:0 0;border-radius:0;padding:2.4em 0 0;font-size:min(15px,5.88235cqw)}.demo[data-compact] .demo-label{background:var(--d-vlak);color:var(--d-inkt);border-radius:2em;padding:.3em .8em;top:0;left:0;right:auto;box-shadow:0 .3em 1em -.5em #0f1b3d66}.demo[data-compact] .demo-telefoon{aspect-ratio:17/35;width:100%;height:auto}.demo[data-compact] .demo-bediening{justify-content:flex-start;margin-top:.6rem}.demo-kaartje{background:var(--kleur-app-vlak,#fff);max-width:19rem;color:var(--kleur-app-inkt,#0f1b3d);box-shadow:var(--schaduw,0 1.2rem 2.4rem -1.4rem #0f1b3d59);border-radius:1.1rem;align-items:flex-start;gap:.75rem;padding:.85rem 1.1rem;display:flex}.demo-kaartje p{margin:0}.demo-kaartje-stip{background:var(--kleur-app-gunstig,#0b7a4e);border-radius:50%;flex:none;width:.6rem;height:.6rem;margin-top:.4rem}.demo-kaartje-kop{font-weight:700;line-height:1.3}.demo-kaartje-sub{color:var(--kleur-app-zacht,#3d4767);font-size:.875rem}
.d-golf{width:1.7em;height:.85em;color:var(--d-accent)}.ds-avatar{background:var(--d-accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:2em;height:2em;font-size:max(.85em,12px);font-weight:700;display:inline-grid}.ds-scherm{background:var(--d-vlak);flex-direction:column;gap:.6em;min-height:0;padding:.6em 1.15em 1.1em;font-size:max(.95em,12px);display:flex}.ds-knop,.ds-begin{background:var(--d-toestel);color:#fff;min-height:2.9em;font:inherit;border:0;border-radius:2em;justify-content:center;align-items:center;gap:.5em;width:100%;padding:0 1.1em;font-weight:700;display:flex}button.ds-knop{cursor:pointer}button.ds-knop:disabled{background:var(--d-lijn);color:var(--d-zacht);cursor:default}.ds-licht{background:var(--d-accent-licht);color:var(--d-accent)}.ds-onder{margin-top:auto}.ds-voortgang{background:var(--d-lijn);border-radius:1em;height:.3em;display:block;overflow:hidden}.ds-voortgang i{background:var(--d-accent);border-radius:1em;height:100%;display:block}.ds-uiteinden{color:var(--d-zacht);justify-content:space-between;gap:.5em;font-size:max(.8em,12px);display:flex}.ds-slot{color:#fff;background:linear-gradient(#1c2b5a,#3d4f8a);align-items:center;padding-top:2em}.ds-slottijd{font-family:var(--d-kop);font-size:3.6em;font-weight:600;line-height:1}.ds-slotdatum{opacity:.9;font-size:max(.95em,12px);margin-bottom:1.2em!important}.ds-melding{width:100%;color:var(--d-inkt);background:#fffffff0;border-radius:1.2em;gap:.2em;padding:.85em 1em;font-size:max(.9em,12px);display:grid;box-shadow:0 .6em 1.4em -.6em #0006}.ds-mapp{color:var(--d-zacht);justify-content:space-between;font-size:max(.85em,12px);display:flex}.ds-mvan{font-weight:700}.ds-mlink{color:var(--d-accent);font-weight:600}.ds-vkop{justify-content:space-between;font-size:max(.85em,12px);display:flex}.ds-hulp{border:1px solid var(--d-lijn);border-radius:1em;padding:.1em .7em}.ds-vtel{text-align:center;font-size:max(.85em,12px);font-weight:600}.ds-vvraag{font-family:var(--d-kop);text-wrap:balance;font-size:1.45em;font-weight:700;line-height:1.15;margin-top:1.2em!important}.ds-schaal7,.demo-kies-knoppen{--d-knoprand:color-mix(in srgb, var(--d-zacht) 75%, var(--d-vlak))}.ds-schaal7{border:1px solid var(--d-knoprand);border-radius:.6em;grid-template-columns:repeat(7,1fr);margin-top:.6em;display:grid;overflow:hidden}.ds-schaal7 button{border:0;border-right:1px solid var(--d-knoprand);background:var(--d-vlak);min-height:2.9em;color:var(--d-inkt);font:inherit;font-family:var(--d-kop);cursor:pointer;padding:0;font-weight:700}.ds-schaal7 button:last-child{border-right:0}.ds-schaal7 button[aria-pressed=true],.ds-schaal7 button[aria-checked=true]{background:var(--d-accent);color:#fff}.ds-klaar{text-align:center;justify-content:center;align-items:center;gap:.6em;padding-inline:1.5em}.ds-vinkrond{background:var(--d-gunstig);color:#fff;border-radius:50%;place-items:center;width:3.2em;height:3.2em;font-size:1.2em;font-weight:700;display:grid}.ds-groot{font-family:var(--d-kop);font-size:1.6em;font-weight:700}.ds-klaar .ds-knop{margin-top:1em}.ds-oefen{text-align:center;background:linear-gradient(180deg, var(--d-honing-licht), var(--d-vlak) 70%);align-items:center}.ds-okop{font-family:var(--d-kop);font-size:1.45em;font-weight:700;margin-top:1em!important}.ds-osub{color:var(--d-zacht);font-size:max(.9em,12px)}.ds-orond{background:radial-gradient(circle, var(--d-honing-vlak) 0 55%, var(--d-honing-licht) 56%);border-radius:50%;place-items:center;width:11em;height:11em;margin:1.2em 0 .6em;font-size:max(.95em,12px);font-weight:600;display:grid}.ds-otijd{background:var(--d-lijn);border-radius:1em;width:80%;height:.3em;overflow:hidden}.ds-otijd i{background:var(--d-toestel);width:37%;height:100%;display:block}.ds-otel{color:var(--d-zacht);font-variant-numeric:tabular-nums;font-size:max(.85em,12px)}.ds-ostop{border:1px solid var(--d-lijn);border-radius:2em;margin-top:auto;padding:.6em 1.6em;font-weight:700}.ds-checkin{background:linear-gradient(200deg, var(--d-honing-licht), var(--d-vlak) 60%)}.ds-pillen{justify-content:flex-end;display:flex}.ds-pil{border:1px solid var(--d-lijn);background:var(--d-vlak);border-radius:1em;padding:.25em .8em;font-size:max(.8em,12px)}.ds-blad{background:var(--d-vlak);border:1px solid var(--d-lijn);border-radius:1.2em;flex-direction:column;gap:.7em;margin-top:.6em;padding:1em;display:flex}.ds-blad .ds-vvraag{font-size:1.3em;margin-top:0!important}.ds-schaal11{grid-template-columns:repeat(11,1fr);gap:.15em;display:grid}.ds-schaal11 i{text-align:center;background:var(--d-mist);border-radius:.35em;padding:.45em 0;font-size:max(.8em,12px);font-style:normal;font-weight:700}.ds-binnen{color:var(--d-gunstig);background:#e3f3eb;border-radius:1em;align-self:center;padding:.3em .9em;font-size:max(.85em,12px);font-weight:700}.ds-thuis,.ds-app{background:linear-gradient(180deg, var(--d-honing-licht), var(--d-vlak) 45%)}.ds-groet{font-family:var(--d-kop);font-size:1.55em;font-weight:700;line-height:1.1;margin-top:.8em!important}.ds-coach{align-items:center;gap:.5em;font-size:max(.9em,12px);font-weight:700;display:flex}.ds-coach small{color:var(--d-zacht);font-size:1em;font-weight:400}.ds-kaart{background:var(--d-vlak);border:1px solid var(--d-lijn);border-radius:1.2em;gap:.2em;padding:.9em 1em;display:grid}.ds-vol{background:var(--d-honing);border-color:var(--d-honing)}.ds-label{font-size:max(.8em,12px);font-weight:700}.ds-titel{font-family:var(--d-kop);font-size:1.15em;font-weight:700;line-height:1.2}.ds-feiten{color:var(--d-zacht);font-size:max(.85em,12px)}.ds-vol .ds-feiten{color:var(--d-inkt)}.ds-begin{justify-content:space-between;margin-top:.5em;padding-inline:1.2em .5em}.ds-begin small{background:#fff3;border-radius:1em;padding:.25em .65em;font-size:max(.8em,12px)}.ds-regel{background:#e3f3eb;border-radius:1em;align-items:center;gap:.7em;padding:.7em .8em;font-size:max(.85em,12px);display:flex}.ds-regel>span:last-child{display:grid}.ds-vinkje{background:var(--d-gunstig);color:#fff;border-radius:50%;flex:none;place-items:center;width:1.7em;height:1.7em;font-weight:700;display:grid}.ds-tabs,.ds-tabbalk{background:var(--d-vlak);border-radius:2em;justify-content:space-around;gap:.2em;margin-top:auto;padding:.35em;font-size:max(.85em,12px);font-weight:600;display:flex;box-shadow:0 .2em 1em -.3em #0f1b3d40}.ds-tabs span,.ds-tabbalk button{text-align:center;border-radius:2em;flex:1;padding:.55em .3em}.ds-tabs [data-nu],.ds-tabbalk [aria-selected=true]{background:var(--d-accent-licht);color:var(--d-accent)}.ds-app{padding-bottom:.9em}.ds-paneel{flex-direction:column;gap:.7em;min-height:0;display:flex}.ds-paneel[hidden]{display:none}.ds-tabbalk button{font:inherit;color:var(--d-inkt);cursor:pointer;background:0 0;border:0;min-height:2.75em}.ds-oefentegels{gap:.6em;display:grid}.ds-ot{background:var(--d-honing);border-radius:1.1em;padding:.9em 1em}.ds-ot[data-tint="1"]{background:var(--d-accent);color:#fff}.ds-ot[data-tint="1"] .ds-feiten{color:#e8ecff}.ds-ot[data-tint="2"]{background:var(--d-mist)}.ds-ot[data-tint="0"] .ds-feiten{color:var(--d-inkt)}.ds-terug{gap:.35em;font-size:max(.85em,12px);display:grid}.ds-dag{font-weight:700;margin-top:.6em!important}.ds-rij{border-bottom:1px solid var(--d-lijn);justify-content:space-between;gap:.8em;padding:.45em 0;display:flex}.ds-rij b{font-family:var(--d-kop)}.dl-app{background:var(--d-vlak);min-height:0;color:var(--d-inkt);grid-template-columns:9.5em 1fr;font-size:max(.92em,12px);display:grid}.dl-zij{background:var(--d-mist);flex-direction:column;gap:.3em;padding:1.1em .8em;font-size:max(.95em,12px);font-weight:600;display:flex}.dl-zij>p,.dl-tabs button{border-radius:.6em;padding:.5em .7em}.dl-zij>[data-nu],.dl-tabs [aria-selected=true]{background:var(--d-accent-licht);color:var(--d-accent)}.dl-merk{font-family:var(--d-kop);align-items:center;gap:.35em;font-size:1.15em;font-weight:700;display:flex;margin-bottom:.6em!important;padding-inline:.2em!important}.dl-tabs{flex-direction:column;gap:.2em;display:flex}.dl-tabs button{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;min-height:2.75em}.dl-hoofd{flex-direction:column;gap:.9em;min-width:0;min-height:0;padding:1.1em 1.4em;display:flex}.dl-balk{border-bottom:1px solid var(--d-lijn);justify-content:space-between;align-items:flex-start;gap:1em;padding-bottom:.8em;display:flex}.dl-naam{font-family:var(--d-kop);font-size:1.45em;font-weight:700;line-height:1.1}.dl-onder{color:var(--d-zacht);font-size:max(.9em,12px)}@keyframes demo-stip{50%{opacity:.35}}.dl-paneel{flex-direction:column;gap:.8em;min-height:0;display:flex}.dl-paneel[hidden]{display:none}.dl-titel,.dl-cptitel{font-family:var(--d-kop);font-size:1.2em;font-weight:700}.dl-titel small,.dl-cptitel small{color:var(--d-zacht);margin-left:.3em;font-family:inherit;font-size:max(.72em,12px);font-weight:400}.dl-titelrij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em;display:flex}.dl-lijst{gap:.5em;display:grid}.dl-lijst p{background:var(--d-mist);border-radius:.7em;align-items:center;gap:.6em;padding:.7em .9em;font-weight:600;display:flex}.dl-lijst small{color:var(--d-zacht);margin-left:auto;font-weight:400}.dl-vink{background:var(--d-gunstig);color:#fff;border-radius:50%;flex:none;place-items:center;width:1.4em;height:1.4em;font-size:max(.8em,12px);display:inline-grid}.dl-duur{color:var(--d-zacht);font-size:max(.9em,12px)}.dl-knop{background:var(--d-honing);border:1px solid var(--d-honing);border-radius:2em;align-self:flex-start;padding:.7em 1.3em;font-weight:700}.demo-speler[data-s1] .dl-knop[data-aan="1"]{color:var(--d-gunstig);background:#e3f3eb;border-color:#e3f3eb}.dl-antwoorden{counter-reset:a;gap:.2em;margin:0;padding:0;list-style:none;display:grid}.dl-antwoorden li{counter-increment:a;border-radius:.5em;align-items:center;gap:.8em;padding:.4em .6em;display:flex}.dl-antwoorden:not(.dl-kort) li:before{content:counter(a);width:1em;color:var(--d-zacht);font-weight:600}.dl-antwoorden li span{flex:1}.dl-antwoorden b{text-align:center;background:var(--d-mist);min-width:1.9em;font-family:var(--d-kop);border-radius:.4em;padding:.15em .4em}.dl-antwoorden [data-nog]{color:var(--d-zacht)}.demo-speler [data-nieuw][data-aan]{color:inherit;background:0 0}.demo-speler[data-s2] .dl-antwoorden [data-nieuw][data-aan="2"]{background:var(--d-accent-licht);color:var(--d-inkt)}.demo-speler[data-s2] .dl-antwoorden [data-nieuw][data-aan="2"] b{background:var(--d-accent);color:#fff}.dl-tegels{grid-template-columns:repeat(3,1fr);gap:.7em;display:grid}.dl-tegel{border:1px solid var(--d-lijn);border-radius:.9em;align-content:start;gap:.15em;padding:.9em;display:grid}.dl-tnaam{font-size:max(.9em,12px);font-weight:700}.dl-tgetal b{font-family:var(--d-kop);font-size:2.1em;line-height:1.1}.dl-tgetal small{color:var(--d-zacht)}.dl-tbereik{color:var(--d-zacht);font-size:max(.78em,12px)}.dl-balkje{background:var(--d-mist);border-radius:1em;height:.35em;margin:.35em 0 .2em;display:block;overflow:hidden}.dl-balkje i{height:100%;width:calc(var(--p,0) * 100%);background:var(--d-accent);border-radius:1em;display:block}.dl-tsub{color:var(--d-zacht);font-size:max(.8em,12px)}.dl-tsub[data-oordeel=gunstiger]{color:var(--d-gunstig);font-weight:700}.dl-tsub[data-oordeel=minder]{color:var(--d-minder);font-weight:700}.dl-noot{align-items:center;gap:.5em;font-size:max(.92em,12px);font-weight:600;display:flex}.dl-zacht{color:var(--d-zacht);font-weight:400}.dl-programma{gap:.6em;display:grid}.dl-pkaart{background:var(--d-honing-licht);border:1px solid var(--d-honing);border-radius:.9em;padding:.85em 1em}.dl-pkaart p:last-child{color:var(--d-zacht);font-size:max(.85em,12px)}.dl-pnaam{font-family:var(--d-kop);font-size:1.05em;font-weight:700}.dl-pkaart.dl-zacht{background:var(--d-mist);border-color:var(--d-mist)}.demo-speler[data-s1] .dl-pkaart[data-aan="1"]{background:var(--d-honing);border-color:var(--d-honing);color:var(--d-inkt)}.demo-speler[data-s1] .dl-pkaart[data-aan="1"] p:last-child{color:var(--d-inkt)}.dl-vandaag{gap:.45em;margin:0;padding:0;list-style:none;display:grid}.dl-vandaag li{background:var(--d-mist);border-radius:.7em;grid-template-columns:4em 1fr auto;align-items:center;gap:.6em;padding:.65em .8em;display:grid}.dl-vtijd{font-family:var(--d-kop);font-variant-numeric:tabular-nums;color:var(--d-zacht)}.dl-vnaam{font-weight:700}.dl-vtag{background:var(--d-vlak);border-radius:1em;padding:.2em .7em;font-size:max(.85em,12px);font-weight:700}.dl-vtag[data-binnen]{color:var(--d-gunstig);background:#e3f3eb}.dl-week{grid-template-columns:1fr 1fr;gap:.7em;display:grid}.dl-week p{border:1px solid var(--d-lijn);border-radius:.8em;padding:.8em;font-size:max(.9em,12px)}.dl-week b{font-family:var(--d-kop);font-size:1.8em;display:block}.demo-bedien{color:var(--d-inkt);container-type:inline-size}.demo-coach-breed{padding-inline:5%}.demo-coach-breed .demo-laptop{width:100%;font-size:2cqw;position:relative;top:auto;left:auto}.demo-coach-breed .demo-laptop-scherm{height:auto}.dl-bedien .dl-hoofd{align-content:start;display:grid}.dl-bedien .dl-paneel{grid-area:1/1}.dl-bedien .dl-paneel[hidden]{visibility:hidden;display:flex}@container (max-width:40rem){.demo-coach-breed{padding-inline:0}.demo-coach-breed .demo-laptop{font-size:15px}.demo-coach-breed .demo-laptop-deksel{background:0 0;padding:0}.demo-coach-breed .demo-laptop-scherm{border:1px solid var(--d-lijn);border-radius:1.1em;height:auto}.demo-coach-breed .demo-laptop-voet{display:none}.dl-bedien{grid-template-columns:1fr;font-size:1em}.dl-bedien .dl-zij{padding:.8em}.dl-bedien .dl-merk{display:none}.dl-bedien .dl-tabs{flex-direction:row;overflow-x:auto}.dl-bedien .dl-tabs button{white-space:nowrap;text-align:center;flex:1}.dl-bedien .dl-hoofd{padding:1em}.dl-tegels{grid-template-columns:1fr}.dl-vandaag li{grid-template-columns:3.4em 1fr}.dl-vandaag .dl-vtag{grid-column:2;justify-self:start}}.demo-bedien[data-scene=client] .demo-bedien-toestel{justify-items:center;display:grid}.demo-bedien[data-scene=client] .demo-telefoon{width:19em;height:39em;font-size:16px;position:relative;top:auto;left:auto}.demo-smal-scherm .dl-app{grid-template-columns:1fr;font-size:1em}.demo-smal-scherm .dl-zij{display:none}.demo-smal-scherm .dl-hoofd{padding:0}.ov{gap:.3em;display:grid}.ov-rij{border-bottom:1px solid var(--d-lijn);grid-template-columns:1fr auto;grid-template-areas:"naam nu""lijn oordeel";align-items:center;column-gap:1em;padding:.55em 0;display:grid}.ov-naam{grid-area:naam;font-weight:700;display:grid}.ov-naam small{color:var(--d-zacht);font-size:max(.8em,12px);font-weight:400}.ov-bereik+.ov-richting:before{content:", "}.ov-nu{text-align:right;color:var(--d-zacht);grid-area:nu;font-size:max(.85em,12px)}.ov-nu b{font-family:var(--d-kop);color:var(--d-inkt);margin-right:.2em;font-size:1.6em}.ov-oordeel{text-align:right;grid-area:oordeel;font-size:max(.9em,12px);font-weight:700}.ov-rij[data-oordeel=gunstiger]{--ov-kleur:var(--d-gunstig)}.ov-rij[data-oordeel=minder]{--ov-kleur:var(--d-minder)}.ov-rij[data-oordeel=gelijk]{--ov-kleur:var(--d-gelijk)}.ov-oordeel{color:var(--ov-kleur)}.ov[data-band] .ov-rij[data-oordeel=gelijk] .ov-oordeel{background:var(--d-accent-licht);border-radius:.6em;justify-self:end;padding:.15em .55em}.ov-lijn{grid-area:lijn;width:100%;height:auto;overflow:visible}.ov-as{stroke:var(--d-lijn);stroke-width:1.5px}.ov-band{fill:var(--d-accent-licht);transition:opacity var(--d-duur)}.ov-pad{fill:none;stroke:var(--d-accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.ov-p{fill:var(--d-accent);stroke:#fff;stroke-width:2px}.ov-p[data-soort=start]{fill:#fff;stroke:var(--d-accent);stroke-width:2.5px}.ov[data-band] .ov-p[data-soort=binnen]{fill:var(--d-gelijk)}.ov:not([data-band]) .ov-band{opacity:0}.ov-uitleg{color:var(--d-zacht);align-items:flex-start;gap:.6em;font-size:max(.85em,12px);display:flex;margin-top:.4em!important}.ov-vak{background:var(--d-accent-licht);border-radius:.25em;flex:none;width:1.6em;height:.85em;margin-top:.2em}.ov:not([data-band]) .ov-uitleg{opacity:.6}.ov-schakelaar{border:1px solid var(--d-lijn);background:var(--d-vlak);min-height:2.75em;color:var(--d-inkt);font:inherit;cursor:pointer;border-radius:2em;align-items:center;gap:.6em;padding:0 .4em 0 .9em;font-size:max(.9em,12px);font-weight:700;display:inline-flex}.ov-schakel{background:var(--d-lijn);width:2.4em;height:1.4em;transition:background-color var(--d-duur);border-radius:1em;position:relative}.ov-schakel:after{content:"";width:1em;height:1em;transition:translate var(--d-duur) var(--d-gang);background:#fff;border-radius:50%;position:absolute;top:.2em;left:.2em}.ov-schakelaar[aria-pressed=true] .ov-schakel{background:var(--d-accent)}.ov-schakelaar[aria-pressed=true] .ov-schakel:after{translate:1em}.pb{color:var(--d-inkt);grid-template-columns:auto 5rem minmax(0,34rem);justify-content:center;align-items:center;gap:1rem;display:grid}.pb-tel .demo-telefoon{width:18.5em;height:37em;font-size:16px;position:relative;top:auto;left:auto}.pb-vraag{border:0;gap:.4em;margin:0;padding:0;display:grid}.pb-vraag .ds-vvraag{padding:0}.ds-klaar~.pb-toast{top:3.2em;bottom:auto}.pb-toast{z-index:2;background:var(--d-toestel);color:#fff;animation:pb-toast 2.6s var(--d-gang) both;border-radius:1em;padding:.7em .9em;font-size:max(.85em,12px);font-weight:600;position:absolute;bottom:4.6em;left:.8em;right:.8em}@keyframes pb-toast{0%{opacity:0;translate:0 .6em}12%,80%{opacity:1;translate:0}to{opacity:0}}.pb-pijl{background:repeating-linear-gradient(90deg, var(--d-pagina-zacht) 0 3px, transparent 3px 9px);height:2px;position:relative}.pb-vlieg{background:var(--d-accent);opacity:0;border-radius:50%;width:.95rem;height:.95rem;position:absolute;top:-.45rem;left:0}.pb-vlieg[data-ga]{animation:pb-vlieg .65s var(--d-gang) both}@keyframes pb-vlieg{0%{opacity:1;left:0}to{opacity:.2;left:calc(100% - .95rem)}}.pb-kaart{scroll-margin-top:calc(var(--kopbalk,64px) + 12px);background:#fff;border-radius:1.6rem;gap:1rem;padding:1.4rem;display:grid;box-shadow:0 1.2rem 2.4rem -1.4rem #0f1b3d59}.pb-kop{align-items:center;gap:.75rem;display:flex}.pb-naam{font-family:var(--d-kop);font-size:1.15rem;font-weight:700}.pb-sub{color:var(--d-zacht);font-size:.85rem}.pb-binnen{color:var(--d-gunstig);opacity:0;background:#e3f3eb;border-radius:1rem;margin-left:auto;padding:.25rem .75rem;font-size:.8rem;font-weight:700}.pb-binnen[data-aan]{animation:pb-binnen 1.8s var(--d-gang) both}@keyframes pb-binnen{0%,to{opacity:0}15%,75%{opacity:1}}.pb-rijen{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.pb-rij{background:var(--d-mist);border-radius:1rem;grid-template-columns:1fr auto;gap:.35rem 1rem;padding:.75rem;transition:background-color .6s;display:grid}.pb-rij[data-vers]{background:var(--d-accent-licht)}.pb-vraag{font-weight:700;display:grid}.pb-vraag small{color:var(--d-zacht);font-size:.8rem;font-weight:400}.pb-label{color:var(--d-zacht);align-self:start;font-size:.85rem;font-weight:700}.pb-label[data-oordeel=gunstiger]{color:var(--d-gunstig)}.pb-label[data-oordeel=minder]{color:var(--d-minder)}.pb-label[data-oordeel=gelijk]{color:var(--d-gelijk)}.pb-schaal{grid-column:1/-1;height:4.1rem;position:relative}.pb-zone{top:-.2rem;bottom:0;left:calc(.75em + (100% - 1.5em) * var(--a) - 1.1em);width:calc((100% - 1.5em) * var(--b) + 2.2em);background:color-mix(in srgb, var(--d-gelijk) 12%, transparent);border-radius:.7rem;transition:background-color .6s;position:absolute}.pb-zone[data-raak]{background:color-mix(in srgb, var(--d-gelijk) 19%, transparent)}.pb-zone em{text-align:center;color:var(--d-gelijk);font-size:max(.875rem,14px);font-style:normal;font-weight:700;line-height:1.05;position:absolute;bottom:.25rem;left:.2rem;right:.2rem}.pb-schaal:before{content:"";background:var(--d-lijn);height:2px;position:absolute;top:.75rem;left:.75em;right:.75em}.pb-tik{justify-items:center;display:grid;position:absolute;top:.45rem;translate:-50%}.pb-tik:before{content:"";background:var(--d-lijn);width:2px;height:.6rem}.pb-tik b{color:var(--d-zacht);margin-top:.2rem;font-size:.75rem}.pb-start,.pb-nu{border-radius:50%;width:1rem;height:1rem;position:absolute;top:.25rem;translate:-50%}.pb-start{border:2.5px solid var(--d-inkt);background:#fff}.pb-nu{background:var(--d-accent);transition:left .6s var(--d-gang)}.pb-legenda{color:var(--d-zacht);grid-column:1/-1;justify-content:space-between;font-size:.8rem;display:flex}.pb-voet{color:var(--d-zacht);font-size:.85rem}@container (max-width:52rem){.pb{grid-template-columns:auto 1.5rem minmax(0,1fr);gap:.6rem}.pb-tel .demo-telefoon{font-size:14px}.pb-kaart{gap:.75rem;padding:1rem}.pb-rij{padding:.6rem}}@container (max-width:36rem){.pb{grid-template-columns:1fr;justify-items:center}.pb-pijl{background:repeating-linear-gradient(180deg, var(--d-pagina-zacht) 0 3px, transparent 3px 9px);width:2px;height:2.5rem}.pb-vlieg{top:0;left:-.45rem}@keyframes pb-vlieg{0%{opacity:1;top:0}to{opacity:.2;top:calc(100% - .95rem)}}.pb-kaart{width:100%}}.demo-kies{background:var(--d-accent-licht);color:var(--d-inkt);border:0;border-radius:1.2rem;gap:.6rem;margin:0;padding:1rem;display:grid}.demo-kies legend{float:left;width:100%;padding:0;font-weight:700}.demo-kies-knoppen{grid-template-columns:repeat(7,1fr);gap:.35rem;display:grid}.demo-kies-knoppen button{border:1px solid var(--d-knoprand);background:var(--d-vlak);min-height:2.75rem;color:var(--d-inkt);font:inherit;font-family:var(--d-kop);cursor:pointer;border-radius:.8rem;font-size:1.05rem;font-weight:700}.demo-kies-knoppen button[aria-pressed=true]{background:var(--d-accent);color:var(--d-op-accent);border-color:var(--d-accent)}.demo-kies .demo-kies-uitleg{color:var(--d-zacht);justify-content:space-between;margin:0;font-size:.85rem;display:flex}.demo-kies .demo-kies-uitkomst{color:var(--d-inkt);margin:0;font-size:.95rem;font-weight:600}.demo-bedien[data-scene=coach]{width:100%;max-width:62rem;margin-inline:auto}.ds-dagstapel{height:100%}.ds-dagstapel>.ds-scherm{min-height:100%}.demo-klok span span,.demo-klok span span:first-child{background:0 0;border-radius:0;padding:0}.dl-dag li{grid-template-columns:1fr auto}.dl-dagstapel{align-items:start}.demo[data-scene=dag] .dl-dagstapel .dl-tegels{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em}.demo[data-scene=dag] .dl-dagstapel .dl-tegel{padding:.7em}