:root{--zijkolom:236px}.zijkolom .nav-stip{display:none}@media (min-width:768px){html[data-nav=dicht]{--zijkolom:68px}html[data-nav=dicht] .zijkolom .nav-tekst{display:none}html[data-nav=dicht] .zijkolom .nav-stip{display:block}html[data-nav=dicht] .zijkolom .nav-link{justify-content:center;padding-left:0;padding-right:0}html[data-nav=dicht] .zijkolom .nav-kop{height:1px;margin:10px 10px 6px;padding:0;overflow:hidden;background:var(--sidebar-border);color:transparent}html[data-nav=dicht] .zijkolom .nav-voet{flex-direction:column;gap:8px;padding-left:0;padding-right:0}html[data-nav=dicht] .zijkolom .nav-logo-breed{display:none}html[data-nav=dicht] .zijkolom .nav-logo-smal{display:grid}html[data-nav=dicht] .zijkolom .nav-kopregel{justify-content:center;padding-left:0;padding-right:0}}.zijkolom .nav-logo-smal{display:none}.paginavlak,.zijkolom{transition:width .2s ease-out,margin-left .2s ease-out}@media (min-width:768px){html[data-nav=dicht] .zijkolom .live-gezichten{flex-direction:column}}.voortgangsbalk{position:fixed;inset:0 0 auto 0;z-index:200;height:3px;pointer-events:none;opacity:0;transition:opacity .25s ease .1s}.voortgangsbalk[data-aan]{opacity:1;transition:opacity .1s ease}.voortgangsbalk>span{display:block;height:100%;transform-origin:left center;background:linear-gradient(90deg,color-mix(in srgb,var(--oker) 55%,transparent),var(--oker));box-shadow:0 0 10px color-mix(in srgb,var(--oker) 70%,transparent),0 0 2px var(--oker);border-radius:0 3px 3px 0;transition:transform .22s ease-out}.bezigbordje{position:fixed;left:50%;bottom:22px;z-index:200;display:flex;align-items:center;gap:10px;padding:9px 16px 9px 13px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--foreground);background:var(--card);box-shadow:0 0 0 1px color-mix(in srgb,var(--oker) 45%,transparent),0 10px 30px -8px rgb(0 0 0/.45);pointer-events:none;opacity:0;transform:translate(-50%,14px) scale(.96);transition:opacity .2s ease,transform .28s cubic-bezier(.22,.7,.28,1)}.bezigbordje[data-aan]{opacity:1;transform:translate(-50%) scale(1)}.bezigstippen{display:inline-flex;align-items:flex-end;gap:4px;height:14px}.bezigstippen i{width:6px;height:6px;border-radius:50%;background:var(--oker);animation:stip-stuiter .9s ease-in-out infinite}.bezigstippen i:nth-child(2){animation-delay:.12s}.bezigstippen i:nth-child(3){animation-delay:.24s}@keyframes stip-stuiter{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-7px);opacity:1}}[data-bezig]{position:relative;pointer-events:none;color:transparent!important}[data-bezig]>*{visibility:hidden}[data-bezig]:after{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 0%,var(--foreground) 35%);border-top-color:var(--oker);animation:knop-draai .6s linear infinite}[data-bezig][data-variant=default]:after{border-color:#322343 rgb(50 35 67/.3) rgb(50 35 67/.3)}@keyframes knop-draai{to{transform:rotate(1turn)}}[data-slot=button]:active:not([data-bezig]){transform:translateY(1px) scale(.98)}.geraamte{position:relative;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--foreground) 7%,transparent)}.geraamte:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--oker) 12%,transparent),transparent);animation:geraamte-veeg 1.3s ease-in-out infinite}@keyframes geraamte-veeg{to{transform:translateX(100%)}}.werkstroom{display:flex;align-items:flex-start;overflow-x:auto;padding:6px 2px 4px;scrollbar-width:thin}.werkstap{position:relative;display:flex;flex:1 0 96px;flex-direction:column;align-items:center;min-width:96px;max-width:170px;text-align:center}.werkstap:not(:last-child):after,.werkstap:not(:last-child):before{content:"";position:absolute;top:25px;left:calc(50% + 30px);right:calc(-50% + 30px);height:3px;border-radius:3px}.werkstap:not(:last-child):before{background:color-mix(in srgb,var(--foreground) 12%,transparent)}.werkstap[data-staat=klaar]:not(:last-child):after{background:#10b981}.werkstap[data-staat=bezig]:not(:last-child):after{background:linear-gradient(90deg,var(--oker) 0 40%,transparent 40% 60%,var(--oker) 60% 100%);background-size:28px 100%;opacity:.85;animation:stroom-loop .7s linear infinite}@keyframes stroom-loop{to{background-position:28px 0}}.werkgezicht{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--foreground) 14%,transparent);transition:transform .25s ease}.werkgezicht img{animation:none!important}.werkstap[data-staat=straks] .werkgezicht{opacity:.45;filter:grayscale(1)}.werkstap[data-staat=klaar] .werkgezicht{box-shadow:0 0 0 2px #10b981}.werkstap[data-staat=wacht] .werkgezicht,.werkstap[data-staat=wachtrij] .werkgezicht{box-shadow:0 0 0 2px var(--oker)}.werkstap[data-staat=geblokkeerd] .werkgezicht{box-shadow:0 0 0 2px #e4003a}.werkstap[data-staat=bezig] .werkgezicht{transform:scale(1.08);box-shadow:0 0 0 2px var(--oker)}.werkstap[data-staat=bezig] .werkgezicht:before{content:"";position:absolute;inset:-7px;border-radius:50%;border-left:2px solid transparent;border-bottom:2px solid transparent;border-top:2px solid transparent;border-top-color:var(--oker);border-right:2px solid transparent;border-right-color:color-mix(in srgb,var(--oker) 35%,transparent);animation:knop-draai 1.1s linear infinite}.werkstap[data-staat=bezig] .werkgezicht:after{content:"";position:absolute;inset:0;border-radius:50%;animation:werk-gloed 1.8s ease-in-out infinite}@keyframes werk-gloed{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--oker) 45%,transparent)}50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--oker) 0%,transparent)}}.werkicoon{place-items:center;width:52px;height:52px;color:var(--muted-foreground);background:color-mix(in srgb,var(--foreground) 8%,transparent)}.werkicoon,.werkmerk{display:grid;border-radius:50%}.werkmerk{position:absolute;right:-3px;bottom:-3px;place-items:center;width:19px;height:19px;color:#fff;box-shadow:0 0 0 2px var(--card)}.werkmerk[data-staat=klaar]{background:#10b981}.werkmerk[data-staat=wacht]{background:var(--oker);color:#322343}.werkmerk[data-staat=geblokkeerd]{background:#e4003a}@media (prefers-reduced-motion:reduce){.bezigstippen i,.geraamte:after,.werkgezicht:after,.werkgezicht:before,.werkstap:after{animation:none!important}}.paginavlak :is(input:not([type=checkbox],[type=radio],[type=file],[type=hidden],[type=range],[type=color],[type=submit],[type=button]),textarea):not([data-slot],[cmdk-input],[class*=border-0],[class*=border-transparent],[class*=border-none],[class*=bg-transparent],.keuze-native){border:1px solid var(--input);border-radius:.5rem;background-color:var(--card);color:var(--foreground);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.paginavlak :is(input,textarea):not([data-slot],[cmdk-input],[type=checkbox],[type=radio],[type=file],[type=range],[class*=border-0],[class*=border-transparent],[class*=border-none],[class*=bg-transparent]):focus{border-color:var(--oker);box-shadow:0 0 0 2px color-mix(in srgb,var(--oker) 20%,transparent)}.paginavlak :is(input,textarea)::placeholder{color:var(--muted-foreground)}.vonk{left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:5}.vonk,.vonk i{position:absolute}.vonk i{left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--oker);box-shadow:0 0 8px var(--oker);opacity:0;animation:vonk-uit 1.1s cubic-bezier(.16,.8,.3,1) forwards}.vonk i:nth-child(3n){width:4px;height:4px;background:#fff3c4}.vonk i:nth-child(3n+1){animation-delay:.05s}@keyframes vonk-uit{0%{opacity:1;transform:rotate(var(--hoek)) translateY(0) scale(1)}70%{opacity:1}to{opacity:0;transform:rotate(var(--hoek)) translateY(calc(var(--ver) * -1)) scale(.2)}}.snelkaart{animation:snelkaart-in .28s cubic-bezier(.22,.7,.28,1) both}.snelkaart[data-weg=goedgekeurd]{animation:snelkaart-ja .26s ease-in forwards}.snelkaart[data-weg=afgewezen]{animation:snelkaart-nee .26s ease-in forwards}@keyframes snelkaart-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes snelkaart-ja{to{opacity:0;transform:translateX(70px) rotate(2.5deg)}}@keyframes snelkaart-nee{to{opacity:0;transform:translateX(-70px) rotate(-2.5deg)}}.toets{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;font-size:11.5px;font-weight:700;line-height:1;background:color-mix(in srgb,currentColor 14%,transparent);box-shadow:inset 0 -1.5px 0 color-mix(in srgb,currentColor 25%,transparent)}.aftelbalk{transform-origin:left center;animation:aftellen linear forwards}@keyframes aftellen{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.vonk{display:none}.snelkaart,.snelkaart[data-weg]{animation:none}}.daan-bezig{animation:snelkaart-in .3s cubic-bezier(.22,.7,.28,1) both}.daan-bezig-gezicht{position:relative;display:grid;place-items:center;border-radius:50%;box-shadow:0 0 0 2px var(--oker)}.daan-bezig-gezicht img{animation:none!important}.daan-bezig-gezicht:before{content:"";position:absolute;inset:-6px;border-radius:50%;border-left:2px solid transparent;border-bottom:2px solid transparent;border-top:2px solid transparent;border-top-color:var(--oker);border-right:2px solid transparent;border-right-color:color-mix(in srgb,var(--oker) 35%,transparent);animation:knop-draai 1s linear infinite}.daan-bezig-gezicht:after{content:"";position:absolute;inset:0;border-radius:50%;animation:werk-gloed 1.6s ease-in-out infinite}.daan-bezig-ballon:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--oker) 22%,transparent) 50%,transparent 70%);animation:geraamte-veeg 2.2s ease-in-out infinite;pointer-events:none}.daan-stippen{display:inline-flex;align-items:flex-end;gap:5px;height:18px;width:34px}.daan-stippen i{width:8px;height:8px;border-radius:50%;background:var(--oker);box-shadow:0 0 8px color-mix(in srgb,var(--oker) 60%,transparent);animation:stip-stuiter .9s ease-in-out infinite}.daan-stippen i:nth-child(2){animation-delay:.13s}.daan-stippen i:nth-child(3){animation-delay:.26s}.daan-icoon{animation:daan-icoon-in .35s ease both,daan-icoon-wieg 1.8s ease-in-out .35s infinite}@keyframes daan-icoon-in{0%{opacity:0;transform:scale(.5) rotate(-20deg)}to{opacity:1;transform:none}}@keyframes daan-icoon-wieg{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.daan-regel{animation:daan-regel-in .4s ease both}@keyframes daan-regel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.schrijfstreep:after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:text-bottom;background:var(--oker);animation:streep-knipper .9s steps(2,start) infinite}@keyframes streep-knipper{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.daan-bezig,.daan-bezig-ballon:after,.daan-bezig-gezicht:after,.daan-bezig-gezicht:before,.daan-icoon,.daan-regel,.daan-stippen i,.schrijfstreep:after{animation:none!important}}