@font-face{font-family:uni-sans;src:url(/uni-sans-heavy.woff2)}@font-face{font-family:rijksoverheid-sans;src:url(/rijksoverheid-sans-regular.woff2)}@font-face{font-family:rijksoverheid-sans;font-weight:700;src:url(/rijksoverheid-sans-bold.woff2)}:root{font-family:rijksoverheid-sans,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent: #feab00;--black: #181d20;--grey: #3b4044;--page-padding: 2rem;--content-width: 600px;background-color:var(--grey);color:#fff}*{box-sizing:border-box}html,#app,body{margin:0;padding:0}b{color:var(--accent)}.small{font-size:.8rem;color:#b4b4b4}i{font-style:italic;color:var(--accent);font-size:.8rem}.redirect{width:100%;background-color:var(--accent);padding:1rem;border-radius:.5rem;font-size:.8rem;margin-top:2rem}.redirect a{color:#000}.fwd-enter-from{transform:translate(100%)!important}.fwd-leave-to{transform:translate(-100%)!important}.fwd-enter-active,.fwd-leave-active{transition:transform .3s 0s ease-in-out!important}.header{width:100%;padding:1rem max(var(--page-padding),50vw - var(--content-width) / 2);background-color:var(--black)}.header h1{margin:0;padding:0;font-family:uni-sans;text-transform:uppercase;line-height:1}.inner{display:flex;flex-direction:column;padding:1rem max(var(--page-padding),50vw - var(--content-width) / 2);gap:2rem;align-items:start}.inner .dragBelow{width:100%;margin-bottom:-2rem}.inner .dragBelow hr{width:100%}.inner .dragBelow h3{margin:0;padding:0;font-size:1rem}.inner .inputLine{width:100%;display:flex;flex-direction:column}.inner .inputLine svg{width:20%}.inner .inputLine input,.inner .inputLine select,.inner .inputLine textarea{padding:1rem;border:.2rem solid var(--black);background-color:#312e2e;width:100%;cursor:pointer;list-style:none;counter-increment:item;color:#fff;border-radius:.5rem}.inner .inputLine input[type=range],.inner .inputLine select[type=range],.inner .inputLine textarea[type=range]{padding:0}.inner:has(.active) .question{color:#b4b4b4}.inner .questions{display:flex;flex-direction:column;width:100%;gap:1rem;counter-reset:item;padding-left:0}.inner .questions:empty{padding:.5rem 1rem;border:.2rem solid var(--black);background-color:#312e2e;opacity:.7;border-radius:.5rem;width:100%}.inner .questions:empty:before{content:"Sleep niet gebruikte items hierheen"}.inner .questions .question{padding:.5rem 1rem;border:.2rem solid var(--black);background-color:#312e2e;border-radius:.5rem;width:100%;font-weight:700;cursor:pointer;list-style:none;counter-increment:item}.inner .questions .question:before{content:counter(item) ". ";display:inline-block;text-align:right;margin-right:10px}.inner .questions .question.active{border-color:var(--accent);border-radius:100vmax;background-color:#fff;color:#000}.inner button{background-color:var(--grey);border:none;padding:1rem 2rem;background-color:var(--accent);font-weight:700;border-radius:100vmax;cursor:pointer;transition:.2s ease;position:relative;margin-left:auto}.inner button:not(.loading):enabled:hover{background-color:#fff;color:var(--accent)}.inner button:not(.loading):disabled{background-color:var(--grey);color:#fff;cursor:default}.inner button.loading{color:#0000001a}.inner button.loading:after{position:absolute;content:"";height:1rem;width:1rem;border-radius:100vmax;border:.3rem solid white;border-top:.3rem solid transparent;border-bottom:.3rem solid transparent;top:50%;left:50%;transform:translate(-50%,-50%);animation:spinner 1s linear 0s infinite}@keyframes spinner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.slide-enter-active,.slide-leave-active{transition:.2s ease}.slide-enter-from{transform:translate(20%);opacity:0}.slide-leave-to{transform:translate(-20%);opacity:0}.end{position:fixed;z-index:6;top:0;left:0;width:100%;height:100%;background-color:#181d20;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:left;padding:1rem max(var(--page-padding),50vw - var(--content-width) / 2)}.end video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;z-index:-1;opacity:.2}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.end svg{width:40%;margin-bottom:2rem;padding-bottom:2rem}.end h1{padding:0;margin:0;color:#fff;font-family:uni-sans;text-transform:uppercase}.end p{color:#f1f1f1;margin-top:.5rem}