*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{font-size:18px;font-family:arial,sans-serif;font-size:16px;background-color:#eee}#screen-wrapper{width:100%;height:100vh;overflow-x:hidden}#screen-wrapper .container{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% * 8);height:100vh;overflow:hidden;-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease,-webkit-transform 0.5s ease}#screen-wrapper .container .screen{-webkit-box-flex:1;-ms-flex:1;flex:1;width:calc(100% / 8);height:100vh;overflow-y:auto;overflow-x:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#screen-wrapper .container .screen.inactive{visibility:hidden;pointer-events:none}#screen-wrapper .container .screen .workArea{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:start;align-content:flex-start;padding:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box}#screen-wrapper .container .screen .workArea .type-text{width:calc(20vw - 10px);min-height:calc(20vw - 10px);background-color:white;padding:20px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:768px){#screen-wrapper .container .screen .workArea .type-text{width:95%}}#screen-wrapper .container .screen .workArea .type-text.size2x,#screen-wrapper .container .screen .workArea .type-text.size2xFixed{width:calc(40vw - 30px)}@media screen and (max-width:768px){#screen-wrapper .container .screen .workArea .type-text.size2x,#screen-wrapper .container .screen .workArea .type-text.size2xFixed{width:95%}}#screen-wrapper .container .screen .workArea .type-iframe{max-width:95%;width:calc(40vw - 20px);height:auto;-webkit-box-shadow:inset #000000;box-shadow:inset #000000;border-radius:20px;position:relative;background-color:white;overflow:hidden;-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1);box-shadow:0 4px 6px rgba(0,0,0,0.1)}@media screen and (max-width:768px){#screen-wrapper .container .screen .workArea .type-iframe{height:calc(100vh - 250px);width:95vw;max-width:95vw}}#screen-wrapper .container .screen .workArea .type-iframe .scroll-indicator{position:absolute;bottom:0;left:0;width:100%;height:100px;background:-webkit-gradient(linear,left bottom,left top,from(rgb(255,255,255)),to(rgba(155,255,255,0)));background:linear-gradient(to top,rgb(255,255,255),rgba(155,255,255,0));pointer-events:none;z-index:10}#screen-wrapper .container .screen .workArea .type-iframe.small{width:calc(20vw - 10px);height:calc(20vw - 10px)}#screen-wrapper .container .screen .workArea .type-image{width:calc(20vw - 10px);background-color:white;padding:1vw;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#screen-wrapper .container .screen .workArea .type-image:first-child{-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:768px){#screen-wrapper .container .screen .workArea .type-image{width:95%;padding:20px}}#screen-wrapper .container .screen .workArea .type-image p span.variables{margin-right:6px;border-radius:4px;padding:3px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline;line-height:1.3rem;background-color:#f2eff0;font-size:0.9rem;outline:1px solid #000000;-webkit-box-decoration-break:clone;box-decoration-break:clone}#screen-wrapper .container .screen .workArea .item{-webkit-box-sizing:border-box;box-sizing:border-box;gap:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#screen-wrapper .container .screen .workArea .item.full{width:100%}.navButtons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:calc(100vw - 20px);margin-top:auto;margin-bottom:20px}.navButtons button{padding:15px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;background-color:#0081ff;color:white;font-weight:bold;border-radius:10px;border:none;cursor:pointer}.navButtons button:hover{background-color:#005aeb}.navButtons button:active{outline:2px solid #0056b3;outline-offset:2px}.navButtons button:disabled{cursor:not-allowed;visibility:hidden}.error-message{color:red;font-size:0.9em;display:none}.formreplacer,form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;background-color:white;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;bottom:0;left:0;right:0;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.formreplacer .formContainer,form .formContainer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:20px}.formreplacer .formContainer label,form .formContainer label{font-size:1rem}.formreplacer .formContainer h1,form .formContainer h1{font-size:3rem;color:#0081ff}.formreplacer .formContainer h2,form .formContainer h2{font-size:2.5rem;color:#0081ff}.formreplacer .formContainer h3,form .formContainer h3{font-size:2rem;color:#002b6c}.formreplacer .formContainer ol,form .formContainer ol{padding-left:19px}.formreplacer .formContainer ol li::marker,form .formContainer ol li::marker{color:#0081ff;font-weight:bold}.formreplacer .formContainer textarea,form .formContainer textarea{font-size:1em;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;min-width:100%;max-width:600px}.formreplacer .formContainer input[type=submit],form .formContainer input[type=submit]{font-size:1em;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#007bff;color:white;border:none;border-radius:5px;cursor:pointer}.formreplacer .formContainer input[type=submit]:hover,form .formContainer input[type=submit]:hover{background-color:#0056b3}form{-webkit-box-shadow:0 0 20px #c1c1c6;box-shadow:0 0 20px #c1c1c6;padding-top:30px;padding-bottom:30px}form .formContainer{width:100%;max-width:1200px}.frame{-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:scale(1);transform:scale(1);width:calc(18vw - 10px);height:calc(18vw - 10px);border-radius:10px;overflow:hidden}@media screen and (max-width:768px){.frame{width:calc(91vw - 10px);height:calc(91vw - 10px)}}@media screen and (max-width:576px){.frame{width:calc(88vw - 10px);height:calc(88vw - 10px)}}.frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.frame:after{display:none;position:absolute;width:calc(20vw - 20px);height:calc(20vw - 20px);content:" ";top:0;left:0;-webkit-box-shadow:inset 0 0 0px rgb(255,255,255);box-shadow:inset 0 0 0px rgb(255,255,255);z-index:3;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.item p{margin-top:10px}.item p:empty{display:none}.generating{background-color:#fdedce;-webkit-animation:generateBackground 6.8s linear infinite;animation:generateBackground 6.8s linear infinite;overflow:hidden;position:relative}.generating:before{background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.3)));background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);content:"";display:block;height:100%;left:-75%;position:absolute;top:0;overflow:hidden;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);width:50%;z-index:4;-webkit-animation-name:shine;animation-name:shine;-webkit-animation-duration:0.85s;animation-duration:0.85s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:running;animation-play-state:running}.generating:after{display:block;height:auto;width:auto;position:absolute;top:50%;left:50%;font-size:0.8rem;font-weight:900;color:white;padding:0.5rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:"Jouw afbeelding wordt gemaakt ...";text-align:center}@-webkit-keyframes shine{0%{left:-75%}to{left:125%}}@keyframes shine{0%{left:-75%}to{left:125%}}@-webkit-keyframes generateBackground{0%,to{background-color:#fdedce}12.5%{background-color:#c3f0c7}25%{background-color:#ffbfc3}37.5%{background-color:#d0eaff}50%{background-color:#c9c2f8}62.5%{background-color:#e1d0f4}75%{background-color:#b0f5e9}87.5%{background-color:#ffb8cc}}@keyframes generateBackground{0%,to{background-color:#fdedce}12.5%{background-color:#c3f0c7}25%{background-color:#ffbfc3}37.5%{background-color:#d0eaff}50%{background-color:#c9c2f8}62.5%{background-color:#e1d0f4}75%{background-color:#b0f5e9}87.5%{background-color:#ffb8cc}}#screen2 iframe{border:none;width:100%;height:calc(80vh - 250px);border-radius:20px;padding:3px;background-color:white;-webkit-box-sizing:border-box;box-sizing:border-box}#screen2 .radioblock{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media screen and (max-width:576px){#screen2 .radioblock{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#screen2 .radioblock input[type=radio]{display:none}#screen2 .radioblock input[type=radio]:checked+label{background-color:#00aaff;color:#fff}#screen2 .radioblock input[type=radio]:focus+label{outline:2px solid #0081ff}#screen2 .radioblock .radioItem{display:block;padding:10px;background-color:#d0eaff;border:1px solid #0081ff;border-radius:10px;cursor:pointer}#screen2 .radioblock .radioItem:hover{background-color:#b8e0ff}#screen3{}#screen3 #input03part01,#screen3 #input03part02,#screen3 #input03part03,#screen3 #input03part04,#screen3 #input03part05{color:#3f4865}#screen3 select{padding:0.5em;font-size:1rem;line-height:1.5;border-radius:4px;border:1px solid #ccc;margin-left:5px;margin-right:5px;background-color:#fff}#screen3 select:focus{outline:2px solid #0081ff;outline-offset:2px}#screen3 option{font-size:1em;padding:0.5em}#screen4 .sentence-container{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px}@media screen and (max-width:576px){#screen4 .sentence-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#screen4 .sentence{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px;background-color:#d0eaff;border:1px solid #0081ff;padding:3px}#screen4 .sentence span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#screen4 .sentence span button{position:relative;-webkit-transform:translateY(0);transform:translateY(0);margin:0 2px;background-color:#ffffff;border:1px solid #0081ff;border-radius:50%;background-size:10px;background-position:center;background-repeat:no-repeat;background-origin:content-box;color:#0081ff;padding:0;width:30px;height:30px;font-weight:bold}@media screen and (max-width:576px){#screen4 .sentence span button{background-size:16px}}#screen4 .sentence span button.moveDown{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path fill="%23005aeb" d="M305 239c9.4 9.4 9.4 24.6 0 33.9L113 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L79 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L305 239z"/></svg>')}@media screen and (max-width:576px){#screen4 .sentence span button.moveDown{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path fill="%23005aeb" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"/></svg>')}}#screen4 .sentence span button.moveUp{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path fill="%23005aeb" d="M15 239c-9.4 9.4-9.4 24.6 0 33.9L207 465c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L65.9 256 241 81c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L15 239z"/></svg>')}@media screen and (max-width:576px){#screen4 .sentence span button.moveUp{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path fill="%23005aeb" d="M239 111c9.4-9.4 24.6-9.4 33.9 0L465 303c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-175-175L81 337c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L239 111z"/></svg>')}}#screen4 .sentence:first-child span:first-child button,#screen4 .sentence:last-child span:last-child button{display:none}#screen5 #input05{color:#3f4865}#screen5 .formContainer{margin:0 auto;font-family:Arial,sans-serif}#screen5 .formContainer .number-input-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:15px;-ms-flex-preferred-size:1 1 1 1;flex-basis:1 1 1 1}#screen5 .formContainer .number-input-container div{display:block}#screen5 .formContainer .number-input-container #input05number,#screen5 .formContainer .number-input-container button{padding:5px 10px;font-size:16px;display:block}#screen5 .formContainer .number-input-container button{background-color:#007bff;color:white;border:none;cursor:pointer;border-radius:4px;display:block}#screen5 .formContainer .number-input-container button:focus,#screen5 .formContainer .number-input-container button:hover{background-color:#0056b3;outline:2px solid #0056b3;outline-offset:2px}#screen5 .formContainer .number-input-container #input05number{text-align:center}#screen5 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}#screen6{}#screen6 #input06{color:#3f4865}#screen6 #input06,#screen6 label{display:contents}#screen6 select{padding:0.5em;font-size:1rem;line-height:1.5;border-radius:4px;border:1px solid #ccc;margin-left:5px;margin-right:5px;background-color:#fff}#screen6 select:focus{outline:2px solid #0081ff;outline-offset:2px}#screen6 option{font-size:1em;padding:0.5em}#screen7 iframe{border:none;width:100%;height:100%;border-radius:20px;padding:3px;background-color:white;-webkit-box-sizing:border-box;box-sizing:border-box}#screen7 .area{width:100%}#screen7 textarea{font-size:1rem;padding:5px;border:2px solid #005aeb;border-radius:4px}#screen7 textarea:focus{outline:2px solid #0056b3;outline-offset:2px}#screen7 .formContainer{margin:0 auto;font-family:Arial,sans-serif}#screen7 .formContainer .number-input-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:15px;-ms-flex-preferred-size:1 1 1 1;flex-basis:1 1 1 1}#screen7 .formContainer .number-input-container div{display:block}#screen7 .formContainer .number-input-container #input07number,#screen7 .formContainer .number-input-container button{padding:5px 10px;font-size:1rem;display:block}#screen7 .formContainer .number-input-container #input07style{padding:5px 10px;font-size:1rem}#screen7 .formContainer .number-input-container button{background-color:#007bff;color:white;border:none;cursor:pointer;border-radius:4px;display:block}#screen7 .formContainer .number-input-container button:focus,#screen7 .formContainer .number-input-container button:hover{background-color:#0056b3;outline:2px solid #0056b3;outline-offset:2px}#screen7 .formContainer .number-input-container #input05number{text-align:center}#screen7 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}