.OIe-editor{font-size:8pt;font-family:Verdana,Helvetica,Arial;color:#000000;position:absolute;top:0;left:0;width:100%;height:100%}.workarea{height:100%;overflow:auto}.svgcanvas,.workarea{position:relative;text-align:center}.svgcanvas{line-height:normal;vertical-align:middle;top:0;left:0}#svgroot{position:absolute;top:0;left:0}#canvasBackground>rect{fill:#fff!important}:focus{outline:none}.OIe-attributes-tools{position:absolute;left:300px;display:inline-flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;background-color:#F4F4F4;width:600px;font-size:10px}.OIe-attributes-tools>label{margin-left:2px}.OIe-attributes-tools [name=tagName]{width:40px;height:9px;font-size:10px}.OIe-attributes-tools [name=id]{width:80px;height:9px;font-size:10px}.OIe-attributes-tools [name=cx],.OIe-attributes-tools [name=cy],.OIe-attributes-tools [name=height],.OIe-attributes-tools [name=r],.OIe-attributes-tools [name=rx],.OIe-attributes-tools [name=ry],.OIe-attributes-tools [name=stroke-width],.OIe-attributes-tools [name=stroke],.OIe-attributes-tools [name=width],.OIe-attributes-tools [name=x],.OIe-attributes-tools [name=y]{width:35px;height:9px;font-size:10px}.OIe-attributes-tools [name=font-size]{width:40px;height:9px;font-size:10px}.OIe-attributes-tools [name=font-family]{width:90px;height:16px;font-size:10px}.OIe-attributes-tools [name=d]{width:120px;height:9px;font-size:10px}.OIe-tools-icon{width:12px}.top-bar{position:relative;border-right:none;left:0;top:0;width:100%;height:35px;padding-left:50px;z-index:1;background-color:#F4F4F4}.top-bar .canvas-mode{position:absolute;top:0;left:225px}.top-bar .tag-name{position:absolute;bottom:0;left:225px}.top-bar button{border:0;margin:1px;padding:2px;border-radius:5px;font-size:.5em;width:30px;height:30px;background-color:#F4F4F4}.top-bar button:hover{background-color:#FFDB81}.top-bar button.disabled{color:lightgrey}.left-bar{position:relative;top:0;right:0;padding-top:50px;border:none;background-color:#F4F4F4;overflow-y:visible;width:42px;z-index:1}.left-bar button{border:0;margin:1px;padding:2px;border-radius:5px;font-size:.5em;width:40px;height:30px;background-color:#F4F4F4}.left-bar button.selected,.left-bar button:hover{background-color:#FFDB81}.bottom-bar{position:fixed;display:flex;border-right:none;left:0;bottom:0;right:0;height:35px;padding-left:50px;z-index:1;background-color:#F4F4F4;font-size:.5em;justify-content:space-evenly;align-items:center}.bottom-bar .OIe-mode{display:inline}.bottom-bar select{font-size:1em}.bottom-bar .OIe-context,.bottom-bar .OIe-layer{display:inline}.bottom-bar .OIe-zoom{position:relative;width:16px;left:-1px;top:5px}div.OIe-tools-color{font-size:.5em;display:block;text-align:center;width:40px;height:35px}div.OIe-tools-color.button{cursor:pointer}.OIe-tools-color-sample{width:15px;height:15px;text-align:center;display:inline-block;vertical-align:middle}.OIe-tools-color-title{width:16px;position:relative;left:-1px;top:5px}.OIe-tools-color-panel{z-index:10;position:fixed;bottom:40px}