.line-container[data-v-2dfa0325] {
  height: 100%;
}
svg[data-v-2dfa0325] {
  overflow: visible;
}


.image-container[data-v-30da9d77] {
  margin: 10px auto 0;
  padding: 0 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.image[data-v-30da9d77] {
  display: block;
}
.image-wrapper[data-v-30da9d77] {
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 0 auto;
  position: relative;
}
.handle[data-v-30da9d77] {
  width: 6px;
  height: 6px;
  background: #41464b;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  position: absolute;
}
.handle-lt[data-v-30da9d77] {
  top: -5px;
  left: -5px;
  cursor: nwse-resize;
}
.handle-rt[data-v-30da9d77] {
  top: -5px;
  right: -5px;
  cursor: nesw-resize;
}
.handle-lb[data-v-30da9d77] {
  bottom: -5px;
  left: -5px;
  cursor: nesw-resize;
}
.handle-rb[data-v-30da9d77] {
  bottom: -5px;
  right: -5px;
  cursor: nwse-resize;
}
.preview[data-v-30da9d77] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.preview-image[data-v-30da9d77] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  opacity: 0.5;
}
.editable .image-wrapper[data-v-30da9d77]:hover {
  border-color: #6da0e3;
}
.image-editing .image-wrapper[data-v-30da9d77] {
  border-color: #6da0e3;
}
.image-editing .handle[data-v-30da9d77] {
  display: block;
}


