@import"https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap";@import"https://fonts.googleapis.com/css?family=Montserrat:300,400,500&display=swap";body{align-items:center;display:flex;font-family:"Roboto",sans-serif;font-size:12px;justify-content:center;margin:0;width:100%}.container{max-width:700px;width:100%}.file-container{align-content:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:5px}.animation-container{font-size:0;line-height:0;position:relative}.animation-container .error{align-items:center;background-color:rgba(0,0,0,.5);border-radius:4px 4px 0 0;display:flex;flex-direction:column;font-size:initial;height:455px;justify-content:center;left:0;line-height:initial;position:absolute;top:0;width:100%}.animation-container .error .inner{background:#fff;border:1px solid #ebebeb;border-radius:4px;box-shadow:0 2px 30px rgba(0,0,0,.3);box-sizing:border-box;margin-bottom:50px;padding:10px 10px 20px 10px;position:relative;width:69%}.animation-container .error .close{color:#000;cursor:pointer;line-height:10px;padding:5px;position:absolute;right:5px;top:5px}.animation-container .error .close:hover{background:#efefef;border-radius:4px}.animation-container .error .pro{background:#000;border-radius:18px;color:#fff;display:inline-block;font-family:Montserrat,sans-serif;font-size:10px;font-weight:500;padding:3px 5px}.animation-container .error .pro svg{color:#ffb906;vertical-align:-1px}.animation-container .error .msgs{color:#030916;font-size:14px;line-height:1.5em;padding:20px 10px}.animation-container .error .msgs strong,.animation-container .error .msgs b{font-weight:500}.animation-container .error .error-msg{color:#ff1717}.animation-container .error .buttons{align-items:center;display:flex;justify-content:flex-end;padding:0 10px}.animation-container .error .release{color:rgba(16,16,16,.5);flex-grow:2;font-size:10px}.animation-container .error .btn{background:#ececec;border-radius:4px;color:#101010;font-size:12px;margin-left:9px;padding:9px 13px;text-decoration:none;transition:all .25s}.animation-container .error .btn:hover{background:#dcdcdc}.animation-container .error .btn.upgrade{background:#030916;color:#fff;font-weight:500}.animation-container .error .btn.upgrade:hover{background:#1b212e}.animation-container .error .btn.upgrade svg{color:#ffb906}.animation-container .error .btn svg{margin-right:2px;vertical-align:-1px}.loading{background:url(../assets/loader.svg) no-repeat center 200px;background-size:100px 100px}.loading .animation-container{min-height:457px}.loading .animation{min-height:455px;visibility:hidden}.loading .mobile-preview-container .preview-inner{background:url(../assets/loader.svg) no-repeat center 200px;background-size:100px 100px}.loading .mobile-preview-container .svg{min-height:455px;visibility:hidden}.mobile-preview-container .error .inner{width:85%}.hidden{display:none !important}.reset{align-items:center;color:#166bff;cursor:pointer;display:flex;font-size:13px}.reset svg{margin-right:5px}.reset:hover{color:#267bff}.reset:active{color:#065bef}.inputFile{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.svg-name{color:#6e6e6e}.svg{border:1px solid #efefef;border-bottom:0 none;border-radius:4px 4px 0 0;box-sizing:border-box;font-size:0;line-height:0;min-height:300px}h3{font-size:16px;font-weight:400;margin:1.5em 0 .5em}.console{background:#2d2d2d;border-radius:5px;box-shadow:0 2px 6px -2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.4);font-size:12px;margin:.5em 0;max-height:150px;overflow:auto;padding:1em;position:relative}.console code{color:#ccc}.console code .function{color:#f08d49}.console code .string{color:#7ec699}.copy{background:url(../assets/copy.svg) no-repeat center;cursor:pointer;height:1.66em;margin:.66em;position:absolute;right:0;top:0;width:1.66em}.copied{background-image:url(../assets/checkmark.svg)}.output .clear{color:#fff;cursor:pointer;display:none;position:sticky;right:0;text-align:right;top:0;user-select:none}.output code{display:block}.output:hover code{margin-top:-14px}.output:hover .clear{display:block}.output .clear:hover{text-decoration:underline}.fileLabel{align-items:center;background-color:#0089ce;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:"Roboto",sans-serif;height:48px;justify-content:center;margin:1em auto;order:2;width:230px}.fileLabel:hover{background-color:#0091d8}.mobile-preview-container{background-image:url(../assets/mobile-bg.svg);background-position:center;background-repeat:no-repeat;background-size:contain;height:600px;margin:0 auto;padding:70px 50px;width:330px}.mobile-preview-container .svg{border:0 none}.mobile-preview-container .preview-inner{height:100%;max-height:100%;overflow-y:auto;position:relative;width:100%}@media only screen and (max-width: 481px){body{justify-content:flex-start}.copy{display:none}}