body {
    display: flex;
    margin: 0;
    padding: 0;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    background: #1f2124;
    color: #fff;
}

a {
  color: #ccc;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #eee;
  text-decoration: underline;
}

a.self-link::after {
    display: inline-block;
    content: ' ';
    width: 0.7em;
    height: 1em;
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%23010101' d='M459.654,233.373l-90.531,90.5c-49.969,50-131.031,50-181,0c-7.875-7.844-14.031-16.688-19.438-25.813 l42.063-42.063c2-2.016,4.469-3.172,6.828-4.531c2.906,9.938,7.984,19.344,15.797,27.156c24.953,24.969,65.563,24.938,90.5,0 l90.5-90.5c24.969-24.969,24.969-65.563,0-90.516c-24.938-24.953-65.531-24.953-90.5,0l-32.188,32.219 c-26.109-10.172-54.25-12.906-81.641-8.891l68.578-68.578c50-49.984,131.031-49.984,181.031,0 C509.623,102.342,509.623,183.389,459.654,233.373z M220.326,382.186l-32.203,32.219c-24.953,24.938-65.563,24.938-90.516,0 c-24.953-24.969-24.953-65.563,0-90.531l90.516-90.5c24.969-24.969,65.547-24.969,90.5,0c7.797,7.797,12.875,17.203,15.813,27.125 c2.375-1.375,4.813-2.5,6.813-4.5l42.063-42.047c-5.375-9.156-11.563-17.969-19.438-25.828c-49.969-49.984-131.031-49.984-181.016,0 l-90.5,90.5c-49.984,50-49.984,131.031,0,181.031c49.984,49.969,131.031,49.969,181.016,0l68.594-68.594 C274.561,395.092,246.42,392.342,220.326,382.186z'/%3E%3C/svg%3E") no-repeat bottom;
    filter: invert(46%) sepia(96%) saturate(573%) hue-rotate(152deg) brightness(92%) contrast(105%);
}

header {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;

    height: 100vh;
    width: 240px;
    box-sizing: border-box;
    border-right: 1px solid #2d3136;
    
    background: #2d3136;
}

header .top {
    display: flex;
    align-items: center;
    justify-content: space-around;

    padding: 5px 15px;
}

header .logo {
    flex: 0;
}

header .logo a {
    display: block;
}

header .title {
    flex: 1;
    text-align: center;
    font-family: 'FontinSmallCaps';
}

header nav {
    margin-bottom: auto;
}

nav > div > a {
    display: block;
    padding: 0.5em 1.5em;
    font-weight: bold;
}

nav > div[active] > a {
    background: #41425e;
}

nav > div > ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

nav > div[active] > ul {
    display: block;
    border-bottom: 1px solid #41425e;
}

nav > div > ul > li {
    padding: 0.5em 2em;
}

nav > div.return {
    margin-top: 1em;
}

nav > div.return > a {
    font-weight: normal;
}

header footer {
    padding: 5px;
    text-align: center;
}

main {
    min-height: 100vh;
    box-sizing: border-box;

    flex: 1;
}

main #intro-banner {
    margin: 40px auto;
    text-align: center;
}

main article {
    max-width: 1400px;
    margin: 0 auto;
    padding: 15px;
}

main article::after {
    display: block;
    content: ' ';
    clear: both;
}

main article h2 {
    margin: 0 0 1em;
}

main article li {
    margin: 0.5em 0;
}

main article + article {
    margin-top: 1em;
    border-top: 1px solid #2d3136;
}

code {
    display: inline-block;
    overflow: auto;
    padding: 4px;

    font-family: monospace;
    font-size: 15px;
    line-height: 11px;
    vertical-align: middle;

    background: #313131 !important;
    border: 1px solid #41425e;
    border-radius: 0 !important;
    color: #eff0f7;
}

pre code {
    max-width: 100%;
    padding: 1em 1.5em;
    line-height: 1.6;

    page-break-inside: avoid;
    word-wrap: break-word;

    border-left-width: 3px;
}

article code .pun {
    color: orange;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #41425e;
    border-left-width: 3px;
}

table thead {
    background-color: #313131;
    vertical-align: bottom;
    border-bottom: 1px solid #41425e;
}

table th, table td {
    padding: 0.5em 0.8em;
    border-left: 1px solid #41425e;
    margin: 0;
    overflow: visible;
}

table tr:nth-of-type(even) td {
    background-color: #2b2b2b;
}

dl {
    margin: 1em 0;
}

h2 + div[role="doc-subtitle"], h3 + div[role="doc-subtitle"] {
    margin-top: -1.5em;
    font-size: 0.8em;
}

h3[id^="type-"] > small {
    color: #777;
}

div[role="doc-subtitle"] a {
    font-family: monospace;
}

table tr.preview td {
  background: #6c1f1f;
}

table tr:nth-of-type(2n).preview td {
  background: #8c2323;
}

table tr.preview td:first-child::after {
  display: block;
  float: right;
  padding-left: 20px;
  content: '(new)';
}

table tr.deprecated td:first-child {
  text-decoration: line-through;
}

table tr.deprecated td:first-child::after {
  display: block;
  float: right;
  padding-left: 20px;
  content: '(deprecated)';
}