.toc-container ul {
  --sb-track-color: #101010;
  --sb-thumb-color: #000;
  --sb-size: 14px;
}

.toc-container ul::-webkit-scrollbar {
  width: var(--sb-size)
}

.toc-container ul::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 6px;
}

.toc-container ul::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 6px;
  border: 2px solid #000;
}

@supports not selector(::-webkit-scrollbar) {
  .toc-container ul {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}

.content-stack {
    display: flex;
    justify-content: center;
    gap: 1em;
}

.toc-container > ul {
    margin: 1em 0em;
    list-style: none;
}

.left-superlist-container > ul, .toc-container > ul {
    position: sticky;
    top: 4em;
    list-style: none;
    margin: 1em 0em;
}

.left-superlist-container ul li a {
    display: block;
    /* outline: solid 1px; */
    text-decoration: none;
    line-height: 1.3;
    padding: 0.4em 0.4em;
}

.left-superlist-container ul {
    list-style: none;
    padding: 0em 0 0 1em;
}

.left-superlist-container > ul > li {
    border-bottom: solid 2px #626262;
}

.left-superlist-container ul li a:hover {
    text-decoration: underline;
}

.toc-container > ul {
    max-height: 83vh;
    overflow: auto;
}

.outer-block .method {
    border-top: solid 2px #111;
    padding: 1em 0;
}


.content-text {
    max-width: 45em;
}

a {}

.toc-container a {
    text-decoration: none;
}

.toc-container ul {
    padding: 0em 2em;
}


div#methods {
    flex-grow: 1;
}

.outer-block.primary-content-container {
    display: flex;
    flex-grow: 1;
    max-width: 1000px;
}


.content-stack .outer-block .block {
    /* max-width: 1000px; */
    /* margin: 0 auto; */
    /* max-width: 1200px; */
    padding: 0 1em;
}


a.prop-item.type-function {
    /* color: hsl(291deg 41% 61%); */
}

a.prop-item.type-number, a.prop-item.type-boolean {
    color: mediumpurple;
}

a.prop-item.type-string {
    color: hsl(60deg 55% 63%);
}

.prop-list {
    font-size: 1rem;
    font-weight: 400;
}

.prop-list {
    gap: 0.1em 0em;
    display: flex;
    flex-wrap: wrap;
    margin: 1em 1em 2em;
}

a.prop-item {
    border-left: solid 2px #101010;
    padding: 0.1em 0.5em;
    text-decoration: none;
}

a.prop-item.type-object {
    color: #b9b9b9;
}


.content-stack .block a.anchor {
    /* border: solid 1px red; */
    display: flex;
    position: relative;
    top: -9rem;
    z-index: 2;
}


li.tag-H2 {padding: 0 0 0 0.6em;}

li.tag-H3 {
    padding: 0 0 0 1.4rem;
}

a.prop-item:hover, a.prop-item:focus {
    text-decoration: underline;
}

h3.class-method-name {
    font-size: inherit;
    margin: 0;
    padding: 0 0.2em 0 0em;
    color: hsl(291deg 72% 66%);
    font-weight: normal;
}

.signature .method-head {
    display: flex;
    gap: 0.5em;
    align-items: center;
}

.params .comma:last-child {
    display: none;
}

.params .comma, .signature .bracket {
    color: hsl(209deg 11% 62%);
    /* font-size: 1em; */
    display: inline-flex;
}

.signature .params span.name {
    /* outline: solid 1px red; */
    /* background: #181818; */
    padding: 0 0em;
    color: #99d19b;
    /* font-size: 1rem; */
    display: inline-flex;
    align-items: center;
}

.signature .params {
    /* margin: 0 0.3em; */
    display: flex;
    gap: 0.3em;
    font-size: 1rem;
}

span.default-value {
    align-items: center;
    display: inline-flex;
}

.signature .bracket {
    /* font-size: 1.3em; */
}

.kind-method {
}

span.class-method-kind.kind-method {
    color: hsl(210deg 74% 58%);
}

span.class-method-kind.kind-constructor {
    color: tan;
}

.class-method-kind {
    background: #171717;
    font-size: 1rem;
    padding: 0.2em 0.5em;
    border-radius: 0.3em;
    /* flex-grow: 1; */
    /* text-align: right; */
}


.sticky-header {
    position: sticky;
    top: 3em;
    background: #111;
    padding: 1rem 0;
    display: flex;
    /* background: #222; */
    gap: 0.5em;
    display: flex;
    align-items: center;
}

.classes-container .class-unit {
    margin-top: 5em;
}

.classes-container h2 {
    margin: 0;
    background: unset;
    -webkit-text-fill-color: unset;
    color: inherit;
    font-weight: normal;
    font-size: 1.4rem;
    color: hsl(299deg 82% 44%);
}

.classes-container .parent-class {
    font-size: 1.2em;
    color: hsl(299deg 49% 50%);
}

.class-unit span.sub-text {
    color: #666;
    padding-left: 0.4rem;
    /* font-size: 1rem; */
}

.method-owner-class {
    font-size: 1rem;
    margin-left: auto;
}

li[data-ishome="true"] .method-owner-class {
    display: none;
}

.class-doc {
    padding: 0 1em 0 2em;
}

.toc-container a.kind-method .kind {
    display: none;
}

.toc-container a.kind-set .kind, .toc-container a.kind-get .kind {
    color: #666;
}

main > hr {
    background: rebeccapurple;
    border: solid 1px #000;
    margin: 3em 0;
}


*[data-show-inherited="false"] li[data-ishome="false"] {
    /* border: solid 2px #040404; */
    /* display: none; */
    /* opacity: .25; */
    max-height: 3em;
    overflow: hidden;
    color: #444;
}