.image-container[data-v-586aaee7] {
  margin: 10px auto 0;
  padding: 0 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.image[data-v-586aaee7] {
  display: block;
  opacity: 0.5;
}
.image-wrapper[data-v-586aaee7] {
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 0 auto;
  position: relative;
}
.progress-wrapper[data-v-586aaee7] {
  background-color: #ececed;
  border: solid 0.5px #cccccc;
  border-radius: 5px;
  opacity: 0.8;
  position: absolute;
  z-index: 1;
  top: 50%;
  height: 10px;
  margin-top: -5px;
  width: 80%;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.progress-bar[data-v-586aaee7] {
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#41464b), color-stop(43%, #515456), to(#666666));
  background: linear-gradient(to left, #41464b, #515456 43%, #666666);
}


.outline-container-outter[data-v-5f25fa64] {
  position: relative;
}
.outline-container-outter.outline.selected[data-v-5f25fa64] {
  background: rgba(0, 0, 0, 0.03);
}
.outline-container[data-v-5f25fa64] {
  position: relative;
  padding-right: 40px;
  padding-left: 0;
  margin: 0 auto;
}
.outline-container.outline[data-v-5f25fa64] {
  max-width: 52%;
}
.outline-container > div[data-v-5f25fa64] {
  word-break: break-word;
  white-space: pre-wrap;
  width: auto;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.outline-container.mixin > div[data-v-5f25fa64] {
  max-width: 300px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.outline-container.mixin.selected[data-v-5f25fa64] {
  background: rgba(0, 0, 0, 0.03);
}
.outline-container .content[data-v-5f25fa64] {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.outline-container .input[data-v-5f25fa64] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  cursor: default;
}
.outline-container.editing .input[data-v-5f25fa64] {
  opacity: 1;
  z-index: inherit;
  cursor: unset;
  position: relative;
}
.outline-container.editing .content[data-v-5f25fa64] {
  opacity: 0;
  position: absolute;
}
.outline-container .image-wrapper[data-v-5f25fa64] {
  display: inline-block;
  margin-top: -10px;
  margin-left: -10px;
}
.outline-container .child-count[data-v-5f25fa64] {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #a5a5a5;
}


.outline-viewport[data-v-3590a146] {
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.outline-viewport.outline .lines-wrapper[data-v-3590a146] {
  max-width: 52%;
}
.node-wrapper[data-v-3590a146] {
  position: static;
}
.lines-wrapper[data-v-3590a146] {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 0;
  margin: 0 auto;
  height: 100%;
}


.positioner[data-v-6ef39268] {
  position: absolute;
}
.positioner[data-v-6ef39268]:not(.show) {
  opacity: 0 !important;
}
.wrapper[data-v-6ef39268] {
  position: relative;
}
.wrapper[data-v-6ef39268]::after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 4px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 0 0 3px transparent;
          box-shadow: 0 0 0 3px transparent;
  pointer-events: none;
}
.wrapper.selected[data-v-6ef39268]::after {
  -webkit-box-shadow: 0 0 0 3px #6da0e3;
          box-shadow: 0 0 0 3px #6da0e3;
  opacity: 1 !important;
}
.wrapper[data-v-6ef39268]:hover:not(.unselectable)::after {
  -webkit-box-shadow: 0 0 0 3px #6da0e3;
          box-shadow: 0 0 0 3px #6da0e3;
  opacity: 0.5;
}
.input[data-v-6ef39268] {
  opacity: 0;
  position: absolute;
  top: 0;
  cursor: move;
  z-index: -1;
}
.container.editing[data-v-6ef39268] {
  -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.content[data-v-6ef39268],
.input[data-v-6ef39268] {
  max-width: 300px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  overflow: hidden;
  border: none;
  outline: none;
  line-height: 1.5;
  text-align: justify;
  word-break: normal;
  word-break: break-word;
  white-space: pre-wrap;
}
.content[data-v-6ef39268] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.content.editable[data-v-6ef39268] {
  cursor: move;
}
.container.editing .input[data-v-6ef39268] {
  opacity: 1;
  z-index: inherit;
  position: relative;
  cursor: unset;
}
.container.editing .content[data-v-6ef39268] {
  opacity: 0;
}


.content .highlight {
  background: rgba(245, 178, 0, 0.3);
}
.input[contenteditable] b {
  font-weight: normal;
}
.input[contenteditable] i {
  font-style: normal;
}
.input[contenteditable] img {
  display: none;
}































































































/* container */
.container[data-v-802396e2] {
  position: absolute;
}
/* content */
.content[data-v-802396e2] {
  max-width: 300px;
  padding: 0 10px;
  outline: none;
  word-break: break-all;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: pre-wrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block; /* mock max-content effect on IE */
}
.count[data-v-802396e2] {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  right: -8px;
  top: -8px;
  background: -webkit-gradient(linear, left bottom, left top, from(#80b3f5), to(#6c9fe2));
  background: linear-gradient(0deg, #80b3f5 0%, #6c9fe2 100%);
  color: #fff;
  border-radius: 50%;
  text-align: center;
}


.dropzone[data-v-7ce95529] {
  position: absolute;
  z-index: 10;
}
.debug[data-v-7ce95529] {
  border: solid 1px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.05);
}


.count[data-v-2701450e] {
  background: #676b6f;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  padding: 0 5px;
  display: inline-block;
  border-radius: 20px;
  min-width: 20px;
  text-align: center;
  position: absolute;
  font-weight: bold;
}


.expand[data-v-89c3af06] {
  background: #676b6f;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  padding: 0;
  display: inline-block;
  border-radius: 20px;
  width: 20px;
  text-align: center;
  position: absolute;
  cursor: pointer;
}
.expand > svg[data-v-89c3af06] {
  width: 20px;
  height: 20px;
}


#collapsed-expanded-handler-container {
  position: absolute;
  left: 0;
  top: 0;
}


#mindmap-sheet[data-v-53026963] {
  position: relative;
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}


#mindmap-scroller[data-v-387de046] {
  overflow: visible;
  background: #fff;
}


#mindmap-draglayer[data-v-40504888] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: -webkit-grab;
  cursor: grab;
}


#mindmap-viewport[data-v-7129ad06] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}


.mindmap-app .scrollbar-x {
  height: 17px;
  padding: 10px 6px 0 3px;
  margin-bottom: 1px;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mindmap-app .scrollbar-y {
  width: 17px;
  padding: 3px 0 6px 10px;
  margin-right: 1px;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mindmap-app .scrollbar-x > div,
.mindmap-app .scrollbar-y > div {
  background: rgba(102, 102, 102, 0.7);
  border-radius: 7px;
}


.context-menu {
  position: fixed;
  min-width: 140px;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  padding: 5px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.context-menu.up {
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.context-menu .context-menu-item {
  position: relative;
  padding: 6px 20px 6px 20px;
  height: 34px;
  font-size: 13px;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.context-menu .context-menu-item .text {
  white-space: nowrap;
}
.context-menu .tooltip {
  background: #333;
  color: #fff;
  font-size: 10px;
  position: absolute;
  left: 80px;
  padding: 4px;
  white-space: nowrap;
  margin-left: 20px;
  border-radius: 2px;
  display: none;
}
.context-menu .context-menu-item:hover .tooltip {
  display: block;
}
.context-menu .context-menu-item .tooltip:before {
  content: ' ';
  background: #333;
  width: 8px;
  height: 8px;
  position: absolute;
  left: -4px;
  top: 50%;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.context-menu .context-menu-item.disabled .text {
  cursor: not-allowed;
  opacity: 0.3;
}
.context-menu-item:hover {
  background-color: #f7f7f7;
}


.mindmap-app * {
  padding: 0;
  margin: 0;
}
.mindmap-app *,
.mindmap-app *::before,
.mindmap-app *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.mindmap-app {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  font-family: BlinkMacSystemFont, 'PingFang SC', Helvetica, Tahoma, Arial,
    'Microsoft YaHei', 微软雅黑, 黑体, Heiti, sans-serif, SimSun, 宋体, serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mindmap-app [draggable='true'] {
  -khtml-user-drag: element;
}

/* for safari contenteditable */
.mindmap-app [contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
   -ms-user-select: text;
       user-select: text;
}
.mindmap-app.app {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}
.outline-wrapper {
  min-width: 360px;
  background: #fff;
  overflow: auto;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.viewport-wrapper {
  width: 100%;
  height: 100%;
}

.histories-container {
  display: flex;
  color: #a5a5a5;
  font-size: 12px;
  flex-direction: column;
}

.history-item {
  display: flex;
  flex: auto;
  padding: 10px 20px;
}

.history-item .description {
    flex: auto;
    line-height: 20px;
  }

.history-item .authors {
    font-weight: 600;
  }

.history-item .date-time {
    flex: none;
    width: 100px;
    text-align: right;
    line-height: 20px;
  }

.histories-scroller {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}