/*# sourceMappingURL=App.vue.map */
#editorWrapper {
  position: relative;
  width: 100%; }

#aceEditor, #codeFlaskEditor {
  height: 50rem;
  width: 100%; }
  #aceEditor.hidden, #codeFlaskEditor.hidden {
    height: 0;
    display: none; }
  #aceEditor code, #codeFlaskEditor code {
    background-color: transparent;
    color: #888;
    box-shadow: none;
    font-size: 100%;
    font-weight: normal; }
    #aceEditor code:before, #codeFlaskEditor code:before {
      letter-spacing: -1ex; }

#canvasWrapper {
  position: relative;
  width: 100%;
  height: 50rem; }

#canvasSection {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 50rem;
  width: 100%;
  overflow: auto;
  border: 1px solid #eee;
  background-color: #fff;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: grab; }

#history {
  max-height: 30rem;
  overflow-y: auto; }

.deletingUml {
  max-width: 500px;
  max-height: 50rem;
  overflow: auto;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: grab; }

.header-icon {
  margin-top: -3px;
  margin-right: 4px; }