:root{--stap: 40ms;--stap-regel: 25ms;--stap-staaf: 20ms;--afstand: 6px;--afstand-regel: 4px;--afstand-klein: 2px;--afstand-toast: 8px;--dur-weg: 70ms;--dur-in: .11s;--laad-wacht: .3s;--dur-draai: .9s;--dur-oplicht: 1.6s}@keyframes op{0%{opacity:0;transform:translateY(var(--y, var(--afstand)))}}@keyframes vloei{0%{opacity:0}}@keyframes vloei-weg{to{opacity:0}}@keyframes groei{0%{transform:scaleY(0)}}@keyframes draai{to{transform:rotate(360deg)}}@keyframes oplicht{0%{background:var(--color-accent-bg)}}[data-komt-op]>*,[data-komt-op]>.stack>*{--i: 8}[data-komt-op]>:nth-child(1),[data-komt-op]>.stack>:nth-child(1){--i: 0}[data-komt-op]>:nth-child(2),[data-komt-op]>.stack>:nth-child(2){--i: 1}[data-komt-op]>:nth-child(3),[data-komt-op]>.stack>:nth-child(3){--i: 2}[data-komt-op]>:nth-child(4),[data-komt-op]>.stack>:nth-child(4){--i: 3}[data-komt-op]>:nth-child(5),[data-komt-op]>.stack>:nth-child(5){--i: 4}[data-komt-op]>:nth-child(6),[data-komt-op]>.stack>:nth-child(6){--i: 5}[data-komt-op]>:nth-child(7),[data-komt-op]>.stack>:nth-child(7){--i: 6}[data-komt-op]>:nth-child(8),[data-komt-op]>.stack>:nth-child(8){--i: 7}[data-komt-op]>:not(.page-head,.kruimels,.schermlezer,.stack,.kerncijfers,.tegelrij,.paneel,.toast),[data-komt-op]>.stack>:not(.page-head,.schermlezer,.kerncijfers,.tegelrij,.paneel){animation:op var(--dur-3) var(--ease) backwards;animation-delay:calc(var(--i) * var(--stap))}[data-komt-op] :is(.kerncijfers,.tegelrij)>*{animation:op var(--dur-3) var(--ease) backwards;animation-delay:calc((var(--i, 0) + var(--j, 0)) * var(--stap))}[data-komt-op] :is(.kerncijfers,.tegelrij)>:nth-child(2){--j: 1}[data-komt-op] :is(.kerncijfers,.tegelrij)>:nth-child(3){--j: 2}[data-komt-op] :is(.kerncijfers,.tegelrij)>:nth-child(4){--j: 3}[data-komt-op] :is(.kerncijfers,.tegelrij)>:nth-child(n+5){--j: 4}[data-komt-op] :is(.tabel__rij,.list-row):nth-child(-n+9){--y: var(--afstand-regel);animation:op var(--dur-2) var(--ease) backwards;animation-delay:calc(var(--i, 0) * var(--stap) + var(--r, 0) * var(--stap-regel))}[data-komt-op] :is(.tabel__rij,.list-row):nth-child(2){--r: 1}[data-komt-op] :is(.tabel__rij,.list-row):nth-child(3){--r: 2}[data-komt-op] :is(.tabel__rij,.list-row):nth-child(4){--r: 3}[data-komt-op] :is(.tabel__rij,.list-row):nth-child(5){--r: 4}[data-komt-op] :is(.tabel__rij,.list-row):nth-child(6){--r: 5}[data-komt-op] :is(.tabel__rij,.list-row):nth-child(7){--r: 6}[data-komt-op] :is(.tabel__rij,.list-row):nth-child(n+8){--r: 7}[data-komt-op] .blokgrafiek__blok{--y: var(--afstand-regel);animation:op var(--dur-2) var(--ease) backwards;animation-delay:calc(var(--n, 0) * var(--blok-stap, var(--stap-staaf)))}[data-komt-op] .staafgrafiek__raster{animation:vloei var(--dur-2) linear backwards;animation-delay:calc(var(--i, 0) * var(--stap) + var(--dur-1))}[data-komt-op] .staafgrafiek__stapel{transform-origin:bottom;animation:groei var(--dur-3) var(--ease) backwards;animation-delay:calc(var(--i, 0) * var(--stap) + var(--dur-1) + var(--k, 0) * var(--stap-staaf))}.laden{animation:vloei var(--dur-2) linear var(--laad-wacht) backwards}::view-transition-old(root){animation:vloei-weg var(--dur-weg) linear both}::view-transition-new(root){animation:vloei var(--dur-in) linear var(--dur-weg) both}.topbar{view-transition-name:bovenbalk}.rail{view-transition-name:zijbalk}.tabbalk{view-transition-name:tabbalk}::view-transition-group(bovenbalk),::view-transition-group(zijbalk),::view-transition-group(tabbalk){animation:none}::view-transition-old(bovenbalk),::view-transition-old(zijbalk),::view-transition-old(tabbalk){display:none}::view-transition-new(bovenbalk),::view-transition-new(zijbalk),::view-transition-new(tabbalk){animation:none}.menu,.staafgrafiek__tip{--y: calc(-1 * var(--afstand-klein));animation:op var(--dur-1) var(--ease) backwards}.tabpaneel{animation:vloei var(--dur-1) linear backwards}.is-gewisseld :is(.tabel__rij,.list-row){animation:vloei var(--dur-1) linear backwards}.wissel{animation:vloei var(--dur-1) linear backwards}@keyframes toast-op{0%{opacity:0;transform:translate(-50%,var(--afstand-toast))}}.toast{animation:toast-op var(--dur-2) var(--ease) backwards}.btn.is-bezig svg{animation:draai var(--dur-draai) linear infinite}.is-opgelicht,.tabel__rij.is-opgelicht{animation:oplicht var(--dur-oplicht) var(--ease)}:root[data-animaties=rustig] [data-komt-op] :is(.tabel__rij,.list-row,.staafgrafiek__raster,.staafgrafiek__stapel),:root[data-animaties=rustig] [data-komt-op]>*,:root[data-animaties=rustig] [data-komt-op]>.stack>*,:root[data-animaties=rustig] [data-komt-op] :is(.kerncijfers,.tegelrij)>*,:root[data-animaties=rustig] :is(.menu,.staafgrafiek__tip,.toast,.paneel__doos,.paneel){animation-name:vloei;animation-duration:var(--dur-1);animation-delay:0ms;animation-timing-function:linear}:root[data-animaties=rustig] .btn.is-bezig svg{animation:none}:root[data-animaties=rustig] [data-komt-op] .blokgrafiek__blok{animation:none}:root[data-animaties=rustig] [data-komt-op] .blokgrafiek__veld{animation:vloei var(--dur-2) linear backwards}:root[data-animaties=rustig] .staafgrafiek__deel{transition:none}:root[data-animaties=uit] *:not(.laden),:root[data-animaties=uit] *:before,:root[data-animaties=uit] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){:root:not([data-animaties]) *,:root:not([data-animaties]) *:before,:root:not([data-animaties]) *:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}}