:root { --bg-color: #eee; --text-color: #3d3d3d; --heading-color: #222; --heading2-color: #393939; --heading3-color: #494949; --link-color: #267CB9; --link-hover-color: #069; --link-hover-shadow: #000; --link-small-color: #777; --blockquote-border: #ccc; --code-border: #ccc; --table-border: #ccc; --dt-color: #444; --th-color: #444; --kbd-bg: #fafbfc; --kbd-border: #c6cbd1; --kbd-border-bottom: #959da5; --kbd-text: #444d56; --header-hover-bg: #cdcdcd; --hr-color: #ccc; --strong-color: #222; --code-fg: #444444; --code-bg: #ffffff; --code-keyword: #0000FF; --code-keyword-alt: #0000FF; --code-type: #0000FF; --code-constant: #C34E00; --code-string: #C37A22; --code-string-escape: #CC00A3; --code-comment: #669d54; --code-operator: #444444; --code-namespace: #F81212; --code-attribute: #009C00; --code-symbol: #009C00; --code-added: #009C00; --code-removed: #FF0000; --code-error: #FF0000; }

[data-theme="dark"] { --bg-color: #121212; --text-color: #cdcdcd; --heading-color: #ddd; --heading2-color: #cdcdcd; --heading3-color: #ccc; --link-color: #8ab4f8; --link-hover-color: #bb86fc; --link-hover-shadow: #fff; --link-small-color: #a0a0a0; --blockquote-border: #444; --code-border: #444; --table-border: #444; --dt-color: #ccc; --th-color: #ccc; --kbd-bg: #2d2d2d; --kbd-border: #555; --kbd-border-bottom: #777; --kbd-text: #ccc; --header-hover-bg: #333; --hr-color: #444; --strong-color: #ddd; --code-fg: #bebebe; --code-bg: #282828; --code-keyword: #fb4934; --code-keyword-alt: #fe8019; --code-type: #fabd2f; --code-constant: #d3869b; --code-string: #b8bb26; --code-string-escape: #fe8019; --code-comment: #928374; --code-operator: #ff4646; --code-namespace: #8ec07c; --code-attribute: #b8bb26; --code-symbol: #83a598; --code-added: #b8bb26; --code-removed: #fb4934; --code-error: #fb4934; }

@font-face { font-family: 'Noto Sans'; font-weight: 400; font-style: normal; src: url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot"); src: url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix") format("embedded-opentype"), local("Noto Sans"), local("Noto-Sans-regular"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2") format("woff2"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff") format("woff"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf") format("truetype"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans") format("svg"); }
@font-face { font-family: 'Noto Sans'; font-weight: 700; font-style: normal; src: url("../fonts/Noto-Sans-700/Noto-Sans-700.eot"); src: url("../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix") format("embedded-opentype"), local("Noto Sans Bold"), local("Noto-Sans-700"), url("../fonts/Noto-Sans-700/Noto-Sans-700.woff2") format("woff2"), url("../fonts/Noto-Sans-700/Noto-Sans-700.woff") format("woff"), url("../fonts/Noto-Sans-700/Noto-Sans-700.ttf") format("truetype"), url("../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans") format("svg"); }
@font-face { font-family: 'Noto Sans'; font-weight: 400; font-style: italic; src: url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot"); src: url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix") format("embedded-opentype"), local("Noto Sans Italic"), local("Noto-Sans-italic"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2") format("woff2"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff") format("woff"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf") format("truetype"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans") format("svg"); }
@font-face { font-family: 'Noto Sans'; font-weight: 700; font-style: italic; src: url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot"); src: url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix") format("embedded-opentype"), local("Noto Sans Bold Italic"), local("Noto-Sans-700italic"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2") format("woff2"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff") format("woff"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf") format("truetype"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans") format("svg"); }
*:not(link) { outline: none; margin: 0; padding: 0; max-width: 100%; box-sizing: border-box; transition: 0.2s; color: inherit; scroll-behavior: smooth; }

body { background-color: var(--bg-color); font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: var(--text-color); font-weight: 400; }

.noselect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

input, button { cursor: pointer; }

textarea, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="search"] { cursor: text; }

input { background-color: var(--header-hover-bg); border-radius: 12px; border: 1px solid transparent; }

input:hover { border: 1px solid var(--link-color); }

input:focus { color: var(--code-fg); background-color: var(--code-bg); border: 1px solid var(--link-color); }

table { width: unset !important; }

h1, h2, h3, h4, h5, h6 { color: var(--heading-color); margin: 20px 0; }

p { text-align: justify; }

p, ul, ol, table, pre, dl { margin: 0 0 8px; }

ul, ol { padding-left: 12px; }

li { list-style-position: inside; }

h1, h2, h3 { line-height: 1.1; }

h1 { font-size: 28px; }

h2 { color: var(--heading2-color); }

h3, h4, h5, h6 { color: var(--heading3-color); }

a, a strong { color: var(--link-color) !important; text-decoration: none; word-break: break-word; }

a:hover, a:focus { color: var(--link-hover-color) !important; /* Fake bold */ text-shadow: 0px 0px 1px var(--link-hover-shadow) !important; }

a small { font-size: 11px; color: var(--link-small-color) !important; margin-top: -0.3em; display: block; }

a:hover small { color: var(--link-small-color); }

strong { color: var(--strong-color); font-weight: 700; }

small { font-size: 11px; }

hr { border: 0; background: var(--hr-color); height: 1px; margin: 0 0 20px; }

blockquote { border-left: 6px solid var(--blockquote-border); margin: 0; padding: 0 7px; font-style: italic; background: color-mix(in srgb, var(--blockquote-border) 33%, transparent); }

blockquote > p { padding: 3px; }

code, pre { font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace; color: var(--code-fg); }

*:not(pre) > code { word-break: break-word; background: var(--kbd-bg); color: var(--strong-color); padding: 1px 4px; border-radius: 8px; border: 1px solid var(--table-border); }

pre { padding: 8px 15px; background: var(--code-bg); border-radius: 5px; border: 1px solid var(--code-border); overflow-x: auto; }

table { width: 100%; border-collapse: collapse; }

th, td { text-align: left; padding: 5px 10px; border-bottom: 1px solid var(--table-border); }

dt { color: var(--dt-color); font-weight: 700; }

th { color: var(--th-color); }