.el-index {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;

  li[role=group] {
    height: auto;
  }

  > li[role="group"] ul {
    padding-left: 1em;
  }

  summary:active {
    outline: none;
  }

  details ul {
    display: block;
    margin-left: 0.5em;
  }

  ul, li, details {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  summary:focus {
    outline: none;
  }

  summary:focus:before {
    position: absolute;
    z-index: -1;
    width: 100%;
    left: 0;
    right: 0;
    height: 2em;
    background-color: #ef53e6;
    content: "";
  }

  summary,
  li > span,
  li > a {
    cursor: arrow;
    user-select: none;
    white-space: nowrap;
    line-height: 2em;
    padding: 0 0.6em;
  }
}

.el-m-micro {
  font-size: 0.8em;
}