a {
  text-decoration: none;
}

.docs-page-list {
    --docs-page-list-max-height: 80vh;
    max-height: var(--docs-page-list-max-height);
    padding: 0;
    padding-bottom: 20px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.docs-page-list,
.docs-page-list ul {
  list-style: none;
  margin: 0;
}

.docs-page-list ul {
  padding: 0;
}

.docs-page-list svg {
	width: 12px;
	height: 6px;
}

.has-children ul ul {
  margin-left: 32px;
  border-left: 1px solid var(--c-light-4);
  /* width: 100%; Disabled: this pushed the content outside of the parent wrapper, cutting it off. */
}

.docs-page-list li,
.docs-sidebar-navigation .parent-item > a,
.docs-sidebar-navigation .active > a {
  margin-bottom: 0;
}


.docs-sidebar-navigation.open .parent-item > a svg,
.docs-sidebar-navigation .open > a svg {
  transform: rotate(180deg);
}

.single-pseudo_docs .docs-sidebar-navigation a,
.docs-sidebar-navigation a {
  color: var(--c-blue-4);
  font-size: var(--step--2);
  font-weight: 320;
  line-height: 1.2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  border-radius: 4px;
  padding: var(--space-2xs) 14px var(--space-2xs) 12px;
  background-color: transparent;
}

.single-pseudo_docs .docs-sidebar-navigation ul li ul li a,
.docs-sidebar-navigation ul li ul li a {
	padding: var(--space-2xs) 14px var(--space-2xs) 28px;
}

.docs-sidebar-navigation.open .parent-item > a,
.docs-sidebar-navigation .active > a {
  font-weight: 700;
}

.docs-sidebar-navigation a:hover,
.docs-sidebar-navigation .active > a {
  background-color: var(--c-light-1);
}

.docs-sidebar-navigation .parent-item > a {
	font-size: var(--step--1);
  font-weight: 520;
  color: var(--c-blue-4);
  padding-bottom: 15px;
  border-radius: 0px;
  cursor: pointer;
}

.docs-sidebar-navigation .parent-item > a:hover {
  background-color: transparent;
}

.docs-page-list .has-children ul {
  display: none;
}

.docs-page-list .has-children.open > ul,
.docs-page-list .active.has-children.open > ul {
  display: block;
}