@import '../../../blink-mind/packages/renderer-react/src/components/var';
.bm-outliner {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: white;
  font-size: 16px;

  .bp3-dark & {
    color: #ddd;
    background-color: map_get($dark-colors, 'zindex-bg');
  }

  .bm-topic-widget-selected {
    background-color: map_get($light-colors, 'selected-bg');
    .bp3-dark & {
      background-color: map_get($dark-colors, 'selected-bg');
    }
  }

  .bm-sub-topics {
    position: relative;
    margin-left: 30px;
    border-left: 1px solid #ddd;

    .bp3-dark & {
      border-color: map_get($dark-colors, 'line');
    }
  }

  .bm-topic-block-desc {
    user-select: text;
    padding: 5px;
    margin-top: 10px;
    max-height: 60vh;
    width: auto;
    max-width: 80vw;
    overflow: auto;
    border: #00bbcc 1px solid;
    background-color: white;
    color: map_get($light-colors, 'text');
  }
}

.bm-collapse-icons {
  display: flex;
  padding-left: 6px;
  margin-right: 3px;
  align-items: center;
  position: relative;
  height: 16px;
  cursor: pointer;

  color: #7a7a7a;

  .bm-collapse-icon {
    width: 16px;
    height: 16px;
  }

  .dot {
    position: relative;
    width: 16px;
    height: 16px;

    &::before {
      position: absolute;
      left: 5px;
      top: 5px;
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 3px;
      background-color: #7a7a7a;
    }
  }

  .dot-collapse {
    box-sizing: border-box;
    border-radius: 8px;
    //border: 2px solid #7a7a7a;
    background-color: #ccc;
  }
}

.bm-content-editable-ol {
  width: 100%;
  padding-right: 50px;
}
