.kop-schets{width:100%;min-width:0}.schets{position:relative;width:min(100%,704px);aspect-ratio:100 / 56;margin-inline:auto}@media(min-width:900px){.schets{width:min(100%,704px,calc((100dvh - 192px) / .56))}}.kop-links .schets{margin-inline:0}.schets-toestel{position:absolute;left:7.6%;top:0;width:84.8%;padding:1% 1% 1.4%;border-radius:2.2% 2.2% 0 0/3.4% 3.4% 0 0;background:#4a4d57;box-shadow:0 0 0 1px #ffffff29 inset,0 1px 2px #0f0f1424,0 30px 50px -22px #0f0f1452;animation:schets-zicht .8s ease .15s both,schets-op 1s cubic-bezier(.2,.8,.2,1) .15s both}@keyframes schets-zicht{0%{opacity:0}}@keyframes schets-op{0%{transform:translateY(4%)}}[data-cl-b] .schets-toestel{animation:none}.schets-toestel:before,.schets-toestel:after{content:"";position:absolute;top:100%}.schets-toestel:after{left:-9%;right:-9%;height:3.4%;background:linear-gradient(#e6e8ed,#c9ccd4 45%,#9da1ab);border-radius:0 0 5% 5%/0 0 100% 100%;box-shadow:0 18px 24px -14px #0f0f1473}.schets-toestel:before{z-index:1;left:41%;right:41%;height:1.2%;background:#a9adb6;border-radius:0 0 40% 40%/0 0 100% 100%}.schets-glas{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;container-type:inline-size;border-radius:.7%/1.1%;background:#f3f2ee}.schets .p-app{--pd: rgb(23 24 28 / .2);--pl: rgb(23 24 28 / .1);position:absolute;inset:0;display:grid;grid-template-rows:5.2cqw minmax(0,1fr) 19cqw;color:#17181c}.schets .p-app :is(i,b,em,u,s){display:block;font-style:normal;text-decoration:none}.schets .p-top{display:flex;align-items:center;padding:0 2.5cqw;background:#fff;border-bottom:.12cqw solid #dfddd6}.schets .p-merk{width:5cqw;height:1.3cqw;border-radius:1cqw;background:var(--pd)}.schets .p-stappen{display:flex;align-items:center;gap:1.1cqw;margin:0 auto}.schets .p-stappen i{width:1.1cqw;height:1.1cqw;border-radius:1cqw;border:.14cqw solid #cfccc4;transition:width .45s cubic-bezier(.3,.7,.15,1),background-color .3s,border-color .3s}.schets .p-stappen i.is-af{background:#cfccc4}.schets .p-stappen i.is-nu{width:4.4cqw;background:currentColor;border-color:currentColor}.schets .p-knopjes{width:6cqw;height:2.2cqw;border-radius:.8cqw;background:#f1f0ec;box-shadow:0 0 0 .12cqw #dfddd6}.schets .p-vel{min-height:0;padding:2.2cqw 8cqw 0;overflow:hidden}.schets .p-site{--pk: #2563eb;--pg: #ffffff;--ph: .5cqw;--ph-knop: .5cqw;--pb: 5cqw;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:1cqw 1cqw 0 0;background:var(--pg);box-shadow:0 0 0 .12cqw #17181c1a,0 2cqw 4cqw -2cqw #17181c40;transition:background-color .5s,transform 1.1s cubic-bezier(.3,.7,.15,1)}.schets .p-site[data-breed=smal]{--pb: 19cqw}.schets .p-site[data-breed=wijd]{--pb: 1.4cqw}.schets .p-site em{background:var(--pk);border-radius:var(--ph-knop);transition:background-color .5s,border-radius .5s}.schets .p-s-kop{display:flex;align-items:center;gap:2cqw;padding:1.5cqw var(--pb);border-bottom:.12cqw solid rgb(23 24 28 / .08);transition:padding .6s cubic-bezier(.3,.7,.15,1)}.schets .p-s-kop b{width:9cqw;height:1.5cqw;border-radius:1cqw;background:var(--pd)}.schets .p-s-kop span{display:flex;gap:1.6cqw;margin-left:auto}.schets .p-s-kop span i{width:4cqw;height:.8cqw;border-radius:.4cqw;background:var(--pl)}.schets .p-s-kop em{width:7.5cqw;height:2.4cqw}.schets .p-site[data-kop=midden] .p-s-kop{flex-direction:column;gap:1.1cqw;padding-block:1.3cqw}.schets .p-site[data-kop=midden] .p-s-kop span{margin:0}.schets .p-site[data-kop=midden] .p-s-kop em,.schets .p-site[data-kop=menu] .p-s-kop span{display:none}.schets .p-site[data-kop=menu] .p-s-kop em{width:3.2cqw;height:2.2cqw;margin-left:auto;border-radius:0;border-block:.34cqw solid #8b8b86;background:linear-gradient(#8b8b86,#8b8b86) center / 100% .34cqw no-repeat}.schets .p-s-open{flex:1;min-height:0;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:4cqw;padding:3cqw var(--pb);transition:padding .6s cubic-bezier(.3,.7,.15,1)}.schets .p-s-tekst{display:grid;justify-items:start;gap:1.1cqw}.schets .p-s-tekst u{width:100%;height:2.3cqw;border-radius:2cqw;background:var(--pd)}.schets .p-s-tekst u+u{width:72%}.schets .p-s-tekst s{width:88%;height:.9cqw;margin-top:.6cqw;border-radius:1cqw;background:var(--pl)}.schets .p-s-tekst s+s{width:60%;margin-top:0}.schets .p-s-tekst em{width:11cqw;height:3.2cqw;margin-top:1cqw}.schets .p-s-open figure{position:relative;align-self:stretch;margin:0;overflow:hidden;border-radius:var(--ph);background:color-mix(in srgb,var(--pk) 55%,#ffffff) linear-gradient(160deg,#fff9,#fff0);transition:background-color .5s,border-radius .5s}.schets .p-s-open figure:before{content:"";position:absolute;left:-15%;right:-15%;bottom:-45%;height:85%;border-radius:50%;background:color-mix(in srgb,var(--pk) 80%,#000000);opacity:.5;transition:background-color .5s}.schets .p-s-open figure:after{content:"";position:absolute;right:16%;top:16%;width:15%;aspect-ratio:1;border-radius:50%;background:#ffffffbf}.schets .p-site[data-open=links] figure{order:-1}.schets .p-site[data-open=midden] .p-s-open{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:2.2cqw;padding-block:2.4cqw 0}.schets .p-site[data-open=midden] .p-s-tekst{justify-items:center;width:62%;margin-inline:auto;gap:.9cqw}.schets .p-site[data-open=midden] .p-s-tekst s{display:none}.schets .p-baan{display:grid;grid-template-columns:22cqw minmax(0,1fr);align-items:center;gap:2.5cqw;padding-left:2.5cqw;background:#fff;border-top:.12cqw solid #dfddd6}.schets .p-vraag{display:grid;gap:1cqw}.schets .p-vraag i{width:95%;height:.9cqw;border-radius:1cqw;background:var(--pl);transition:width .5s}.schets .p-vraag i:first-child{width:70%;height:1.8cqw;border-radius:2cqw;background:var(--pd)}.schets .p-vraag i:last-child{width:55%}.schets .p-vraag[data-g="1"] i:first-child,.schets .p-vraag[data-g="3"] i:first-child{width:88%}.schets .p-vraag[data-g="1"] i:last-child,.schets .p-vraag[data-g="2"] i:last-child{width:78%}.schets .p-kijk{align-self:stretch;display:flex;align-items:center;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 78%,transparent)}.schets .p-strook{position:relative;display:flex;gap:1.6cqw;padding-left:2cqw;transition:transform 1.1s cubic-bezier(.3,.7,.15,1)}.schets .p-k{position:relative;flex:none;display:grid;place-items:center;width:15cqw;height:11.5cqw;border-radius:1.2cqw;background:#fff;box-shadow:0 0 0 .14cqw #dfddd6;transition:box-shadow .3s}.schets .p-k.is-eerste{margin-left:5cqw}.schets .p-k.is-nu{box-shadow:0 0 0 .34cqw #17181c}.schets .p-k.is-nu:after{content:"";position:absolute;right:.9cqw;top:.9cqw;width:1.7cqw;height:1.7cqw;border-radius:50%;background:#17181c}.schets .p-t{display:flex;align-items:center}.schets .p-t[data-soort=breed]{justify-content:center;width:10.5cqw;height:5.6cqw;border-radius:.5cqw;background:#f1f0ec}.schets .p-t[data-soort=breed] b{width:62%;height:3.6cqw;border-radius:.4cqw;background:#17181c33}.schets .p-t[data-soort=breed][data-w=smal] b{width:36%}.schets .p-t[data-soort=breed][data-w=wijd] b{width:90%}.schets .p-t[data-soort=breed] em{display:none}.schets .p-t[data-soort=kop]{width:10.5cqw;height:2.8cqw;padding:0 .9cqw;border-radius:.5cqw;background:#f1f0ec}.schets .p-t[data-soort=kop] b{width:3cqw;height:.8cqw;border-radius:1cqw;background:#17181c52}.schets .p-t[data-soort=kop] em{width:3cqw;height:.6cqw;margin-left:auto;border-radius:1cqw;background:#17181c29}.schets .p-t[data-w=midden] b{margin-inline:auto}.schets .p-t[data-soort=kop][data-w=midden] em{display:none}.schets .p-t[data-w=menu] em{width:1.3cqw;height:1cqw;border-radius:0;border-block:.22cqw solid #8b8b86;background:none}.schets .p-t[data-soort=open]{display:grid;grid-template-columns:1fr 1fr;gap:1cqw;width:10.5cqw;height:6.2cqw}.schets .p-t[data-soort=open] b{height:.9cqw;margin-bottom:1.6cqw;border-radius:1cqw;background:#17181c52;box-shadow:0 1.6cqw 0 -.12cqw #17181c29}.schets .p-t[data-soort=open] em{align-self:stretch;border-radius:.5cqw;background:#dcdad3}.schets .p-t[data-soort=open][data-w=links] em{order:-1}.schets .p-t[data-soort=open][data-w=midden]{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:1.9cqw}.schets .p-t[data-soort=open][data-w=midden] b{width:60%;margin:0 auto}.schets .p-t[data-soort=kleur] b,.schets .p-t[data-soort=kleur] em{width:4.4cqw;height:4.4cqw;border-radius:50%}.schets .p-t[data-soort=kleur] b{background:var(--k)}.schets .p-t[data-soort=kleur] em{margin-left:-1.3cqw;background:var(--g);box-shadow:0 0 0 .14cqw #cfccc4}.schets .p-t[data-soort=vorm]{width:9cqw;height:4.2cqw;border:.3cqw solid #8b8b86}.schets .p-t[data-soort=vorm] :is(b,em){display:none}.schets .p-t[data-w=rond]{border-radius:1cqw}.schets .p-t[data-w=pil]{border-radius:99cqw}.schets .p-t[data-w=k0],.schets .p-site[data-kleur=k0]{--k: #1d5fd1;--g: #ffffff}.schets .p-t[data-w=k1],.schets .p-site[data-kleur=k1]{--k: #b4532a;--g: #fbf6ef}.schets .p-t[data-w=k2],.schets .p-site[data-kleur=k2]{--k: #17643f;--g: #f3f7f1}.schets .p-t[data-w=k3],.schets .p-site[data-kleur=k3]{--k: #6d3fe0;--g: #faf8ff}.schets .p-t[data-w=k4],.schets .p-site[data-kleur=k4]{--k: #0f0f14;--g: #f6f3ec}.schets .p-site[data-kleur]{--pk: var(--k);--pg: var(--g)}.schets .p-site[data-vorm=recht]{--ph: 0;--ph-knop: 0}.schets .p-site[data-vorm=rond]{--ph: .9cqw;--ph-knop: .9cqw}.schets .p-site[data-vorm=pil]{--ph: 2.2cqw;--ph-knop: 99cqw}.schets.is-af .p-strook{transform:translate(-395.55cqw)}.schets.is-stil .p-app *{transition:none}@media(prefers-reduced-motion:reduce){.schets-toestel{animation:none}.schets .p-app *{transition:none}}