.markdown-navigation {
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica',
    'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
    'WenQuanYi Micro Hei', sans-serif;
  width: 100%;
  overflow: hidden;
  /* border-left: 2px solid #E9E9E9;
  padding-left: 15px; */
}

.markdown-navigation .title-anchor {
  display: block;
  color: #bbb;
  transition: all 0.2s;
  margin: 0.8em 0;
  font-weight: lighter;
  line-height: 2.5em;
  padding-right: 1.8em;
  cursor: pointer;
}

.markdown-navigation .title-anchor:hover {
  background-color: #f8f8f8;
  text-decoration: inherit;
}

.markdown-navigation .title-anchor.active {
  background-color: rgb(32, 108, 255, 0.1);
  border-radius: 4px;
  text-decoration: inherit;
}

.markdown-navigation .title-anchor.active {
  color: rgb(32, 108, 255);
}

.markdown-navigation .title-anchor small {
  margin: 0 0.8em;
}

.markdown-navigation .title-level1 {
  color: #000;
  font-size: 14px;
  padding-left: 0.5em;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.markdown-navigation .title-level2 {
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  padding-left: 1em;
  font-weight: normal;
}

.markdown-navigation .title-level3 {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  padding-left: 1.5em;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.markdown-navigation .title-level4 {
  color: #999;
  font-size: 14px;
  padding-left: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.markdown-navigation .title-level5 {
  color: #aaa;
  font-size: 14px;
  padding-left: 2.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.markdown-navigation .title-level6 {
  color: #bbb;
  font-size: 14px;
  padding-left: 3em;
}
