.wrapper .input-wrapper{position:relative;padding:15px 0 0;margin-top:15px;max-width:100%}.wrapper .input-wrapper input{font-family:inherit;width:100%;border:0;border-bottom:1px solid #fff;outline:0;font-size:16px;font-weight:700;color:#fff;padding:7px 0;background:transparent;transition:border-color .2s}.wrapper .input-wrapper input::-webkit-input-placeholder{color:transparent}.wrapper .input-wrapper input:-ms-input-placeholder{color:transparent}.wrapper .input-wrapper input::placeholder{color:transparent}.wrapper .input-wrapper input:invalid,.wrapper .input-wrapper input:required{box-shadow:none}.wrapper .input-wrapper input:-ms-input-placeholder~label{font-size:16px;cursor:text;top:20px}.wrapper .input-wrapper input:placeholder-shown~label{font-size:16px;cursor:text;top:20px}.wrapper .input-wrapper input:focus{padding-bottom:6px;border-width:1px;border-image:linear-gradient(90deg,#fff,#000);border-image-slice:1}.wrapper .input-wrapper.with-value label,.wrapper .input-wrapper input:focus~label{top:0;color:#000;font-weight:700}.wrapper .input-wrapper.with-value input{padding-bottom:6px;border-width:1px;border-image:linear-gradient(90deg,#fff,#000);border-image-slice:1}.wrapper .input-wrapper label{position:absolute;top:25px;display:block;transition:.2s;font-size:16px;color:#fff;z-index:-1}.wrapper .options-box{display:block;position:relative;margin-top:15px}.wrapper .options-box .color{font-family:inherit;width:100%;border:0;border-bottom:1px solid #fff;outline:0;font-size:16px;font-weight:700;color:#fff;padding:7px 0;background:transparent;transition:border-color .2s}.wrapper .options-box .container-checkbox{display:flex;align-items:center;position:relative;padding-left:35px;margin-bottom:12px;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:25px}.wrapper .options-box .container-checkbox input{position:absolute;opacity:0;height:0;width:0}.wrapper .options-box .container-checkbox input:checked~.checkmark:after{display:block;content:"";position:absolute;left:9px;top:5px;width:5px;height:10px;border:solid #000;border-width:0 3px 3px 0;transform:rotate(45deg)}.wrapper .options-box .container-checkbox .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;cursor:pointer}.wrapper .options-box .container-checkbox .checkmark:after{content:"";position:absolute;display:none}.preview-window body,.preview-window html{background-color:#fff}*{box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:grey}.container{max-width:1920px;margin:0 auto;padding:15px}.row{margin-bottom:20px}.row:last-of-type{margin-bottom:0}@media (max-width:992px){.row.colorPicker{max-width:300px}}.row.select select{padding:0 5px}select{background-color:transparent;outline:none;border:1px solid #fff;width:100%;height:40px;color:#fff}select option{background-color:#fff;color:#000}.app{display:none}@media (min-width:600px){.app{display:block}}.app-mobile{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}@media (min-width:600px){.app-mobile{display:none}}.app-mobile h1{text-align:center;color:#fff}.wrapper-form{flex-direction:column}.wrapper-form,.wrapper-form .row-items{display:flex;width:100%}@media (max-width:992px){.wrapper-form .row-items{flex-direction:column}}.wrapper-form .row-items .menu{max-width:350px;min-width:350px;margin-right:30px}@media (max-width:992px){.wrapper-form .row-items .menu{max-width:100%;min-width:100%}}.wrapper-form .row-items .preview{display:flex;justify-content:center;align-items:center;max-width:800px;min-height:500px;width:100%;height:100%;margin:0 auto;border:1px solid #000;background-color:#fff}@media (max-width:992px){.wrapper-form .row-items .preview{margin-top:15px;max-width:100%;min-width:100%}}.wrapper-form .actions{margin-top:15px}.btn{background-color:transparent;border:1px solid #fff;text-transform:uppercase;color:#fff;padding:10px 15px;cursor:pointer;outline:none}
/*# sourceMappingURL=main.5a7c617e.chunk.css.map */