:root{--grid-size: 1200px;--border-radius: 3px;--transition-time: 0.25s;--box-shadow: 0px, 5px, 15px, 0px, rgba(0, 0, 0, 0.1)}.generator-page{padding:50px 0;min-height:100vh}.generator-page h2{font-size:28px;margin:0 0 5px}.generator-page .left-box{position:relative;padding-bottom:100px}.generator-page .scale-field:before{right:33px;left:33px;bottom:17px}.generator-page .scale-field input{height:60px;padding:29px 33px 0}.generator-page .scale-field.with-remove:before{display:none}.generator-page .scale-field.with-remove .scaler:before{content:"";background:#ddd;height:4px;border-radius:4px;position:absolute;pointer-events:none;right:33px;left:33px;bottom:17px}.generator-page .canvas-container{position:absolute !important}.generator-page #main-canvas{opacity:0;transition:.3s;transition-delay:.5s}.generator-page #main-canvas>canvas{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.generator-page #main-canvas.ready{opacity:1}.canvas-img{display:none}.maxtext .back-btn{color:#9d9d9d;font-size:16px;margin:0 0 10px;display:inline-block;font-weight:700}.maxtext .back-btn i{font-size:14px;margin:0 8px 0 0}.again-btn{color:#9d9d9d;margin:10px 0 0;display:block;font-weight:700;text-align:center}.again-btn i{font-size:16px;margin:0 0 0 8px}.no-pointer-events{pointer-events:none}.canvas-container{overflow:hidden}.locked{pointer-events:none}#preview{background:#efefef;width:calc(100% - 500px);border-top:2px solid #ddd;border-bottom:2px solid #ddd;position:relative}#preview img{margin:30px auto}.stick-to-top #main-canvas,.stick-to-top #main-canvas-2{top:105px;position:absolute}.preview img{max-width:75%;height:auto;margin:0 auto;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.preview video{max-width:75%;height:auto !important;margin:0 auto;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);display:block}.preview canvas{position:absolute}.preview canvas:first-child{position:relative}.preview .ajax-loader{background:rgba(0,0,0,.4)}.generate-box{position:relative;margin:0 0 30px}.loadhide{position:absolute !important;left:-200vw;pointer-events:none}.loadhide.load-video{left:initial;position:relative !important}.loadhide.load-video+#image-vb{display:none}.main-canvas{width:100%;height:100%;background:rgba(0,0,0,0);position:relative}.sidebar{position:relative;width:250px}.sidebar .maxtext{padding:0 5px 10px;margin:0}.sidebar .maxtext h6{font-size:18px;font-weight:700}.sidebar.single-detail-sidebar{padding:20px 5px;border:2px solid #ddd}.sidebar .layer-detail{width:100%}.sidebar .layer-detail .single-detail{width:100%;padding:0 5px 10px;position:relative}.sidebar .layer-detail .single-detail label{font-size:11px;font-weight:700;position:absolute;top:8px;left:18px}.sidebar .layer-detail .single-detail input{height:50px;padding:14px 10px 0}.sidebar .layer-detail .single-detail select{padding:18px 10px 3px 10px;height:50px}.sidebar .layer-detail .single-detail textarea{height:150px;padding:18px 10px 5px}.sidebar .layer-detail .single-detail.half{width:50%}.sidebar .layer-detail .single-detail.color-picker label{left:53px;z-index:2}.sidebar .layer-detail .single-detail.color-picker input{padding-left:46px}.sidebar .layer-detail .single-detail.type-checkbox label{position:relative !important;top:initial;left:initial;padding:7px 0 0 38px}.sidebar .layers{width:100%;padding:20px 5px;border:2px solid #ddd;position:relative}.sidebar hr{border:none;background:#ddd;height:2px;width:100%;margin:10px 5px 20px}.layer-controls{position:absolute;bottom:0;padding:15px 10px 15px;left:0;width:100%;border-top:2px solid #ddd}.layer-controls a{width:30px;height:30px;border-radius:3px;margin:0 0 0 10px;display:inline-block;background:#000;border:2px solid #000;text-align:center;line-height:26px;font-size:14px;color:#fff}#remove-layer{background:rgba(0,0,0,0);color:#000}.single-layer{width:100%;padding:10px;border:2px solid #ddd;margin:0 5px 10px;border-radius:10px;position:relative;cursor:pointer}.single-layer .controls{flex-direction:column;position:absolute;right:15px}.single-layer .controls a{height:12px;display:block}.single-layer .controls a i{line-height:12px;display:block}.single-layer input[type=text]{display:inline-block;width:150px;padding:0;border:0;height:auto}.single-layer:first-child .controls a:first-child{opacity:.3}.single-layer:nth-last-child(2) .controls a:last-child{opacity:.3}.single-layer.active{border-color:#000}.edit-layer-name{font-size:14px;margin:0 10px 0 0}#image-tag{display:none}.image-tag{display:none}.video-tag{display:none}.canvas-custom-font{visibility:hidden;position:absolute;left:200vw;pointer-events:none;top:-200vh}.template-box{padding:0 20px 0 0;width:calc(100% - 66px)}.template-box+.button{text-align:center;padding:18px}#fonts-select,#textcanvas{display:none}.download.button{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#mobile-preview{background:#efefef;border:2px solid #ddd;border-radius:3px;display:none;margin:0 0 30px;padding:20px 0}#mobile-preview .main-canvas{margin:0 auto}.loading .accept .button{pointer-events:none;opacity:.3}.active-Background .hf-background{display:none}.active-Image .hf-image{display:none}.active-Text .hf-text{display:none}.active-Video .hf-video{display:none}.template-settings{padding:20px;background:#efefef;margin:0 0 20px;border-radius:3px;border:2px solid #ddd}.template-settings .single-field:last-child{margin-bottom:0}.progess-bar{position:relative;margin:0 0 20px;pointer-events:none !important}.progess-bar .bar{width:calc(100% - 10px);left:5px;height:10px;top:12px;background:#efefef;border-radius:99px;position:absolute}.progess-bar .bar:after{content:"";background:var(--color-main);transition:.3s;left:0;top:0;height:100%;width:0;border-radius:99px;position:absolute}.progess-bar span{padding:35px 0 0;position:relative;font-size:14px;color:#848484}.progess-bar span:before{content:"";position:absolute;top:0;width:32px;height:32px;background:#efefef;border-radius:50%;transition:.3s}.progess-bar span:after{content:"";font-family:"Font Awesome Solid";position:absolute;top:0;width:32px;height:32px;opacity:0;transition:.3s;text-align:center;color:#fff;line-height:36px;font-size:21px}.progess-bar span:nth-child(2){width:20%}.progess-bar span:nth-child(2):before{background:var(--color-main)}.progess-bar span:nth-child(2):after{opacity:1;left:0}.progess-bar span:nth-child(3){text-align:center;width:30%}.progess-bar span:nth-child(3):before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.progess-bar span:nth-child(3):after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.progess-bar span:nth-child(4){text-align:center;width:30%}.progess-bar span:nth-child(4):before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.progess-bar span:nth-child(4):after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.progess-bar span:nth-child(5){text-align:center;width:30%}.progess-bar span:nth-child(5):before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.progess-bar span:nth-child(5):after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.progess-bar span:nth-child(6){text-align:right;width:20%}.progess-bar span:nth-child(6):before{right:0}.progess-bar span:nth-child(6):after{right:0}.progess-bar.step-2 .bar:after{width:25%}.progess-bar.step-2 span:nth-child(2){cursor:pointer}.progess-bar.step-2 span:nth-child(2):after{content:"" !important;font-size:16px;line-height:32px;opacity:1}.progess-bar.step-2 span:nth-child(3):before{transition-delay:.2s;background:var(--color-main)}.progess-bar.step-2 span:nth-child(3):after{opacity:1}.progess-bar.step-3 .bar:after{width:50%}.progess-bar.step-3 span:nth-child(2){cursor:pointer}.progess-bar.step-3 span:nth-child(2):after{content:"" !important;font-size:16px;line-height:32px;opacity:1}.progess-bar.step-3 span:nth-child(3):before{transition-delay:.2s;background:var(--color-main)}.progess-bar.step-3 span:nth-child(3):after{content:"" !important;font-size:16px;line-height:32px;opacity:1}.progess-bar.step-3 span:nth-child(4):before{transition-delay:.2s;background:var(--color-main)}.progess-bar.step-3 span:nth-child(4):after{opacity:1}.progess-bar.step-4 .bar:after{width:75%}.progess-bar.step-4 span:nth-child(2){cursor:pointer}.progess-bar.step-4 span:nth-child(2):after{content:"" !important;font-size:16px;line-height:32px;opacity:1}.progess-bar.step-4 span:nth-child(3):before{transition-delay:.2s;background:var(--color-main)}.progess-bar.step-4 span:nth-child(3):after{content:"" !important;font-size:16px;line-height:32px;opacity:1}.progess-bar.step-4 span:nth-child(4):before{transition-delay:.2s;background:var(--color-main)}.progess-bar.step-4 span:nth-child(4):after{content:"" !important;font-size:16px;line-height:32px;opacity:1}.progess-bar.step-4 span:nth-child(5):before{transition-delay:.2s;background:var(--color-main)}.progess-bar.step-4 span:nth-child(5):after{opacity:1}.progess-bar.step-5 .bar:after{width:100%}.progess-bar.step-5 span:nth-child(2){cursor:pointer}.progess-bar.step-5 span:nth-child(2):after{content:"" !important;font-size:16px;line-height:32px;opacity:1}.progess-bar.step-5 span:nth-child(3):before{transition-delay:.2s;background:var(--color-main)}.progess-bar.step-5 span:nth-child(3):after{content:"" !important;font-size:16px;line-height:32px;opacity:1}.progess-bar.step-5 span:nth-child(4):before{transition-delay:.2s;background:var(--color-main)}.progess-bar.step-5 span:nth-child(4):after{content:"" !important;font-size:16px;line-height:32px;opacity:1}.progess-bar.step-5 span:nth-child(5):before{transition-delay:.2s;background:var(--color-main)}.progess-bar.step-5 span:nth-child(5):after{opacity:1}.progess-bar.step-5 span:nth-child(6):before{transition-delay:.2s;background:var(--color-main)}.progess-bar.step-5 span:nth-child(6):after{opacity:1}.progess-bar.downloaded span:nth-child(5):after{content:"" !important;font-size:16px;line-height:32px;opacity:1}.form-pop{position:fixed;width:700px;max-width:calc(100% - 40px);max-height:calc(100% - 120px);overflow:hidden;overflow-y:auto;z-index:9999;top:50%;left:50%;background:#fff;padding:50px;border-radius:3px;-webkit-transform:translate(-50%, -40%);transform:translate(-50%, -40%);transition:.3s;pointer-events:none;opacity:0;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,.3);box-shadow:0 0 20px 0 rgba(0,0,0,.3)}.form-pop form{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);-moz-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0);padding:0;overflow:initial}.form-pop .maxtext{margin:0 auto 30px}.form-pop.open{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:initial;opacity:1;transition-delay:.2s}.form-pop.open+.bg-pop{pointer-events:none;opacity:1}.close-question{display:none !important}.pop-open .open-question{display:none !important}.pop-open .close-question{display:block !important}.pop-open .gform_confirmation_message .close-question{display:inline-block !important}.bg-pop{position:fixed;left:0;top:0;width:100%;height:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(30px);opacity:0;pointer-events:none;z-index:9997;cursor:pointer}.ql-toolbar{position:absolute;bottom:0;width:100%;background:#ddd;padding:5px 35px}.ql-container{height:150px;min-width:100%;max-height:250px;width:100%;max-width:100%;border:2px solid #ddd;border-radius:3px;background:#fff;padding:25px 60px 35px 33px;font:inherit;display:block;transition:.2s;overflow-y:auto}.ql-container p{margin:0}.ql-bold{background:#fff;border:0;font:inherit;font-size:16px;padding:5px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ql-active{font-weight:700}.ql-clipboard{display:none}.dubble-field{margin:0 -5px}.dubble-field .single-field{width:calc(50% - 10px);margin:0 5px 20px}a+.extra-field{margin:10px 0}.extra-field{margin:0 0 10px}.extra-field input[type=text]{padding:5px 60px 5px 33px;height:50px}.more-fields a{position:absolute;bottom:13px;right:12px}.more-fields a:hover{color:#d00}.has-progress{padding:30px 0 75px}.video-progess{width:100%;bottom:0;left:0;position:fixed;background:#fff;padding:10px 20px 20px;z-index:99;transition:.3s;-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.18);-moz-box-shadow:0 0 12px 0 rgba(0,0,0,.18);box-shadow:0 0 12px 0 rgba(0,0,0,.18)}.video-progess .status{font-weight:700;display:block;margin:0 0 5px}.video-progess .percentage{position:absolute;top:1px;line-height:1;left:10px;color:#fff;font-size:12px;font-weight:700}.video-progess .the-bar{position:relative;width:100%;height:15px;border-radius:99px;overflow:hidden;background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.3);box-shadow:0 0 15px 0 rgba(0,0,0,.3)}.video-progess .the-bar .progress{position:absolute;width:0;height:100%;border-radius:99px;background:#d00;left:0;top:0;transition:.3s linear}.creating-video #download-image{opacity:.3;pointer-events:none}.creating-video #image-vb{opacity:.3;transition:.3s;pointer-events:none}.load-template .accept-template{opacity:.3;pointer-events:none}.load-image .accept-fields,.load-image .scale-field{opacity:.3;pointer-events:none}.hide-second-template #main-canvas-2{position:absolute;opacity:0;pointer-events:none}.hide-logo-field{transition:.3s}.tool-loading .hide-logo-field{pointer-events:none;opacity:.2}.tool-loading .accept{pointer-events:none;opacity:.2}.single-field.hide-logo-field{margin-top:-10px}.single-field.hide-logo-field input{display:none}.single-field.hide-logo-field input:hover+label:before{background:#d00;border:2px solid #30302f}.single-field.hide-logo-field input:checked+label:before{background:#d00}.single-field.hide-logo-field input:checked+label:after{transform:scale(1)}.single-field.hide-logo-field label{padding:5px 0 5px 36px;position:relative;display:block;cursor:pointer;font-weight:700;font-size:14px}.single-field.hide-logo-field label:before{content:"";left:0;top:2px;width:20px;height:20px;border-radius:6px;border:2px solid #ddd;transition:.3s;position:absolute}.single-field.hide-logo-field label:after{content:"";font-family:"Font Awesome Solid";left:2px;top:2px;width:20px;height:20px;transition:.3s;position:absolute;text-align:center;line-height:22px;font-size:12px;color:#fff;font-weight:700;transform:scale(0)}.visite-kaartje{padding:20px 10px}.visite-kaartje strong{margin:0 0 10px;display:block}.visite-kaartje img{margin:0 !important;width:100% !important;max-width:100%}.field-second-tem{display:none !important}.progress-loader{position:absolute;width:calc(100% - 24px);left:12px;height:24px;border-radius:99px;background:#fff;border:1.5px solid #dadada;padding:1px 8px 2px;font-size:14px;font-weight:700;top:12px;color:#fff;transition:.2s;transform:translateY(100px);opacity:0;pointer-events:none}.progress-loader .progress-balk{position:absolute;left:0;top:0;min-width:37px;width:8%;transition:31s ease-in-out;height:100%;border-radius:99px;background:#d00}.progress-loader>span{position:relative}.final-load .progress-loader{transform:translateY(0);opacity:1}.final-load .button,.load-template .button{opacity:.2;pointer-events:none}/*# sourceMappingURL=generator.css.map */