body {color:#181818;background:white;-webkit-text-size-adjust:100%;line-height:1.6;margin:0;}
body,table,h5 {font-weight:normal;font-size:16px;font-family:'Open Sans',sans-serif;}
table {font-size:15px;}

/* layout */
.container {height:100vh;display:flex;}
.container-left {overflow-y:scroll;width:284px;border-right:1px solid rgba(0, 0, 0, 0.07)}
.container-left::-webkit-scrollbar {width:4px;}
.container-left::-webkit-scrollbar-thumb {background:transparent;border-radius:4px;}
.container-left:hover::-webkit-scrollbar-thumb {background:rgba(136,136,136,0.4);}
.container-left:hover::-webkit-scrollbar-track {background:rgba(136,136,136,0.1);}
.container-right {overflow-y:scroll;width:auto;flex:1;display:flex;flex-direction:column;scroll-behavior:smooth;}
header {margin:20px 24px;}
article {margin:0 24px;}
nav.main {margin-bottom:20px;white-space:nowrap;}
nav.main a {border-left:1px solid #ddd;padding:0 10px;font-weight:bold;}
nav.main a:first-child {border:0;padding-left:0;}
nav.main a:last-child {padding-right:0;}
main {margin:20px auto 0 auto;width:100%;max-width:860px;flex-grow:1;}
footer {color:rgba(0,0,0,0.4);font-size:0.95em;margin:45px auto 0 auto;width:100%;max-width:860px;flex-grow:0;flex-shrink:0;}
footer section {margin:0 24px;padding:24px 0;border-top:1px solid #ddd;}
footer a {color:inherit;text-decoration:underline;}
footer span {white-space:nowrap;}
nav.sidebar {margin:0 24px;}
nav.sidebar ul {margin:0;padding:0;z-index:1;}
nav.sidebar ul li {list-style:none;margin:0 0 13px;padding:0;display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
nav.sidebar ul li:last-child {border-bottom:0;}
nav.sidebar ul ul {margin:0 0 2px;padding:0;}
nav.sidebar ul ul li {border:0;margin-bottom:0;}
nav.sidebar ul ul ul {margin:0 0 2px;padding:0 0 0 12px;}
nav.sidebar ul ul ul ul {display:none;}
nav.sidebar ul strong + ul {border-left:3px solid #1e5799;margin-left:1.25px;}
.container-right h1 + hr {display:none;}
.logo {color:#010002;}
.logo:hover {text-decoration:none;}
#archive-docs {appearance:none;color:rgba(0,0,0,0.4);background-color:transparent;border:none;padding:0;margin:0;font-family:inherit;font-size:16px;cursor:inherit;line-height:inherit;outline:none;}
#archive-docs::-ms-expand {display:none;}
.hamburger {display:none;font-size:42px;line-height:1;padding:16px;position:fixed;right:0;top:0;z-index:32;}
.hamburger:hover {text-decoration:none;}
.hamburger span {display:block;width:24px;height:3px;margin-bottom:3px;position:relative;background:#1e5799;border-radius:3px;}
.hamburger span:last-child {margin-bottom:0;}
.version-selector {display:inline;position:relative;}
.version-selector-current {border-bottom: 1px dotted rgba(0,0,0,0.25);}
.version-selector-archive {position:absolute;padding:0.5em 1em 0.5em 0.5em;top:1.3em;left:-0.5em;height:auto;background:#f6f6f6;opacity:0;transition:opacity 0.5s;visibility:hidden;}
.version-selector-link {display:block;}
.version-selector:hover .version-selector-archive {opacity:1;visibility:visible;}

/* content */
p {margin:0 0 15px;}
pre,code {background:#f6f6f6;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:14px;}
pre {border-left:3px solid #1e5799;overflow:auto;padding:10px 20px;margin:15px 0 22.5px 0;}
p + pre {margin-top:22.5px;}
code {outline:1px solid #f0f0f0;display:inline-block;margin:0;padding:0 1px;white-space:pre;line-height:1.3;}
p code {white-space:pre-wrap;overflow-wrap:anywhere;}
pre code {border:0;outline:0;margin:0;padding:0;}
table {border-collapse:collapse;margin:0 0 30px;width:100%;}
tbody tr:nth-child(odd) {background:#fafafa;}
tbody tr:nth-child(even) {background:#f4f4f4;}
thead tr {background:#f1f1f1;border-bottom:1px solid #e9e9e9;}
tbody tr {border-bottom:1px solid #eee;}
th {text-align:left;}
th,td {padding:3px 10px;vertical-align:top;}
td:not(:last-child) code {border:none;outline:none;background-color:transparent;padding:0;font-size:14px;}
td:last-child code {background-color:white;}
td:last-child a code {background-color:inherit;}
a {color:#1e5799;text-decoration:none;}
a:hover {text-decoration:underline;}
h1 a code,h2 a code,h3 a code,li a code,td a code,p a:not(.a-with-code-only) code {background:inherit;outline:inherit;display:inherit;margin:inherit;padding:inherit;white-space:inherit;line-height:inherit;font-family:inherit;font-size:inherit;}
p a.a-with-code-only code {outline-color:#3c73ba4a;background-color:#f3f3f5;}
p a.a-with-code-only:hover code {outline-color:#6ea7e9;}
hr {border:0;border-bottom:1px solid #ddd;margin:30px 0;}
ol {padding-left:1.125em;}
ul {padding-left:1em;}

/* headings */
h1,h2,h3,h4,h5 {position:relative}
h1 {font-size:28px;margin:0 0 15px;}
h2 {font-size:22px;margin:45px 0 15px;}
h3 {font-size:20px;margin:45px 0 15px;}
h4 {font-size:18px;margin:30px 0 15px;}
h5 {font-weight:bold;margin:15px 0 15px;}
h1 img {vertical-align:middle;width:28px;}
h1 small {font-size:16px;}
h2 a,h3 a,h4 a,h5 a,
h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,
h2 a:active,h3 a:active,h4 a:active,h5 a:active,
h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited {color:#000000;text-decoration:none;}
h2::before,h3::before,h4::before,h5::before,h6::before {content:"#";position:absolute;left:-0.8em;visibility:hidden;}
h2:hover::before,h3:hover::before,h4:hover::before,h5:hover::before,h6:hover::before {visibility:visible;}
#signature + p code {padding:3px 10px;}

@keyframes grow {
	from {transform:scaleX(0)}
	to {transform:scaleX(100%)}
}

@media (max-width:767px) {
	.hamburger {display:block;}
	nav.sidebar {background:#eee;border:1px solid #ccc;box-sizing:border-box;display:none;height:100%;margin:0;overflow:auto;padding:20px;position:fixed;right:0;top:0;width:100%;z-index:31}
	nav.sidebar ul ul ul ul {display:block;}
	.navigating nav.sidebar {display:block;}
	.navigating {overflow:hidden;}
	.container {display:flex;flex-direction:column;}
	.container-left {border-right:none;width:auto;overflow-y:visible;}
	.container-right {overflow-y:visible;}
	header {border-bottom:1px solid #ccc;}
	nav.sidebar {display:none;}
}

@media (max-width:1024px) {
	table,table tbody,table tr,table th,table td {display:block;}
	table thead {display:none;}
	table td:before {display:inline-block;font-style:italic;font-weight:bold;padding:0 10px 0 0;width:100px;}
	table tr:not(:last-child) td:nth-child(1):before {content:"Argument:";}
	table tr:last-child td:nth-child(3) {display:none;}
	table td:nth-child(2):before {content:"Type:";}
	table td:nth-child(3):before {content:"Required:";}
	table td:nth-child(4):before {content:"Description:";}
	#structure ~ table td:nth-child(1):before {content:"Property:";}
	#structure ~ table td:nth-child(2):before {content:"Type:";}
	#structure ~ table td:nth-child(3):before {content:"Description:";}
	#vnode-types ~ table td:nth-child(1):before {content:"Vnode type:";}
	#vnode-types ~ table td:nth-child(2):before {content:"Example:";}
	#vnode-types ~ table td:nth-child(3):before {content:"Description:";}
	#lifecycle-methods ~ table td:nth-child(1):before {content:"Hook:";}
	#lifecycle-methods ~ table td:nth-child(2):before {content:"Description:";}
	#react ~ table td:nth-child(1):before {content:"React:";}
	#angular ~ table td:nth-child(1):before {content:"Angular:";}
	#vue ~ table td:nth-child(1):before {content:"Vue:";}
	#comparisons ~ table td:nth-child(2):before {content:"Mithril:";}
}

@media print {
	nav {display:none;}
	div,header,footer,main,article,section, footer section {display:block;margin:0;padding:0;}
	header {border:none;}
}

/* prism theming */
.token.comment,.token.prolog,.token.doctype,.token.cdata {color:#888;}
.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol {color:#905;}
.token.selector,.token.attr-name,.token.string,.token.builtin {color:#690;}
.token.atrule,.token.attr-value,.token.punctuation,.token.keyword {color:#1e5799;}
.token.regex,.token.important {color:#e90;}
.token.operator {background-color:#f9f9f9;}
code[class*=language-], pre[class*=language-] {text-shadow:none;}
pre[class*=language-] {margin:15px 0 22.5px 0;font-size:14px;background-color:#f9f9f9;}
p + pre[class*=language-] {margin-top:22.5px;}

/* flems theming */
.flems main {margin:0;max-width:auto;}
.flems {margin:20px 0;max-height:400px;}
.flems .runtime {border:1px solid #ddd;}
@media (max-width:500px) {
	.flems {min-height:calc(100vw * 1.3);}
}