.kraan-figuur[data-astro-cid-qbdcxiqz]{--h:clamp(14rem, 42vw, 20rem);--uitleg-h:5.5rem;--tussen:3px;margin:var(--ruimte-8) 0 var(--ruimte-4)}.kraan-vlak[data-astro-cid-qbdcxiqz]{padding-inline-start:2.25rem;position:relative}.kraan[data-astro-cid-qbdcxiqz]{height:var(--h);grid-template-columns:repeat(var(--kolommen), minmax(0, 1fr));column-gap:var(--tussen);border-block-end:3px solid var(--inkt);display:grid;position:relative}.kolom[data-astro-cid-qbdcxiqz]{position:relative}.blok[data-astro-cid-qbdcxiqz]{inset-inline:0;bottom:var(--van);height:max(0px, calc(var(--hoogte) - var(--tussen)));background:var(--groen);border-radius:2px;position:absolute;box-shadow:inset 0 -3px #0000002e}.toekomst[data-astro-cid-qbdcxiqz] .blok[data-astro-cid-qbdcxiqz]{box-shadow:inset 0 0 0 2px var(--grijsgroen);background:0 0}.raster[data-astro-cid-qbdcxiqz],.vloer[data-astro-cid-qbdcxiqz]{inset-inline:0;bottom:var(--op);position:absolute}.raster[data-astro-cid-qbdcxiqz]{border-block-start:1px solid var(--lijn)}.raster-label[data-astro-cid-qbdcxiqz]{inset-inline-end:calc(100% + var(--ruimte-2));font-family:var(--font-cijfer);font-size:var(--tekst-xs);color:var(--grijsgroen);position:absolute;bottom:-.55em}.vloer[data-astro-cid-qbdcxiqz]{border-block-start:2px dashed var(--inkt);z-index:1;transform-origin:0}.vloer-label[data-astro-cid-qbdcxiqz]{inset-inline-end:0;bottom:var(--ruimte-1);padding:0 var(--ruimte-1);background:var(--ivoor);font-family:var(--font-kop);font-size:var(--tekst-xs);white-space:nowrap;font-weight:600;position:absolute}.lijn[data-astro-cid-qbdcxiqz]{z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lijn[data-astro-cid-qbdcxiqz] path[data-astro-cid-qbdcxiqz]{fill:none;stroke:var(--inkt);stroke-width:2.5px;stroke-linejoin:round}.nu[data-astro-cid-qbdcxiqz]{left:var(--x);bottom:var(--op);z-index:3;width:0;height:0;position:absolute}.nu-punt[data-astro-cid-qbdcxiqz]{background:var(--amber);width:.9rem;height:.9rem;box-shadow:0 0 0 3px var(--ivoor);border-radius:50%;position:absolute;top:-.45rem;left:-.45rem}.nu[data-astro-cid-qbdcxiqz]:after{content:"";width:2px;height:max(0px, calc(var(--h) * var(--bovenf) - var(--uitleg-h) - .6rem));background:var(--amber);position:absolute;bottom:.6rem;left:-1px}.uitleg-nu[data-astro-cid-qbdcxiqz]{left:calc(2.25rem + (100% - 2.25rem) * var(--xf) - 1.5rem);min-height:var(--uitleg-h);max-width:21rem;padding:var(--ruimte-3) var(--ruimte-4);background:var(--papier);border:1px solid var(--lijn);border-inline-start:3px solid var(--amber);border-radius:var(--radius);font-family:var(--font-kop);font-size:var(--tekst-s);z-index:3;line-height:1.4;position:absolute;top:0}.uitleg-nu[data-astro-cid-qbdcxiqz] p[data-astro-cid-qbdcxiqz]{margin:0}.uitleg-nu[data-astro-cid-qbdcxiqz] p[data-astro-cid-qbdcxiqz]+p[data-astro-cid-qbdcxiqz]{margin-block-start:var(--ruimte-2)}.jaren[data-astro-cid-qbdcxiqz]{grid-template-columns:repeat(var(--kolommen), minmax(0, 1fr));column-gap:var(--tussen);text-align:center;font-family:var(--font-cijfer);font-size:var(--tekst-xs);margin:0;padding:0;padding-block-start:var(--ruimte-1);list-style:none;display:grid}.as-titel[data-astro-cid-qbdcxiqz]{margin:0 0 var(--ruimte-2);text-align:center;font-family:var(--font-kop);font-size:var(--tekst-xs);color:var(--grijsgroen)}figcaption[data-astro-cid-qbdcxiqz]{font-family:var(--font-kop);font-size:var(--tekst-xs);color:var(--grijsgroen);max-width:var(--breedte-tekst)}.tabel-uitklap[data-astro-cid-qbdcxiqz]{font-family:var(--font-kop);font-size:var(--tekst-s);max-width:24rem;margin-block-end:var(--ruimte-8)}.tabel-uitklap[data-astro-cid-qbdcxiqz] summary[data-astro-cid-qbdcxiqz]{cursor:pointer;color:var(--groen);padding-block:var(--ruimte-2);font-weight:600}table[data-astro-cid-qbdcxiqz]{border-collapse:collapse;width:100%;font-size:var(--tekst-xs)}th[data-astro-cid-qbdcxiqz],td[data-astro-cid-qbdcxiqz]{padding:var(--ruimte-1) var(--ruimte-3);border-block-end:1px solid var(--lijn);text-align:end}th[data-astro-cid-qbdcxiqz]{font-weight:600}tr[data-astro-cid-qbdcxiqz].huidig td[data-astro-cid-qbdcxiqz]{background:var(--zand);font-weight:700}.visually-hidden[data-astro-cid-qbdcxiqz]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=40rem){.kraan-figuur[data-astro-cid-qbdcxiqz]{--tussen:1px}.uitleg-nu[data-astro-cid-qbdcxiqz]{margin-block:var(--ruimte-2) var(--ruimte-4);position:static}.nu[data-astro-cid-qbdcxiqz]:after{display:none}.jaren[data-astro-cid-qbdcxiqz] .even[data-astro-cid-qbdcxiqz]{visibility:hidden}.vloer-lang[data-astro-cid-qbdcxiqz]{display:none}}@media (prefers-reduced-motion:no-preference){.blok[data-astro-cid-qbdcxiqz]{animation:druppelen var(--val) both;animation-delay:var(--vertraging)}.toekomst[data-astro-cid-qbdcxiqz] .blok[data-astro-cid-qbdcxiqz]{animation:.4s ease-out both verschijnen;animation-delay:calc(var(--klaar) + var(--i) * 30ms)}.vloer[data-astro-cid-qbdcxiqz]{animation:.7s cubic-bezier(.3,.7,.2,1) both trekken;animation-delay:calc(var(--klaar) + .2s)}.lijn[data-astro-cid-qbdcxiqz]{animation:1.4s cubic-bezier(.4,0,.2,1) both tekenen;animation-delay:calc(var(--klaar) + .3s)}.nu-punt[data-astro-cid-qbdcxiqz]{animation:1.2s ease-out 3 both kloppen;animation-delay:calc(var(--klaar) + .9s)}@supports (timeline-trigger:--t view() contain){.kraan-figuur[data-astro-cid-qbdcxiqz]{timeline-trigger:--kraan view() entry 60% exit 100%}.kraan-figuur[data-astro-cid-qbdcxiqz].kraan-figuur [data-astro-cid-qbdcxiqz]:is(.blok,.vloer,.lijn,.nu-punt){animation-trigger:--kraan play-forwards}}}@keyframes druppelen{0%{opacity:0;border-radius:50%;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-50vh)scale(.45,.6)}10%{opacity:1}60%{border-radius:50%}68%{transform-origin:50% 100%;border-radius:2px;animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)scale(1.12,.78)}84%{transform:translateY(-8%)scale(.97,1.04)}to{opacity:1;transform:none}}@keyframes verschijnen{0%{opacity:0}}@keyframes trekken{0%{transform:scaleX(0)}}@keyframes tekenen{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes kloppen{0%{box-shadow:0 0 0 3px var(--ivoor), 0 0 0 3px var(--amber)}to{box-shadow:0 0 0 3px var(--ivoor), 0 0 0 1.25rem transparent}}
