.canvas[data-v-ee994a61]{width:800px;height:600px;border:1px solid black;display:block;margin:0 auto;cursor:crosshair;background-color:#fff}.flex{display:flex}body{margin:0;font-family:Arial,Helvetica,sans-serif;background-color:#effaf6}a{cursor:pointer}.vertical-menu{width:200px}.vertical-menu a{background-color:#eee;color:#000;display:block;padding:12px;text-decoration:none}.vertical-menu a:hover{background-color:#ccc}.vertical-menu a.active{background-color:#04aa6d;color:#fff}.horizontal-menu{overflow:hidden;background-color:#333}.horizontal-menu a{float:left;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.horizontal-menu a:hover{background-color:#ddd;color:#000}.horizontal-menu a.active{background-color:#04aa6d;color:#fff}.d-flex{display:flex}.mt-20{margin-top:20px}.mt-10{margin-top:10px}.ml-10{margin-left:10px}input[type=color]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;cursor:pointer;height:3em;padding:0;width:12em}