body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden;touch-action:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#interactionlayer{left:0;position:absolute;top:0;touch-action:none;z-index:5}#appcontainer,#root,body,html{height:100%}#topcontainer{height:calc(100% - 40px)}#ui-container{background-color:#333;margin-right:0;width:400px;z-index:30}#drawing-canvas-container,#ui-container{display:inline-block;height:100%;position:relative;vertical-align:top}#drawing-canvas-container{background-color:#222;margin:auto;width:calc(100% - 400px)}#innerCanvasContainer{left:calc(50% - 290px);top:calc(50% - 290px);z-index:21}#drawing-canvas,#innerCanvasContainer{height:600px;position:absolute;touch-action:none;width:600px}#drawing-canvas{z-index:20}#drawing-canvas2{background-color:#fff;height:600px;position:absolute;touch-action:none;width:600px;z-index:18}#canvasInteractionDiv{height:100%}.slider{height:50px;left:0;margin-bottom:-4px;margin-left:10%;margin-right:10%;top:0}.slidersvg{position:absolute;top:0}.slider-canvas{position:relative}#historyselector{position:absolute;right:0;top:0;z-index:30}#historybar{bottom:4px;height:200px;left:0;position:absolute;width:100%;z-index:40}#historybar-canvas{background-color:#525252;height:200px;width:100%}#historybar+#topcontainer{height:calc(100% - 240px);z-index:39}#drawingsample-canvas{background-color:#fff;border:2px dashed #000;display:inline-block;height:200px;position:absolute;right:10px;top:30px;width:140px;z-index:25}#sliderdiv{display:inline-block;margin-bottom:-4px;position:relative;z-index:1}#historybox{bottom:0;position:absolute;right:0;z-index:30}#historyoverlay{height:100%;position:absolute;width:100%}#checkboxdiv{display:inline-block;margin-bottom:-4px;position:relative}#colorpickerwithtitle{margin-left:40px}#colorpicker{border:3px solid #000;display:block;height:200;width:320px}#colorpickerel{margin-bottom:-4px}#topbar{background-color:#454545;color:#fff;height:30px;padding:5px;text-align:left;z-index:50}.ruler{background-color:#3e3e3e;left:0;position:absolute;top:0;z-index:29}#title{margin:0 0 0 10px;position:relative;top:-3px}#logo,#title{display:inline-block;padding:0}#logo{margin:0;width:100px}#fileupload{opacity:0;overflow:hidden;z-index:21}#fileupload,#fileupload+label{height:100px;left:30px;position:absolute;top:30px;width:100px}#fileupload+label{color:#fff;display:inline-block;font-size:1.25em;font-weight:500}.resEl{background:cyan;border-radius:50%;display:none;height:50px;opacity:40%;position:absolute;width:50px;z-index:20}#uititle{margin-bottom:-10px}.uiline{margin-bottom:10px;margin-top:0}.resizeHandle{background-color:red;border-radius:50%;display:none;height:50px;opacity:40%;position:absolute;width:50px;z-index:20}button{background-color:#555;border-width:1px;height:35px;outline:none;position:absolute;top:2.5px;width:35px;z-index:50}button:active,button:hover{background:#444}#buttonUndo{border-right:none;right:335px}#buttonRedo{border-left:1px solid #444;right:300px}
/*# sourceMappingURL=main.af164dbb.css.map*/