:root {
    --highlight-color: #fe9
}

.flex {
    display: flex !important
}

body {
    line-height: 1.5em
}

#content {
    padding: 20px
}

#sidebar {
    padding: 30px;
    overflow: hidden
}

#sidebar > *:last-child {
    margin-bottom: 2cm
}

.http-server-breadcrumbs {
    font-size: 130%;
    margin: 0 0 15px 0
}

#footer {
    font-size: .75em;
    padding: 5px 30px;
    border-top: 1px solid #ddd;
    text-align: right
}

#footer p {
    margin: 0 0 0 1em;
    display: inline-block
}

#footer p:last-child {
    margin-right: 30px
}

h1,h2,h3,h4,h5 {
    font-weight: 300
}

.gh-format h1,.gh-format h2,.gh-format h3,.gh-format h4,.gh-format h5 {
    font-weight: 400
}

h1 {
    font-size: 2.5em;
    line-height: 1.1em
}

h2 {
    font-size: 1.75em;
    margin: 1em 0 .50em 0
}

h3 {
    font-size: 1.4em;
    margin: 25px 0 10px 0
}

h4 {
    margin: 0;
    font-size: 105%
}

h1:target,h2:target,h3:target,h4:target,h5:target,h6:target {
    background: var(--highlight-color);
    padding: .2em 0
}

a:hover {
    color: #e82
}

.title code {
    font-weight: bold
}

h2[id^="header-"] {
    margin-top: 2em
}

.ident {
    color: #900
}

pre code {
    background: #f8f8f8;
    font-size: .8em;
    line-height: 1.4em
}

code {
    background: #f2f2f1;
    padding: 1px 4px;
    overflow-wrap: break-word
}

h1 code {
    background: transparent
}

pre {
    background: #f8f8f8;
    border: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 1em 0;
    padding: 1ex
}

#http-server-module-list {
    display: flex;
    flex-flow: column
}

#http-server-module-list div {
    display: flex
}

#http-server-module-list dt {
    min-width: 10%
}

#http-server-module-list p {
    margin-top: 0
}

.toc ul,#index {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#index code {
    background: transparent
}

#index h3 {
    border-bottom: 1px solid #ddd
}

#index ul {
    padding: 0
}

#index h4 {
    margin-top: .6em;
    font-weight: bold
}

@media (min-width: 200ex) {
    #index .two-column {
        column-count:2
    }
}

@media (min-width: 300ex) {
    #index .two-column {
        column-count:3
    }
}

dl {
    margin-bottom: 2em
}

dl dl:last-child {
    margin-bottom: 4em
}

dd {
    margin: 0 0 1em 3em
}

#header-classes + dl > dd {
    margin-bottom: 3em
}

dd dd {
    margin-left: 2em
}

dd p {
    margin: 10px 0
}

.name {
    background: #eee;
    font-weight: bold;
    font-size: .85em;
    padding: 5px 10px;
    display: inline-block;
    min-width: 40%
}

.name:hover {
    background: #e0e0e0
}

dt:target .name {
    background: var(--highlight-color)
}

.name > span:first-child {
    white-space: nowrap
}

.name.class > span:nth-child(2) {
    margin-left: .4em
}

.inherited {
    color: #999;
    border-left: 5px solid #eee;
    padding-left: 1em
}

.inheritance em {
    font-style: normal;
    font-weight: bold
}

.desc h2 {
    font-weight: 400;
    font-size: 1.25em
}

.desc h3 {
    font-size: 1em
}

.desc dt code {
    background: inherit
}

.source summary,.git-link-div {
    color: #666;
    text-align: right;
    font-weight: 400;
    font-size: .8em;
    text-transform: uppercase
}

.source summary > * {
    white-space: nowrap;
    cursor: pointer
}

.git-link {
    color: inherit;
    margin-left: 1em
}

.source pre {
    max-height: 500px;
    overflow: auto;
    margin: 0
}

.source pre code {
    font-size: 12px;
    overflow: visible
}

.hlist {
    list-style: none
}

.hlist li {
    display: inline
}

.hlist li:after {
    content: ',\2002'
}

.hlist li:last-child:after {
    content: none
}

.hlist .hlist {
    display: inline;
    padding-left: 1em
}

img {
    max-width: 100%
}

td {
    padding: 0 .5em
}

.admonition {
    padding: .1em .5em;
    margin-bottom: 1em
}

.admonition-title {
    font-weight: bold
}

.admonition.note,.admonition.info,.admonition.important {
    background: #aef
}

.admonition.todo,.admonition.versionadded,.admonition.tip,.admonition.hint {
    background: #dfd
}

.admonition.warning,.admonition.versionchanged,.admonition.deprecated {
    background: #fd4
}

.admonition.error,.admonition.danger,.admonition.caution {
    background: lightpink
}

@media screen and (min-width: 700px) {
    #sidebar {
        width:30%;
        height: 100vh;
        overflow: auto;
        position: sticky;
        top: 0
    }

    #content {
        width: 70%;
        max-width: 100ch;
        padding: 3em 4em;
        border-left: 1px solid #ddd
    }

    pre code {
        font-size: 1em
    }

    .item .name {
        font-size: 1em
    }

    main {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end
    }

    .toc ul ul,#index ul {
        padding-left: 1.5em
    }

    .toc > ul > li {
        margin-top: .5em
    }
}

@media print {
    #sidebar h1 {
        page-break-before: always
    }

    .source {
        display: none
    }
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 90%
    }

    a[href][title]:after {
        content: none
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
        content: ""
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 0.5cm
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3
    }

    h1,h2,h3,h4,h5,h6 {
        page-break-after: avoid
    }
}

ul ul {
    padding-left: revert;
}

body .gh-format {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px;
    color: #24292e;
    line-height: 21px;
    background-color: #fff
}

.gh-format p {
    margin-top: 0;
    margin-bottom: 10px
}

.gh-format ul,.gh-format ol {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.gh-format a:active,a:hover {
    outline-width: 0
}

.gh-format a {
    color: #0366d6;
    text-decoration: none
}

.gh-format a:hover {
    text-decoration: underline
}

.gh-format ul ul {
    padding-left: revert;
}

.gh-format hr,.gh-format .rule {
    margin: 15px 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #dfe2e5
}

.gh-format hr::before,.gh-format .rule::before {
    display: table;
    content: ""
}

.gh-format hr::after,.gh-format .rule::after {
    display: table;
    clear: both;
    content: ""
}

.gh-format hr {
    box-sizing: content-box;
}

a {
    color: #058;
    text-decoration: none;
    transition: color .3s ease-in-out;
}