body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{background-color:#282c34;color:#fff}p{font-weight:300;margin:0}.dropZoneArea{text-align:center;width:540px;max-width:100%;padding-left:20px;padding-right:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dropZoneArea img{height:60px;margin-bottom:20px}.dragzone{border:1px dashed #eee;padding:20px;margin:20px 0 0;border-radius:6px;font-size:12px}.drag{border:1px solid #fff}.full-logo{height:40px;margin-bottom:40px;margin-top:20px}.filter{display:block;position:relative;background:#fff;border-radius:2px;color:#000;padding:7px 12px 7px 138px;margin-bottom:4px;cursor:move}.filter select{position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:1px solid}.filter .level,.filter .percent{margin-left:10px;margin-right:5px;display:inline-block;-webkit-transform:translateY(-2px);transform:translateY(-2px);width:70px;text-align:right}.filter .percent{margin-right:0;margin-left:5px;width:40px}.filter .delete{position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;opacity:.7;color:#000;font-size:18px;color:red;font-weight:700}.filter .delete:hover{opacity:1}.filter .angle{position:absolute;right:24px;font-size:11px;margin-top:-1px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;opacity:.7;color:#000}.filter .angle:hover{opacity:1}.filter.placeholder{opacity:.5}.filter .dots{position:absolute;top:50%;left:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}h3{margin-bottom:20px;margin-top:-5px}.filter-head{position:relative}.filter-head .add{border-radius:50%;outline:none!important;-webkit-filter:none!important;filter:none!important;border:none!important;box-shadow:none!important}.filter-head .add,.filter-head .btns{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.filter-head .btns .btn{margin-left:8px}canvas{margin:0;padding:0}.fs0{font-size:0;position:relative}.atop{top:0;left:0}.atop,.picker{position:absolute}.picker{width:50px;top:50%;right:48px;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:3px;z-index:10}.color{width:36px;height:14px;border-radius:2px}.swatch{padding:5px;background:#fff;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:inline-block;cursor:pointer}.popover{position:absolute;z-index:150;right:0;top:40px}.cover{position:fixed;top:0;right:0;bottom:0;left:0}.sliders{width:300px;display:inline-block}.view-pre{position:absolute;top:0;left:0;right:0;bottom:0;height:100vh;width:100vw}.view-pre canvas{width:100%;height:100%;object-fit:contain}.dropZoneArea .spacer{margin-top:10px;margin-bottom:20px}.dropZoneArea .btn-success{border-top-left-radius:0;border-bottom-left-radius:0}@media (min-width:1000px) and (min-height:632px){.dropZoneArea{-webkit-transform:translate(-50%,-50%) scale(150%);transform:translate(-50%,-50%) scale(150%)}}.frames .frame{background:#fff;border-radius:4px;overflow:hidden;position:relative}.frames .frame .del,.frames .frame .save{position:absolute;bottom:8px;right:8px;border-radius:50%;height:38px;width:38px}.frames .frame .del span,.frames .frame .save span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.frames .frame .save{right:54px}.urls{background:rgba(0,0,0,.5);border-radius:4px;margin-bottom:16px;padding:16px;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.atop{touch-action:none}@media (max-width:499px){.filter-head.s-e{margin-top:-30px;margin-bottom:-10px}.filter-head.s-e h3{width:0;overflow:hidden}.filter-head.s-e .btns{text-align:center;width:100%}.filter-head.s-e .btns a{display:none}.filter-head.s-e .btns .btn{margin:0 4px}.filter{padding-left:10px;padding-top:40px}.filter .angle,.filter .delete,.filter .picker{top:8px;-webkit-transform:none;transform:none}.filter .angle{margin-top:5px}.filter select{top:10px;-webkit-transform:none;transform:none}.filter .sliders input.text{margin-top:10px;max-width:175px}.filter .sliders .slider{max-width:120px}.filter .sliders .level{text-align:left;width:55px}}.fs0{max-width:100%;max-height:80vh}.fs0.bigh{height:80vh}.fs0.bigw canvas{width:100%}.fs0.bigh canvas{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:100%}
/*# sourceMappingURL=main.3a3a1ede.chunk.css.map */