/* The Girl docs use docsify's sidebar, docs.css only styles the sidebar-less LuaXE docs. */
/* full height from the top, the fixed site header (z-30, bottom border) covers its upper
   part, the padding keeps the search below it */
.sidebar {
  background: #0f172a;
  border-right: 1px solid #293041;
  top: 0;
  padding-top: 88px;
}
.sidebar > h1 {
  display: none;
}
.sidebar ul li a {
  color: #acaeb6;
  font-size: 15px;
  padding: 2px 0;
}
.sidebar ul li a:hover {
  color: #fff;
}
.sidebar ul li.active > a {
  color: #c084fc;
  font-weight: 600;
}
.sidebar .search {
  border-bottom: 1px solid #293041;
  margin: 0 15px 16px;
  padding: 0 0 12px;
}
.sidebar .search input {
  background: #1e293b;
  border: 1px solid #293041;
  border-radius: 8px;
  color: #fff;
  padding: 8px 10px;
}
.sidebar .search .clear-button svg {
  fill: #acaeb6;
}
.sidebar .search .matching-post {
  border-bottom-color: #293041;
}
.sidebar .search .matching-post h2 {
  color: #fff;
}
.sidebar .search .matching-post p {
  color: #acaeb6;
}
.sidebar .search .search-keyword {
  color: #c084fc;
}
.sidebar-toggle {
  background-color: #0f172a;
}
.sidebar-toggle span {
  background-color: #9333ea;
}