.kaart-schets{--pd: rgb(23 24 28 / .2);--pl: rgb(23 24 28 / .1);--ka: var(--accent, #2563eb);--gang: cubic-bezier(.3, .7, .15, 1);position:relative;width:100%;max-width:100%;aspect-ratio:2 / 1;overflow:hidden;container-type:inline-size;margin-bottom:1.25rem;border-radius:10px;background:var(--ks-achter, #f3f2ee);box-shadow:0 0 0 1px #17181c0f inset}.kaart-schets :is(i,b,s,u,em,figure,span){display:block;margin:0;padding:0;font-style:normal;text-decoration:none}.kaart-schets ul{list-style:none;margin:0;padding:0}.kaart-schets *{box-sizing:border-box;animation-fill-mode:both;animation-iteration-count:infinite;animation-timing-function:var(--gang)}.kaart-schets .ks-venster,.kaart-schets .ks-blad,.kaart-schets .ks-doel{position:absolute;overflow:hidden;background:#fff;border-radius:1.6cqw 1.6cqw 0 0;box-shadow:0 0 0 .2cqw #17181c14,0 2.5cqw 5cqw -2.5cqw #17181c4d}.kaart-schets .ks-venster{inset:6cqw 9cqw -2cqw}.kaart-schets .ks-balk{height:4.4cqw;border-bottom:.2cqw solid #ecebe6;background:radial-gradient(circle,#dcdad3 .7cqw,transparent .75cqw) 2.2cqw 50% / 2.4cqw 2.4cqw repeat-x;background-size:2.4cqw 100%;width:100%;-webkit-mask:linear-gradient(90deg,#000 9.6cqw,transparent 9.6cqw);mask:linear-gradient(90deg,#000 9.6cqw,transparent 9.6cqw)}@keyframes ks-in{0%,6%{opacity:0;transform:translateY(2.2cqw)}18%,86%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}.ks-app .ks-tel{position:absolute;left:50%;top:5.5cqw;bottom:-9cqw;width:30cqw;margin-left:-15cqw;overflow:hidden;background:#fff;border-radius:4.2cqw 4.2cqw 0 0;box-shadow:0 0 0 1.1cqw #4a4d57,0 0 0 1.3cqw #ffffff29,0 4cqw 7cqw -3cqw #0f0f1466}.ks-app .ks-tel-kop{display:flex;align-items:center;justify-content:space-between;height:8cqw;padding:0 2.6cqw;border-bottom:.2cqw solid #ecebe6}.ks-app .ks-tel-kop b{width:10cqw;height:1.6cqw;border-radius:1cqw;background:var(--pd)}.ks-app .ks-tel-kop em{width:3.4cqw;height:3.4cqw;border-radius:50%;background:color-mix(in srgb,var(--ka) 18%,#ffffff)}.ks-app .ks-rijen{display:grid;gap:1.1cqw;padding:2.2cqw 2.6cqw}.ks-app .ks-rijen li{display:flex;align-items:center;gap:2cqw;height:6.4cqw;padding:0 1.6cqw;border-radius:1.4cqw;background:#f7f6f2;animation-name:ks-in;animation-duration:6s}.ks-app .ks-rijen b{width:11cqw;height:1.3cqw;border-radius:1cqw;background:var(--pd);animation-name:ks-gedaan;animation-duration:6s}.ks-app .ks-rijen s{width:4cqw;height:1cqw;margin-left:auto;border-radius:1cqw;background:var(--pl)}.ks-app .ks-vink{position:relative;flex:none;width:3.2cqw;height:3.2cqw;border-radius:50%;border:.35cqw solid var(--ka);background:var(--ka);animation-name:ks-vink;animation-duration:6s}.ks-app .ks-vink:after{content:"";position:absolute;left:31%;top:16%;width:30%;height:52%;border:solid #ffffff;border-width:0 .45cqw .45cqw 0;transform:rotate(45deg);animation:ks-vinkje 6s var(--gang) infinite both;animation-delay:inherit}@keyframes ks-vink{0%,30%{background:transparent;border-color:#d6d4cd}38%,86%{background:var(--ka);border-color:var(--ka)}96%,to{background:transparent;border-color:#d6d4cd}}@keyframes ks-vinkje{0%,32%{opacity:0;transform:rotate(45deg) scale(.4)}40%,86%{opacity:1;transform:rotate(45deg)}96%,to{opacity:0}}@keyframes ks-gedaan{0%,32%{opacity:1}42%,86%{opacity:.45}96%,to{opacity:1}}.ks-app .ks-rijen li:nth-child(1),.ks-app .ks-rijen li:nth-child(1) *{animation-delay:0s}.ks-app .ks-rijen li:nth-child(2),.ks-app .ks-rijen li:nth-child(2) *{animation-delay:.35s}.ks-app .ks-rijen li:nth-child(3),.ks-app .ks-rijen li:nth-child(3) *{animation-delay:.7s}.ks-app .ks-rijen li:nth-child(4),.ks-app .ks-rijen li:nth-child(4) *{animation-delay:1.05s}.ks-app .ks-rijen li:nth-child(4) .ks-vink{animation-name:none;background:transparent;border-color:#d6d4cd}.ks-app .ks-rijen li:nth-child(4) .ks-vink:after{animation:none;opacity:0}.ks-app .ks-rijen li:nth-child(4) b{animation-name:none}.ks-website .ks-nav{display:flex;align-items:center;gap:2cqw;height:6cqw;padding:0 4cqw;border-bottom:.2cqw solid #f0efea;animation:ks-in 7s var(--gang) infinite both}.ks-website .ks-nav b{width:8cqw;height:1.5cqw;border-radius:1cqw;background:var(--pd)}.ks-website .ks-nav span{display:flex;gap:1.6cqw;margin-left:auto}.ks-website .ks-nav span i{width:4cqw;height:.9cqw;border-radius:.5cqw;background:var(--pl)}.ks-website .ks-nav em{width:7cqw;height:2.4cqw;border-radius:.6cqw;background:var(--ka)}.ks-website .ks-held{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:4cqw;padding:4.5cqw 4cqw 0}.ks-website .ks-held-tekst{display:grid;justify-items:start;gap:1.2cqw}.ks-website .ks-held-tekst>*{animation:ks-in 7s var(--gang) infinite both}.ks-website .ks-held-tekst u{height:2.5cqw;border-radius:1.2cqw;background:var(--pd)}.ks-website .ks-held-tekst u:nth-child(1){width:26cqw;animation-delay:.2s;transform-origin:left center}.ks-website .ks-held-tekst u:nth-child(2){width:18cqw;animation-delay:.3s}.ks-website .ks-held-tekst s{width:24cqw;height:1.1cqw;border-radius:.6cqw;background:var(--pl)}.ks-website .ks-held-tekst s:nth-of-type(1){margin-top:.8cqw;animation-delay:.45s}.ks-website .ks-held-tekst s:nth-of-type(2){width:19cqw;animation-delay:.55s}.ks-website .ks-held-tekst em{width:9cqw;height:3cqw;margin-top:1cqw;border-radius:.7cqw;background:var(--ka);animation-delay:.7s}.ks-website .ks-held-tekst u:nth-child(1){animation-name:ks-in,ks-bewerk;animation-duration:7s,7s;animation-delay:.2s,0s}@keyframes ks-bewerk{0%,50%{box-shadow:0 0 0 0 transparent;background:var(--pd);width:26cqw}56%,66%{box-shadow:0 0 0 .6cqw color-mix(in srgb,var(--ka) 30%,transparent);background:var(--pd);width:26cqw}74%,86%{box-shadow:0 0 0 .6cqw color-mix(in srgb,var(--ka) 30%,transparent);background:color-mix(in srgb,var(--ka) 55%,var(--pd));width:20cqw}96%,to{box-shadow:0 0 0 0 transparent;width:20cqw}}.ks-website figure{position:relative;align-self:stretch;min-height:22cqw;overflow:hidden;border-radius:1cqw;background:color-mix(in srgb,var(--ka) 30%,#ffffff);animation:ks-beeld 7s var(--gang) infinite both;animation-delay:.4s}.ks-website figure:before{content:"";position:absolute;left:-15%;right:-15%;bottom:-45%;height:85%;border-radius:50%;background:color-mix(in srgb,var(--ka) 75%,#000000);opacity:.55}.ks-website figure:after{content:"";position:absolute;right:18%;top:18%;width:5cqw;height:5cqw;border-radius:50%;background:#fff;opacity:.8}@keyframes ks-beeld{0%,8%{opacity:0;transform:scale(.94)}22%,86%{opacity:1;transform:none}96%,to{opacity:0}}.ks-website .ks-muis{position:absolute;left:0;top:0;width:3.4cqw;height:4.4cqw;background:#17181c;clip-path:polygon(0 0,0 78%,28% 58%,48% 100%,62% 93%,43% 54%,78% 54%);filter:drop-shadow(0 .3cqw .4cqw rgb(0 0 0 / .25));opacity:0;animation:ks-muis 7s var(--gang) infinite both}@keyframes ks-muis{0%,34%{opacity:0;transform:translate(60cqw,34cqw)}40%{opacity:1;transform:translate(60cqw,34cqw)}52%,84%{opacity:1;transform:translate(22cqw,14.5cqw)}92%,to{opacity:0;transform:translate(22cqw,14.5cqw)}}.ks-koppeling .ks-blad{left:6cqw;top:9cqw;width:33cqw;bottom:-2cqw}.ks-koppeling .ks-cellen{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.25cqw;padding:.25cqw;background:#ecebe6}.ks-koppeling .ks-cellen i{height:5.2cqw;background:#fff;position:relative}.ks-koppeling .ks-cellen i:after{content:"";position:absolute;left:1.2cqw;top:50%;width:55%;height:1cqw;margin-top:-.5cqw;border-radius:.5cqw;background:var(--pl)}.ks-koppeling .ks-cellen i:nth-child(3n+1):after{background:var(--pd);width:65%}.ks-koppeling .ks-cellen i:nth-child(-n+3){background:#f7f6f2}.ks-koppeling .ks-doel{right:6cqw;top:9cqw;width:33cqw;bottom:-2cqw}.ks-koppeling .ks-doel ul{display:grid;gap:1.2cqw;padding:2.4cqw}.ks-koppeling .ks-doel li{height:5.6cqw;border-radius:1.2cqw;background:#f7f6f2;display:flex;align-items:center;padding:0 1.6cqw}.ks-koppeling .ks-doel li i{height:1.6cqw;width:80%;border-radius:1cqw;background:var(--ka);transform-origin:left center;animation-name:ks-vul;animation-duration:6s}.ks-koppeling .ks-doel li:nth-child(2) i{width:62%;animation-delay:.5s}.ks-koppeling .ks-doel li:nth-child(3) i{width:72%;animation-delay:1s}.ks-koppeling .ks-doel li:nth-child(4) i{width:50%;animation-delay:1.5s}@keyframes ks-vul{0%,22%{transform:scaleX(0);opacity:.3}34%,86%{transform:none;opacity:.85}96%,to{transform:scaleX(0);opacity:.3}}.ks-koppeling .ks-lijn{position:absolute;left:39cqw;right:39cqw;top:26cqw;height:.5cqw;background:repeating-linear-gradient(90deg,var(--pd) 0 1.2cqw,transparent 1.2cqw 2.2cqw)}.ks-koppeling .ks-lijn i{position:absolute;left:0;top:50%;width:2.6cqw;height:2.6cqw;margin:-1.3cqw 0 0 -1.3cqw;border-radius:50%;background:var(--ka);box-shadow:0 0 0 .7cqw color-mix(in srgb,var(--ka) 22%,transparent);animation-name:ks-stroom;animation-duration:1.6s;animation-timing-function:cubic-bezier(.45,0,.55,1)}.ks-koppeling .ks-lijn i:nth-child(2){animation-delay:.53s}.ks-koppeling .ks-lijn i:nth-child(3){animation-delay:1.07s}@keyframes ks-stroom{0%{opacity:0;transform:translate(0) scale(.6)}15%{opacity:1;transform:translate(3cqw) scale(1)}85%{opacity:1;transform:translate(19cqw) scale(1)}to{opacity:0;transform:translate(22cqw) scale(.6)}}.ks-prototype .ks-proto{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr;gap:1.8cqw 3cqw;padding:3cqw 4cqw;height:calc(100% - 4.4cqw)}.ks-prototype .ks-proto i{border-radius:1cqw;border:.35cqw dashed transparent;background:var(--vul);animation-name:ks-echt;animation-duration:6.5s}.ks-prototype .ks-p-kop{grid-column:1 / -1;height:4.4cqw;--vul: #f7f6f2;animation-delay:0s}.ks-prototype .ks-p-beeld{grid-row:2 / 5;grid-column:2;--vul: color-mix(in srgb, var(--ka) 30%, #ffffff);animation-delay:.45s}.ks-prototype .ks-p-regel{grid-column:1;height:2.4cqw;--vul: var(--pd)}.ks-prototype .ks-p-regel:nth-child(3){animation-delay:.9s}.ks-prototype .ks-p-regel:nth-child(4){width:75%;--vul: var(--pl);animation-delay:1.15s}.ks-prototype .ks-p-knop{grid-column:1;align-self:start;width:13cqw;height:4cqw;margin-top:1cqw;--vul: var(--ka);animation-delay:1.5s}@keyframes ks-echt{0%,14%{border-color:#c9c7bf;background:transparent}26%,86%{border-color:transparent;background:var(--vul)}96%,to{border-color:#c9c7bf;background:transparent}}.ks-week .ks-venster{top:7cqw;bottom:7cqw;border-radius:1.6cqw}.ks-week .ks-dagen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2cqw;padding:3cqw 4cqw 2.4cqw}.ks-week .ks-dag{display:grid;gap:1.2cqw}.ks-week .ks-dag i{width:55%;height:1cqw;border-radius:.5cqw;background:var(--pd)}.ks-week .ks-dag b{position:relative;height:13cqw;overflow:hidden;border-radius:1.2cqw;background:#f7f6f2}.ks-week .ks-dag b:after{content:"";position:absolute;inset:0;background:var(--ka);transform-origin:bottom;animation:ks-dag 6s var(--gang) infinite both;animation-delay:inherit}.ks-week .ks-dag:nth-child(2) b{animation-delay:.4s}.ks-week .ks-dag:nth-child(3) b{animation-delay:.8s}.ks-week .ks-dag:nth-child(4) b{animation-delay:1.2s}.ks-week .ks-dag:nth-child(5) b{animation-delay:1.6s}@keyframes ks-dag{0%,8%{transform:scaleY(0);opacity:.9}18%,86%{transform:none;opacity:.9}96%,to{transform:scaleY(0)}}.ks-week .ks-voort{display:flex;align-items:center;gap:2.4cqw;padding:0 4cqw}.ks-week .ks-voort span{flex:1;height:1.3cqw;overflow:hidden;border-radius:1cqw;background:#ecebe6}.ks-week .ks-voort span i{height:100%;background:var(--ka);transform-origin:left;animation:ks-voort 6s cubic-bezier(.45,0,.55,1) infinite both}@keyframes ks-voort{0%,6%{transform:scaleX(0)}44%,86%{transform:none}96%,to{transform:scaleX(0)}}.ks-week .ks-voort em{display:flex;align-items:center;gap:1.2cqw;padding:1cqw 1.8cqw;border-radius:3cqw;background:#f7f6f2}.ks-week .ks-voort em i{position:relative;width:2.4cqw;height:2.4cqw;border-radius:50%;background:var(--ks-live, #22a06b);animation:ks-live 6s var(--gang) infinite both}.ks-week .ks-voort em i:after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:ks-puls 1.6s ease-out infinite both}.ks-week .ks-voort em b{width:5cqw;height:1.2cqw;border-radius:.6cqw;background:var(--pd)}@keyframes ks-live{0%,44%{background:#d6d4cd;transform:scale(.85)}50%,86%{background:var(--ks-live, #22a06b);transform:none}96%,to{background:#d6d4cd}}@keyframes ks-puls{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@media(prefers-reduced-motion:reduce){.kaart-schets *,.kaart-schets *:before,.kaart-schets *:after{animation:none!important}}
