.drop-zone{display:grid;border-radius:10px;border:3px dashed #f90;background:#fafafa;border-image:none;margin:auto 0;min-height:150px;grid-template-columns:repeat(2,515px)}@media (min-width:920px) and (max-width:1119px){.drop-zone{grid-template-columns:repeat(2,415px)}}@media (min-width:600px) and (max-width:919px){.drop-zone{grid-template-columns:repeat(2,calc(50vw - 35px))}}@media (max-width:599px){.drop-zone{grid-template-columns:1fr;grid-auto-flow:row}.drop-zone form#multi-dropzone{border-left:0;border-top:3px dashed #f90}}.drop-zone #multi-dropzone{border-left:3px dashed #f90}.dropzone{padding:20px;cursor:pointer;position:relative}.dropzone>.default{text-align:center;margin:150px 0 1.5em;font-weight:500;font-size:26px;line-height:32px}.dropzone>.message{color:red;text-align:center;margin-bottom:1em;font-size:16px}.dropzone:hover .dz-icon{top:5px}.dropzone>i.dz-icon{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:160px;color:rgba(255,153,0,.5);transition:top .4s ease-in-out}.is-small-screen #multi-editor{height:calc(100vh - 56px)}#multi-editor{display:flex;height:calc(100vh - 64px)}@media (max-width:819px){#multi-editor{flex-direction:column-reverse;height:-webkit-min-content!important;height:min-content!important}}#multi-editor .editor-grid{flex-grow:1;color:#fff;background-color:#222;padding-top:15px;padding-left:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-y:auto}#multi-editor .editor-grid>div{width:150px;margin-right:15px;margin-bottom:15px}#multi-editor #editor-add-more{vertical-align:top;display:inline-flex;cursor:pointer;border:1px dashed #555;align-items:center;justify-content:center;height:170px}#multi-editor #editor-add-more i{font-size:120px;transition:opacity .3s;opacity:.7}#multi-editor #editor-add-more:hover i{opacity:1}#multi-editor .editor-grid-image-cell{position:relative;display:inline-flex;flex-direction:column;border:1px solid #555;transition:opacity .6s}#multi-editor .delete-button{background:#e3342f;font-size:30px;width:20px;height:20px;text-align:center;cursor:pointer;overflow:hidden;position:absolute;top:-1px;right:-1px}#multi-editor img.editor-preview{width:150px;height:150px;object-fit:contain}#multi-editor .editor-grid-dimensions{text-align:center;-webkit-user-select:text;-moz-user-select:text;user-select:text}#multi-editor .editor-grid-dimensions .modified{color:#38c172}#multi-editor #editor-submit-images{min-height:-webkit-min-content;min-height:min-content}#multi-editor #editor-submit-images:not([disabled]){background-color:#f90}#multi-editor #editor-controls{display:flex;flex-direction:column;padding:0 15px 15px;min-height:-webkit-min-content;min-height:min-content;overflow:auto;flex-shrink:0}#multi-editor #editor-controls .suffix-holder{position:relative}#multi-editor #editor-controls .suffix-holder .suffix{position:absolute;top:50%;right:10px;transform:translateY(-50%)}#multi-editor #editor-controls label[for=method-fit]{width:300px;height:-webkit-min-content;height:min-content}#multi-editor #editor-controls>fieldset{display:flex;flex-direction:column;position:relative}#multi-editor #editor-controls:not(.pixel-mode) .only-pixel-mode{display:none}#multi-editor #editor-controls #editor-values{flex-grow:1}@media (max-width:639px){#filerobot-toolbar-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"cancel apply" "toolbar toolbar";grid-row-gap:10px;margin-top:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#filerobot-toolbar-wrapper #filerobot-resize-box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#filerobot-toolbar-wrapper>div:first-of-type{grid-area:cancel;justify-self:left;margin-left:16px}#filerobot-toolbar-wrapper>div:nth-of-type(2){grid-area:toolbar;width:100%}#filerobot-toolbar-wrapper>div:nth-of-type(3){grid-area:apply;justify-self:right;margin-right:16px}#editor>div>div>div:nth-of-type(3){height:50px}#editor>div>div>div:nth-of-type(3)>div[title]{width:50px;height:50px;line-height:50px;font-size:26px}}#editor>div>div{min-height:424px}.home-section{width:100%}#home-section{padding:0 16px}@media (max-width:919px){#home-section.is-active{padding-top:15px;display:flex;flex-direction:column-reverse}.header-wrapper{margin-bottom:0}}.header-wrapper{display:grid;grid-template:-webkit-max-content max-content/260px 72px 260px 72px 260px;grid-template:max-content max-content/260px 72px 260px 72px 260px;justify-items:center;align-items:center;justify-content:space-between;grid-gap:28px;margin:84px 0 100px;text-align:center}@media (max-width:1119px){.header-wrapper>div,.header-wrapper svg:nth-of-type(2n){display:none}}@media (min-width:920px) and (max-width:1119px){.header-wrapper{grid-template:-webkit-max-content max-content/260px 260px 260px;grid-template:max-content max-content/260px 260px 260px}}@media (max-width:919px){.header-wrapper{grid-template:repeat(6,-webkit-min-content)/minmax(-webkit-min-content,300px);grid-template:repeat(6,min-content)/minmax(min-content,300px);margin:100px 0 0;justify-content:center;grid-gap:10px}.header-wrapper span{margin-bottom:45px}.header-wrapper svg:first-of-type{order:1}.header-wrapper svg:nth-of-type(3){order:3}.header-wrapper svg:nth-of-type(5){order:5}.header-wrapper span:first-of-type{order:2}.header-wrapper span:nth-of-type(2){order:4}.header-wrapper span:nth-of-type(3){order:6}}.header-wrapper .arrow-right{width:72px}.header-wrapper .step{width:260px}.header-wrapper>span{font-size:22px;line-height:29px}section:not(.is-active){display:none}.section-logo use{--logo-grey-color:#595959;--logo-blue-color:#2196f3}#editor{height:calc(100vh - 64px)}.is-small-screen #editor{height:calc(100vh - 56px)}body.editor-active .sticky-footer>.mdl-grid{padding:0;margin:0}body.editor-active .sticky-footer>.mdl-grid #single-editor-section{width:100%;margin:0 0 -100px}body.editor-active .sticky-footer>.mdl-grid #multi-editor-section{width:100%;margin:0 0 -100px;box-shadow:0 0 5px 5px rgba(0,0,0,.4)}.flex-center{display:flex;justify-content:center;align-items:center}.progress-container{animation:fade-in .2s ease-out 0s 1 backwards;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);z-index:20}.progress-container>.progress-wrapper{animation:fade-in .2s ease-out .1s 1 backwards,slide-up .2s ease-out .1s 1 backwards;background:#fff;padding:1em}.progress-container>.progress-wrapper>.mdl-progress{max-width:calc(100vw - 3em)}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(20px)}}