.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:2px solid var(--accent);outline-color:var(--accent);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.3333333333%;left:0;top:33.3333333333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.3333333333%;top:0;width:33.3333333333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:var(--accent)}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:var(--accent);height:10px;opacity:1;width:10px}.cropper-point.point-e{cursor:ew-resize;margin-top:-6px;right:-6px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-6px;top:-6px}.cropper-point.point-w{cursor:ew-resize;left:-6px;margin-top:-6px;top:50%}.cropper-point.point-s{bottom:-6px;cursor:s-resize;left:50%;margin-left:-6px}.cropper-point.point-ne{cursor:nesw-resize;right:-6px;top:-6px}.cropper-point.point-nw{cursor:nwse-resize;left:-6px;top:-6px}.cropper-point.point-sw{bottom:-6px;cursor:nesw-resize;left:-6px}.cropper-point.point-se{bottom:-6px;cursor:nwse-resize;height:20px;opacity:1;right:-6px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:20px;width:20px}}@media (min-width: 992px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 1200px){.cropper-point.point-se{height:10px;opacity:.75;width:10px}}.cropper-point.point-se:before{background-color:var(--accent);bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(../images/bg.png)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}@font-face{font-family:uni-sans;src:url(/uni-sans-heavy.woff2)}@font-face{font-family:uni-sans;font-weight:100;src:url(/uni_sans_thin-webfont.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}input,select,textarea,.toggle{padding:1rem;border:.2rem solid var(--black);min-height:3rem;background-color:#312e2e;width:100%;cursor:pointer;list-style:none;counter-increment:item;color:#fff;border-radius:.5rem;position:relative}.toggle{display:flex;align-items:center;gap:1rem;transition:.1s ease;-webkit-user-select:none;user-select:none}.toggle div{width:2rem;height:2rem;background-color:var(--black);border-radius:100vmax}.toggle[state=true]{border-color:var(--accent)}.toggle[state=true] div{background-color:var(--accent)}textarea{min-height:10rem}.cookiePopup{position:fixed;left:0;bottom:0;right:0;width:100%;padding:2rem max(var(--page-padding),50vw - var(--content-width) / 2);background-color:var(--black);display:flex;flex-direction:column}.cookiePopup h3,.cookiePopup p{margin:0;padding:0}.cookiePopup a{padding:1rem 2rem;background-color:var(--accent);color:#fff;margin-top:2rem;border-radius:100vmax;text-align:center;cursor:pointer}.navigation{width:100%;background-color:var(--accent);display:flex;padding:2rem max(var(--page-padding),50vw - var(--content-width) / 2);align-items:center;justify-content:space-between;gap:5rem}.navigation svg{max-width:15rem;margin-left:auto}.navigation a{color:#fff;text-decoration:none;display:flex;align-items:center;font-size:1.5rem;gap:1.5rem;opacity:1;transition:.3s}.navigation a svg{height:2rem;width:2rem}.navigation a.router-link-exact-active{opacity:0;transform:translate(-10%)}.page-enter-active,.page-leave-active{transition:.3s ease}.page-enter-from,.page-leave-to{opacity:0}.header{padding:4rem max(var(--page-padding),50vw - var(--content-width) / 2);background-color:var(--black);display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.header h1{padding:0;margin:0;font-family:uni-sans;font-size:3rem;line-height:1;text-transform:uppercase}.header p{margin:0;font-size:1.2rem;line-height:1.2}.header svg{width:100%}.assignments{display:flex;flex-direction:column;padding:2rem max(var(--page-padding),50vw - var(--content-width) / 2);gap:1rem}.assignments a{text-decoration:none}.assignments .assignment{color:var(--black);background-color:#fff;padding:2rem;transition:.2s;display:flex;flex-direction:column;gap:1rem}.assignments .assignment:hover{opacity:.7}.assignments .assignment h2,.assignments .assignment p{margin:0}.assignments .assignment p{color:var(--grey);line-height:1.2}.assignments .assignment .types{display:flex;gap:2rem;margin-top:1rem}.assignments .assignment .types div{color:var(--accent);display:flex;align-items:center;gap:1ch}.submitter{width:100%;border-radius:1rem;background-color:#312e2e;display:flex;flex-direction:column;margin-bottom:4rem}.submitter .top{padding:2rem}.submitter .top h2,.submitter .top p{padding:0;margin:0}.submitter .top h2{font-size:1.2rem}.submitter .top p{font-size:.9rem}.submitter input{padding:1rem 2rem;border-radius:1rem}.submitter .action{display:grid;grid-template-rows:1fr;transition:.2s grid-template-rows ease;border-radius:0 0 1rem 1rem;overflow:hidden}.submitter .action[hide=true]{grid-template-rows:0fr}.submitter .action>div{overflow:hidden}.submitter .action>div>div{padding:2rem;display:flex;gap:1rem;align-items:center;font-size:1.4rem;font-weight:700;cursor:pointer;position:relative;transition:.3s}.submitter .action>div>div:hover{padding-left:2.5rem;gap:.5rem}.submitter .action>div>div[loading=true] span,.submitter .action>div>div[loading=true] svg{opacity:0}.submitter .action>div>div[loading=true]:after{position:absolute;content:"";height:2rem;width:2rem;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}.cropper{border-radius:1rem;overflow:hidden}.cropper img{display:block;max-width:100%}.section{width:100%}.section .summary{width:100%;display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.section .summary div{width:3rem;height:3rem;background-color:var(--accent);border-radius:100vmax;display:flex;justify-content:center;align-items:center;font-family:uni-sans;font-size:1.75rem}.section .summary h2{margin:0;padding:0;font-size:1.2rem}.section .details{display:flex;flex-direction:column;gap:1rem;overflow:hidden;margin-bottom:1.5rem}.section .details b{color:var(--accent)}.section[hide=true] .summary div{background-color:var(--black);color:var(--grey)}.section[hide=true] .summary h2{color:#ccc}.section[hide=true] .details{display:none}.preview{background-size:cover;position:relative;overflow:hidden;border-radius:1rem;display:flex}.preview img{width:100%;height:100%;object-fit:cover}.preview canvas{width:100%;background-color:var(--accent)}.preview .previewInner{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;box-sizing:border-box}.preview .previewInner svg{position:absolute;bottom:5%;left:5%;max-width:100%;max-height:20%}.info{padding:2rem max(var(--page-padding),50vw - var(--content-width) / 2);display:flex;flex-direction:column;gap:2rem}.info .segment{display:flex;flex-direction:column;gap:.5rem;position:relative}.info .segment .chars{position:absolute;top:.25rem;font-size:.8rem;right:1rem}.info .colors{display:flex;width:100%;gap:1vw}.info .colors .color{flex:1;aspect-ratio:1/1;border-radius:100vmax;cursor:pointer;border:.4rem solid var(--grey)}.info .colors .color[active=true]{border:.4rem solid white}.info label{color:#e0e0e0;font-size:.9rem}.info .result{width:100%;display:flex;overflow:hidden;justify-content:center}.info .result img{max-height:80vh;max-width:100%}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;color:#fff}button:not(.loading):enabled:hover{background-color:#fff;color:var(--accent)}button:not(.loading):disabled{background-color:#32383b;color:#ccc;cursor:default}button.loading{color:#0000001a}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)}}.steps[data-v-b7892d78]{display:flex;flex-direction:column;gap:2rem}.recorder[data-v-b7892d78]{display:flex;flex-direction:column;align-items:center;width:100%;background-color:var(--black);border-radius:.5rem;padding:2rem;gap:2rem}.recorder audio[data-v-b7892d78]{width:100%}.recorder .time[data-v-b7892d78]{font-size:2rem;width:100%;text-align:center}.recorder .recordBtn[data-v-b7892d78]{width:10rem;height:10rem;background-color:#de5622;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;font-family:uni-sans;text-transform:uppercase;font-size:2rem;transition:.2s;border:1rem solid var(--grey);border-radius:1rem}.recorder .recordBtn[data-v-b7892d78]:hover{background-color:#c84c1e}.recorder .recordBtn[stop=true][data-v-b7892d78]{border-radius:100vmax}.recorder audio[data-v-b7892d78]{width:15rem}.steps[data-v-2e1f93d0]{display:flex;flex-direction:column;gap:2rem}.recorder[data-v-2e1f93d0]{display:flex;flex-direction:column;align-items:center;width:100%;background-color:var(--black);border-radius:.5rem;gap:1rem;overflow:hidden;padding-bottom:2rem}.recorder audio[data-v-2e1f93d0],.recorder video[data-v-2e1f93d0]{width:100%}.recorder video[data-v-2e1f93d0]{background-color:#000}.recorder .time[data-v-2e1f93d0]{font-size:2rem;width:100%;text-align:center}.recorder .recordBtn[data-v-2e1f93d0]{width:10rem;height:10rem;background-color:#de5622;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;font-family:uni-sans;text-transform:uppercase;font-size:2rem;transition:.2s;border:1rem solid var(--grey);border-radius:1rem}.recorder .recordBtn[data-v-2e1f93d0]:hover{background-color:#c84c1e}.recorder .recordBtn[stop=true][data-v-2e1f93d0]{border-radius:100vmax}.recorder audio[data-v-2e1f93d0]{width:15rem}.inner{display:flex;flex-direction:column;padding:2rem max(var(--page-padding),50vw - var(--content-width) / 2)}.inner .briefing{display:flex;flex-direction:column;padding-bottom:4rem}.inner .briefing h2,.inner .briefing p{margin:0}.inner .briefing P{margin-bottom:2rem}.inner .recordType{width:100%;display:flex;font-size:1.4rem;gap:1rem}.inner .recordType span[active=true]{font-weight:700;color:var(--accent)}.inner .recordType .switch{width:4rem;height:2rem;background-color:#fff;border-radius:100vmax;overflow:hidden}.inner .recordType .switch div{transition:.2s ease;background-color:var(--accent);height:1.5rem;width:1.5rem;margin:.25rem;border-radius:100vmax}.inner .recordType .switch[state=true] div{margin-left:2.25rem}