.SlideRight-appear{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.SlideRight-appear.SlideRight-appear-active{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:.25s ease-out;transition:.25s ease-out}@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);@import url(https://fonts.googleapis.com/css?family=Lato);@font-face{font-family:Lato;font-style:normal;font-weight:300;src:local("Lato Light"),local("Lato-Light"),url(https://fonts.gstatic.com/s/lato/v14/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format("woff2");unicode-range:u+0100-024f,u+1e??,u+20a0-20ab,u+20ad-20cf,u+2c60-2c7f,u+a720-a7ff}#root,body,html{padding:0;margin:0;height:100%;background-color:#f2c94c}a{text-decoration:none;color:#fff}h1,h2,h3{font-family:Roboto Slab}h2{font-size:18px;color:#fff}.app-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10vh 0;overflow:hidden}.btn{border-radius:4px;padding:8px 12px;font-family:Roboto Slab;cursor:pointer;-webkit-transition:.25s;transition:.25s}.btn-large{padding:8px 25px!important}.btn-blue{color:#fff;background-color:#56ccf2}.btn-blue:hover{background-color:#3ec5f0;-webkit-box-shadow:0 0 5px 2px rgba(0,0,0,.07);box-shadow:0 0 5px 2px rgba(0,0,0,.07)}.control-box{min-width:300px;width:25vw;margin-left:-50px;padding:10px 30px 20px 80px;border-radius:4px;background-color:#56ccf2}.control-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Roboto Slab;color:#fff}.control-header>img{margin:10px 40px 15px 20px;width:150px}.dragzone{width:60%;padding:30px;border:1px dashed #fff;border-radius:4px;text-align:center;font-family:Lato;color:#fff}.dragzone-hover{background-color:#85daf6}.landing{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.landing .landingBack{position:absolute;width:800px}.landing .landingBack-left{-webkit-animation:landingBack-left-anim 1s 1;animation:landingBack-left-anim 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes landingBack-left-anim{0%{-webkit-transform:translate(-450px,280px);transform:translate(-450px,280px);opacity:.1}to{-webkit-transform:translate(-450px,300px);transform:translate(-450px,300px);opacity:1}}@keyframes landingBack-left-anim{0%{-webkit-transform:translate(-450px,280px);transform:translate(-450px,280px);opacity:.1}to{-webkit-transform:translate(-450px,300px);transform:translate(-450px,300px);opacity:1}}.landing .landingBack-right{-webkit-animation:landingBack-right-anim 1s 1;animation:landingBack-right-anim 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes landingBack-right-anim{0%{-webkit-transform:translate(500px,-410px);transform:translate(500px,-410px);opacity:.1}to{-webkit-transform:translate(500px,-400px);transform:translate(500px,-400px);opacity:1}}@keyframes landingBack-right-anim{0%{-webkit-transform:translate(500px,-410px);transform:translate(500px,-410px);opacity:.1}to{-webkit-transform:translate(500px,-400px);transform:translate(500px,-400px);opacity:1}}.link-underline{position:relative;display:inline-block;padding:0;margin:0;cursor:pointer}.link-underline:after{position:absolute;content:"";height:2px;bottom:-4px;left:0;width:0;background:#fff;-webkit-transition:.25s ease-out;transition:.25s ease-out}.link-underline:hover:after{width:100%}.loading-wrapper{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.loading{overflow:hidden;margin-top:15px;border-radius:4px;width:300px;height:8px}.loading>div{border-radius:4px;height:100%;background-color:#fff;-webkit-transition:.5s;transition:.5s}.preview{position:relative;z-index:999;height:80vh;max-height:594px;max-width:40vw}.preview-canvas{display:block;max-height:calc(100% - 35px);max-width:40vw;background-color:#fff;-webkit-box-shadow:0 0 20px 10px rgba(0,0,0,.03);box-shadow:0 0 20px 10px rgba(0,0,0,.03)}.preview-btn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:35px;border-radius:0 0 4px 4px;background-color:#eb5757;font-family:Roboto Slab;color:#fff;cursor:pointer;-webkit-transition:.25s;transition:.25s}.preview-btn:hover{background-color:#e62929}.margin-sm-bottom{margin-bottom:5px}.margin-md-bottom{margin-bottom:15px}.margin-lg-bottom{margin-bottom:25px}.margin-sm-top{margin-top:5px}.margin-md-top{margin-top:15px}.margin-lg-top{margin-top:25px}.SlideUp-appear{-webkit-transform:translateY(100vh);transform:translateY(100vh)}.SlideUp-appear.SlideUp-appear-active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:.25s ease-out;transition:.25s ease-out}.loading-bars{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;width:100%;background-color:#e94949;background-image:linear-gradient(-45deg,#eb5757 25%,transparent 0,transparent 50%,#eb5757 0,#eb5757 75%,transparent 0,transparent);background-size:50px 50px;-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite}@-webkit-keyframes move{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes move{0%{background-position:0 0}to{background-position:50px 50px}}.FadeIn-appear{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.FadeIn-appear.FadeIn-appear-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out}.switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:7px;cursor:pointer}.switch:last-of-type{margin-bottom:0}.switch.active .switch-toggle{background-color:#4ac87f}.switch.active .switch-toggle .switch-toggle-cursor{left:19px;background:#fff}.switch-toggle{height:16px;width:32px;border-radius:10px;background:#fff;-webkit-transition:.1s;transition:.1s;-webkit-box-shadow:1px 1px rgba(0,0,0,.1) inset;box-shadow:inset 1px 1px rgba(0,0,0,.1)}.switch-toggle .switch-toggle-cursor{position:relative;width:10px;height:10px;border-radius:50%;top:3px;left:3px;background:#56ccf2;-webkit-box-shadow:1px 1px rgba(0,0,0,.1);box-shadow:1px 1px rgba(0,0,0,.1);-webkit-transition:.1s;transition:.1s}.switch-label{position:relative;bottom:1px;margin-left:10px;font-family:Lato;font-size:1em;color:#fff}.styles-list{list-style:none;padding:0}.styles-list li{display:inline-block;margin-right:10px}.styles-list .styles-item{display:inline-block;opacity:.6;text-align:center;-webkit-transition:.1s;transition:.1s;cursor:pointer}.styles-list .styles-item.active,.styles-list .styles-item:hover{opacity:1}.styles-list .styles-item.active img,.styles-list .styles-item:hover img{-webkit-box-shadow:0 0 5px 3px rgba(0,0,0,.05);box-shadow:0 0 5px 3px rgba(0,0,0,.05)}.styles-list img{z-index:999;display:block;background:#fff;border-radius:4px}.styles-list .styles-label{display:inline-block;padding:3px 8px 5px;text-align:center;font-family:Lato;font-size:.8em;border-radius:0 0 4px 4px;background-color:#27beee;color:#fff}.Select{list-style:none;padding:0}.Select .option-box{display:inline-block;padding:5px 10px;margin-bottom:5px;margin-right:5px;background:#eb5757;cursor:pointer}.Select .option-box:hover{background:#e84040}.Select li{display:inline-block;font-family:Roboto Slab;color:#fff}