.sidebar {
  width: 180px;
  min-width: 180px;
  background-color: #f9f9f9;
  border-right: 1px solid #e0e0e0;
  font-size: 12px;
  color: #333;
  white-space: nowrap; }
  .sidebar .sidebar-sticky {
    position: sticky;
    top: 8px;
    padding: 8px 12px;
    overflow-x: hidden; }
  .sidebar a {
    text-decoration: none;
    color: inherit;
    padding: 3px; }
  .sidebar details {
    margin-left: 8px; }
  .sidebar summary {
    cursor: pointer;
    list-style: none;
    padding: 2px 0;
    display: flex;
    align-items: center; }
    .sidebar summary::-webkit-details-marker {
      display: none; }
    .sidebar summary svg {
      width: 12px;
      height: 12px;
      flex-shrink: 0;
      transition: transform 0.2s ease; }
    .sidebar summary a {
      display: inline;
      color: #222;
      font-weight: 600; }
  .sidebar details[open] > summary > svg {
    transform: rotate(90deg); }

.sidebar-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0; }
  .sidebar-icon svg {
    width: 18px;
    height: 18px; }

.sidebar-page {
  display: block;
  padding: 2px 0 2px 28px;
  border-radius: 4px; }
  .sidebar-page--active {
    background-color: #e8e8e8;
    font-weight: 500; }

.sidebar-children {
  padding-left: 12px;
  border-left: 1px solid #e0e0e0;
  margin-left: 4px; }