.vink{--v-ink: #1e2b3c;--v-blauw: #3b6fd0;--v-blauw-donker: #2b5bb5;--v-cream: #fff1dc;--v-wit: #ffffff;--v-geel: #f2c14e;--v-geel-donker: #d9a21b;--v-geel-licht: #ffe99a;--v-oranje: #e9875b;--v-mond: #7a2e2e;--v-uit: cubic-bezier(.22, 1, .36, 1);--v-veer: cubic-bezier(.34, 1.56, .64, 1);--v-in: cubic-bezier(.55, 0, .75, .2);--v-reeks: 1;display:block;width:100%;height:auto;aspect-ratio:240 / 260;overflow:visible}.vink *{transform-box:view-box}.vink path,.vink circle,.vink ellipse,.vink rect{stroke-linecap:round;stroke-linejoin:round;paint-order:stroke}.v-schaduw{fill:var(--v-ink);opacity:.12;transform-origin:120px 226px}.v-lijf{fill:var(--v-blauw);stroke:var(--v-ink);stroke-width:7}.v-borst{fill:var(--v-cream)}.v-staart{fill:var(--v-blauw-donker);stroke:var(--v-ink);stroke-width:7;transform-origin:188px 184px}.v-vleugel-vorm{fill:var(--v-blauw-donker);stroke:var(--v-ink);stroke-width:7}.v-vleugel-streep{fill:none;stroke:var(--v-cream);stroke-width:4.5}.v-poot-ink{fill:none;stroke:var(--v-ink);stroke-width:10}.v-poot{fill:none;stroke:var(--v-geel);stroke-width:5}.v-kuif-ink{fill:none;stroke:var(--v-ink);stroke-width:19}.v-kuif-geel{fill:none;stroke:var(--v-geel);stroke-width:11}.v-kuif-glans{fill:none;stroke:var(--v-geel-licht);stroke-width:11;opacity:0}.v-wang{fill:var(--v-oranje);opacity:.45}.v-oogwit{fill:var(--v-wit);stroke:var(--v-ink);stroke-width:5}.v-pupil-vorm{fill:var(--v-ink)}.v-glans{fill:var(--v-wit)}.v-oog-blij,.v-oog-dicht{fill:none;stroke:var(--v-ink);stroke-width:6}.v-oog-blij{fill:var(--v-blauw);stroke-width:5}.v-mond{fill:var(--v-mond)}.v-snavel-boven-vorm{fill:var(--v-geel);stroke:var(--v-ink);stroke-width:5}.v-snavel-onder-vorm{fill:var(--v-geel-donker);stroke:var(--v-ink);stroke-width:5}.v-ster{fill:var(--v-geel-licht);stroke:var(--v-ink);stroke-width:4;transform-origin:150px 30px}.v-confetti>*{stroke:var(--v-ink);stroke-width:3;transform-box:fill-box;transform-origin:center}.v-confetti>:nth-child(1){--dx: -72px;--dy: -34px}.v-confetti>:nth-child(2){--dx: -46px;--dy: -56px}.v-confetti>:nth-child(3){--dx: -16px;--dy: -66px}.v-confetti>:nth-child(4){--dx: 14px;--dy: -62px}.v-confetti>:nth-child(5){--dx: 42px;--dy: -50px}.v-confetti>:nth-child(6){--dx: 68px;--dy: -28px}.v-confetti>:nth-child(7){--dx: 86px;--dy: -6px}.v-confetti>:nth-child(8){--dx: -60px;--dy: -10px}.v-confetti>:nth-child(1){fill:var(--v-geel)}.v-confetti>:nth-child(2){fill:var(--v-blauw)}.v-confetti>:nth-child(3){fill:var(--v-oranje)}.v-confetti>:nth-child(4){fill:var(--v-geel-licht)}.v-confetti>:nth-child(5){fill:var(--v-blauw)}.v-confetti>:nth-child(6){fill:var(--v-geel)}.v-confetti>:nth-child(7){fill:var(--v-oranje)}.v-confetti>:nth-child(8){fill:var(--v-cream)}.v-veer-vorm{fill:var(--v-geel);stroke:var(--v-ink);stroke-width:6}.v-veer-lijn{fill:none;stroke:var(--v-ink);stroke-width:3}.v-veer-schacht{fill:none;stroke:var(--v-ink);stroke-width:6}.v-veer{transform-origin:206px 150px}.v-zzz path,.v-noot path{fill:none;stroke:var(--v-ink);stroke-width:5.5}.v-noot ellipse{fill:var(--v-ink)}.v-dots circle{fill:var(--v-wit);stroke:var(--v-ink);stroke-width:4}.v-zzz path,.v-dots circle,.v-noot{transform-box:fill-box;transform-origin:center}.v-wortel,.v-adem{transform-origin:120px 208px}.v-gezicht{transform-origin:120px 118px}.v-kuif{transform-origin:112px 64px}.v-oog-l{transform-origin:92px 100px}.v-oog-r{transform-origin:148px 100px}.v-snavel-onder{transform-origin:120px 120px}.v-snavel-boven{transform-origin:120px 118px}.v-vleugel-l{transform-origin:60px 124px}.v-vleugel-r{transform-origin:180px 124px}.v-pupil{transition:transform .25s var(--v-uit)}.v-oog-blij,.v-oog-dicht,.v-ster,.v-confetti>*,.v-veer,.v-zzz path,.v-dots circle,.v-noot{opacity:0}.vink[data-toestand=goed] .v-pupil,.vink[data-toestand=klaar] .v-pupil,.vink[data-toestand=zwaait] .v-pupil,.vink[data-toestand=slaapt] .v-pupil,.vink[data-toestand=zingt] .v-pupil{opacity:0}.vink[data-toestand=goed] .v-oog-blij,.vink[data-toestand=klaar] .v-oog-blij,.vink[data-toestand=zwaait] .v-oog-blij,.vink[data-toestand=zingt] .v-oog-blij,.vink[data-toestand=slaapt] .v-oog-dicht{opacity:1}.vink[data-toestand=goed] .v-oogwit,.vink[data-toestand=klaar] .v-oogwit,.vink[data-toestand=zwaait] .v-oogwit,.vink[data-toestand=slaapt] .v-oogwit,.vink[data-toestand=zingt] .v-oogwit{opacity:0}.vink[data-toestand=goed] .v-wang,.vink[data-toestand=klaar] .v-wang{opacity:.8}.v-adem{animation:v-adem 3.6s ease-in-out infinite}.v-oog{animation:v-knipper 4.8s ease-in-out infinite}.v-kuif{animation:v-kuif-wiebel 7.5s ease-in-out infinite}.v-pupil{animation:v-kijk 11s ease-in-out infinite}@keyframes v-adem{50%{transform:scale(1.012,.98)}}@keyframes v-knipper{0%,92%,to{transform:scaleY(1)}95.5%{transform:scaleY(.06)}}@keyframes v-kuif-wiebel{0%,84%,to{transform:rotate(0)}87%{transform:rotate(-12deg)}91%{transform:rotate(8deg)}95%{transform:rotate(-3deg)}}@keyframes v-kijk{0%,66%,90%,to{transform:none}70%,84%{transform:translate(4px,-1px)}}.vink[data-toestand=spreekt] .v-snavel-onder{animation:v-praat .28s ease-in-out infinite}.vink[data-toestand=spreekt] .v-snavel-boven{animation:v-praat-boven .28s ease-in-out infinite}.vink[data-toestand=spreekt] .v-wortel{animation:v-hopje .56s ease-in-out infinite}@keyframes v-praat{50%{transform:rotate(34deg)}}@keyframes v-praat-boven{50%{transform:rotate(-9deg)}}@keyframes v-hopje{50%{transform:translateY(-3px)}}.vink[data-toestand=goed] .v-wortel{animation:v-spring .95s var(--v-uit)}.vink[data-toestand=goed] .v-schaduw{animation:v-schaduw-spring .95s var(--v-uit)}.vink[data-toestand=goed] .v-vleugel-l{animation:v-flap-l .95s var(--v-uit)}.vink[data-toestand=goed] .v-vleugel-r{animation:v-flap-r .95s var(--v-uit)}.vink[data-toestand=goed] .v-kuif-glans,.vink[data-toestand=klaar] .v-kuif-glans{animation:v-glans 1.1s ease-out .25s}.vink[data-toestand=goed] .v-ster,.vink[data-toestand=klaar] .v-ster{animation:v-ster .9s var(--v-uit) .3s}@keyframes v-spring{0%{transform:none}14%{transform:translateY(5px) scale(1.07,.88)}44%{transform:translateY(-36px) scale(.95,1.07)}70%{transform:translateY(0) scale(1.09,.9)}84%{transform:translateY(-5px) scale(.99,1.02)}to{transform:none}}@keyframes v-schaduw-spring{14%{transform:scale(1.06)}44%{transform:scale(.72);opacity:.06}70%{transform:scale(1.08)}to{transform:none}}@keyframes v-flap-l{14%{transform:rotate(-10deg)}44%{transform:rotate(115deg)}70%{transform:rotate(20deg)}to{transform:none}}@keyframes v-flap-r{14%{transform:rotate(10deg)}44%{transform:rotate(-115deg)}70%{transform:rotate(-20deg)}to{transform:none}}@keyframes v-glans{0%{opacity:0}35%{opacity:1}to{opacity:0}}@keyframes v-ster{0%{opacity:0;transform:scale(0) rotate(0)}45%{opacity:1;transform:scale(1.25) rotate(25deg)}to{opacity:0;transform:scale(.4) rotate(60deg)}}.vink[data-toestand=fout] .v-gezicht{animation:v-knik 1.3s ease-in-out}.vink[data-toestand=fout] .v-vleugel-r{animation:v-sus 1.5s var(--v-uit)}.vink[data-toestand=fout] .v-wortel{animation:v-leun 1.5s ease-in-out}@keyframes v-knik{0%,to{transform:none}22%{transform:translateY(9px) rotate(-7deg)}45%{transform:translateY(0) rotate(-1deg)}66%{transform:translateY(8px) rotate(-6deg)}86%{transform:translateY(-1px)}}@keyframes v-sus{0%{transform:none}22%{transform:rotate(66deg)}40%{transform:rotate(56deg)}58%{transform:rotate(66deg)}76%{transform:rotate(58deg)}to{transform:none}}@keyframes v-leun{0%,to{transform:none}30%,75%{transform:rotate(-3deg) scale(1.01,.99)}}.vink[data-toestand=klaar] .v-wortel{animation:v-feest 1.7s var(--v-uit)}.vink[data-toestand=klaar] .v-schaduw{animation:v-schaduw-feest 1.7s var(--v-uit)}.vink[data-toestand=klaar] .v-vleugel-l{animation:v-flap-l .85s var(--v-uit) 2}.vink[data-toestand=klaar] .v-vleugel-r{animation:v-flap-r .85s var(--v-uit) 2}.vink[data-toestand=klaar] .v-confetti>*{animation:v-confetti 1.9s var(--v-in) .35s both}.vink[data-toestand=klaar] .v-confetti>:nth-child(2){animation-delay:.5s}.vink[data-toestand=klaar] .v-confetti>:nth-child(3){animation-delay:.42s}.vink[data-toestand=klaar] .v-confetti>:nth-child(4){animation-delay:.6s}.vink[data-toestand=klaar] .v-confetti>:nth-child(5){animation-delay:.38s}.vink[data-toestand=klaar] .v-confetti>:nth-child(6){animation-delay:.55s}.vink[data-toestand=klaar] .v-confetti>:nth-child(7){animation-delay:.7s}.vink[data-toestand=klaar] .v-confetti>:nth-child(8){animation-delay:.65s}@keyframes v-feest{0%{transform:none}9%{transform:translateY(5px) scale(1.07,.88)}28%{transform:translateY(-34px) scale(.95,1.07)}46%{transform:translateY(0) scale(1.09,.9)}56%{transform:translateY(3px) scale(1.05,.93)}74%{transform:translateY(-28px) scale(.97,1.05)}90%{transform:translateY(0) scale(1.06,.94)}to{transform:none}}@keyframes v-schaduw-feest{28%,74%{transform:scale(.72);opacity:.06}46%,90%{transform:scale(1.08)}to{transform:none}}@keyframes v-confetti{0%{opacity:0;transform:translate(0) scale(.3)}14%{opacity:1;transform:translate(calc(var(--dx) * .55),calc(var(--dy) * .9)) scale(1)}to{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 110px)) rotate(260deg)}}.vink[data-toestand=reeks] .v-veer{animation:v-veer-groei 1.1s var(--v-veer) both,v-veer-zwaai 2.4s ease-in-out 1.1s infinite}.vink[data-toestand=reeks] .v-gezicht{transform:rotate(7deg);transition:transform .4s var(--v-uit)}.vink[data-toestand=reeks] .v-pupil{transform:translate(5px,-2px)}.vink[data-toestand=reeks] .v-wortel{animation:v-hopje-blij 1.2s var(--v-uit) .5s}@keyframes v-veer-groei{0%{opacity:0;transform:scale(0) rotate(-20deg)}30%{opacity:1}to{opacity:1;transform:scale(calc(.5 + .22 * var(--v-reeks))) rotate(0)}}@keyframes v-veer-zwaai{0%,to{transform:scale(calc(.5 + .22 * var(--v-reeks))) rotate(0)}50%{transform:scale(calc(.5 + .22 * var(--v-reeks))) rotate(6deg)}}@keyframes v-hopje-blij{0%,to{transform:none}15%{transform:translateY(3px) scale(1.04,.94)}45%{transform:translateY(-16px) scale(.98,1.03)}75%{transform:translateY(0) scale(1.04,.96)}}.vink[data-toestand=gemist] .v-gezicht{animation:v-schuin 4s ease-in-out infinite}.vink[data-toestand=gemist] .v-vleugel-l{animation:v-open-l 2.8s ease-in-out infinite}.vink[data-toestand=gemist] .v-vleugel-r{animation:v-open-r 2.8s ease-in-out infinite}@keyframes v-schuin{0%,to{transform:rotate(-7deg)}50%{transform:rotate(-9deg) translateY(1px)}}@keyframes v-open-l{0%,to{transform:rotate(26deg)}50%{transform:rotate(44deg)}}@keyframes v-open-r{0%,to{transform:rotate(-26deg)}50%{transform:rotate(-44deg)}}.vink[data-toestand=slaapt] .v-adem{animation:v-slaap 5.2s ease-in-out infinite}.vink[data-toestand=slaapt] .v-gezicht{transform:rotate(9deg) translateY(5px);transition:transform .8s var(--v-uit)}.vink[data-toestand=slaapt] .v-kuif{animation:none;transform:rotate(16deg);transition:transform .8s var(--v-uit)}.vink[data-toestand=slaapt] .v-oog{animation:none}.vink[data-toestand=slaapt] .v-zzz path{animation:v-zzz 3.6s ease-in-out infinite}.vink[data-toestand=slaapt] .v-zzz path:nth-child(2){animation-delay:1.2s}.vink[data-toestand=slaapt] .v-zzz path:nth-child(3){animation-delay:2.4s}@keyframes v-slaap{50%{transform:scale(1.025,.965)}}@keyframes v-zzz{0%{opacity:0;transform:translateY(8px) scale(.6)}30%,65%{opacity:1;transform:translate(2px) scale(1)}to{opacity:0;transform:translate(8px,-14px) scale(1.1)}}.vink[data-toestand=zwaait] .v-vleugel-r{animation:v-zwaai 1.7s ease-in-out}.vink[data-toestand=zwaait] .v-wortel{animation:v-leun-r 1.7s ease-in-out}@keyframes v-zwaai{0%{transform:none}14%{transform:rotate(-128deg)}30%{transform:rotate(-96deg)}46%{transform:rotate(-130deg)}62%{transform:rotate(-96deg)}78%{transform:rotate(-124deg)}to{transform:none}}@keyframes v-leun-r{0%,to{transform:none}20%,80%{transform:rotate(4deg) scale(1.01,.99)}}.vink[data-toestand=denkt] .v-pupil{transform:translate(4px,-6px);animation:none}.vink[data-toestand=denkt] .v-gezicht{transform:rotate(5deg);transition:transform .4s var(--v-uit)}.vink[data-toestand=denkt] .v-vleugel-r{transform:rotate(78deg);transition:transform .45s var(--v-veer)}.vink[data-toestand=denkt] .v-kuif{animation:v-kuif-denk 2.6s ease-in-out infinite}.vink[data-toestand=denkt] .v-dots circle{animation:v-dot-in .45s var(--v-veer) both,v-dot 1.8s ease-in-out .8s infinite}.vink[data-toestand=denkt] .v-dots circle:nth-child(2){animation-delay:.25s,1s}.vink[data-toestand=denkt] .v-dots circle:nth-child(3){animation-delay:.5s,1.2s}@keyframes v-kuif-denk{0%,to{transform:rotate(0)}50%{transform:rotate(-9deg)}}@keyframes v-dot-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@keyframes v-dot{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-3px)}}.vink[data-toestand=wijst] .v-vleugel-r{animation:v-wijs-r 1.1s ease-in-out infinite}.vink[data-toestand=wijst] .v-gezicht{transform:rotate(6deg) translate(3px);transition:transform .4s var(--v-uit)}.vink[data-toestand=wijst] .v-pupil{transform:translate(6px,1px);animation:none}.vink[data-toestand=wijst] .v-wortel{transform:rotate(4deg);transition:transform .4s var(--v-uit)}.vink[data-toestand=wijst][data-richting=links] .v-vleugel-r{animation:none}.vink[data-toestand=wijst][data-richting=links] .v-vleugel-l{animation:v-wijs-l 1.1s ease-in-out infinite}.vink[data-toestand=wijst][data-richting=links] .v-gezicht{transform:rotate(-6deg) translate(-3px)}.vink[data-toestand=wijst][data-richting=links] .v-pupil{transform:translate(-6px,1px)}.vink[data-toestand=wijst][data-richting=links] .v-wortel{transform:rotate(-4deg)}@keyframes v-wijs-r{0%,to{transform:rotate(-84deg)}50%{transform:translate(5px) rotate(-84deg)}}@keyframes v-wijs-l{0%,to{transform:rotate(84deg)}50%{transform:translate(-5px) rotate(84deg)}}.vink[data-toestand=zingt] .v-snavel-onder{animation:v-zing .6s ease-in-out infinite}.vink[data-toestand=zingt] .v-snavel-boven{animation:v-praat-boven .6s ease-in-out infinite}.vink[data-toestand=zingt] .v-wortel{animation:v-wieg 1.3s ease-in-out infinite}.vink[data-toestand=zingt] .v-noot{animation:v-noot 2.2s ease-in-out infinite}@keyframes v-zing{0%,to{transform:rotate(8deg)}50%{transform:rotate(30deg)}}@keyframes v-wieg{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes v-noot{0%{opacity:0;transform:translateY(12px) rotate(-10deg)}20%,65%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translate(8px,-26px) rotate(12deg)}}.vink[data-toestand=luistert] .v-gezicht{transform:rotate(-11deg);transition:transform .5s var(--v-uit)}.vink[data-toestand=luistert] .v-kuif{animation:none;transform:rotate(-8deg) scale(1.06);transition:transform .5s var(--v-veer)}.vink[data-toestand=luistert] .v-wortel{animation:v-wieg 3.2s ease-in-out infinite}.vink.vink-rustig,.vink.vink-rustig *{animation:none!important;transition:none!important}.vink.vink-rustig .v-oog{animation:v-knipper-stap 6s steps(1,end) infinite!important}@keyframes v-knipper-stap{0%,97%,to{transform:scaleY(1)}98%{transform:scaleY(.06)}}.vink.vink-rustig[data-toestand=goed] .v-vleugel-l,.vink.vink-rustig[data-toestand=klaar] .v-vleugel-l{transform:rotate(100deg)}.vink.vink-rustig[data-toestand=goed] .v-vleugel-r,.vink.vink-rustig[data-toestand=klaar] .v-vleugel-r{transform:rotate(-100deg)}.vink.vink-rustig[data-toestand=goed] .v-ster,.vink.vink-rustig[data-toestand=klaar] .v-ster{opacity:1;transform:scale(1.1) rotate(15deg)}.vink.vink-rustig[data-toestand=goed] .v-kuif-glans,.vink.vink-rustig[data-toestand=klaar] .v-kuif-glans{opacity:.9}.vink.vink-rustig[data-toestand=klaar] .v-confetti>*{opacity:1;transform:translateY(30px) rotate(30deg)}.vink.vink-rustig[data-toestand=fout] .v-vleugel-r{transform:rotate(62deg)}.vink.vink-rustig[data-toestand=fout] .v-gezicht{transform:translateY(4px) rotate(-4deg)}.vink.vink-rustig[data-toestand=reeks] .v-veer{opacity:1;transform:scale(calc(.5 + .22 * var(--v-reeks)))}.vink.vink-rustig[data-toestand=gemist] .v-vleugel-r{transform:rotate(-36deg)}.vink.vink-rustig[data-toestand=gemist] .v-vleugel-l{transform:rotate(36deg)}.vink.vink-rustig[data-toestand=gemist] .v-gezicht{transform:rotate(-8deg)}.vink.vink-rustig[data-toestand=slaapt] .v-zzz path{opacity:1}.vink.vink-rustig[data-toestand=zwaait] .v-vleugel-r{transform:rotate(-120deg)}.vink.vink-rustig[data-toestand=spreekt] .v-snavel-onder,.vink.vink-rustig[data-toestand=zingt] .v-snavel-onder{transform:rotate(22deg)}.vink.vink-rustig[data-toestand=zingt] .v-noot{opacity:1}.vink.vink-rustig[data-toestand=denkt] .v-dots circle{opacity:1}.vink.vink-rustig[data-toestand=wijst] .v-vleugel-r{transform:rotate(-84deg)}.vink.vink-rustig[data-toestand=wijst][data-richting=links] .v-vleugel-r{transform:none}.vink.vink-rustig[data-toestand=wijst][data-richting=links] .v-vleugel-l{transform:rotate(84deg)}