.styles_root__2NddW{height:100%;display:flex}.styles_sidebar__1X4O7{width:350px;display:flex;flex-direction:column;border-right:1px solid #8a9ba8;background-color:#e1e8ed;flex-shrink:0;flex-grow:0}.styles_settings__1IRNF{flex-grow:1}.styles_content__2ogdv{display:flex;flex-grow:1;flex-direction:column}.styles_logo__2qN_x{background-color:#ced9e0}.styles_header__2Nn0Q,.styles_logo__2qN_x{height:40px;flex-shrink:0;flex-grow:0;border-bottom:1px solid #8a9ba8}.styles_header__2Nn0Q{background-color:#e1e8ed}.styles_main__2lP6H{background-color:#ced9e0;flex:1 1}.styles_root__SrPQh{display:flex;margin:5px;align-items:center;justify-content:center}.styles_cell__2YTQi{width:20px;height:20px;border-radius:3px;margin-right:3px;flex:1 1;box-shadow:1px 1px 0 rgba(57,75,89,.5)}.styles_cell__2YTQi:last-of-type{margin-right:0}.styles_root__quQKB{display:flex;align-items:center;justify-content:center}.styles_icon__15g5s{width:24px;height:24px;margin-right:10px;margin-left:10px}.styles_title__1dpww{font-size:24px;font-weight:700}.styles_root__2yjfU:hover .cell{position:absolute;transition:all .5s linear}.styles_root__2yjfU:hover .first{-webkit-transform-origin:32px 32px;transform-origin:32px 32px;-webkit-transform:rotateY(-1turn);transform:rotateY(-1turn)}.styles_root__2yjfU:hover .second{-webkit-transform-origin:64px 64px;transform-origin:64px 64px;-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}.styles_root__14DCM{display:flex;align-items:center;padding:0 10px}.styles_root__14DCM div{margin-right:20px}.styles_root__14DCM input[type=checkbox]{margin-right:5px}.styles_image__2BslV,.styles_processedImage__2n3oq{max-width:100%;max-height:100%;display:block;object-fit:contain;-webkit-filter:drop-shadow(0 0 1px rgba(24,32,38,.3)) drop-shadow(0 0 10px rgba(24,32,38,.3));filter:drop-shadow(0 0 1px rgba(24,32,38,.3)) drop-shadow(0 0 10px rgba(24,32,38,.3))}.styles_layersContainer__tvLeE{position:relative;height:100%;width:100%}.styles_layer__1XaRb,.styles_originalLayer__3MTth,.styles_processedLayer__2e1az{display:flex;align-items:center;justify-content:center}.styles_originalLayer__3MTth,.styles_processedLayer__2e1az{position:absolute;top:0;right:0;bottom:0;left:0}.styles_root__3cRUh{padding:20px;overflow:hidden}.styles_noImage__1UMKP,.styles_root__3cRUh{display:flex;align-items:center;justify-content:center}.styles_noImage__1UMKP{min-width:200px;min-height:200px;color:#8a9ba8}.styles_main__3sJOE{text-align:center;padding-bottom:10px}.styles_octicon__1VqCT{fill:#5c7080;opacity:.3;transition:opacity .2s linear;width:40px}.styles_octicon__1VqCT:hover{opacity:.8}button{background-color:#137cbd;border:none;color:#fff;padding:5px 10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}button:hover{background-color:#1273af}button:active{background-color:#10679d}.react-dat-gui{position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.react-dat-gui *,.react-dat-gui :after,.react-dat-gui :before{box-sizing:inherit}.react-dat-gui .dg{margin:0;padding:0;color:#293742;overflow:hidden}.react-dat-gui .dg ul{list-style:none;margin:0;padding:0;width:100%;clear:both}.react-dat-gui .dg.main::-webkit-scrollbar{width:5px;background:#e1e8ed}.react-dat-gui .dg.main::-webkit-scrollbar-corner{height:0;display:none}.react-dat-gui .dg.main::-webkit-scrollbar-thumb{border-radius:5px;background:#fff}.react-dat-gui .cr{display:block;background-color:#e1e8ed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid #bfccd6}.react-dat-gui .cr label{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:1px 2px 1px 6px}.react-dat-gui .cr .label-text{width:40%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-dat-gui .cr input[type=number],.react-dat-gui .cr input[type=text]{background:#fcfdfd;border:3px solid #e1e8ed;border-radius:0;margin:0;outline:none;font-size:inherit}.react-dat-gui .cr input[type=number]:hover,.react-dat-gui .cr input[type=text]:hover{background:#fff}.react-dat-gui .cr input[type=number]:focus,.react-dat-gui .cr input[type=text]:focus{background:#fff;color:#fff}.react-dat-gui .cr input[type=number]::-ms-clear,.react-dat-gui .cr input[type=text]::-ms-clear{display:none}.react-dat-gui .cr.boolean{position:relative;border-left:0 solid #8f398f}.react-dat-gui .cr.boolean label{cursor:pointer}.react-dat-gui .cr.boolean .label-text{display:block;padding:5px 0}.react-dat-gui .cr.boolean input[type=checkbox]{margin:0}.react-dat-gui .cr.button{border-left:0 solid #db3737}.react-dat-gui .cr.button:hover{background:#111}.react-dat-gui .cr.button .label-text{display:block;width:100%;padding:6px;cursor:pointer}.react-dat-gui li.folder{display:block;padding:0}.react-dat-gui li.folder .title{font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;cursor:pointer;padding:5px 5px 5px 16px;background:#e1e8ed url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat}.react-dat-gui li.folder ul{margin-left:0;width:100%}.react-dat-gui li.folder.closed .title{background:#e1e8ed url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat}.react-dat-gui li.folder.closed ul{display:none}.react-dat-gui .cr.number{border-left:0 solid #137cbd}.react-dat-gui .cr.number input[type=number],.react-dat-gui .cr.number input[type=text]{color:#137cbd;height:25px}.react-dat-gui .cr.number .slider{display:block;position:relative;border:3px solid #e1e8ed;border-right-width:1px;background-color:#fcfdfd;background-image:linear-gradient(90deg,#137cbd,#137cbd);background-size:0 100%;background-repeat:no-repeat;cursor:ew-resize;height:25px}.react-dat-gui .cr.string{border-left:0 solid #0f9960}.react-dat-gui .cr.string input[type=text]{color:#0f9960;padding:2px 5px}.react-dat-gui .cr.select{border-left:0 solid #d9822b}.react-dat-gui .cr.select label{padding:6px}.react-dat-gui .cr.color{border-left:0 solid #e1e8ed}.react-dat-gui .cr.color .swatch{text-align:center;font-weight:700;color:#fff;text-shadow:rgba(0,0,0,.7) 0 1px 1px;padding:2px 5px;border:3px solid #e1e8ed;cursor:pointer}.react-dat-gui .cr.color .popover{position:absolute;z-index:2;right:5px}.react-dat-gui .cr.color .cover{position:fixed;top:0;right:0;bottom:0;left:0}.react-dat-gui .cr.color .picker{background:"#fff";box-shadow:0 0 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.3);box-sizing:initial;width:auto;font-family:Menlo;margin-top:-3px}.react-dat-gui .cr.color .picker .body{padding:0}.react-dat-gui .cr.color .picker .body .controls{display:flex}.react-dat-gui .cr.color .picker .body .controls .toggles{flex:1 1}.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap{height:10px;position:relative}.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap .hue{radius:2px}.react-dat-gui .cr.color .picker .saturation-wrap{width:100%;padding-bottom:55%;position:relative;overflow:hidden}.react-dat-gui .cr.color .picker .saturation-wrap .saturation{radius:2px 2px 0 0}.react-dat-gui .cr.color .fields-wrap{display:flex}.react-dat-gui .cr.color .fields-wrap .fields{flex:1 1;display:flex;margin-left:-6px}.react-dat-gui .cr.color .fields-wrap .fields .field{padding-left:6px;width:100%}.react-dat-gui .cr.color .fields-wrap .fields .field input{font-size:11px;color:#333;border-radius:2px;border:none;box-shadow:inset 0 0 0 1px #dadada;height:21px;text-align:center}.react-dat-gui .cr.color .fields-wrap .fields .field input:focus{outline:none}.react-dat-gui .cr.color .fields-wrap .fields .field label{text-transform:uppercase;font-size:11px;line-height:11px;color:#969696;text-align:center;display:block;margin-top:12px}.react-dat-gui .cr.color .pointer{width:12px;height:12px;border-radius:6px;-webkit-transform:translate(-6px,-1px);transform:translate(-6px,-1px);background-color:#f8f8f8;box-shadow:0 1px 4px 0 rgba(0,0,0,.37);position:absolute;z-index:3}.react-dat-gui .cr.color .pointer-circle{width:12px;height:12px;border-radius:6px;box-shadow:inset 0 0 0 1px #fff;-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}.react-dat-gui .cr.presets{border-left:0 solid #5c7080}.react-dat-gui .cr.presets label{padding:6px}.react-dat-gui .cr.presets label select{width:100%}body,html{height:100%;padding:0;margin:0;min-height:300px;font-family:Ubuntu,sans-serif}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#394b59;color:#293742}*{outline-style:none}#root{height:100%}.filler{flex-grow:1;display:flex;justify-content:center;align-items:center}
/*# sourceMappingURL=main.dad5d25b.chunk.css.map */