aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorkj_sh6042026-02-14 13:34:36 -0500
committerkj_sh6042026-02-14 13:34:36 -0500
commit28f64ff70203779a3387018e4029f2b2662f5f70 (patch)
treee79fbdb36a89efdddf3ce8be34765bbb249b3d67
parent2b1131035242e5b653de50a6127bb06f5caae6fb (diff)
refactor: out/
-rwxr-xr-xout/dark.css887
-rwxr-xr-xout/dark.min.css1
-rw-r--r--out/docs/index.html272
-rwxr-xr-xout/docs/noir.css/dark.min.css1
-rwxr-xr-xout/docs/noir.css/light.min.css1
-rw-r--r--out/docs/noir.css/noir.min.css1
-rw-r--r--out/docs/script.js64
-rwxr-xr-xout/docs/style.css2
-rw-r--r--out/docs/style.css.map1
-rwxr-xr-xout/light.css887
-rwxr-xr-xout/light.min.css1
-rw-r--r--out/noir.css1698
-rw-r--r--out/noir.min.css1
13 files changed, 3817 insertions, 0 deletions
diff --git a/out/dark.css b/out/dark.css
new file mode 100755
index 0000000..31f6103
--- /dev/null
+++ b/out/dark.css
@@ -0,0 +1,887 @@
+/**
+ * noir.css — Forced dark theme version
+ */
+
+:root {
+ --background-body: #1a1a1e;
+ --background: #141417;
+ --background-alt: #1e1e22;
+ --selection: #3a3a42;
+ --text-main: #cbced5;
+ --text-bright: #e7e8ec;
+ --text-muted: #a0a6b2;
+ --links: #b2a0a6;
+ --focus: #a0a6b2ab;
+ --border: #3a3d44;
+ --code: #cbced5;
+ --animation-duration: 0.1s;
+ --button-base: #111114;
+ --button-hover: #0a0a0d;
+ --scrollbar-thumb: var(--button-hover);
+ --scrollbar-thumb-hover: rgb(0, 0, 0);
+ --form-placeholder: #6e7179;
+ --form-text: #e7e8ec;
+ --variable: #a6b2a0;
+ --highlight: #3a3d44;
+ --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23cbced5'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
+}
+
+html {
+ scrollbar-color: #0a0a0d #1a1a1e;
+ scrollbar-color: var(--scrollbar-thumb) var(--background-body);
+ scrollbar-width: thin;
+}
+
+body {
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
+ line-height: 1.4;
+ max-width: 800px;
+ margin: 20px auto;
+ padding: 0 10px;
+ word-wrap: break-word;
+ color: #cbced5;
+ color: var(--text-main);
+ background: #1a1a1e;
+ background: var(--background-body);
+ text-rendering: optimizeLegibility;
+}
+
+button {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+}
+
+input {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+}
+
+textarea {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+}
+
+h1 {
+ font-size: 2.2em;
+ margin-top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-bottom: 12px;
+ margin-top: 24px;
+}
+
+h1 {
+ color: #e7e8ec;
+ color: var(--text-bright);
+}
+
+h2 {
+ color: #e7e8ec;
+ color: var(--text-bright);
+}
+
+h3 {
+ color: #e7e8ec;
+ color: var(--text-bright);
+}
+
+h4 {
+ color: #e7e8ec;
+ color: var(--text-bright);
+}
+
+h5 {
+ color: #e7e8ec;
+ color: var(--text-bright);
+}
+
+h6 {
+ color: #e7e8ec;
+ color: var(--text-bright);
+}
+
+strong {
+ color: #e7e8ec;
+ color: var(--text-bright);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+b,
+strong,
+th {
+ font-weight: 600;
+}
+
+q::before {
+ content: none;
+}
+
+q::after {
+ content: none;
+}
+
+blockquote {
+ border-left: 4px solid #a0a6b2ab;
+ border-left: 4px solid var(--focus);
+ margin: 1.5em 0;
+ padding: 0.5em 1em;
+ font-style: italic;
+}
+
+q {
+ border-left: 4px solid #a0a6b2ab;
+ border-left: 4px solid var(--focus);
+ margin: 1.5em 0;
+ padding: 0.5em 1em;
+ font-style: italic;
+}
+
+blockquote > footer {
+ font-style: normal;
+ border: 0;
+}
+
+blockquote cite {
+ font-style: normal;
+}
+
+address {
+ font-style: normal;
+}
+
+a[href^='mailto\:']::before {
+ content: '📧 ';
+}
+
+a[href^='tel\:']::before {
+ content: '📞 ';
+}
+
+a[href^='sms\:']::before {
+ content: '💬 ';
+}
+
+mark {
+ background-color: #3a3d44;
+ background-color: var(--highlight);
+ border-radius: 2px;
+ padding: 0 2px 0 2px;
+ color: #e7e8ec;
+ color: var(--text-bright);
+}
+
+a > code,
+a > strong {
+ color: inherit;
+}
+
+button,
+select,
+input[type='submit'],
+input[type='reset'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'],
+input[type='radio'] {
+ cursor: pointer;
+}
+
+input,
+select {
+ display: block;
+}
+
+[type='checkbox'],
+[type='radio'] {
+ display: initial;
+}
+
+input {
+ color: #e7e8ec;
+ color: var(--form-text);
+ background-color: #141417;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+button {
+ color: #e7e8ec;
+ color: var(--form-text);
+ background-color: #141417;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+textarea {
+ color: #e7e8ec;
+ color: var(--form-text);
+ background-color: #141417;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+select {
+ color: #e7e8ec;
+ color: var(--form-text);
+ background-color: #141417;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+button {
+ background-color: #111114;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+input[type='submit'] {
+ background-color: #111114;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+input[type='reset'] {
+ background-color: #111114;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+input[type='button'] {
+ background-color: #111114;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+button:hover {
+ background: #0a0a0d;
+ background: var(--button-hover);
+}
+
+input[type='submit']:hover {
+ background: #0a0a0d;
+ background: var(--button-hover);
+}
+
+input[type='reset']:hover {
+ background: #0a0a0d;
+ background: var(--button-hover);
+}
+
+input[type='button']:hover {
+ background: #0a0a0d;
+ background: var(--button-hover);
+}
+
+input[type='color'] {
+ min-height: 2rem;
+ padding: 8px;
+ cursor: pointer;
+}
+
+input[type='checkbox'],
+input[type='radio'] {
+ height: 1em;
+ width: 1em;
+}
+
+input[type='radio'] {
+ border-radius: 100%;
+}
+
+input {
+ vertical-align: top;
+}
+
+label {
+ vertical-align: middle;
+ margin-bottom: 4px;
+ display: inline-block;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+input[type='range'],
+select,
+button,
+textarea {
+ -webkit-appearance: none;
+}
+
+textarea {
+ display: block;
+ margin-right: 0;
+ box-sizing: border-box;
+ resize: vertical;
+}
+
+textarea:not([cols]) {
+ width: 100%;
+}
+
+textarea:not([rows]) {
+ min-height: 40px;
+ height: 140px;
+}
+
+select {
+ background: #141417 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23cbced5'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
+ background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
+ padding-right: 35px;
+}
+
+select::-ms-expand {
+ display: none;
+}
+
+select[multiple] {
+ padding-right: 10px;
+ background-image: none;
+ overflow-y: auto;
+}
+
+input:focus {
+ box-shadow: 0 0 0 2px #a0a6b2ab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+select:focus {
+ box-shadow: 0 0 0 2px #a0a6b2ab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+button:focus {
+ box-shadow: 0 0 0 2px #a0a6b2ab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+textarea:focus {
+ box-shadow: 0 0 0 2px #a0a6b2ab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+input[type='checkbox']:active,
+input[type='radio']:active,
+input[type='submit']:active,
+input[type='reset']:active,
+input[type='button']:active,
+input[type='range']:active,
+button:active {
+ transform: translateY(2px);
+}
+
+input:disabled,
+select:disabled,
+button:disabled,
+textarea:disabled {
+ cursor: not-allowed;
+ opacity: 0.5;
+}
+
+::-moz-placeholder {
+ color: #6e7179;
+ color: var(--form-placeholder);
+}
+
+:-ms-input-placeholder {
+ color: #6e7179;
+ color: var(--form-placeholder);
+}
+
+::-ms-input-placeholder {
+ color: #6e7179;
+ color: var(--form-placeholder);
+}
+
+::placeholder {
+ color: #6e7179;
+ color: var(--form-placeholder);
+}
+
+fieldset {
+ border: 1px #a0a6b2ab solid;
+ border: 1px var(--focus) solid;
+ border-radius: 6px;
+ margin: 0;
+ margin-bottom: 12px;
+ padding: 10px;
+}
+
+legend {
+ font-size: 0.9em;
+ font-weight: 600;
+}
+
+input[type='range'] {
+ margin: 10px 0;
+ padding: 10px 0;
+ background: transparent;
+}
+
+input[type='range']:focus {
+ outline: none;
+}
+
+input[type='range']::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 9.5px;
+ -webkit-transition: 0.2s;
+ transition: 0.2s;
+ background: #141417;
+ background: var(--background);
+ border-radius: 3px;
+}
+
+input[type='range']::-webkit-slider-thumb {
+ box-shadow: 0 1px 1px #000, 0 0 1px #0d0d0d;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #3a3d44;
+ background: var(--border);
+ -webkit-appearance: none;
+ margin-top: -7px;
+}
+
+input[type='range']:focus::-webkit-slider-runnable-track {
+ background: #141417;
+ background: var(--background);
+}
+
+input[type='range']::-moz-range-track {
+ width: 100%;
+ height: 9.5px;
+ -moz-transition: 0.2s;
+ transition: 0.2s;
+ background: #141417;
+ background: var(--background);
+ border-radius: 3px;
+}
+
+input[type='range']::-moz-range-thumb {
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #3a3d44;
+ background: var(--border);
+}
+
+input[type='range']::-ms-track {
+ width: 100%;
+ height: 9.5px;
+ background: transparent;
+ border-color: transparent;
+ border-width: 16px 0;
+ color: transparent;
+}
+
+input[type='range']::-ms-fill-lower {
+ background: #141417;
+ background: var(--background);
+ border: 0.2px solid #010101;
+ border-radius: 3px;
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+}
+
+input[type='range']::-ms-fill-upper {
+ background: #141417;
+ background: var(--background);
+ border: 0.2px solid #010101;
+ border-radius: 3px;
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+}
+
+input[type='range']::-ms-thumb {
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+ border: 1px solid #000;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #3a3d44;
+ background: var(--border);
+}
+
+input[type='range']:focus::-ms-fill-lower {
+ background: #141417;
+ background: var(--background);
+}
+
+input[type='range']:focus::-ms-fill-upper {
+ background: #141417;
+ background: var(--background);
+}
+
+a {
+ text-decoration: none;
+ color: #b2a0a6;
+ color: var(--links);
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+code {
+ background: #141417;
+ background: var(--background);
+ color: #cbced5;
+ color: var(--code);
+ padding: 2.5px 5px;
+ border-radius: 6px;
+ font-size: 1em;
+}
+
+samp {
+ background: #141417;
+ background: var(--background);
+ color: #cbced5;
+ color: var(--code);
+ padding: 2.5px 5px;
+ border-radius: 6px;
+ font-size: 1em;
+}
+
+time {
+ background: #141417;
+ background: var(--background);
+ color: #cbced5;
+ color: var(--code);
+ padding: 2.5px 5px;
+ border-radius: 6px;
+ font-size: 1em;
+}
+
+pre > code {
+ padding: 10px;
+ display: block;
+ overflow-x: auto;
+}
+
+var {
+ color: #a6b2a0;
+ color: var(--variable);
+ font-style: normal;
+ font-family: monospace;
+}
+
+kbd {
+ background: #141417;
+ background: var(--background);
+ border: 1px solid #3a3d44;
+ border: 1px solid var(--border);
+ border-radius: 2px;
+ color: #cbced5;
+ color: var(--text-main);
+ padding: 2px 4px 2px 4px;
+}
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+hr {
+ border: none;
+ border-top: 1px solid #3a3d44;
+ border-top: 1px solid var(--border);
+}
+
+table {
+ border-collapse: collapse;
+ margin-bottom: 10px;
+ width: 100%;
+ table-layout: fixed;
+}
+
+table caption {
+ text-align: left;
+}
+
+td,
+th {
+ padding: 6px;
+ text-align: left;
+ vertical-align: top;
+ word-wrap: break-word;
+}
+
+thead {
+ border-bottom: 1px solid #3a3d44;
+ border-bottom: 1px solid var(--border);
+}
+
+tfoot {
+ border-top: 1px solid #3a3d44;
+ border-top: 1px solid var(--border);
+}
+
+tbody tr:nth-child(even) {
+ background-color: #141417;
+ background-color: var(--background);
+}
+
+tbody tr:nth-child(even) button {
+ background-color: #1e1e22;
+ background-color: var(--background-alt);
+}
+
+tbody tr:nth-child(even) button:hover {
+ background-color: #1a1a1e;
+ background-color: var(--background-body);
+}
+
+::-webkit-scrollbar {
+ height: 10px;
+ width: 10px;
+}
+
+::-webkit-scrollbar-track {
+ background: #141417;
+ background: var(--background);
+ border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+ background: #0a0a0d;
+ background: var(--scrollbar-thumb);
+ border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background: rgb(0, 0, 0);
+ background: var(--scrollbar-thumb-hover);
+}
+
+::-moz-selection {
+ background-color: #3a3a42;
+ background-color: var(--selection);
+ color: #e7e8ec;
+ color: var(--text-bright);
+}
+
+::selection {
+ background-color: #3a3a42;
+ background-color: var(--selection);
+ color: #e7e8ec;
+ color: var(--text-bright);
+}
+
+details {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ background-color: #1e1e22;
+ background-color: var(--background-alt);
+ padding: 10px 10px 0;
+ margin: 1em 0;
+ border-radius: 6px;
+ overflow: hidden;
+}
+
+details[open] {
+ padding: 10px;
+}
+
+details > :last-child {
+ margin-bottom: 0;
+}
+
+details[open] summary {
+ margin-bottom: 10px;
+}
+
+summary {
+ display: list-item;
+ background-color: #141417;
+ background-color: var(--background);
+ padding: 10px;
+ margin: -10px -10px 0;
+ cursor: pointer;
+ outline: none;
+}
+
+summary:hover,
+summary:focus {
+ text-decoration: underline;
+}
+
+details > :not(summary) {
+ margin-top: 0;
+}
+
+summary::-webkit-details-marker {
+ color: #cbced5;
+ color: var(--text-main);
+}
+
+dialog {
+ background-color: #1e1e22;
+ background-color: var(--background-alt);
+ color: #cbced5;
+ color: var(--text-main);
+ border: none;
+ border-radius: 6px;
+ border-color: #3a3d44;
+ border-color: var(--border);
+ padding: 10px 30px;
+}
+
+dialog > header:first-child {
+ background-color: #141417;
+ background-color: var(--background);
+ border-radius: 6px 6px 0 0;
+ margin: -10px -30px 10px;
+ padding: 10px;
+ text-align: center;
+}
+
+dialog::-webkit-backdrop {
+ background: #0000009c;
+ -webkit-backdrop-filter: blur(4px);
+ backdrop-filter: blur(4px);
+}
+
+dialog::backdrop {
+ background: #0000009c;
+ -webkit-backdrop-filter: blur(4px);
+ backdrop-filter: blur(4px);
+}
+
+footer {
+ border-top: 1px solid #3a3d44;
+ border-top: 1px solid var(--border);
+ padding-top: 10px;
+ color: #a0a6b2;
+ color: var(--text-muted);
+}
+
+body > footer {
+ margin-top: 40px;
+}
+
+@media print {
+ body,
+ pre,
+ code,
+ summary,
+ details,
+ button,
+ input,
+ textarea {
+ background-color: #fff;
+ }
+
+ button,
+ input,
+ textarea {
+ border: 1px solid #000;
+ }
+
+ body,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ pre,
+ code,
+ button,
+ input,
+ textarea,
+ footer,
+ summary,
+ strong {
+ color: #000;
+ }
+
+ summary::marker {
+ color: #000;
+ }
+
+ summary::-webkit-details-marker {
+ color: #000;
+ }
+
+ tbody tr:nth-child(even) {
+ background-color: #f2f2f2;
+ }
+
+ a {
+ color: #2a2a2e;
+ text-decoration: underline;
+ }
+}
diff --git a/out/dark.min.css b/out/dark.min.css
new file mode 100755
index 0000000..ddd9e5e
--- /dev/null
+++ b/out/dark.min.css
@@ -0,0 +1 @@
+:root{--background-body:#1a1a1e;--background:#141417;--background-alt:#1e1e22;--selection:#3a3a42;--text-main:#cbced5;--text-bright:#e7e8ec;--text-muted:#a0a6b2;--links:#b2a0a6;--focus:rgba(160,166,178,0.67);--border:#3a3d44;--code:#cbced5;--animation-duration:0.1s;--button-base:#111114;--button-hover:#0a0a0d;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#000;--form-placeholder:#6e7179;--form-text:#e7e8ec;--variable:#a6b2a0;--highlight:#3a3d44;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23cbced5'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}html{scrollbar-color:#0a0a0d #1a1a1e;scrollbar-color:var(--scrollbar-thumb) var(--background-body);scrollbar-width:thin}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;word-wrap:break-word;color:#cbced5;color:var(--text-main);background:#1a1a1e;background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px;margin-top:24px}h1,h2,h3,h4,h5,h6,strong{color:#e7e8ec;color:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid rgba(160,166,178,.67);border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{font-style:normal;border:0}address,blockquote cite{font-style:normal}a[href^=mailto\:]:before{content:"📧 "}a[href^=tel\:]:before{content:"📞 "}a[href^=sms\:]:before{content:"💬 "}mark{background-color:#3a3d44;background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#e7e8ec;color:var(--text-bright)}a>code,a>strong{color:inherit}button,input[type=button],input[type=checkbox],input[type=radio],input[type=range],input[type=reset],input[type=submit],select{cursor:pointer}input,select{display:block}[type=checkbox],[type=radio]{display:initial}button,input,select,textarea{color:#e7e8ec;color:var(--form-text);background-color:#141417;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input[type=button],input[type=reset],input[type=submit]{background-color:#111114;background-color:var(--button-base);padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background:#0a0a0d;background:var(--button-hover)}input[type=color]{min-height:2rem;padding:8px;cursor:pointer}input[type=checkbox],input[type=radio]{height:1em;width:1em}input[type=radio]{border-radius:100%}input{vertical-align:top}label{vertical-align:middle;margin-bottom:4px;display:inline-block}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{display:block;margin-right:0;box-sizing:border-box;resize:vertical}textarea:not([cols]){width:100%}textarea:not([rows]){min-height:40px;height:140px}select{background:#141417 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23cbced5'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=reset]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-moz-placeholder{color:#6e7179;color:var(--form-placeholder)}:-ms-input-placeholder{color:#6e7179;color:var(--form-placeholder)}::-ms-input-placeholder{color:#6e7179;color:var(--form-placeholder)}::placeholder{color:#6e7179;color:var(--form-placeholder)}fieldset{border:1px solid rgba(160,166,178,.67);border:1px solid var(--focus);border-radius:6px;margin:0 0 12px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;-webkit-transition:.2s;transition:.2s;background:#141417;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#3a3d44;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#141417;background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;-moz-transition:.2s;transition:.2s;background:#141417;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#3a3d44;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#141417;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#3a3d44;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#141417;background:var(--background)}a{text-decoration:none;color:#b2a0a6;color:var(--links)}a:hover{text-decoration:underline}code,samp,time{background:#141417;background:var(--background);color:#cbced5;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#a6b2a0;color:var(--variable);font-style:normal;font-family:monospace}kbd{background:#141417;background:var(--background);border:1px solid #3a3d44;border:1px solid var(--border);border-radius:2px;color:#cbced5;color:var(--text-main);padding:2px 4px}img,video{max-width:100%;height:auto}hr{border:none;border-top:1px solid #3a3d44;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed}table caption,td,th{text-align:left}td,th{padding:6px;vertical-align:top;word-wrap:break-word}thead{border-bottom:1px solid #3a3d44;border-bottom:1px solid var(--border)}tfoot{border-top:1px solid #3a3d44;border-top:1px solid var(--border)}tbody tr:nth-child(2n){background-color:#141417;background-color:var(--background)}tbody tr:nth-child(2n) button{background-color:#1e1e22;background-color:var(--background-alt)}tbody tr:nth-child(2n) button:hover{background-color:#1a1a1e;background-color:var(--background-body)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#141417;background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:#0a0a0d;background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#000;background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:#3a3a42;background-color:var(--selection);color:#e7e8ec;color:var(--text-bright)}::selection{background-color:#3a3a42;background-color:var(--selection);color:#e7e8ec;color:var(--text-bright)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#1e1e22;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#141417;background-color:var(--background);padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}summary:focus,summary:hover{text-decoration:underline}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#cbced5;color:var(--text-main)}dialog{background-color:#1e1e22;background-color:var(--background-alt);color:#cbced5;color:var(--text-main);border-radius:6px;border:#3a3d44;border-color:var(--border);padding:10px 30px}dialog>header:first-child{background-color:#141417;background-color:var(--background);border-radius:6px 6px 0 0;margin:-10px -30px 10px;padding:10px;text-align:center}dialog::-webkit-backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog::backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}footer{border-top:1px solid #3a3d44;border-top:1px solid var(--border);padding-top:10px;color:#a0a6b2;color:var(--text-muted)}body>footer{margin-top:40px}@media print{body,button,code,details,input,pre,summary,textarea{background-color:#fff}button,input,textarea{border:1px solid #000}body,button,code,footer,h1,h2,h3,h4,h5,h6,input,pre,strong,summary,textarea{color:#000}summary::marker{color:#000}summary::-webkit-details-marker{color:#000}tbody tr:nth-child(2n){background-color:#f2f2f2}a{color:#2a2a2e;text-decoration:underline}} \ No newline at end of file
diff --git a/out/docs/index.html b/out/docs/index.html
new file mode 100644
index 0000000..8ac7438
--- /dev/null
+++ b/out/docs/index.html
@@ -0,0 +1,272 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>noir.css</title>
+ <meta
+ name="description"
+ content="A drop-in collection of monochrome CSS styles to make simple websites look clean and elegant."
+ />
+
+ <!-- Startup styles of noir.css -->
+ <link rel="preload" as="style" href="./noir.css/dark.min.css" />
+ <link rel="preload" as="style" href="./noir.css/light.min.css" />
+ <link rel="stylesheet" id="js-startup-stylesheet" href="./noir.css/noir.min.css" />
+
+ <!-- Dynamic version of noir.css, overwrites startup styles. JavaScript sets & updates href -->
+ <link rel="stylesheet" id="js-stylesheet" />
+
+ <!-- Custom styles for the documentation -->
+ <link rel="stylesheet" href="style.css" />
+ </head>
+
+ <body>
+ <h1>noir.css</h1>
+
+ <p>
+ noir.css is a drop-in collection of monochrome CSS styles to make simple websites like this
+ look clean and elegant.
+ </p>
+ <p>
+ forked from the great <a href="https://github.com/kognise/water.css">water.css</a> &mdash; redesigned with a refined black, grey, and white palette.
+ </p>
+ <p>
+ write your simple static site with semantic HTML &mdash; noir.css handles the styling. <br>
+ no classes needed.
+ </p>
+
+ <div class="row">
+ <div>
+ <a href="#installation"><b>Get started</b></a>
+ <br />
+ <a href="https://github.com/kj-sh604/noir.css"><b>GitHub</b></a>
+ </div>
+ </div>
+
+ <h2 id="installation">Installation</h2>
+ <div>
+ <header class="row">
+ <h3 id="link-snippet-headline">
+ Paste this into the <code>&lt;head&gt;</code> of your HTML:
+ </h3>
+ <button type="button" id="copy-button">
+ <span id="copy-button-feedback"></span>
+ Copy to clipboard
+ </button>
+ </header>
+
+ <div id="link-snippet-container">
+ <pre id="link-snippet-auto"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/noir.css@1/out/noir.css"&gt;</code></pre>
+ <pre hidden id="link-snippet-dark"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/noir.css@1/out/dark.css"&gt;</code></pre>
+ <pre hidden id="link-snippet-light"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/noir.css@1/out/light.css"&gt;</code></pre>
+ </div>
+
+ <h3>Options</h3>
+ <form id="theme-form">
+ <input type="radio" value="auto" checked name="theme" id="theme-auto" />
+ <label for="theme-auto">Automatic</label>
+
+ <input type="radio" value="dark" name="theme" id="theme-dark" />
+ <label for="theme-dark">Dark</label>
+
+ <input type="radio" value="light" name="theme" id="theme-light" />
+ <label for="theme-light">Light</label>
+ </form>
+
+ <table id="version-info">
+ <caption>
+ <h3>Version info</h3>
+ </caption>
+
+ <tbody>
+ <tr>
+ <th scope="row">File</th>
+ <td id="table-file-name"></td>
+ </tr>
+
+ <tr>
+ <th scope="row">Theme</th>
+ <td id="table-theme"></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <h2 id="goals">Goals</h2>
+ <ul>
+ <li>Responsive</li>
+ <li>Monochrome &mdash; blacks, greys, whites</li>
+ <li>Accessible</li>
+ <li>Small size</li>
+ <li>Beautiful</li>
+ <li>No classes</li>
+ </ul>
+
+ <h2 id="demo">Element demos</h2>
+ <p>This is supposed to be a demo page so we need more elements!</p>
+
+ <h3 id="form-elements">Form elements</h3>
+ <form>
+ <label for="email">Email</label>
+ <input type="email" name="email" id="email" placeholder="john.doe@gmail.com" />
+
+ <label for="id">User id (read only)</label>
+ <input readonly name="id" id="id" value="04D6H89Z" />
+
+ <label for="disabled">Random disabled input</label>
+ <input disabled name="disabled" id="disabled" placeholder="Because why not?" />
+
+ <label for="about">About me</label>
+ <textarea name="about" id="about" placeholder="I am a textarea..."></textarea>
+
+ <label>Choose a Doe:</label>
+ <div>
+ <input type="radio" id="john" name="drone" value="john" checked />
+ <label for="john">John Doe</label>
+ </div>
+ <div>
+ <input type="radio" id="jane" name="drone" value="jane" checked />
+ <label for="jane">Jane Doe</label>
+ </div>
+ <div>
+ <input type="radio" id="johnny" name="drone" value="johnny" checked />
+ <label for="johnny">Johnny Doe</label>
+ </div>
+
+ <br />
+
+ <input type="checkbox" name="remember" id="remember" checked />
+ <label for="remember">Remember me</label>
+
+ <input type="submit" value="Submit" />
+ <input type="reset" value="Reset" />
+ </form>
+
+ <h3 id="code">Code</h3>
+ <p>
+ Below is some code, you can copy it with <kbd>Ctrl-C</kbd>. Did you know,
+ <code>alert(1)</code> can show an alert in JavaScript!
+ </p>
+ <pre><code>// This logs a message to the console and check out the scrollbar.<br>console.log('Hello, world!')</code></pre>
+
+ <h3 id="other">Other</h3>
+ <p>Here's a horizontal rule and image because I don't know where else to put them.</p>
+ <img src="https://placekitten.com/408/287" alt="Example kitten" />
+ <hr />
+
+ <p>And here's a nicely marked up table!</p>
+ <table>
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Quantity</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Godzilla</td>
+ <td>2</td>
+ <td>$299.99</td>
+ </tr>
+ <tr>
+ <td>Mozilla</td>
+ <td>10</td>
+ <td>$100,000.00</td>
+ </tr>
+ <tr>
+ <td>Quesadilla</td>
+ <td>1</td>
+ <td>$2.22</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <details>
+ <summary>Some summary/details can't hurt!</summary>
+ <p>Lorem ipsum dolor sit blah blah.</p>
+ </details>
+
+ <p>The dialog (form, and menu) tag</p>
+
+ <div>
+ <button type="button" id="dialog-trigger">
+ Show me the dialog!
+ </button>
+ <span id="dialog-result"></span>
+ </div>
+
+ <dialog id="dialog">
+ <header>This is a sample dialog</header>
+ <form method="dialog">
+ <p>What is your favorite pet animal?</p>
+ <menu>
+ <button value="feline">Cats</button>
+ <button value="canine">Dogs</button>
+ <button value="other">Others</button>
+ </menu>
+ </form>
+ </dialog>
+
+ <h3 id="typography">Typography</h3>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis
+ ullamcorper sem congue ac. Quisque id magna rhoncus, sodales massa vel, vestibulum elit. Duis
+ ornare accumsan egestas. Proin maximus lacus interdum leo molestie convallis. Orci varius
+ natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut iaculis risus eu
+ felis feugiat, eu mollis neque elementum. Donec interdum, nisl id dignissim iaculis, felis dui
+ aliquet dui, non fermentum velit lectus ac quam. Class aptent taciti sociosqu ad litora
+ torquent per conubia nostra, per inceptos himenaeos.
+ <strong>This is strong,</strong> this is normal, <b>this is just bold,</b>
+ <em>and this is emphasized!</em> And heck, <a href="/">here</a>'s a link.
+ </p>
+
+ <blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">
+ "The HTML blockquote Element (or HTML Block Quotation Element) indicates that the enclosed
+ text is an extended quotation. Usually, this is rendered visually by indentation (see
+ <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote#Usage_notes"
+ >Notes</a
+ >
+ for how to change it). A URL for the source of the quotation may be given using the
+ <code>cite</code> attribute, while a text representation of the source can be given using the
+ <code>&lt;cite&gt;</code> cite element."
+
+ <footer>
+ <cite>MDN, "The Block Quotation element"</cite>
+ </footer>
+ </blockquote>
+
+ <ul>
+ <li>Unordered list item 1</li>
+ <li>Unordered list item 2</li>
+ <li>Unordered list item 3</li>
+ </ul>
+ <ol>
+ <li>Ordered list item 1</li>
+ <li>Ordered list item 2</li>
+ <li>Ordered list item 3</li>
+ </ol>
+
+ <p>Addresses are also styled to be <strong>awesome</strong>!</p>
+ <address>
+ <a href="mailto:john.doe@example.com">john.doe@example.com</a><br />
+ <a href="tel:778-330-2389">778-330-2389</a><br />
+ <a href="sms:666-666-6666">666-666-6666</a><br />
+ </address>
+
+ <br />
+
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <footer>
+ <a href="#">Back to top</a>
+ </footer>
+ <script src="script.js" defer></script>
+ </body>
+</html>
diff --git a/out/docs/noir.css/dark.min.css b/out/docs/noir.css/dark.min.css
new file mode 100755
index 0000000..ddd9e5e
--- /dev/null
+++ b/out/docs/noir.css/dark.min.css
@@ -0,0 +1 @@
+:root{--background-body:#1a1a1e;--background:#141417;--background-alt:#1e1e22;--selection:#3a3a42;--text-main:#cbced5;--text-bright:#e7e8ec;--text-muted:#a0a6b2;--links:#b2a0a6;--focus:rgba(160,166,178,0.67);--border:#3a3d44;--code:#cbced5;--animation-duration:0.1s;--button-base:#111114;--button-hover:#0a0a0d;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#000;--form-placeholder:#6e7179;--form-text:#e7e8ec;--variable:#a6b2a0;--highlight:#3a3d44;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23cbced5'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}html{scrollbar-color:#0a0a0d #1a1a1e;scrollbar-color:var(--scrollbar-thumb) var(--background-body);scrollbar-width:thin}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;word-wrap:break-word;color:#cbced5;color:var(--text-main);background:#1a1a1e;background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px;margin-top:24px}h1,h2,h3,h4,h5,h6,strong{color:#e7e8ec;color:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid rgba(160,166,178,.67);border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{font-style:normal;border:0}address,blockquote cite{font-style:normal}a[href^=mailto\:]:before{content:"📧 "}a[href^=tel\:]:before{content:"📞 "}a[href^=sms\:]:before{content:"💬 "}mark{background-color:#3a3d44;background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#e7e8ec;color:var(--text-bright)}a>code,a>strong{color:inherit}button,input[type=button],input[type=checkbox],input[type=radio],input[type=range],input[type=reset],input[type=submit],select{cursor:pointer}input,select{display:block}[type=checkbox],[type=radio]{display:initial}button,input,select,textarea{color:#e7e8ec;color:var(--form-text);background-color:#141417;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input[type=button],input[type=reset],input[type=submit]{background-color:#111114;background-color:var(--button-base);padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background:#0a0a0d;background:var(--button-hover)}input[type=color]{min-height:2rem;padding:8px;cursor:pointer}input[type=checkbox],input[type=radio]{height:1em;width:1em}input[type=radio]{border-radius:100%}input{vertical-align:top}label{vertical-align:middle;margin-bottom:4px;display:inline-block}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{display:block;margin-right:0;box-sizing:border-box;resize:vertical}textarea:not([cols]){width:100%}textarea:not([rows]){min-height:40px;height:140px}select{background:#141417 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23cbced5'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=reset]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-moz-placeholder{color:#6e7179;color:var(--form-placeholder)}:-ms-input-placeholder{color:#6e7179;color:var(--form-placeholder)}::-ms-input-placeholder{color:#6e7179;color:var(--form-placeholder)}::placeholder{color:#6e7179;color:var(--form-placeholder)}fieldset{border:1px solid rgba(160,166,178,.67);border:1px solid var(--focus);border-radius:6px;margin:0 0 12px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;-webkit-transition:.2s;transition:.2s;background:#141417;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#3a3d44;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#141417;background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;-moz-transition:.2s;transition:.2s;background:#141417;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#3a3d44;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#141417;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#3a3d44;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#141417;background:var(--background)}a{text-decoration:none;color:#b2a0a6;color:var(--links)}a:hover{text-decoration:underline}code,samp,time{background:#141417;background:var(--background);color:#cbced5;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#a6b2a0;color:var(--variable);font-style:normal;font-family:monospace}kbd{background:#141417;background:var(--background);border:1px solid #3a3d44;border:1px solid var(--border);border-radius:2px;color:#cbced5;color:var(--text-main);padding:2px 4px}img,video{max-width:100%;height:auto}hr{border:none;border-top:1px solid #3a3d44;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed}table caption,td,th{text-align:left}td,th{padding:6px;vertical-align:top;word-wrap:break-word}thead{border-bottom:1px solid #3a3d44;border-bottom:1px solid var(--border)}tfoot{border-top:1px solid #3a3d44;border-top:1px solid var(--border)}tbody tr:nth-child(2n){background-color:#141417;background-color:var(--background)}tbody tr:nth-child(2n) button{background-color:#1e1e22;background-color:var(--background-alt)}tbody tr:nth-child(2n) button:hover{background-color:#1a1a1e;background-color:var(--background-body)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#141417;background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:#0a0a0d;background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#000;background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:#3a3a42;background-color:var(--selection);color:#e7e8ec;color:var(--text-bright)}::selection{background-color:#3a3a42;background-color:var(--selection);color:#e7e8ec;color:var(--text-bright)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#1e1e22;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#141417;background-color:var(--background);padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}summary:focus,summary:hover{text-decoration:underline}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#cbced5;color:var(--text-main)}dialog{background-color:#1e1e22;background-color:var(--background-alt);color:#cbced5;color:var(--text-main);border-radius:6px;border:#3a3d44;border-color:var(--border);padding:10px 30px}dialog>header:first-child{background-color:#141417;background-color:var(--background);border-radius:6px 6px 0 0;margin:-10px -30px 10px;padding:10px;text-align:center}dialog::-webkit-backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog::backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}footer{border-top:1px solid #3a3d44;border-top:1px solid var(--border);padding-top:10px;color:#a0a6b2;color:var(--text-muted)}body>footer{margin-top:40px}@media print{body,button,code,details,input,pre,summary,textarea{background-color:#fff}button,input,textarea{border:1px solid #000}body,button,code,footer,h1,h2,h3,h4,h5,h6,input,pre,strong,summary,textarea{color:#000}summary::marker{color:#000}summary::-webkit-details-marker{color:#000}tbody tr:nth-child(2n){background-color:#f2f2f2}a{color:#2a2a2e;text-decoration:underline}} \ No newline at end of file
diff --git a/out/docs/noir.css/light.min.css b/out/docs/noir.css/light.min.css
new file mode 100755
index 0000000..600426d
--- /dev/null
+++ b/out/docs/noir.css/light.min.css
@@ -0,0 +1 @@
+:root{--background-body:#f5f5f7;--background:#eaeaed;--background-alt:#f0f0f3;--selection:#c8c8cc;--text-main:#2a2a2e;--text-bright:#111114;--text-muted:#5a5d66;--links:#6e5a62;--focus:rgba(90,93,102,0.67);--border:#c8c8cc;--code:#2a2a2e;--animation-duration:0.1s;--button-base:#d4d4d8;--button-hover:#a8a8ae;--scrollbar-thumb:#b8b8bd;--scrollbar-thumb-hover:var(--button-hover);--form-placeholder:#7a7d86;--form-text:#1a1a1e;--variable:#5a6654;--highlight:#e0ddd8;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%232a2a2e'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}html{scrollbar-color:#b8b8bd #f5f5f7;scrollbar-color:var(--scrollbar-thumb) var(--background-body);scrollbar-width:thin}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;word-wrap:break-word;color:#2a2a2e;color:var(--text-main);background:#f5f5f7;background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px;margin-top:24px}h1,h2,h3,h4,h5,h6,strong{color:#111114;color:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid rgba(90,93,102,.67);border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{font-style:normal;border:0}address,blockquote cite{font-style:normal}a[href^=mailto\:]:before{content:"📧 "}a[href^=tel\:]:before{content:"📞 "}a[href^=sms\:]:before{content:"💬 "}mark{background-color:#e0ddd8;background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#111114;color:var(--text-bright)}a>code,a>strong{color:inherit}button,input[type=button],input[type=checkbox],input[type=radio],input[type=range],input[type=reset],input[type=submit],select{cursor:pointer}input,select{display:block}[type=checkbox],[type=radio]{display:initial}button,input,select,textarea{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input[type=button],input[type=reset],input[type=submit]{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background:#a8a8ae;background:var(--button-hover)}input[type=color]{min-height:2rem;padding:8px;cursor:pointer}input[type=checkbox],input[type=radio]{height:1em;width:1em}input[type=radio]{border-radius:100%}input{vertical-align:top}label{vertical-align:middle;margin-bottom:4px;display:inline-block}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{display:block;margin-right:0;box-sizing:border-box;resize:vertical}textarea:not([cols]){width:100%}textarea:not([rows]){min-height:40px;height:140px}select{background:#eaeaed url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%232a2a2e'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=reset]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-moz-placeholder{color:#7a7d86;color:var(--form-placeholder)}:-ms-input-placeholder{color:#7a7d86;color:var(--form-placeholder)}::-ms-input-placeholder{color:#7a7d86;color:var(--form-placeholder)}::placeholder{color:#7a7d86;color:var(--form-placeholder)}fieldset{border:1px solid rgba(90,93,102,.67);border:1px solid var(--focus);border-radius:6px;margin:0 0 12px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;-webkit-transition:.2s;transition:.2s;background:#eaeaed;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#eaeaed;background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;-moz-transition:.2s;transition:.2s;background:#eaeaed;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#eaeaed;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#eaeaed;background:var(--background)}a{text-decoration:none;color:#6e5a62;color:var(--links)}a:hover{text-decoration:underline}code,samp,time{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#5a6654;color:var(--variable);font-style:normal;font-family:monospace}kbd{background:#eaeaed;background:var(--background);border:1px solid #c8c8cc;border:1px solid var(--border);border-radius:2px;color:#2a2a2e;color:var(--text-main);padding:2px 4px}img,video{max-width:100%;height:auto}hr{border:none;border-top:1px solid #c8c8cc;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed}table caption,td,th{text-align:left}td,th{padding:6px;vertical-align:top;word-wrap:break-word}thead{border-bottom:1px solid #c8c8cc;border-bottom:1px solid var(--border)}tfoot{border-top:1px solid #c8c8cc;border-top:1px solid var(--border)}tbody tr:nth-child(2n){background-color:#eaeaed;background-color:var(--background)}tbody tr:nth-child(2n) button{background-color:#f0f0f3;background-color:var(--background-alt)}tbody tr:nth-child(2n) button:hover{background-color:#f5f5f7;background-color:var(--background-body)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#eaeaed;background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:#b8b8bd;background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#a8a8ae;background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:#c8c8cc;background-color:var(--selection);color:#111114;color:var(--text-bright)}::selection{background-color:#c8c8cc;background-color:var(--selection);color:#111114;color:var(--text-bright)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f0f0f3;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#eaeaed;background-color:var(--background);padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}summary:focus,summary:hover{text-decoration:underline}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#2a2a2e;color:var(--text-main)}dialog{background-color:#f0f0f3;background-color:var(--background-alt);color:#2a2a2e;color:var(--text-main);border-radius:6px;border:#c8c8cc;border-color:var(--border);padding:10px 30px}dialog>header:first-child{background-color:#eaeaed;background-color:var(--background);border-radius:6px 6px 0 0;margin:-10px -30px 10px;padding:10px;text-align:center}dialog::-webkit-backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog::backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}footer{border-top:1px solid #c8c8cc;border-top:1px solid var(--border);padding-top:10px;color:#5a5d66;color:var(--text-muted)}body>footer{margin-top:40px}@media print{body,button,code,details,input,pre,summary,textarea{background-color:#fff}button,input,textarea{border:1px solid #000}body,button,code,footer,h1,h2,h3,h4,h5,h6,input,pre,strong,summary,textarea{color:#000}summary::marker{color:#000}summary::-webkit-details-marker{color:#000}tbody tr:nth-child(2n){background-color:#f2f2f2}a{color:#2a2a2e;text-decoration:underline}} \ No newline at end of file
diff --git a/out/docs/noir.css/noir.min.css b/out/docs/noir.css/noir.min.css
new file mode 100644
index 0000000..356eb42
--- /dev/null
+++ b/out/docs/noir.css/noir.min.css
@@ -0,0 +1 @@
+:root{--background-body:#f5f5f7;--background:#eaeaed;--background-alt:#f0f0f3;--selection:#c8c8cc;--text-main:#2a2a2e;--text-bright:#111114;--text-muted:#5a5d66;--links:#6e5a62;--focus:rgba(90,93,102,0.67);--border:#c8c8cc;--code:#2a2a2e;--animation-duration:0.1s;--button-base:#d4d4d8;--button-hover:#a8a8ae;--scrollbar-thumb:#b8b8bd;--scrollbar-thumb-hover:var(--button-hover);--form-placeholder:#7a7d86;--form-text:#1a1a1e;--variable:#5a6654;--highlight:#e0ddd8;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%232a2a2e'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root{--background-body:#1a1a1e;--background:#141417;--background-alt:#1e1e22;--selection:#3a3a42;--text-main:#cbced5;--text-bright:#e7e8ec;--text-muted:#a0a6b2;--links:#b2a0a6;--focus:rgba(160,166,178,0.67);--border:#3a3d44;--code:#cbced5;--animation-duration:0.1s;--button-base:#111114;--button-hover:#0a0a0d;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#000;--form-placeholder:#6e7179;--form-text:#e7e8ec;--variable:#a6b2a0;--highlight:#3a3d44;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23cbced5'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}html{scrollbar-color:#b8b8bd #f5f5f7;scrollbar-color:var(--scrollbar-thumb) var(--background-body);scrollbar-width:thin}@media (prefers-color-scheme:dark){html{scrollbar-color:#0a0a0d #1a1a1e;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;word-wrap:break-word;color:#2a2a2e;color:var(--text-main);background:#f5f5f7;background:var(--background-body);text-rendering:optimizeLegibility}@media (prefers-color-scheme:dark){body{background:#1a1a1e;background:var(--background-body);color:#cbced5;color:var(--text-main)}}button{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}@media (prefers-color-scheme:dark){button{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}}input{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}@media (prefers-color-scheme:dark){input{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}}textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}@media (prefers-color-scheme:dark){textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px;margin-top:24px}h1{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h1{color:#e7e8ec;color:var(--text-bright)}}h2{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h2{color:#e7e8ec;color:var(--text-bright)}}h3{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h3{color:#e7e8ec;color:var(--text-bright)}}h4{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h4{color:#e7e8ec;color:var(--text-bright)}}h5{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h5{color:#e7e8ec;color:var(--text-bright)}}h6{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h6{color:#e7e8ec;color:var(--text-bright)}}strong{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){strong{color:#e7e8ec;color:var(--text-bright)}}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote{border-left:4px solid rgba(90,93,102,.67);border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}@media (prefers-color-scheme:dark){blockquote{border-left:4px solid rgba(160,166,178,.67);border-left:4px solid var(--focus)}}q{border-left:4px solid rgba(90,93,102,.67);border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}@media (prefers-color-scheme:dark){q{border-left:4px solid rgba(160,166,178,.67);border-left:4px solid var(--focus)}}blockquote>footer{font-style:normal;border:0}address,blockquote cite{font-style:normal}a[href^=mailto\:]:before{content:"📧 "}a[href^=tel\:]:before{content:"📞 "}a[href^=sms\:]:before{content:"💬 "}mark{background-color:#e0ddd8;background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){mark{color:#e7e8ec;color:var(--text-bright);background-color:#3a3d44;background-color:var(--highlight)}}a>code,a>strong{color:inherit}button,input[type=button],input[type=checkbox],input[type=radio],input[type=range],input[type=reset],input[type=submit],select{cursor:pointer}input,select{display:block}[type=checkbox],[type=radio]{display:initial}input{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme:dark){input{background-color:#141417;background-color:var(--background);color:#e7e8ec;color:var(--form-text)}}button{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme:dark){button{background-color:#141417;background-color:var(--background);color:#e7e8ec;color:var(--form-text)}}textarea{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme:dark){textarea{background-color:#141417;background-color:var(--background);color:#e7e8ec;color:var(--form-text)}}select{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme:dark){select{background-color:#141417;background-color:var(--background);color:#e7e8ec;color:var(--form-text)}}button{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme:dark){button{background-color:#111114;background-color:var(--button-base)}}input[type=submit]{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme:dark){input[type=submit]{background-color:#111114;background-color:var(--button-base)}}input[type=reset]{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme:dark){input[type=reset]{background-color:#111114;background-color:var(--button-base)}}input[type=button]{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme:dark){input[type=button]{background-color:#111114;background-color:var(--button-base)}}button:hover{background:#a8a8ae;background:var(--button-hover)}@media (prefers-color-scheme:dark){button:hover{background:#0a0a0d;background:var(--button-hover)}}input[type=submit]:hover{background:#a8a8ae;background:var(--button-hover)}@media (prefers-color-scheme:dark){input[type=submit]:hover{background:#0a0a0d;background:var(--button-hover)}}input[type=reset]:hover{background:#a8a8ae;background:var(--button-hover)}@media (prefers-color-scheme:dark){input[type=reset]:hover{background:#0a0a0d;background:var(--button-hover)}}input[type=button]:hover{background:#a8a8ae;background:var(--button-hover)}@media (prefers-color-scheme:dark){input[type=button]:hover{background:#0a0a0d;background:var(--button-hover)}}input[type=color]{min-height:2rem;padding:8px;cursor:pointer}input[type=checkbox],input[type=radio]{height:1em;width:1em}input[type=radio]{border-radius:100%}input{vertical-align:top}label{vertical-align:middle;margin-bottom:4px;display:inline-block}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{display:block;margin-right:0;box-sizing:border-box;resize:vertical}textarea:not([cols]){width:100%}textarea:not([rows]){min-height:40px;height:140px}select{background:#eaeaed url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%232a2a2e'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}@media (prefers-color-scheme:dark){select{background:#141417 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23cbced5'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat}}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}input:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme:dark){input:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}}select:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme:dark){select:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}}button:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme:dark){button:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}}textarea:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme:dark){textarea:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=reset]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-moz-placeholder{color:#7a7d86;color:var(--form-placeholder)}:-ms-input-placeholder{color:#7a7d86;color:var(--form-placeholder)}::-ms-input-placeholder{color:#7a7d86;color:var(--form-placeholder)}::placeholder{color:#7a7d86;color:var(--form-placeholder)}@media (prefers-color-scheme:dark){::-moz-placeholder{color:#6e7179;color:var(--form-placeholder)}:-ms-input-placeholder{color:#6e7179;color:var(--form-placeholder)}::-ms-input-placeholder{color:#6e7179;color:var(--form-placeholder)}::placeholder{color:#6e7179;color:var(--form-placeholder)}}fieldset{border:1px solid rgba(90,93,102,.67);border:1px solid var(--focus);border-radius:6px;margin:0 0 12px;padding:10px}@media (prefers-color-scheme:dark){fieldset{border:1px solid rgba(160,166,178,.67);border:1px solid var(--focus)}}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;-webkit-transition:.2s;transition:.2s;background:#eaeaed;background:var(--background);border-radius:3px}@media (prefers-color-scheme:dark){input[type=range]::-webkit-slider-runnable-track{background:#141417;background:var(--background)}}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border);-webkit-appearance:none;margin-top:-7px}@media (prefers-color-scheme:dark){input[type=range]::-webkit-slider-thumb{background:#3a3d44;background:var(--border)}}input[type=range]:focus::-webkit-slider-runnable-track{background:#eaeaed;background:var(--background)}@media (prefers-color-scheme:dark){input[type=range]:focus::-webkit-slider-runnable-track{background:#141417;background:var(--background)}}input[type=range]::-moz-range-track{width:100%;height:9.5px;-moz-transition:.2s;transition:.2s;background:#eaeaed;background:var(--background);border-radius:3px}@media (prefers-color-scheme:dark){input[type=range]::-moz-range-track{background:#141417;background:var(--background)}}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border)}@media (prefers-color-scheme:dark){input[type=range]::-moz-range-thumb{background:#3a3d44;background:var(--border)}}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#eaeaed;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}@media (prefers-color-scheme:dark){input[type=range]::-ms-fill-lower{background:#141417;background:var(--background)}}input[type=range]::-ms-fill-upper{background:#eaeaed;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}@media (prefers-color-scheme:dark){input[type=range]::-ms-fill-upper{background:#141417;background:var(--background)}}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border)}@media (prefers-color-scheme:dark){input[type=range]::-ms-thumb{background:#3a3d44;background:var(--border)}}input[type=range]:focus::-ms-fill-lower{background:#eaeaed;background:var(--background)}@media (prefers-color-scheme:dark){input[type=range]:focus::-ms-fill-lower{background:#141417;background:var(--background)}}input[type=range]:focus::-ms-fill-upper{background:#eaeaed;background:var(--background)}@media (prefers-color-scheme:dark){input[type=range]:focus::-ms-fill-upper{background:#141417;background:var(--background)}}a{text-decoration:none;color:#6e5a62;color:var(--links)}@media (prefers-color-scheme:dark){a{color:#b2a0a6;color:var(--links)}}a:hover{text-decoration:underline}code{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}@media (prefers-color-scheme:dark){code{color:#cbced5;color:var(--code);background:#141417;background:var(--background)}}samp{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}@media (prefers-color-scheme:dark){samp{color:#cbced5;color:var(--code);background:#141417;background:var(--background)}}time{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}@media (prefers-color-scheme:dark){time{color:#cbced5;color:var(--code);background:#141417;background:var(--background)}}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#5a6654;color:var(--variable);font-style:normal;font-family:monospace}@media (prefers-color-scheme:dark){var{color:#a6b2a0;color:var(--variable)}}kbd{background:#eaeaed;background:var(--background);border:1px solid #c8c8cc;border:1px solid var(--border);border-radius:2px;color:#2a2a2e;color:var(--text-main);padding:2px 4px}@media (prefers-color-scheme:dark){kbd{color:#cbced5;color:var(--text-main);border:1px solid #3a3d44;border:1px solid var(--border);background:#141417;background:var(--background)}}img,video{max-width:100%;height:auto}hr{border:none;border-top:1px solid #c8c8cc;border-top:1px solid var(--border)}@media (prefers-color-scheme:dark){hr{border-top:1px solid #3a3d44;border-top:1px solid var(--border)}}table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed}table caption,td,th{text-align:left}td,th{padding:6px;vertical-align:top;word-wrap:break-word}thead{border-bottom:1px solid #c8c8cc;border-bottom:1px solid var(--border)}@media (prefers-color-scheme:dark){thead{border-bottom:1px solid #3a3d44;border-bottom:1px solid var(--border)}}tfoot{border-top:1px solid #c8c8cc;border-top:1px solid var(--border)}@media (prefers-color-scheme:dark){tfoot{border-top:1px solid #3a3d44;border-top:1px solid var(--border)}}tbody tr:nth-child(2n){background-color:#eaeaed;background-color:var(--background)}@media (prefers-color-scheme:dark){tbody tr:nth-child(2n){background-color:#141417;background-color:var(--background)}}tbody tr:nth-child(2n) button{background-color:#f0f0f3;background-color:var(--background-alt)}@media (prefers-color-scheme:dark){tbody tr:nth-child(2n) button{background-color:#1e1e22;background-color:var(--background-alt)}}tbody tr:nth-child(2n) button:hover{background-color:#f5f5f7;background-color:var(--background-body)}@media (prefers-color-scheme:dark){tbody tr:nth-child(2n) button:hover{background-color:#1a1a1e;background-color:var(--background-body)}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#eaeaed;background:var(--background);border-radius:6px}@media (prefers-color-scheme:dark){::-webkit-scrollbar-track{background:#141417;background:var(--background)}}::-webkit-scrollbar-thumb{background:#b8b8bd;background:var(--scrollbar-thumb);border-radius:6px}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background:#0a0a0d;background:var(--scrollbar-thumb)}}::-webkit-scrollbar-thumb:hover{background:#a8a8ae;background:var(--scrollbar-thumb-hover)}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb:hover{background:#000;background:var(--scrollbar-thumb-hover)}}::-moz-selection{background-color:#c8c8cc;background-color:var(--selection);color:#111114;color:var(--text-bright)}::selection{background-color:#c8c8cc;background-color:var(--selection);color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){::-moz-selection{color:#e7e8ec;color:var(--text-bright)}::selection{color:#e7e8ec;color:var(--text-bright)}}@media (prefers-color-scheme:dark){::-moz-selection{background-color:#3a3a42;background-color:var(--selection)}::selection{background-color:#3a3a42;background-color:var(--selection)}}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f0f0f3;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}@media (prefers-color-scheme:dark){details{background-color:#1e1e22;background-color:var(--background-alt)}}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#eaeaed;background-color:var(--background);padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}@media (prefers-color-scheme:dark){summary{background-color:#141417;background-color:var(--background)}}summary:focus,summary:hover{text-decoration:underline}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#2a2a2e;color:var(--text-main)}@media (prefers-color-scheme:dark){summary::-webkit-details-marker{color:#cbced5;color:var(--text-main)}}dialog{background-color:#f0f0f3;background-color:var(--background-alt);color:#2a2a2e;color:var(--text-main);border-radius:6px;border:#c8c8cc;border-color:var(--border);padding:10px 30px}@media (prefers-color-scheme:dark){dialog{border-color:#3a3d44;border-color:var(--border);color:#cbced5;color:var(--text-main);background-color:#1e1e22;background-color:var(--background-alt)}}dialog>header:first-child{background-color:#eaeaed;background-color:var(--background);border-radius:6px 6px 0 0;margin:-10px -30px 10px;padding:10px;text-align:center}@media (prefers-color-scheme:dark){dialog>header:first-child{background-color:#141417;background-color:var(--background)}}dialog::-webkit-backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog::backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}footer{border-top:1px solid #c8c8cc;border-top:1px solid var(--border);padding-top:10px;color:#5a5d66;color:var(--text-muted)}@media (prefers-color-scheme:dark){footer{color:#a0a6b2;color:var(--text-muted);border-top:1px solid #3a3d44;border-top:1px solid var(--border)}}body>footer{margin-top:40px}@media print{body,button,code,details,input,pre,summary,textarea{background-color:#fff}button,input,textarea{border:1px solid #000}body,button,code,footer,h1,h2,h3,h4,h5,h6,input,pre,strong,summary,textarea{color:#000}summary::marker{color:#000}summary::-webkit-details-marker{color:#000}tbody tr:nth-child(2n){background-color:#f2f2f2}a{color:#2a2a2e;text-decoration:underline}} \ No newline at end of file
diff --git a/out/docs/script.js b/out/docs/script.js
new file mode 100644
index 0000000..40b9996
--- /dev/null
+++ b/out/docs/script.js
@@ -0,0 +1,64 @@
+'use strict'
+
+const localBase = './noir.css/'
+
+const themeForm = document.getElementById('theme-form')
+const stylesheet = document.getElementById('js-stylesheet')
+const startupStylesheet = document.getElementById('js-startup-stylesheet')
+const copyButton = document.getElementById('copy-button')
+const copyButtonFeedback = document.getElementById('copy-button-feedback')
+const linkSnippets = [].slice.call(document.querySelectorAll('#link-snippet-container > pre'))
+
+const table = {
+ fileName: document.getElementById('table-file-name'),
+ theme: document.getElementById('table-theme')
+}
+
+const updateTheme = () => {
+ const theme = themeForm.querySelector('input[name="theme"]:checked').value
+
+ const fileName = `${theme === 'auto' ? 'noir' : theme}.min.css`
+ const localUrl = `${localBase}${fileName}`
+
+ stylesheet.href = localUrl
+
+ for (const snippet of linkSnippets) {
+ snippet.hidden = snippet.id.indexOf(theme) === -1
+ }
+
+ table.fileName.innerText = fileName
+
+ if (theme === 'auto') {
+ table.theme.innerHTML = `
+ Respects user-defined theme settings using <a style="--links: var(--code)" href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme" target="_blank" rel="noopener"><code>prefers-color-scheme</code></a>.<br>
+ Light in browsers where the theme settings can't be detected.
+ `
+ } else {
+ table.theme.innerText = `Theme is forced to ${theme}.`
+ }
+}
+
+themeForm.addEventListener('change', updateTheme)
+
+updateTheme()
+startupStylesheet.parentElement.removeChild(startupStylesheet)
+
+copyButton.addEventListener('click', () => {
+ const clipboard = navigator.clipboard || window.clipboard
+ const theme = themeForm.querySelector('input[name="theme"]:checked').value
+ const snippetText = document.querySelector(`#link-snippet-${theme} code`).textContent
+
+ clipboard.writeText(snippetText)
+ .then(() => { copyButtonFeedback.textContent = '\u2714' })
+ .catch(() => { copyButtonFeedback.textContent = '\u274C' })
+ .then(() => setTimeout(() => { copyButtonFeedback.textContent = '' }, 1000))
+})
+
+document.getElementById('dialog-trigger').addEventListener('click', () => {
+ document.getElementById('dialog-result').innerText = ''
+ document.getElementById('dialog').showModal()
+})
+
+document.getElementById('dialog').addEventListener('close', (event) => {
+ document.getElementById('dialog-result').innerText = `Your answer: ${event.target.returnValue}`
+})
diff --git a/out/docs/style.css b/out/docs/style.css
new file mode 100755
index 0000000..6ef9d74
--- /dev/null
+++ b/out/docs/style.css
@@ -0,0 +1,2 @@
+:root{--background-body:#f5f5f7;--background:#eaeaed;--background-alt:#f0f0f3;--selection:#c8c8cc;--text-main:#2a2a2e;--text-bright:#111114;--text-muted:#5a5d66;--links:#6e5a62;--focus:rgba(90,93,102,0.67);--border:#c8c8cc;--code:#2a2a2e;--animation-duration:.1s;--button-base:#d4d4d8;--button-hover:#a8a8ae;--scrollbar-thumb:#b8b8bd;--scrollbar-thumb-hover:var(--button-hover);--form-placeholder:#7a7d86;--form-text:#1a1a1e;--variable:#5a6654;--highlight:#e0ddd8;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='62.5' width='116.9' fill='%232a2a2e'%3E%3Cpath d='M115.3 1.6c-1.6-1.6-4.2-1.6-5.8 0l-51 51.1L7.4 1.6C5.8 0 3.2 0 1.6 1.6 0 3.2 0 5.8 1.6 7.4l53.9 53.9c.8.8 1.8 1.2 2.9 1.2 1 0 2.1-.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2.1-5.8z'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root{--background-body:#1a1a1e;--background:#141417;--background-alt:#1e1e22;--selection:#3a3a42;--text-main:#cbced5;--text-bright:#e7e8ec;--text-muted:#a0a6b2;--links:#b2a0a6;--focus:rgba(160,166,178,0.67);--border:#3a3d44;--code:#cbced5;--animation-duration:.1s;--button-base:#111114;--button-hover:#0a0a0d;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#000;--form-placeholder:#6e7179;--form-text:#e7e8ec;--variable:#a6b2a0;--highlight:#3a3d44;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='62.5' width='116.9' fill='%23cbced5'%3E%3Cpath d='M115.3 1.6c-1.6-1.6-4.2-1.6-5.8 0l-51 51.1L7.4 1.6C5.8 0 3.2 0 1.6 1.6 0 3.2 0 5.8 1.6 7.4l53.9 53.9c.8.8 1.8 1.2 2.9 1.2 1 0 2.1-.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2.1-5.8z'/%3E%3C/svg%3E")}}html{scrollbar-color:#b8b8bd #f5f5f7;scrollbar-color:var(--scrollbar-thumb) var(--background-body);scrollbar-width:thin}@media (prefers-color-scheme:dark){html{scrollbar-color:#0a0a0d #1a1a1e;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;word-wrap:break-word;color:#2a2a2e;color:var(--text-main);background:#f5f5f7;background:var(--background-body);text-rendering:optimizeLegibility}@media (prefers-color-scheme:dark){body{background:#1a1a1e;background:var(--background-body);color:#cbced5;color:var(--text-main)}}button{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}@media (prefers-color-scheme:dark){button{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}}input{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}@media (prefers-color-scheme:dark){input{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}}textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}@media (prefers-color-scheme:dark){textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px;margin-top:24px}h1{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h1{color:#e7e8ec;color:var(--text-bright)}}h2{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h2{color:#e7e8ec;color:var(--text-bright)}}h3{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h3{color:#e7e8ec;color:var(--text-bright)}}h4{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h4{color:#e7e8ec;color:var(--text-bright)}}h5{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h5{color:#e7e8ec;color:var(--text-bright)}}h6{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h6{color:#e7e8ec;color:var(--text-bright)}}strong{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){strong{color:#e7e8ec;color:var(--text-bright)}}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote{border-left:4px solid rgba(90,93,102,.67);border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}@media (prefers-color-scheme:dark){blockquote{border-left:4px solid rgba(160,166,178,.67);border-left:4px solid var(--focus)}}q{border-left:4px solid rgba(90,93,102,.67);border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}@media (prefers-color-scheme:dark){q{border-left:4px solid rgba(160,166,178,.67);border-left:4px solid var(--focus)}}blockquote>footer{font-style:normal;border:0}address,blockquote cite{font-style:normal}a[href^=mailto\:]:before{content:"📧 "}a[href^=tel\:]:before{content:"📞 "}a[href^=sms\:]:before{content:"💬 "}mark{background-color:#e0ddd8;background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){mark{color:#e7e8ec;color:var(--text-bright);background-color:#3a3d44;background-color:var(--highlight)}}a>code,a>strong{color:inherit}button,input[type=button],input[type=checkbox],input[type=radio],input[type=range],input[type=reset],input[type=submit],select{cursor:pointer}input,select{display:block}[type=checkbox],[type=radio]{display:initial}input{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme:dark){input{background-color:#141417;background-color:var(--background);color:#e7e8ec;color:var(--form-text)}}button{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme:dark){button{background-color:#141417;background-color:var(--background);color:#e7e8ec;color:var(--form-text)}}textarea{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme:dark){textarea{background-color:#141417;background-color:var(--background);color:#e7e8ec;color:var(--form-text)}}select{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme:dark){select{background-color:#141417;background-color:var(--background);color:#e7e8ec;color:var(--form-text)}}button{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme:dark){button{background-color:#111114;background-color:var(--button-base)}}input[type=submit]{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme:dark){input[type=submit]{background-color:#111114;background-color:var(--button-base)}}input[type=reset]{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme:dark){input[type=reset]{background-color:#111114;background-color:var(--button-base)}}input[type=button]{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme:dark){input[type=button]{background-color:#111114;background-color:var(--button-base)}}button:hover{background:#a8a8ae;background:var(--button-hover)}@media (prefers-color-scheme:dark){button:hover{background:#0a0a0d;background:var(--button-hover)}}input[type=submit]:hover{background:#a8a8ae;background:var(--button-hover)}@media (prefers-color-scheme:dark){input[type=submit]:hover{background:#0a0a0d;background:var(--button-hover)}}input[type=reset]:hover{background:#a8a8ae;background:var(--button-hover)}@media (prefers-color-scheme:dark){input[type=reset]:hover{background:#0a0a0d;background:var(--button-hover)}}input[type=button]:hover{background:#a8a8ae;background:var(--button-hover)}@media (prefers-color-scheme:dark){input[type=button]:hover{background:#0a0a0d;background:var(--button-hover)}}input[type=color]{min-height:2rem;padding:8px;cursor:pointer}input[type=checkbox],input[type=radio]{height:1em;width:1em}input[type=radio]{border-radius:100%}input{vertical-align:top}label{vertical-align:middle;margin-bottom:4px;display:inline-block}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{display:block;margin-right:0;box-sizing:border-box;resize:vertical}textarea:not([cols]){width:100%}textarea:not([rows]){min-height:40px;height:140px}select{background:#eaeaed url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='62.5' width='116.9' fill='%232a2a2e'%3E%3Cpath d='M115.3 1.6c-1.6-1.6-4.2-1.6-5.8 0l-51 51.1L7.4 1.6C5.8 0 3.2 0 1.6 1.6 0 3.2 0 5.8 1.6 7.4l53.9 53.9c.8.8 1.8 1.2 2.9 1.2 1 0 2.1-.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2.1-5.8z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}@media (prefers-color-scheme:dark){select{background:#141417 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='62.5' width='116.9' fill='%23cbced5'%3E%3Cpath d='M115.3 1.6c-1.6-1.6-4.2-1.6-5.8 0l-51 51.1L7.4 1.6C5.8 0 3.2 0 1.6 1.6 0 3.2 0 5.8 1.6 7.4l53.9 53.9c.8.8 1.8 1.2 2.9 1.2 1 0 2.1-.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2.1-5.8z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat}}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}input:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme:dark){input:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}}select:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme:dark){select:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}}button:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme:dark){button:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}}textarea:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme:dark){textarea:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=reset]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-moz-placeholder{color:#7a7d86;color:var(--form-placeholder)}:-ms-input-placeholder{color:#7a7d86;color:var(--form-placeholder)}::-ms-input-placeholder{color:#7a7d86;color:var(--form-placeholder)}::placeholder{color:#7a7d86;color:var(--form-placeholder)}@media (prefers-color-scheme:dark){::-moz-placeholder{color:#6e7179;color:var(--form-placeholder)}:-ms-input-placeholder{color:#6e7179;color:var(--form-placeholder)}::-ms-input-placeholder{color:#6e7179;color:var(--form-placeholder)}::placeholder{color:#6e7179;color:var(--form-placeholder)}}fieldset{border:1px solid rgba(90,93,102,.67);border:1px solid var(--focus);border-radius:6px;margin:0 0 12px;padding:10px}@media (prefers-color-scheme:dark){fieldset{border:1px solid rgba(160,166,178,.67);border:1px solid var(--focus)}}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;-webkit-transition:.2s;transition:.2s;background:#eaeaed;background:var(--background);border-radius:3px}@media (prefers-color-scheme:dark){input[type=range]::-webkit-slider-runnable-track{background:#141417;background:var(--background)}}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border);-webkit-appearance:none;margin-top:-7px}@media (prefers-color-scheme:dark){input[type=range]::-webkit-slider-thumb{background:#3a3d44;background:var(--border)}}input[type=range]:focus::-webkit-slider-runnable-track{background:#eaeaed;background:var(--background)}@media (prefers-color-scheme:dark){input[type=range]:focus::-webkit-slider-runnable-track{background:#141417;background:var(--background)}}input[type=range]::-moz-range-track{width:100%;height:9.5px;-moz-transition:.2s;transition:.2s;background:#eaeaed;background:var(--background);border-radius:3px}@media (prefers-color-scheme:dark){input[type=range]::-moz-range-track{background:#141417;background:var(--background)}}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border)}@media (prefers-color-scheme:dark){input[type=range]::-moz-range-thumb{background:#3a3d44;background:var(--border)}}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#eaeaed;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}@media (prefers-color-scheme:dark){input[type=range]::-ms-fill-lower{background:#141417;background:var(--background)}}input[type=range]::-ms-fill-upper{background:#eaeaed;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}@media (prefers-color-scheme:dark){input[type=range]::-ms-fill-upper{background:#141417;background:var(--background)}}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border)}@media (prefers-color-scheme:dark){input[type=range]::-ms-thumb{background:#3a3d44;background:var(--border)}}input[type=range]:focus::-ms-fill-lower{background:#eaeaed;background:var(--background)}@media (prefers-color-scheme:dark){input[type=range]:focus::-ms-fill-lower{background:#141417;background:var(--background)}}input[type=range]:focus::-ms-fill-upper{background:#eaeaed;background:var(--background)}@media (prefers-color-scheme:dark){input[type=range]:focus::-ms-fill-upper{background:#141417;background:var(--background)}}a{text-decoration:none;color:#6e5a62;color:var(--links)}@media (prefers-color-scheme:dark){a{color:#b2a0a6;color:var(--links)}}a:hover{text-decoration:underline}code{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}@media (prefers-color-scheme:dark){code{color:#cbced5;color:var(--code);background:#141417;background:var(--background)}}samp{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}@media (prefers-color-scheme:dark){samp{color:#cbced5;color:var(--code);background:#141417;background:var(--background)}}time{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}@media (prefers-color-scheme:dark){time{color:#cbced5;color:var(--code);background:#141417;background:var(--background)}}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#5a6654;color:var(--variable);font-style:normal;font-family:monospace}@media (prefers-color-scheme:dark){var{color:#a6b2a0;color:var(--variable)}}kbd{background:#eaeaed;background:var(--background);border:1px solid #c8c8cc;border:1px solid var(--border);border-radius:2px;color:#2a2a2e;color:var(--text-main);padding:2px 4px}@media (prefers-color-scheme:dark){kbd{color:#cbced5;color:var(--text-main);border:1px solid #3a3d44;border:1px solid var(--border);background:#141417;background:var(--background)}}img,video{max-width:100%;height:auto}hr{border:none;border-top:1px solid #c8c8cc;border-top:1px solid var(--border)}@media (prefers-color-scheme:dark){hr{border-top:1px solid #3a3d44;border-top:1px solid var(--border)}}table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed}table caption,td,th{text-align:left}td,th{padding:6px;vertical-align:top;word-wrap:break-word}thead{border-bottom:1px solid #c8c8cc;border-bottom:1px solid var(--border)}@media (prefers-color-scheme:dark){thead{border-bottom:1px solid #3a3d44;border-bottom:1px solid var(--border)}}tfoot{border-top:1px solid #c8c8cc;border-top:1px solid var(--border)}@media (prefers-color-scheme:dark){tfoot{border-top:1px solid #3a3d44;border-top:1px solid var(--border)}}tbody tr:nth-child(2n){background-color:#eaeaed;background-color:var(--background)}@media (prefers-color-scheme:dark){tbody tr:nth-child(2n){background-color:#141417;background-color:var(--background)}}tbody tr:nth-child(2n) button{background-color:#f0f0f3;background-color:var(--background-alt)}@media (prefers-color-scheme:dark){tbody tr:nth-child(2n) button{background-color:#1e1e22;background-color:var(--background-alt)}}tbody tr:nth-child(2n) button:hover{background-color:#f5f5f7;background-color:var(--background-body)}@media (prefers-color-scheme:dark){tbody tr:nth-child(2n) button:hover{background-color:#1a1a1e;background-color:var(--background-body)}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#eaeaed;background:var(--background);border-radius:6px}@media (prefers-color-scheme:dark){::-webkit-scrollbar-track{background:#141417;background:var(--background)}}::-webkit-scrollbar-thumb{background:#b8b8bd;background:var(--scrollbar-thumb);border-radius:6px}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background:#0a0a0d;background:var(--scrollbar-thumb)}}::-webkit-scrollbar-thumb:hover{background:#a8a8ae;background:var(--scrollbar-thumb-hover)}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb:hover{background:#000;background:var(--scrollbar-thumb-hover)}}::-moz-selection{background-color:#c8c8cc;background-color:var(--selection);color:#111114;color:var(--text-bright)}::selection{background-color:#c8c8cc;background-color:var(--selection);color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){::-moz-selection{color:#e7e8ec;color:var(--text-bright)}::selection{color:#e7e8ec;color:var(--text-bright)}}@media (prefers-color-scheme:dark){::-moz-selection{background-color:#3a3a42;background-color:var(--selection)}::selection{background-color:#3a3a42;background-color:var(--selection)}}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f0f0f3;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}@media (prefers-color-scheme:dark){details{background-color:#1e1e22;background-color:var(--background-alt)}}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#eaeaed;background-color:var(--background);padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}@media (prefers-color-scheme:dark){summary{background-color:#141417;background-color:var(--background)}}summary:focus,summary:hover{text-decoration:underline}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#2a2a2e;color:var(--text-main)}@media (prefers-color-scheme:dark){summary::-webkit-details-marker{color:#cbced5;color:var(--text-main)}}dialog{background-color:#f0f0f3;background-color:var(--background-alt);color:#2a2a2e;color:var(--text-main);border-radius:6px;border:#c8c8cc;border-color:var(--border);padding:10px 30px}@media (prefers-color-scheme:dark){dialog{border-color:#3a3d44;border-color:var(--border);color:#cbced5;color:var(--text-main);background-color:#1e1e22;background-color:var(--background-alt)}}dialog>header:first-child{background-color:#eaeaed;background-color:var(--background);border-radius:6px 6px 0 0;margin:-10px -30px 10px;padding:10px;text-align:center}@media (prefers-color-scheme:dark){dialog>header:first-child{background-color:#141417;background-color:var(--background)}}dialog::-webkit-backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog::backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}footer{border-top:1px solid #c8c8cc;border-top:1px solid var(--border);padding-top:10px;color:#5a5d66;color:var(--text-muted)}@media (prefers-color-scheme:dark){footer{color:#a0a6b2;color:var(--text-muted);border-top:1px solid #3a3d44;border-top:1px solid var(--border)}}body>footer{margin-top:40px}@media print{body,button,code,details,input,pre,summary,textarea{background-color:#fff}button,input,textarea{border:1px solid #000}body,button,code,footer,h1,h2,h3,h4,h5,h6,input,pre,strong,summary,textarea{color:#000}summary::marker{color:#000}summary::-webkit-details-marker{color:#000}tbody tr:nth-child(2n){background-color:#f2f2f2}a{color:#2a2a2e;text-decoration:underline}}
+/*# sourceMappingURL=style.css.map */
diff --git a/out/docs/style.css.map b/out/docs/style.css.map
new file mode 100644
index 0000000..05ebdcb
--- /dev/null
+++ b/out/docs/style.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["style.css"],"names":[],"mappings":"AAAA,MAAM,yBAAyB,CAAC,oBAAoB,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,eAAe,CAAC,4BAAiB,CAAC,gBAAgB,CAAC,cAAc,CAAC,wBAAwB,CAAC,qBAAqB,CAAC,sBAAsB,CAAC,yBAAkC,CAAC,2CAA2C,CAAC,0BAA0B,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,uVAAwe,CAAC,mCAAmC,MAAM,yBAAyB,CAAC,oBAAoB,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,eAAe,CAAC,8BAAiB,CAAC,gBAAgB,CAAC,cAAc,CAAC,wBAAwB,CAAC,qBAAqB,CAAC,sBAAsB,CAAC,qCAAqC,CAAC,4BAAkC,CAAC,0BAA0B,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,uVAAwe,CAAC,CAAC,KAAK,+BAAwC,CAAC,6DAA6D,CAAC,oBAAqB,CAAoqB,mCAAmC,KAAK,+BAA+B,CAAC,6DAA6D,CAAC,CAAC,KAAK,+LAAqN,CAAC,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,cAAc,CAAC,oBAAoB,CAAC,aAAa,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,iCAAkC,CAAC,mCAAmC,KAAK,kBAAkB,CAAC,iCAAgC,CAA2C,aAAa,CAAC,sBAAxD,CAAC,CAA+E,OAAO,wHAAwH,CAAC,sOAAuO,CAAC,mCAAmC,OAAO,wHAAwH,CAAC,sOAAsO,CAAC,CAAC,MAAM,wHAAwH,CAAC,sOAAuO,CAAC,mCAAmC,MAAM,wHAAwH,CAAC,sOAAsO,CAAC,CAAC,SAAS,wHAAwH,CAAC,sOAAuO,CAAC,mCAAmC,SAAS,wHAAwH,CAAC,sOAAsO,CAAC,CAAC,GAAG,eAAe,CAAC,YAAa,CAAC,kBAAkB,kBAAkB,CAAC,eAAgB,CAAC,GAAG,aAAa,CAAC,wBAAyB,CAAC,mCAAmC,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAAC,GAAG,aAAa,CAAC,wBAAyB,CAAC,mCAAmC,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAAC,GAAG,aAAa,CAAC,wBAAyB,CAAC,mCAAmC,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAAC,GAAG,aAAa,CAAC,wBAAyB,CAAC,mCAAmC,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAAC,GAAG,aAAa,CAAC,wBAAyB,CAAC,mCAAmC,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAAC,GAAG,aAAa,CAAC,wBAAyB,CAAC,mCAAmC,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAAC,OAAO,aAAa,CAAC,wBAAyB,CAAC,mCAAmC,OAAO,aAAa,CAAC,wBAAwB,CAAC,CAAC,8BAA8B,eAAgB,CAAyB,iBAAS,YAAa,CAAC,WAAW,yCAA+B,CAAC,kCAAkC,CAAC,cAAc,CAAC,gBAAgB,CAAC,iBAAkB,CAAC,mCAAmC,WAAW,2CAA+B,CAAC,kCAAkC,CAAC,CAAC,EAAE,yCAA+B,CAAC,kCAAkC,CAAC,cAAc,CAAC,gBAAgB,CAAC,iBAAkB,CAAC,mCAAmC,EAAE,2CAA+B,CAAC,kCAAkC,CAAC,CAAC,kBAAkB,iBAAiB,CAAC,QAAS,CAAoC,wBAAQ,iBAAkB,CAAC,yBAA4B,aAAc,CAAC,sBAAyB,aAAc,CAAC,sBAAyB,aAAc,CAAC,KAAK,wBAAwB,CAAC,iCAAiC,CAAC,iBAAiB,CAAC,aAAmB,CAAC,aAAa,CAAC,wBAAyB,CAAC,mCAAmC,KAAK,aAAa,CAAC,wBAAuB,CAA2C,wBAAwB,CAAC,iCAAnE,CAAC,CAAqG,gBAAgB,aAAc,CAAC,+HAA2I,cAAe,CAAC,aAAa,aAAc,CAAC,6BAAiC,eAAgB,CAAC,MAAM,aAAa,CAAC,sBAAsB,CAAC,wBAAwB,CAAC,kCAAkC,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,YAAY,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAa,CAAC,mCAAmC,MAAM,wBAAwB,CAAC,kCAAiC,CAA4C,aAAa,CAAC,sBAAzD,CAAC,CAAgF,OAAO,aAAa,CAAC,sBAAsB,CAAC,wBAAwB,CAAC,kCAAkC,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,YAAY,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAa,CAAC,mCAAmC,OAAO,wBAAwB,CAAC,kCAAiC,CAA6C,aAAa,CAAC,sBAA1D,CAAC,CAAiF,SAAS,aAAa,CAAC,sBAAsB,CAAC,wBAAwB,CAAC,kCAAkC,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,YAAY,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAa,CAAC,mCAAmC,SAAS,wBAAwB,CAAC,kCAAiC,CAA+C,aAAa,CAAC,sBAA5D,CAAC,CAAmF,OAAO,aAAa,CAAC,sBAAsB,CAAC,wBAAwB,CAAC,kCAAkC,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,YAAY,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAa,CAAC,mCAAmC,OAAO,wBAAwB,CAAC,kCAAiC,CAA6C,aAAa,CAAC,sBAA1D,CAAC,CAAiF,OAAO,wBAAwB,CAAC,mCAAmC,CAAC,kBAAkB,CAAC,iBAAkB,CAAC,mCAAmC,OAAO,wBAAwB,CAAC,mCAAmC,CAAC,CAAC,mBAAqB,wBAAwB,CAAC,mCAAmC,CAAC,kBAAkB,CAAC,iBAAkB,CAAC,mCAAmC,mBAAqB,wBAAwB,CAAC,mCAAmC,CAAC,CAAC,kBAAoB,wBAAwB,CAAC,mCAAmC,CAAC,kBAAkB,CAAC,iBAAkB,CAAC,mCAAmC,kBAAoB,wBAAwB,CAAC,mCAAmC,CAAC,CAAC,mBAAqB,wBAAwB,CAAC,mCAAmC,CAAC,kBAAkB,CAAC,iBAAkB,CAAC,mCAAmC,mBAAqB,wBAAwB,CAAC,mCAAmC,CAAC,CAAC,aAAa,kBAAkB,CAAC,8BAA+B,CAAC,mCAAmC,aAAa,kBAAkB,CAAC,8BAA8B,CAAC,CAAC,yBAA2B,kBAAkB,CAAC,8BAA+B,CAAC,mCAAmC,yBAA2B,kBAAkB,CAAC,8BAA8B,CAAC,CAAC,wBAA0B,kBAAkB,CAAC,8BAA+B,CAAC,mCAAmC,wBAA0B,kBAAkB,CAAC,8BAA8B,CAAC,CAAC,yBAA2B,kBAAkB,CAAC,8BAA+B,CAAC,mCAAmC,yBAA2B,kBAAkB,CAAC,8BAA8B,CAAC,CAAC,kBAAoB,eAAe,CAAC,WAAW,CAAC,cAAe,CAAC,uCAA2C,UAAU,CAAC,SAAU,CAAC,kBAAoB,kBAAmB,CAAC,MAAM,kBAAmB,CAAC,MAAM,qBAAqB,CAAC,iBAAiB,CAAC,oBAAqB,CAAC,sFAA4F,uBAAwB,CAAC,SAAS,aAAa,CAAC,cAAc,CAAC,qBAAqB,CAAC,eAAgB,CAAC,qBAAqB,UAAW,CAAC,qBAAqB,eAAe,CAAC,YAAa,CAAC,OAAO,gYAAkhB,CAAC,qFAAuF,CAAC,kBAAmB,CAAm8D,mCAAmC,OAAO,gYAAkhB,CAAC,qFAAuF,CAAC,CAAC,mBAAmB,YAAa,CAAC,iBAAiB,kBAAkB,CAAC,qBAAqB,CAAC,eAAgB,CAAC,YAAY,wCAA8B,CAAC,iCAAkC,CAAC,mCAAmC,YAAY,0CAA8B,CAAC,iCAAiC,CAAC,CAAC,aAAa,wCAA8B,CAAC,iCAAkC,CAAC,mCAAmC,aAAa,0CAA8B,CAAC,iCAAiC,CAAC,CAAC,aAAa,wCAA8B,CAAC,iCAAkC,CAAC,mCAAmC,aAAa,0CAA8B,CAAC,iCAAiC,CAAC,CAAC,eAAe,wCAA8B,CAAC,iCAAkC,CAAC,mCAAmC,eAAe,0CAA8B,CAAC,iCAAiC,CAAC,CAAC,yKAAqL,yBAA0B,CAAC,iEAAiE,kBAAkB,CAAC,UAAW,CAAC,mBAAmB,aAAa,CAAC,6BAA8B,CAAC,uBAAuB,aAAa,CAAC,6BAA8B,CAAC,wBAAwB,aAAa,CAAC,6BAA8B,CAAC,cAAc,aAAa,CAAC,6BAA8B,CAAC,mCAAmC,mBAAmB,aAAa,CAAC,6BAA6B,CAAC,uBAAuB,aAAa,CAAC,6BAA6B,CAAC,wBAAwB,aAAa,CAAC,6BAA6B,CAAC,cAAc,aAAa,CAAC,6BAA6B,CAAC,CAAC,SAAS,oCAA0B,CAAC,6BAA6B,CAAC,iBAAiB,CAAU,eAAkB,CAAC,YAAa,CAAC,mCAAmC,SAAS,sCAA0B,CAAC,6BAA6B,CAAC,CAAC,OAAO,cAAc,CAAC,eAAgB,CAAC,kBAAoB,aAAa,CAAC,cAAc,CAAC,sBAAuB,CAAC,wBAA0B,YAAa,CAAC,iDAAmD,UAAU,CAAC,YAAY,CAAwB,sBAAc,CAAd,cAAc,CAAC,kBAAkB,CAAC,4BAA4B,CAAC,iBAAkB,CAAC,mCAAmC,iDAAmD,kBAAkB,CAAC,4BAA4B,CAAC,CAAC,wCAA0C,yCAAyC,CAAC,WAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,uBAAuB,CAAC,eAAgB,CAAC,mCAAmC,wCAA0C,kBAAkB,CAAC,wBAAwB,CAAC,CAAC,uDAAyD,kBAAkB,CAAC,4BAA6B,CAAC,mCAAmC,uDAAyD,kBAAkB,CAAC,4BAA4B,CAAC,CAAC,oCAAsC,UAAU,CAAC,YAAY,CAAqB,mBAAc,CAAd,cAAc,CAAC,kBAAkB,CAAC,4BAA4B,CAAC,iBAAkB,CAAC,mCAAmC,oCAAsC,kBAAkB,CAAC,4BAA4B,CAAC,CAAC,oCAAsC,2CAA2C,CAAC,WAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,wBAAyB,CAAC,mCAAmC,oCAAsC,kBAAkB,CAAC,wBAAwB,CAAC,CAAC,6BAA+B,UAAU,CAAC,YAAY,CAAC,sBAAsB,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,iBAAkB,CAAC,kCAAoC,kBAAkB,CAAC,4BAA4B,CAAC,yBAAyB,CAAC,iBAAiB,CAAC,2CAA4C,CAAC,mCAAmC,kCAAoC,kBAAkB,CAAC,4BAA4B,CAAC,CAAC,kCAAoC,kBAAkB,CAAC,4BAA4B,CAAC,yBAAyB,CAAC,iBAAiB,CAAC,2CAA4C,CAAC,mCAAmC,kCAAoC,kBAAkB,CAAC,4BAA4B,CAAC,CAAC,6BAA+B,2CAA2C,CAAC,qBAAqB,CAAC,WAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,wBAAyB,CAAC,mCAAmC,6BAA+B,kBAAkB,CAAC,wBAAwB,CAAC,CAAC,wCAA0C,kBAAkB,CAAC,4BAA6B,CAAC,mCAAmC,wCAA0C,kBAAkB,CAAC,4BAA4B,CAAC,CAAC,wCAA0C,kBAAkB,CAAC,4BAA6B,CAAC,mCAAmC,wCAA0C,kBAAkB,CAAC,4BAA4B,CAAC,CAAC,EAAE,oBAAoB,CAAC,aAAa,CAAC,kBAAmB,CAAC,mCAAmC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC,QAAQ,yBAA0B,CAAC,KAAK,kBAAkB,CAAC,4BAA4B,CAAC,aAAa,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,aAAc,CAAC,mCAAmC,KAAK,aAAa,CAAC,iBAAgB,CAA2C,kBAAkB,CAAC,4BAA7D,CAAC,CAA0F,KAAK,kBAAkB,CAAC,4BAA4B,CAAC,aAAa,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,aAAc,CAAC,mCAAmC,KAAK,aAAa,CAAC,iBAAgB,CAA2C,kBAAkB,CAAC,4BAA7D,CAAC,CAA0F,KAAK,kBAAkB,CAAC,4BAA4B,CAAC,aAAa,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,aAAc,CAAC,mCAAmC,KAAK,aAAa,CAAC,iBAAgB,CAA2C,kBAAkB,CAAC,4BAA7D,CAAC,CAA0F,SAAS,YAAY,CAAC,aAAa,CAAC,eAAgB,CAAC,IAAI,aAAa,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,qBAAsB,CAAC,mCAAmC,IAAI,aAAa,CAAC,qBAAqB,CAAC,CAAC,IAAI,kBAAkB,CAAC,4BAA4B,CAAC,wBAAwB,CAAC,8BAA8B,CAAC,iBAAiB,CAAC,aAAa,CAAC,sBAAsB,CAAC,eAAwB,CAAC,mCAAmC,IAAI,aAAa,CAAC,sBAAqB,CAA0C,wBAAwB,CAAC,8BAA6B,CAA0C,kBAAkB,CAAC,4BAA5J,CAAC,CAAyL,UAAU,cAAc,CAAC,WAAY,CAAC,GAAe,WAA4B,CAA5B,4BAA4B,CAAC,kCAAmC,CAAC,mCAAmC,GAAG,4BAA4B,CAAC,kCAAkC,CAAC,CAAC,MAAM,wBAAwB,CAAC,kBAAkB,CAAC,UAAU,CAAC,kBAAmB,CAAgC,oBAAjB,eAA2F,CAA1E,MAAM,WAAW,CAAiB,kBAAkB,CAAC,oBAAqB,CAAC,MAAM,+BAA+B,CAAC,qCAAsC,CAAC,mCAAmC,MAAM,+BAA+B,CAAC,qCAAqC,CAAC,CAAC,MAAM,4BAA4B,CAAC,kCAAmC,CAAC,mCAAmC,MAAM,4BAA4B,CAAC,kCAAkC,CAAC,CAAC,uBAAyB,wBAAwB,CAAC,kCAAmC,CAAC,mCAAmC,uBAAyB,wBAAwB,CAAC,kCAAkC,CAAC,CAAC,8BAAgC,wBAAwB,CAAC,sCAAuC,CAAC,mCAAmC,8BAAgC,wBAAwB,CAAC,sCAAsC,CAAC,CAAC,oCAAsC,wBAAwB,CAAC,uCAAwC,CAAC,mCAAmC,oCAAsC,wBAAwB,CAAC,uCAAuC,CAAC,CAAC,oBAAoB,WAAW,CAAC,UAAW,CAAC,0BAA0B,kBAAkB,CAAC,4BAA4B,CAAC,iBAAkB,CAAC,mCAAmC,0BAA0B,kBAAkB,CAAC,4BAA4B,CAAC,CAAC,0BAA0B,kBAA2B,CAAC,iCAAiC,CAAC,iBAAkB,CAAoH,mCAAmC,0BAA0B,kBAAkB,CAAC,iCAAiC,CAAC,CAAC,gCAAgC,kBAAkB,CAAC,uCAAwC,CAAmI,mCAAmC,gCAAgC,eAAqB,CAAC,uCAAuC,CAAC,CAAC,iBAAiB,wBAAwB,CAAC,iCAAiC,CAAC,aAAa,CAAC,wBAAyB,CAAC,YAAY,wBAAwB,CAAC,iCAAiC,CAAC,aAAa,CAAC,wBAAyB,CAAC,mCAAmC,iBAAiB,aAAa,CAAC,wBAAwB,CAAC,YAAY,aAAa,CAAC,wBAAwB,CAAC,CAAC,mCAAmC,iBAAiB,wBAAwB,CAAC,iCAAiC,CAAC,YAAY,wBAAwB,CAAC,iCAAiC,CAAC,CAAC,QAAQ,YAAY,CAAC,qBAAqB,CAAC,sBAAsB,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,mBAAmB,CAAC,YAAY,CAAC,iBAAiB,CAAC,eAAgB,CAAC,mCAAmC,QAAQ,wBAAwB,CAAC,sCAAsC,CAAC,CAAC,cAAc,YAAa,CAAC,oBAAoB,eAAgB,CAAC,sBAAsB,kBAAmB,CAAC,QAAQ,iBAAiB,CAAC,wBAAwB,CAAC,kCAAkC,CAAC,YAAY,CAAC,oBAAoB,CAAC,cAAc,CAAC,YAAa,CAAC,mCAAmC,QAAQ,wBAAwB,CAAC,kCAAkC,CAAC,CAAC,4BAA4B,yBAA0B,CAAC,sBAAsB,YAAa,CAAC,gCAAgC,aAAa,CAAC,sBAAuB,CAAC,mCAAmC,gCAAgC,aAAa,CAAC,sBAAsB,CAAC,CAAC,OAAO,wBAAwB,CAAC,sCAAsC,CAAC,aAAa,CAAC,sBAAsB,CAAa,iBAAiB,CAAsB,cAA0B,CAA1B,0BAA0B,CAAC,iBAAkB,CAAC,mCAAmC,OAAO,oBAAoB,CAAC,0BAAyB,CAA6C,aAAa,CAAC,sBAAqB,CAA6C,wBAAwB,CAAC,sCAArJ,CAAC,CAA4L,0BAA0B,wBAAwB,CAAC,kCAAkC,CAAC,yBAAyB,CAAC,uBAAuB,CAAC,YAAY,CAAC,iBAAkB,CAAC,mCAAmC,0BAA0B,wBAAwB,CAAC,kCAAkC,CAAC,CAAC,yBAAyB,0BAAoB,CAAC,iCAAiC,CAAC,yBAA0B,CAAC,iBAAiB,0BAAoB,CAAC,iCAAiC,CAAC,yBAA0B,CAAC,OAAO,4BAA4B,CAAC,kCAAkC,CAAC,gBAAgB,CAAC,aAAa,CAAC,uBAAwB,CAAC,mCAAmC,OAAO,aAAa,CAAC,uBAAsB,CAA6C,4BAA4B,CAAC,kCAAzE,CAAC,CAA4G,YAAY,eAAgB,CAAC,aAAa,oDAAoD,qBAAqB,CAAC,sBAAsB,qBAAqB,CAAC,4EAA4E,UAAU,CAAC,gBAAgB,UAAU,CAAC,gCAAgC,UAAU,CAAC,uBAAyB,wBAAwB,CAAC,EAAE,aAAa,CAAC,yBAAyB,CAAC","file":"style.css","sourcesContent":[":root{--background-body:#f5f5f7;--background:#eaeaed;--background-alt:#f0f0f3;--selection:#c8c8cc;--text-main:#2a2a2e;--text-bright:#111114;--text-muted:#5a5d66;--links:#6e5a62;--focus:#5a5d66ab;--border:#c8c8cc;--code:#2a2a2e;--animation-duration:.1s;--button-base:#d4d4d8;--button-hover:#a8a8ae;--scrollbar-thumb:rgb(184,184,189);--scrollbar-thumb-hover:var(--button-hover);--form-placeholder:#7a7d86;--form-text:#1a1a1e;--variable:#5a6654;--highlight:#e0ddd8;--select-arrow:url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%232a2a2e'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E\");}@media (prefers-color-scheme:dark){:root{--background-body:#1a1a1e;--background:#141417;--background-alt:#1e1e22;--selection:#3a3a42;--text-main:#cbced5;--text-bright:#e7e8ec;--text-muted:#a0a6b2;--links:#b2a0a6;--focus:#a0a6b2ab;--border:#3a3d44;--code:#cbced5;--animation-duration:.1s;--button-base:#111114;--button-hover:#0a0a0d;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:rgb(0,0,0);--form-placeholder:#6e7179;--form-text:#e7e8ec;--variable:#a6b2a0;--highlight:#3a3d44;--select-arrow:url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23cbced5'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E\");}}html{scrollbar-color:rgb(184,184,189) #f5f5f7;scrollbar-color:var(--scrollbar-thumb) var(--background-body);scrollbar-width:thin;}@media (prefers-color-scheme:dark){html{scrollbar-color:#0a0a0d #1a1a1e;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}@media (prefers-color-scheme:dark){html{scrollbar-color:#0a0a0d #1a1a1e;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}@media (prefers-color-scheme:dark){html{scrollbar-color:#0a0a0d #1a1a1e;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}@media (prefers-color-scheme:dark){html{scrollbar-color:#0a0a0d #1a1a1e;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}@media (prefers-color-scheme:dark){html{scrollbar-color:#0a0a0d #1a1a1e;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}@media (prefers-color-scheme:dark){html{scrollbar-color:#0a0a0d #1a1a1e;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue','Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;word-wrap:break-word;color:#2a2a2e;color:var(--text-main);background:#f5f5f7;background:var(--background-body);text-rendering:optimizeLegibility;}@media (prefers-color-scheme:dark){body{background:#1a1a1e;background:var(--background-body)}}@media (prefers-color-scheme:dark){body{color:#cbced5;color:var(--text-main)}}button{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease;}@media (prefers-color-scheme:dark){button{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}}input{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease;}@media (prefers-color-scheme:dark){input{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}}textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease;}@media (prefers-color-scheme:dark){textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}}h1{font-size:2.2em;margin-top:0;}h1,h2,h3,h4,h5,h6{margin-bottom:12px;margin-top:24px;}h1{color:#111114;color:var(--text-bright);}@media (prefers-color-scheme:dark){h1{color:#e7e8ec;color:var(--text-bright)}}h2{color:#111114;color:var(--text-bright);}@media (prefers-color-scheme:dark){h2{color:#e7e8ec;color:var(--text-bright)}}h3{color:#111114;color:var(--text-bright);}@media (prefers-color-scheme:dark){h3{color:#e7e8ec;color:var(--text-bright)}}h4{color:#111114;color:var(--text-bright);}@media (prefers-color-scheme:dark){h4{color:#e7e8ec;color:var(--text-bright)}}h5{color:#111114;color:var(--text-bright);}@media (prefers-color-scheme:dark){h5{color:#e7e8ec;color:var(--text-bright)}}h6{color:#111114;color:var(--text-bright);}@media (prefers-color-scheme:dark){h6{color:#e7e8ec;color:var(--text-bright)}}strong{color:#111114;color:var(--text-bright);}@media (prefers-color-scheme:dark){strong{color:#e7e8ec;color:var(--text-bright)}}h1,h2,h3,h4,h5,h6,b,strong,th{font-weight:600;}q::before{content:none;}q::after{content:none;}blockquote{border-left:4px solid #5a5d66ab;border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic;}@media (prefers-color-scheme:dark){blockquote{border-left:4px solid #a0a6b2ab;border-left:4px solid var(--focus)}}q{border-left:4px solid #5a5d66ab;border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic;}@media (prefers-color-scheme:dark){q{border-left:4px solid #a0a6b2ab;border-left:4px solid var(--focus)}}blockquote>footer{font-style:normal;border:0;}blockquote cite{font-style:normal;}address{font-style:normal;}a[href^='mailto\\:']::before{content:'📧 ';}a[href^='tel\\:']::before{content:'📞 ';}a[href^='sms\\:']::before{content:'💬 ';}mark{background-color:#e0ddd8;background-color:var(--highlight);border-radius:2px;padding:0 2px 0 2px;color:#111114;color:var(--text-bright);}@media (prefers-color-scheme:dark){mark{color:#e7e8ec;color:var(--text-bright)}}@media (prefers-color-scheme:dark){mark{background-color:#3a3d44;background-color:var(--highlight)}}a>code,a>strong{color:inherit;}button,select,input[type='submit'],input[type='reset'],input[type='button'],input[type='checkbox'],input[type='range'],input[type='radio']{cursor:pointer;}input,select{display:block;}[type='checkbox'],[type='radio']{display:initial;}input{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none;}@media (prefers-color-scheme:dark){input{background-color:#141417;background-color:var(--background)}}@media (prefers-color-scheme:dark){input{color:#e7e8ec;color:var(--form-text)}}button{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none;}@media (prefers-color-scheme:dark){button{background-color:#141417;background-color:var(--background)}}@media (prefers-color-scheme:dark){button{color:#e7e8ec;color:var(--form-text)}}textarea{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none;}@media (prefers-color-scheme:dark){textarea{background-color:#141417;background-color:var(--background)}}@media (prefers-color-scheme:dark){textarea{color:#e7e8ec;color:var(--form-text)}}select{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none;}@media (prefers-color-scheme:dark){select{background-color:#141417;background-color:var(--background)}}@media (prefers-color-scheme:dark){select{color:#e7e8ec;color:var(--form-text)}}button{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px;}@media (prefers-color-scheme:dark){button{background-color:#111114;background-color:var(--button-base)}}input[type='submit']{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px;}@media (prefers-color-scheme:dark){input[type='submit']{background-color:#111114;background-color:var(--button-base)}}input[type='reset']{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px;}@media (prefers-color-scheme:dark){input[type='reset']{background-color:#111114;background-color:var(--button-base)}}input[type='button']{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px;}@media (prefers-color-scheme:dark){input[type='button']{background-color:#111114;background-color:var(--button-base)}}button:hover{background:#a8a8ae;background:var(--button-hover);}@media (prefers-color-scheme:dark){button:hover{background:#0a0a0d;background:var(--button-hover)}}input[type='submit']:hover{background:#a8a8ae;background:var(--button-hover);}@media (prefers-color-scheme:dark){input[type='submit']:hover{background:#0a0a0d;background:var(--button-hover)}}input[type='reset']:hover{background:#a8a8ae;background:var(--button-hover);}@media (prefers-color-scheme:dark){input[type='reset']:hover{background:#0a0a0d;background:var(--button-hover)}}input[type='button']:hover{background:#a8a8ae;background:var(--button-hover);}@media (prefers-color-scheme:dark){input[type='button']:hover{background:#0a0a0d;background:var(--button-hover)}}input[type='color']{min-height:2rem;padding:8px;cursor:pointer;}input[type='checkbox'],input[type='radio']{height:1em;width:1em;}input[type='radio']{border-radius:100%;}input{vertical-align:top;}label{vertical-align:middle;margin-bottom:4px;display:inline-block;}input:not([type='checkbox']):not([type='radio']),input[type='range'],select,button,textarea{-webkit-appearance:none;}textarea{display:block;margin-right:0;box-sizing:border-box;resize:vertical;}textarea:not([cols]){width:100%;}textarea:not([rows]){min-height:40px;height:140px;}select{background:#eaeaed url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%232a2a2e'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E\") calc(100% - 12px) 50% / 12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;padding-right:35px;}@media (prefers-color-scheme:dark){select{background:#141417 url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23cbced5'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E\") calc(100% - 12px) 50% / 12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat}}@media (prefers-color-scheme:dark){select{background:#141417 url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23cbced5'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E\") calc(100% - 12px) 50% / 12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat}}@media (prefers-color-scheme:dark){select{background:#141417 url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23cbced5'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E\") calc(100% - 12px) 50% / 12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat}}@media (prefers-color-scheme:dark){select{background:#141417 url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23cbced5'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E\") calc(100% - 12px) 50% / 12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat}}select::-ms-expand{display:none;}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto;}input:focus{box-shadow:0 0 0 2px #5a5d66ab;box-shadow:0 0 0 2px var(--focus);}@media (prefers-color-scheme:dark){input:focus{box-shadow:0 0 0 2px #a0a6b2ab;box-shadow:0 0 0 2px var(--focus)}}select:focus{box-shadow:0 0 0 2px #5a5d66ab;box-shadow:0 0 0 2px var(--focus);}@media (prefers-color-scheme:dark){select:focus{box-shadow:0 0 0 2px #a0a6b2ab;box-shadow:0 0 0 2px var(--focus)}}button:focus{box-shadow:0 0 0 2px #5a5d66ab;box-shadow:0 0 0 2px var(--focus);}@media (prefers-color-scheme:dark){button:focus{box-shadow:0 0 0 2px #a0a6b2ab;box-shadow:0 0 0 2px var(--focus)}}textarea:focus{box-shadow:0 0 0 2px #5a5d66ab;box-shadow:0 0 0 2px var(--focus);}@media (prefers-color-scheme:dark){textarea:focus{box-shadow:0 0 0 2px #a0a6b2ab;box-shadow:0 0 0 2px var(--focus)}}input[type='checkbox']:active,input[type='radio']:active,input[type='submit']:active,input[type='reset']:active,input[type='button']:active,input[type='range']:active,button:active{transform:translateY(2px);}input:disabled,select:disabled,button:disabled,textarea:disabled{cursor:not-allowed;opacity:.5;}::-moz-placeholder{color:#7a7d86;color:var(--form-placeholder);}:-ms-input-placeholder{color:#7a7d86;color:var(--form-placeholder);}::-ms-input-placeholder{color:#7a7d86;color:var(--form-placeholder);}::placeholder{color:#7a7d86;color:var(--form-placeholder);}@media (prefers-color-scheme:dark){::-moz-placeholder{color:#6e7179;color:var(--form-placeholder)}:-ms-input-placeholder{color:#6e7179;color:var(--form-placeholder)}::-ms-input-placeholder{color:#6e7179;color:var(--form-placeholder)}::placeholder{color:#6e7179;color:var(--form-placeholder)}}fieldset{border:1px #5a5d66ab solid;border:1px var(--focus) solid;border-radius:6px;margin:0;margin-bottom:12px;padding:10px;}@media (prefers-color-scheme:dark){fieldset{border:1px #a0a6b2ab solid;border:1px var(--focus) solid}}legend{font-size:.9em;font-weight:600;}input[type='range']{margin:10px 0;padding:10px 0;background:transparent;}input[type='range']:focus{outline:none;}input[type='range']::-webkit-slider-runnable-track{width:100%;height:9.5px;-webkit-transition:.2s;transition:.2s;background:#eaeaed;background:var(--background);border-radius:3px;}@media (prefers-color-scheme:dark){input[type='range']::-webkit-slider-runnable-track{background:#141417;background:var(--background)}}input[type='range']::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border);-webkit-appearance:none;margin-top:-7px;}@media (prefers-color-scheme:dark){input[type='range']::-webkit-slider-thumb{background:#3a3d44;background:var(--border)}}input[type='range']:focus::-webkit-slider-runnable-track{background:#eaeaed;background:var(--background);}@media (prefers-color-scheme:dark){input[type='range']:focus::-webkit-slider-runnable-track{background:#141417;background:var(--background)}}input[type='range']::-moz-range-track{width:100%;height:9.5px;-moz-transition:.2s;transition:.2s;background:#eaeaed;background:var(--background);border-radius:3px;}@media (prefers-color-scheme:dark){input[type='range']::-moz-range-track{background:#141417;background:var(--background)}}input[type='range']::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border);}@media (prefers-color-scheme:dark){input[type='range']::-moz-range-thumb{background:#3a3d44;background:var(--border)}}input[type='range']::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent;}input[type='range']::-ms-fill-lower{background:#eaeaed;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;}@media (prefers-color-scheme:dark){input[type='range']::-ms-fill-lower{background:#141417;background:var(--background)}}input[type='range']::-ms-fill-upper{background:#eaeaed;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;}@media (prefers-color-scheme:dark){input[type='range']::-ms-fill-upper{background:#141417;background:var(--background)}}input[type='range']::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border);}@media (prefers-color-scheme:dark){input[type='range']::-ms-thumb{background:#3a3d44;background:var(--border)}}input[type='range']:focus::-ms-fill-lower{background:#eaeaed;background:var(--background);}@media (prefers-color-scheme:dark){input[type='range']:focus::-ms-fill-lower{background:#141417;background:var(--background)}}input[type='range']:focus::-ms-fill-upper{background:#eaeaed;background:var(--background);}@media (prefers-color-scheme:dark){input[type='range']:focus::-ms-fill-upper{background:#141417;background:var(--background)}}a{text-decoration:none;color:#6e5a62;color:var(--links);}@media (prefers-color-scheme:dark){a{color:#b2a0a6;color:var(--links)}}a:hover{text-decoration:underline;}code{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em;}@media (prefers-color-scheme:dark){code{color:#cbced5;color:var(--code)}}@media (prefers-color-scheme:dark){code{background:#141417;background:var(--background)}}samp{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em;}@media (prefers-color-scheme:dark){samp{color:#cbced5;color:var(--code)}}@media (prefers-color-scheme:dark){samp{background:#141417;background:var(--background)}}time{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em;}@media (prefers-color-scheme:dark){time{color:#cbced5;color:var(--code)}}@media (prefers-color-scheme:dark){time{background:#141417;background:var(--background)}}pre>code{padding:10px;display:block;overflow-x:auto;}var{color:#5a6654;color:var(--variable);font-style:normal;font-family:monospace;}@media (prefers-color-scheme:dark){var{color:#a6b2a0;color:var(--variable)}}kbd{background:#eaeaed;background:var(--background);border:1px solid #c8c8cc;border:1px solid var(--border);border-radius:2px;color:#2a2a2e;color:var(--text-main);padding:2px 4px 2px 4px;}@media (prefers-color-scheme:dark){kbd{color:#cbced5;color:var(--text-main)}}@media (prefers-color-scheme:dark){kbd{border:1px solid #3a3d44;border:1px solid var(--border)}}@media (prefers-color-scheme:dark){kbd{background:#141417;background:var(--background)}}img,video{max-width:100%;height:auto;}hr{border:none;border-top:1px solid #c8c8cc;border-top:1px solid var(--border);}@media (prefers-color-scheme:dark){hr{border-top:1px solid #3a3d44;border-top:1px solid var(--border)}}table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed;}table caption{text-align:left;}td,th{padding:6px;text-align:left;vertical-align:top;word-wrap:break-word;}thead{border-bottom:1px solid #c8c8cc;border-bottom:1px solid var(--border);}@media (prefers-color-scheme:dark){thead{border-bottom:1px solid #3a3d44;border-bottom:1px solid var(--border)}}tfoot{border-top:1px solid #c8c8cc;border-top:1px solid var(--border);}@media (prefers-color-scheme:dark){tfoot{border-top:1px solid #3a3d44;border-top:1px solid var(--border)}}tbody tr:nth-child(even){background-color:#eaeaed;background-color:var(--background);}@media (prefers-color-scheme:dark){tbody tr:nth-child(even){background-color:#141417;background-color:var(--background)}}tbody tr:nth-child(even) button{background-color:#f0f0f3;background-color:var(--background-alt);}@media (prefers-color-scheme:dark){tbody tr:nth-child(even) button{background-color:#1e1e22;background-color:var(--background-alt)}}tbody tr:nth-child(even) button:hover{background-color:#f5f5f7;background-color:var(--background-body);}@media (prefers-color-scheme:dark){tbody tr:nth-child(even) button:hover{background-color:#1a1a1e;background-color:var(--background-body)}}::-webkit-scrollbar{height:10px;width:10px;}::-webkit-scrollbar-track{background:#eaeaed;background:var(--background);border-radius:6px;}@media (prefers-color-scheme:dark){::-webkit-scrollbar-track{background:#141417;background:var(--background)}}::-webkit-scrollbar-thumb{background:rgb(184,184,189);background:var(--scrollbar-thumb);border-radius:6px;}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background:#0a0a0d;background:var(--scrollbar-thumb)}}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background:#0a0a0d;background:var(--scrollbar-thumb)}}::-webkit-scrollbar-thumb:hover{background:#a8a8ae;background:var(--scrollbar-thumb-hover);}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb:hover{background:rgb(0,0,0);background:var(--scrollbar-thumb-hover)}}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb:hover{background:rgb(0,0,0);background:var(--scrollbar-thumb-hover)}}::-moz-selection{background-color:#c8c8cc;background-color:var(--selection);color:#111114;color:var(--text-bright);}::selection{background-color:#c8c8cc;background-color:var(--selection);color:#111114;color:var(--text-bright);}@media (prefers-color-scheme:dark){::-moz-selection{color:#e7e8ec;color:var(--text-bright)}::selection{color:#e7e8ec;color:var(--text-bright)}}@media (prefers-color-scheme:dark){::-moz-selection{background-color:#3a3a42;background-color:var(--selection)}::selection{background-color:#3a3a42;background-color:var(--selection)}}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f0f0f3;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden;}@media (prefers-color-scheme:dark){details{background-color:#1e1e22;background-color:var(--background-alt)}}details[open]{padding:10px;}details>:last-child{margin-bottom:0;}details[open] summary{margin-bottom:10px;}summary{display:list-item;background-color:#eaeaed;background-color:var(--background);padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none;}@media (prefers-color-scheme:dark){summary{background-color:#141417;background-color:var(--background)}}summary:hover,summary:focus{text-decoration:underline;}details>:not(summary){margin-top:0;}summary::-webkit-details-marker{color:#2a2a2e;color:var(--text-main);}@media (prefers-color-scheme:dark){summary::-webkit-details-marker{color:#cbced5;color:var(--text-main)}}dialog{background-color:#f0f0f3;background-color:var(--background-alt);color:#2a2a2e;color:var(--text-main);border:none;border-radius:6px;border-color:#c8c8cc;border-color:var(--border);padding:10px 30px;}@media (prefers-color-scheme:dark){dialog{border-color:#3a3d44;border-color:var(--border)}}@media (prefers-color-scheme:dark){dialog{color:#cbced5;color:var(--text-main)}}@media (prefers-color-scheme:dark){dialog{background-color:#1e1e22;background-color:var(--background-alt)}}dialog>header:first-child{background-color:#eaeaed;background-color:var(--background);border-radius:6px 6px 0 0;margin:-10px -30px 10px;padding:10px;text-align:center;}@media (prefers-color-scheme:dark){dialog>header:first-child{background-color:#141417;background-color:var(--background)}}dialog::-webkit-backdrop{background:#0000009c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}dialog::backdrop{background:#0000009c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}footer{border-top:1px solid #c8c8cc;border-top:1px solid var(--border);padding-top:10px;color:#5a5d66;color:var(--text-muted);}@media (prefers-color-scheme:dark){footer{color:#a0a6b2;color:var(--text-muted)}}@media (prefers-color-scheme:dark){footer{border-top:1px solid #3a3d44;border-top:1px solid var(--border)}}body>footer{margin-top:40px;}@media print{body,pre,code,summary,details,button,input,textarea{background-color:#fff}button,input,textarea{border:1px solid #000}body,h1,h2,h3,h4,h5,h6,pre,code,button,input,textarea,footer,summary,strong{color:#000}summary::marker{color:#000}summary::-webkit-details-marker{color:#000}tbody tr:nth-child(even){background-color:#f2f2f2}a{color:#2a2a2e;text-decoration:underline}}"]} \ No newline at end of file
diff --git a/out/light.css b/out/light.css
new file mode 100755
index 0000000..7c5a616
--- /dev/null
+++ b/out/light.css
@@ -0,0 +1,887 @@
+/**
+ * noir.css — Forced light theme version
+ */
+
+:root {
+ --background-body: #f5f5f7;
+ --background: #eaeaed;
+ --background-alt: #f0f0f3;
+ --selection: #c8c8cc;
+ --text-main: #2a2a2e;
+ --text-bright: #111114;
+ --text-muted: #5a5d66;
+ --links: #6e5a62;
+ --focus: #5a5d66ab;
+ --border: #c8c8cc;
+ --code: #2a2a2e;
+ --animation-duration: 0.1s;
+ --button-base: #d4d4d8;
+ --button-hover: #a8a8ae;
+ --scrollbar-thumb: rgb(184, 184, 189);
+ --scrollbar-thumb-hover: var(--button-hover);
+ --form-placeholder: #7a7d86;
+ --form-text: #1a1a1e;
+ --variable: #5a6654;
+ --highlight: #e0ddd8;
+ --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%232a2a2e'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
+}
+
+html {
+ scrollbar-color: rgb(184, 184, 189) #f5f5f7;
+ scrollbar-color: var(--scrollbar-thumb) var(--background-body);
+ scrollbar-width: thin;
+}
+
+body {
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
+ line-height: 1.4;
+ max-width: 800px;
+ margin: 20px auto;
+ padding: 0 10px;
+ word-wrap: break-word;
+ color: #2a2a2e;
+ color: var(--text-main);
+ background: #f5f5f7;
+ background: var(--background-body);
+ text-rendering: optimizeLegibility;
+}
+
+button {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+}
+
+input {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+}
+
+textarea {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+}
+
+h1 {
+ font-size: 2.2em;
+ margin-top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-bottom: 12px;
+ margin-top: 24px;
+}
+
+h1 {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+h2 {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+h3 {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+h4 {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+h5 {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+h6 {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+strong {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+b,
+strong,
+th {
+ font-weight: 600;
+}
+
+q::before {
+ content: none;
+}
+
+q::after {
+ content: none;
+}
+
+blockquote {
+ border-left: 4px solid #5a5d66ab;
+ border-left: 4px solid var(--focus);
+ margin: 1.5em 0;
+ padding: 0.5em 1em;
+ font-style: italic;
+}
+
+q {
+ border-left: 4px solid #5a5d66ab;
+ border-left: 4px solid var(--focus);
+ margin: 1.5em 0;
+ padding: 0.5em 1em;
+ font-style: italic;
+}
+
+blockquote > footer {
+ font-style: normal;
+ border: 0;
+}
+
+blockquote cite {
+ font-style: normal;
+}
+
+address {
+ font-style: normal;
+}
+
+a[href^='mailto\:']::before {
+ content: '📧 ';
+}
+
+a[href^='tel\:']::before {
+ content: '📞 ';
+}
+
+a[href^='sms\:']::before {
+ content: '💬 ';
+}
+
+mark {
+ background-color: #e0ddd8;
+ background-color: var(--highlight);
+ border-radius: 2px;
+ padding: 0 2px 0 2px;
+ color: #111114;
+ color: var(--text-bright);
+}
+
+a > code,
+a > strong {
+ color: inherit;
+}
+
+button,
+select,
+input[type='submit'],
+input[type='reset'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'],
+input[type='radio'] {
+ cursor: pointer;
+}
+
+input,
+select {
+ display: block;
+}
+
+[type='checkbox'],
+[type='radio'] {
+ display: initial;
+}
+
+input {
+ color: #1a1a1e;
+ color: var(--form-text);
+ background-color: #eaeaed;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+button {
+ color: #1a1a1e;
+ color: var(--form-text);
+ background-color: #eaeaed;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+textarea {
+ color: #1a1a1e;
+ color: var(--form-text);
+ background-color: #eaeaed;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+select {
+ color: #1a1a1e;
+ color: var(--form-text);
+ background-color: #eaeaed;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+button {
+ background-color: #d4d4d8;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+input[type='submit'] {
+ background-color: #d4d4d8;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+input[type='reset'] {
+ background-color: #d4d4d8;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+input[type='button'] {
+ background-color: #d4d4d8;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+button:hover {
+ background: #a8a8ae;
+ background: var(--button-hover);
+}
+
+input[type='submit']:hover {
+ background: #a8a8ae;
+ background: var(--button-hover);
+}
+
+input[type='reset']:hover {
+ background: #a8a8ae;
+ background: var(--button-hover);
+}
+
+input[type='button']:hover {
+ background: #a8a8ae;
+ background: var(--button-hover);
+}
+
+input[type='color'] {
+ min-height: 2rem;
+ padding: 8px;
+ cursor: pointer;
+}
+
+input[type='checkbox'],
+input[type='radio'] {
+ height: 1em;
+ width: 1em;
+}
+
+input[type='radio'] {
+ border-radius: 100%;
+}
+
+input {
+ vertical-align: top;
+}
+
+label {
+ vertical-align: middle;
+ margin-bottom: 4px;
+ display: inline-block;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+input[type='range'],
+select,
+button,
+textarea {
+ -webkit-appearance: none;
+}
+
+textarea {
+ display: block;
+ margin-right: 0;
+ box-sizing: border-box;
+ resize: vertical;
+}
+
+textarea:not([cols]) {
+ width: 100%;
+}
+
+textarea:not([rows]) {
+ min-height: 40px;
+ height: 140px;
+}
+
+select {
+ background: #eaeaed url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%232a2a2e'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
+ background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
+ padding-right: 35px;
+}
+
+select::-ms-expand {
+ display: none;
+}
+
+select[multiple] {
+ padding-right: 10px;
+ background-image: none;
+ overflow-y: auto;
+}
+
+input:focus {
+ box-shadow: 0 0 0 2px #5a5d66ab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+select:focus {
+ box-shadow: 0 0 0 2px #5a5d66ab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+button:focus {
+ box-shadow: 0 0 0 2px #5a5d66ab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+textarea:focus {
+ box-shadow: 0 0 0 2px #5a5d66ab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+input[type='checkbox']:active,
+input[type='radio']:active,
+input[type='submit']:active,
+input[type='reset']:active,
+input[type='button']:active,
+input[type='range']:active,
+button:active {
+ transform: translateY(2px);
+}
+
+input:disabled,
+select:disabled,
+button:disabled,
+textarea:disabled {
+ cursor: not-allowed;
+ opacity: 0.5;
+}
+
+::-moz-placeholder {
+ color: #7a7d86;
+ color: var(--form-placeholder);
+}
+
+:-ms-input-placeholder {
+ color: #7a7d86;
+ color: var(--form-placeholder);
+}
+
+::-ms-input-placeholder {
+ color: #7a7d86;
+ color: var(--form-placeholder);
+}
+
+::placeholder {
+ color: #7a7d86;
+ color: var(--form-placeholder);
+}
+
+fieldset {
+ border: 1px #5a5d66ab solid;
+ border: 1px var(--focus) solid;
+ border-radius: 6px;
+ margin: 0;
+ margin-bottom: 12px;
+ padding: 10px;
+}
+
+legend {
+ font-size: 0.9em;
+ font-weight: 600;
+}
+
+input[type='range'] {
+ margin: 10px 0;
+ padding: 10px 0;
+ background: transparent;
+}
+
+input[type='range']:focus {
+ outline: none;
+}
+
+input[type='range']::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 9.5px;
+ -webkit-transition: 0.2s;
+ transition: 0.2s;
+ background: #eaeaed;
+ background: var(--background);
+ border-radius: 3px;
+}
+
+input[type='range']::-webkit-slider-thumb {
+ box-shadow: 0 1px 1px #000, 0 0 1px #0d0d0d;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #c8c8cc;
+ background: var(--border);
+ -webkit-appearance: none;
+ margin-top: -7px;
+}
+
+input[type='range']:focus::-webkit-slider-runnable-track {
+ background: #eaeaed;
+ background: var(--background);
+}
+
+input[type='range']::-moz-range-track {
+ width: 100%;
+ height: 9.5px;
+ -moz-transition: 0.2s;
+ transition: 0.2s;
+ background: #eaeaed;
+ background: var(--background);
+ border-radius: 3px;
+}
+
+input[type='range']::-moz-range-thumb {
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #c8c8cc;
+ background: var(--border);
+}
+
+input[type='range']::-ms-track {
+ width: 100%;
+ height: 9.5px;
+ background: transparent;
+ border-color: transparent;
+ border-width: 16px 0;
+ color: transparent;
+}
+
+input[type='range']::-ms-fill-lower {
+ background: #eaeaed;
+ background: var(--background);
+ border: 0.2px solid #010101;
+ border-radius: 3px;
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+}
+
+input[type='range']::-ms-fill-upper {
+ background: #eaeaed;
+ background: var(--background);
+ border: 0.2px solid #010101;
+ border-radius: 3px;
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+}
+
+input[type='range']::-ms-thumb {
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+ border: 1px solid #000;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #c8c8cc;
+ background: var(--border);
+}
+
+input[type='range']:focus::-ms-fill-lower {
+ background: #eaeaed;
+ background: var(--background);
+}
+
+input[type='range']:focus::-ms-fill-upper {
+ background: #eaeaed;
+ background: var(--background);
+}
+
+a {
+ text-decoration: none;
+ color: #6e5a62;
+ color: var(--links);
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+code {
+ background: #eaeaed;
+ background: var(--background);
+ color: #2a2a2e;
+ color: var(--code);
+ padding: 2.5px 5px;
+ border-radius: 6px;
+ font-size: 1em;
+}
+
+samp {
+ background: #eaeaed;
+ background: var(--background);
+ color: #2a2a2e;
+ color: var(--code);
+ padding: 2.5px 5px;
+ border-radius: 6px;
+ font-size: 1em;
+}
+
+time {
+ background: #eaeaed;
+ background: var(--background);
+ color: #2a2a2e;
+ color: var(--code);
+ padding: 2.5px 5px;
+ border-radius: 6px;
+ font-size: 1em;
+}
+
+pre > code {
+ padding: 10px;
+ display: block;
+ overflow-x: auto;
+}
+
+var {
+ color: #5a6654;
+ color: var(--variable);
+ font-style: normal;
+ font-family: monospace;
+}
+
+kbd {
+ background: #eaeaed;
+ background: var(--background);
+ border: 1px solid #c8c8cc;
+ border: 1px solid var(--border);
+ border-radius: 2px;
+ color: #2a2a2e;
+ color: var(--text-main);
+ padding: 2px 4px 2px 4px;
+}
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+hr {
+ border: none;
+ border-top: 1px solid #c8c8cc;
+ border-top: 1px solid var(--border);
+}
+
+table {
+ border-collapse: collapse;
+ margin-bottom: 10px;
+ width: 100%;
+ table-layout: fixed;
+}
+
+table caption {
+ text-align: left;
+}
+
+td,
+th {
+ padding: 6px;
+ text-align: left;
+ vertical-align: top;
+ word-wrap: break-word;
+}
+
+thead {
+ border-bottom: 1px solid #c8c8cc;
+ border-bottom: 1px solid var(--border);
+}
+
+tfoot {
+ border-top: 1px solid #c8c8cc;
+ border-top: 1px solid var(--border);
+}
+
+tbody tr:nth-child(even) {
+ background-color: #eaeaed;
+ background-color: var(--background);
+}
+
+tbody tr:nth-child(even) button {
+ background-color: #f0f0f3;
+ background-color: var(--background-alt);
+}
+
+tbody tr:nth-child(even) button:hover {
+ background-color: #f5f5f7;
+ background-color: var(--background-body);
+}
+
+::-webkit-scrollbar {
+ height: 10px;
+ width: 10px;
+}
+
+::-webkit-scrollbar-track {
+ background: #eaeaed;
+ background: var(--background);
+ border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+ background: rgb(184, 184, 189);
+ background: var(--scrollbar-thumb);
+ border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background: #a8a8ae;
+ background: var(--scrollbar-thumb-hover);
+}
+
+::-moz-selection {
+ background-color: #c8c8cc;
+ background-color: var(--selection);
+ color: #111114;
+ color: var(--text-bright);
+}
+
+::selection {
+ background-color: #c8c8cc;
+ background-color: var(--selection);
+ color: #111114;
+ color: var(--text-bright);
+}
+
+details {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ background-color: #f0f0f3;
+ background-color: var(--background-alt);
+ padding: 10px 10px 0;
+ margin: 1em 0;
+ border-radius: 6px;
+ overflow: hidden;
+}
+
+details[open] {
+ padding: 10px;
+}
+
+details > :last-child {
+ margin-bottom: 0;
+}
+
+details[open] summary {
+ margin-bottom: 10px;
+}
+
+summary {
+ display: list-item;
+ background-color: #eaeaed;
+ background-color: var(--background);
+ padding: 10px;
+ margin: -10px -10px 0;
+ cursor: pointer;
+ outline: none;
+}
+
+summary:hover,
+summary:focus {
+ text-decoration: underline;
+}
+
+details > :not(summary) {
+ margin-top: 0;
+}
+
+summary::-webkit-details-marker {
+ color: #2a2a2e;
+ color: var(--text-main);
+}
+
+dialog {
+ background-color: #f0f0f3;
+ background-color: var(--background-alt);
+ color: #2a2a2e;
+ color: var(--text-main);
+ border: none;
+ border-radius: 6px;
+ border-color: #c8c8cc;
+ border-color: var(--border);
+ padding: 10px 30px;
+}
+
+dialog > header:first-child {
+ background-color: #eaeaed;
+ background-color: var(--background);
+ border-radius: 6px 6px 0 0;
+ margin: -10px -30px 10px;
+ padding: 10px;
+ text-align: center;
+}
+
+dialog::-webkit-backdrop {
+ background: #0000009c;
+ -webkit-backdrop-filter: blur(4px);
+ backdrop-filter: blur(4px);
+}
+
+dialog::backdrop {
+ background: #0000009c;
+ -webkit-backdrop-filter: blur(4px);
+ backdrop-filter: blur(4px);
+}
+
+footer {
+ border-top: 1px solid #c8c8cc;
+ border-top: 1px solid var(--border);
+ padding-top: 10px;
+ color: #5a5d66;
+ color: var(--text-muted);
+}
+
+body > footer {
+ margin-top: 40px;
+}
+
+@media print {
+ body,
+ pre,
+ code,
+ summary,
+ details,
+ button,
+ input,
+ textarea {
+ background-color: #fff;
+ }
+
+ button,
+ input,
+ textarea {
+ border: 1px solid #000;
+ }
+
+ body,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ pre,
+ code,
+ button,
+ input,
+ textarea,
+ footer,
+ summary,
+ strong {
+ color: #000;
+ }
+
+ summary::marker {
+ color: #000;
+ }
+
+ summary::-webkit-details-marker {
+ color: #000;
+ }
+
+ tbody tr:nth-child(even) {
+ background-color: #f2f2f2;
+ }
+
+ a {
+ color: #2a2a2e;
+ text-decoration: underline;
+ }
+}
diff --git a/out/light.min.css b/out/light.min.css
new file mode 100755
index 0000000..600426d
--- /dev/null
+++ b/out/light.min.css
@@ -0,0 +1 @@
+:root{--background-body:#f5f5f7;--background:#eaeaed;--background-alt:#f0f0f3;--selection:#c8c8cc;--text-main:#2a2a2e;--text-bright:#111114;--text-muted:#5a5d66;--links:#6e5a62;--focus:rgba(90,93,102,0.67);--border:#c8c8cc;--code:#2a2a2e;--animation-duration:0.1s;--button-base:#d4d4d8;--button-hover:#a8a8ae;--scrollbar-thumb:#b8b8bd;--scrollbar-thumb-hover:var(--button-hover);--form-placeholder:#7a7d86;--form-text:#1a1a1e;--variable:#5a6654;--highlight:#e0ddd8;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%232a2a2e'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}html{scrollbar-color:#b8b8bd #f5f5f7;scrollbar-color:var(--scrollbar-thumb) var(--background-body);scrollbar-width:thin}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;word-wrap:break-word;color:#2a2a2e;color:var(--text-main);background:#f5f5f7;background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px;margin-top:24px}h1,h2,h3,h4,h5,h6,strong{color:#111114;color:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid rgba(90,93,102,.67);border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{font-style:normal;border:0}address,blockquote cite{font-style:normal}a[href^=mailto\:]:before{content:"📧 "}a[href^=tel\:]:before{content:"📞 "}a[href^=sms\:]:before{content:"💬 "}mark{background-color:#e0ddd8;background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#111114;color:var(--text-bright)}a>code,a>strong{color:inherit}button,input[type=button],input[type=checkbox],input[type=radio],input[type=range],input[type=reset],input[type=submit],select{cursor:pointer}input,select{display:block}[type=checkbox],[type=radio]{display:initial}button,input,select,textarea{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input[type=button],input[type=reset],input[type=submit]{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background:#a8a8ae;background:var(--button-hover)}input[type=color]{min-height:2rem;padding:8px;cursor:pointer}input[type=checkbox],input[type=radio]{height:1em;width:1em}input[type=radio]{border-radius:100%}input{vertical-align:top}label{vertical-align:middle;margin-bottom:4px;display:inline-block}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{display:block;margin-right:0;box-sizing:border-box;resize:vertical}textarea:not([cols]){width:100%}textarea:not([rows]){min-height:40px;height:140px}select{background:#eaeaed url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%232a2a2e'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=reset]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-moz-placeholder{color:#7a7d86;color:var(--form-placeholder)}:-ms-input-placeholder{color:#7a7d86;color:var(--form-placeholder)}::-ms-input-placeholder{color:#7a7d86;color:var(--form-placeholder)}::placeholder{color:#7a7d86;color:var(--form-placeholder)}fieldset{border:1px solid rgba(90,93,102,.67);border:1px solid var(--focus);border-radius:6px;margin:0 0 12px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;-webkit-transition:.2s;transition:.2s;background:#eaeaed;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#eaeaed;background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;-moz-transition:.2s;transition:.2s;background:#eaeaed;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#eaeaed;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#eaeaed;background:var(--background)}a{text-decoration:none;color:#6e5a62;color:var(--links)}a:hover{text-decoration:underline}code,samp,time{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#5a6654;color:var(--variable);font-style:normal;font-family:monospace}kbd{background:#eaeaed;background:var(--background);border:1px solid #c8c8cc;border:1px solid var(--border);border-radius:2px;color:#2a2a2e;color:var(--text-main);padding:2px 4px}img,video{max-width:100%;height:auto}hr{border:none;border-top:1px solid #c8c8cc;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed}table caption,td,th{text-align:left}td,th{padding:6px;vertical-align:top;word-wrap:break-word}thead{border-bottom:1px solid #c8c8cc;border-bottom:1px solid var(--border)}tfoot{border-top:1px solid #c8c8cc;border-top:1px solid var(--border)}tbody tr:nth-child(2n){background-color:#eaeaed;background-color:var(--background)}tbody tr:nth-child(2n) button{background-color:#f0f0f3;background-color:var(--background-alt)}tbody tr:nth-child(2n) button:hover{background-color:#f5f5f7;background-color:var(--background-body)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#eaeaed;background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:#b8b8bd;background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#a8a8ae;background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:#c8c8cc;background-color:var(--selection);color:#111114;color:var(--text-bright)}::selection{background-color:#c8c8cc;background-color:var(--selection);color:#111114;color:var(--text-bright)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f0f0f3;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#eaeaed;background-color:var(--background);padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}summary:focus,summary:hover{text-decoration:underline}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#2a2a2e;color:var(--text-main)}dialog{background-color:#f0f0f3;background-color:var(--background-alt);color:#2a2a2e;color:var(--text-main);border-radius:6px;border:#c8c8cc;border-color:var(--border);padding:10px 30px}dialog>header:first-child{background-color:#eaeaed;background-color:var(--background);border-radius:6px 6px 0 0;margin:-10px -30px 10px;padding:10px;text-align:center}dialog::-webkit-backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog::backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}footer{border-top:1px solid #c8c8cc;border-top:1px solid var(--border);padding-top:10px;color:#5a5d66;color:var(--text-muted)}body>footer{margin-top:40px}@media print{body,button,code,details,input,pre,summary,textarea{background-color:#fff}button,input,textarea{border:1px solid #000}body,button,code,footer,h1,h2,h3,h4,h5,h6,input,pre,strong,summary,textarea{color:#000}summary::marker{color:#000}summary::-webkit-details-marker{color:#000}tbody tr:nth-child(2n){background-color:#f2f2f2}a{color:#2a2a2e;text-decoration:underline}} \ No newline at end of file
diff --git a/out/noir.css b/out/noir.css
new file mode 100644
index 0000000..16b604f
--- /dev/null
+++ b/out/noir.css
@@ -0,0 +1,1698 @@
+/**
+ * noir.css — Automatic version:
+ * Uses light theme by default but switches to dark theme
+ * if a system-wide theme preference is set on the user's device.
+ */
+
+:root {
+ --background-body: #f5f5f7;
+ --background: #eaeaed;
+ --background-alt: #f0f0f3;
+ --selection: #c8c8cc;
+ --text-main: #2a2a2e;
+ --text-bright: #111114;
+ --text-muted: #5a5d66;
+ --links: #6e5a62;
+ --focus: #5a5d66ab;
+ --border: #c8c8cc;
+ --code: #2a2a2e;
+ --animation-duration: 0.1s;
+ --button-base: #d4d4d8;
+ --button-hover: #a8a8ae;
+ --scrollbar-thumb: rgb(184, 184, 189);
+ --scrollbar-thumb-hover: var(--button-hover);
+ --form-placeholder: #7a7d86;
+ --form-text: #1a1a1e;
+ --variable: #5a6654;
+ --highlight: #e0ddd8;
+ --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%232a2a2e'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
+}
+
+@media (prefers-color-scheme: dark) {
+:root {
+ --background-body: #1a1a1e;
+ --background: #141417;
+ --background-alt: #1e1e22;
+ --selection: #3a3a42;
+ --text-main: #cbced5;
+ --text-bright: #e7e8ec;
+ --text-muted: #a0a6b2;
+ --links: #b2a0a6;
+ --focus: #a0a6b2ab;
+ --border: #3a3d44;
+ --code: #cbced5;
+ --animation-duration: 0.1s;
+ --button-base: #111114;
+ --button-hover: #0a0a0d;
+ --scrollbar-thumb: var(--button-hover);
+ --scrollbar-thumb-hover: rgb(0, 0, 0);
+ --form-placeholder: #6e7179;
+ --form-text: #e7e8ec;
+ --variable: #a6b2a0;
+ --highlight: #3a3d44;
+ --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23cbced5'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
+}
+}
+
+html {
+ scrollbar-color: rgb(184, 184, 189) #f5f5f7;
+ scrollbar-color: var(--scrollbar-thumb) var(--background-body);
+ scrollbar-width: thin;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ html {
+ scrollbar-color: #0a0a0d #1a1a1e;
+ scrollbar-color: var(--scrollbar-thumb) var(--background-body);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ html {
+ scrollbar-color: #0a0a0d #1a1a1e;
+ scrollbar-color: var(--scrollbar-thumb) var(--background-body);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ html {
+ scrollbar-color: #0a0a0d #1a1a1e;
+ scrollbar-color: var(--scrollbar-thumb) var(--background-body);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ html {
+ scrollbar-color: #0a0a0d #1a1a1e;
+ scrollbar-color: var(--scrollbar-thumb) var(--background-body);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ html {
+ scrollbar-color: #0a0a0d #1a1a1e;
+ scrollbar-color: var(--scrollbar-thumb) var(--background-body);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ html {
+ scrollbar-color: #0a0a0d #1a1a1e;
+ scrollbar-color: var(--scrollbar-thumb) var(--background-body);
+ }
+}
+
+body {
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
+ line-height: 1.4;
+ max-width: 800px;
+ margin: 20px auto;
+ padding: 0 10px;
+ word-wrap: break-word;
+ color: #2a2a2e;
+ color: var(--text-main);
+ background: #f5f5f7;
+ background: var(--background-body);
+ text-rendering: optimizeLegibility;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ body {
+ background: #1a1a1e;
+ background: var(--background-body);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ body {
+ color: #cbced5;
+ color: var(--text-main);
+ }
+}
+
+button {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ button {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+ }
+}
+
+input {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+ }
+}
+
+textarea {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ textarea {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+ }
+}
+
+h1 {
+ font-size: 2.2em;
+ margin-top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-bottom: 12px;
+ margin-top: 24px;
+}
+
+h1 {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ h1 {
+ color: #e7e8ec;
+ color: var(--text-bright);
+ }
+}
+
+h2 {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ h2 {
+ color: #e7e8ec;
+ color: var(--text-bright);
+ }
+}
+
+h3 {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ h3 {
+ color: #e7e8ec;
+ color: var(--text-bright);
+ }
+}
+
+h4 {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ h4 {
+ color: #e7e8ec;
+ color: var(--text-bright);
+ }
+}
+
+h5 {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ h5 {
+ color: #e7e8ec;
+ color: var(--text-bright);
+ }
+}
+
+h6 {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ h6 {
+ color: #e7e8ec;
+ color: var(--text-bright);
+ }
+}
+
+strong {
+ color: #111114;
+ color: var(--text-bright);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ strong {
+ color: #e7e8ec;
+ color: var(--text-bright);
+ }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+b,
+strong,
+th {
+ font-weight: 600;
+}
+
+q::before {
+ content: none;
+}
+
+q::after {
+ content: none;
+}
+
+blockquote {
+ border-left: 4px solid #5a5d66ab;
+ border-left: 4px solid var(--focus);
+ margin: 1.5em 0;
+ padding: 0.5em 1em;
+ font-style: italic;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ blockquote {
+ border-left: 4px solid #a0a6b2ab;
+ border-left: 4px solid var(--focus);
+ }
+}
+
+q {
+ border-left: 4px solid #5a5d66ab;
+ border-left: 4px solid var(--focus);
+ margin: 1.5em 0;
+ padding: 0.5em 1em;
+ font-style: italic;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ q {
+ border-left: 4px solid #a0a6b2ab;
+ border-left: 4px solid var(--focus);
+ }
+}
+
+blockquote > footer {
+ font-style: normal;
+ border: 0;
+}
+
+blockquote cite {
+ font-style: normal;
+}
+
+address {
+ font-style: normal;
+}
+
+a[href^='mailto\:']::before {
+ content: '📧 ';
+}
+
+a[href^='tel\:']::before {
+ content: '📞 ';
+}
+
+a[href^='sms\:']::before {
+ content: '💬 ';
+}
+
+mark {
+ background-color: #e0ddd8;
+ background-color: var(--highlight);
+ border-radius: 2px;
+ padding: 0 2px 0 2px;
+ color: #111114;
+ color: var(--text-bright);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ mark {
+ color: #e7e8ec;
+ color: var(--text-bright);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ mark {
+ background-color: #3a3d44;
+ background-color: var(--highlight);
+ }
+}
+
+a > code,
+a > strong {
+ color: inherit;
+}
+
+button,
+select,
+input[type='submit'],
+input[type='reset'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'],
+input[type='radio'] {
+ cursor: pointer;
+}
+
+input,
+select {
+ display: block;
+}
+
+[type='checkbox'],
+[type='radio'] {
+ display: initial;
+}
+
+input {
+ color: #1a1a1e;
+ color: var(--form-text);
+ background-color: #eaeaed;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input {
+ background-color: #141417;
+ background-color: var(--background);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input {
+ color: #e7e8ec;
+ color: var(--form-text);
+ }
+}
+
+button {
+ color: #1a1a1e;
+ color: var(--form-text);
+ background-color: #eaeaed;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ button {
+ background-color: #141417;
+ background-color: var(--background);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ button {
+ color: #e7e8ec;
+ color: var(--form-text);
+ }
+}
+
+textarea {
+ color: #1a1a1e;
+ color: var(--form-text);
+ background-color: #eaeaed;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ textarea {
+ background-color: #141417;
+ background-color: var(--background);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ textarea {
+ color: #e7e8ec;
+ color: var(--form-text);
+ }
+}
+
+select {
+ color: #1a1a1e;
+ color: var(--form-text);
+ background-color: #eaeaed;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ select {
+ background-color: #141417;
+ background-color: var(--background);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ select {
+ color: #e7e8ec;
+ color: var(--form-text);
+ }
+}
+
+button {
+ background-color: #d4d4d8;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ button {
+ background-color: #111114;
+ background-color: var(--button-base);
+ }
+}
+
+input[type='submit'] {
+ background-color: #d4d4d8;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='submit'] {
+ background-color: #111114;
+ background-color: var(--button-base);
+ }
+}
+
+input[type='reset'] {
+ background-color: #d4d4d8;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='reset'] {
+ background-color: #111114;
+ background-color: var(--button-base);
+ }
+}
+
+input[type='button'] {
+ background-color: #d4d4d8;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='button'] {
+ background-color: #111114;
+ background-color: var(--button-base);
+ }
+}
+
+button:hover {
+ background: #a8a8ae;
+ background: var(--button-hover);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ button:hover {
+ background: #0a0a0d;
+ background: var(--button-hover);
+ }
+}
+
+input[type='submit']:hover {
+ background: #a8a8ae;
+ background: var(--button-hover);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='submit']:hover {
+ background: #0a0a0d;
+ background: var(--button-hover);
+ }
+}
+
+input[type='reset']:hover {
+ background: #a8a8ae;
+ background: var(--button-hover);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='reset']:hover {
+ background: #0a0a0d;
+ background: var(--button-hover);
+ }
+}
+
+input[type='button']:hover {
+ background: #a8a8ae;
+ background: var(--button-hover);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='button']:hover {
+ background: #0a0a0d;
+ background: var(--button-hover);
+ }
+}
+
+input[type='color'] {
+ min-height: 2rem;
+ padding: 8px;
+ cursor: pointer;
+}
+
+input[type='checkbox'],
+input[type='radio'] {
+ height: 1em;
+ width: 1em;
+}
+
+input[type='radio'] {
+ border-radius: 100%;
+}
+
+input {
+ vertical-align: top;
+}
+
+label {
+ vertical-align: middle;
+ margin-bottom: 4px;
+ display: inline-block;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+input[type='range'],
+select,
+button,
+textarea {
+ -webkit-appearance: none;
+}
+
+textarea {
+ display: block;
+ margin-right: 0;
+ box-sizing: border-box;
+ resize: vertical;
+}
+
+textarea:not([cols]) {
+ width: 100%;
+}
+
+textarea:not([rows]) {
+ min-height: 40px;
+ height: 140px;
+}
+
+select {
+ background: #eaeaed url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%232a2a2e'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
+ background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
+ padding-right: 35px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ select {
+ background: #141417 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23cbced5'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
+ background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ select {
+ background: #141417 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23cbced5'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
+ background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ select {
+ background: #141417 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23cbced5'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
+ background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ select {
+ background: #141417 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23cbced5'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
+ background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
+ }
+}
+
+select::-ms-expand {
+ display: none;
+}
+
+select[multiple] {
+ padding-right: 10px;
+ background-image: none;
+ overflow-y: auto;
+}
+
+input:focus {
+ box-shadow: 0 0 0 2px #5a5d66ab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input:focus {
+ box-shadow: 0 0 0 2px #a0a6b2ab;
+ box-shadow: 0 0 0 2px var(--focus);
+ }
+}
+
+select:focus {
+ box-shadow: 0 0 0 2px #5a5d66ab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ select:focus {
+ box-shadow: 0 0 0 2px #a0a6b2ab;
+ box-shadow: 0 0 0 2px var(--focus);
+ }
+}
+
+button:focus {
+ box-shadow: 0 0 0 2px #5a5d66ab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ button:focus {
+ box-shadow: 0 0 0 2px #a0a6b2ab;
+ box-shadow: 0 0 0 2px var(--focus);
+ }
+}
+
+textarea:focus {
+ box-shadow: 0 0 0 2px #5a5d66ab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ textarea:focus {
+ box-shadow: 0 0 0 2px #a0a6b2ab;
+ box-shadow: 0 0 0 2px var(--focus);
+ }
+}
+
+input[type='checkbox']:active,
+input[type='radio']:active,
+input[type='submit']:active,
+input[type='reset']:active,
+input[type='button']:active,
+input[type='range']:active,
+button:active {
+ transform: translateY(2px);
+}
+
+input:disabled,
+select:disabled,
+button:disabled,
+textarea:disabled {
+ cursor: not-allowed;
+ opacity: 0.5;
+}
+
+::-moz-placeholder {
+ color: #7a7d86;
+ color: var(--form-placeholder);
+}
+
+:-ms-input-placeholder {
+ color: #7a7d86;
+ color: var(--form-placeholder);
+}
+
+::-ms-input-placeholder {
+ color: #7a7d86;
+ color: var(--form-placeholder);
+}
+
+::placeholder {
+ color: #7a7d86;
+ color: var(--form-placeholder);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ ::-moz-placeholder {
+ color: #6e7179;
+ color: var(--form-placeholder);
+ }
+
+ :-ms-input-placeholder {
+ color: #6e7179;
+ color: var(--form-placeholder);
+ }
+
+ ::-ms-input-placeholder {
+ color: #6e7179;
+ color: var(--form-placeholder);
+ }
+
+ ::placeholder {
+ color: #6e7179;
+ color: var(--form-placeholder);
+ }
+}
+
+fieldset {
+ border: 1px #5a5d66ab solid;
+ border: 1px var(--focus) solid;
+ border-radius: 6px;
+ margin: 0;
+ margin-bottom: 12px;
+ padding: 10px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ fieldset {
+ border: 1px #a0a6b2ab solid;
+ border: 1px var(--focus) solid;
+ }
+}
+
+legend {
+ font-size: 0.9em;
+ font-weight: 600;
+}
+
+input[type='range'] {
+ margin: 10px 0;
+ padding: 10px 0;
+ background: transparent;
+}
+
+input[type='range']:focus {
+ outline: none;
+}
+
+input[type='range']::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 9.5px;
+ -webkit-transition: 0.2s;
+ transition: 0.2s;
+ background: #eaeaed;
+ background: var(--background);
+ border-radius: 3px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='range']::-webkit-slider-runnable-track {
+ background: #141417;
+ background: var(--background);
+ }
+}
+
+input[type='range']::-webkit-slider-thumb {
+ box-shadow: 0 1px 1px #000, 0 0 1px #0d0d0d;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #c8c8cc;
+ background: var(--border);
+ -webkit-appearance: none;
+ margin-top: -7px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='range']::-webkit-slider-thumb {
+ background: #3a3d44;
+ background: var(--border);
+ }
+}
+
+input[type='range']:focus::-webkit-slider-runnable-track {
+ background: #eaeaed;
+ background: var(--background);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='range']:focus::-webkit-slider-runnable-track {
+ background: #141417;
+ background: var(--background);
+ }
+}
+
+input[type='range']::-moz-range-track {
+ width: 100%;
+ height: 9.5px;
+ -moz-transition: 0.2s;
+ transition: 0.2s;
+ background: #eaeaed;
+ background: var(--background);
+ border-radius: 3px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='range']::-moz-range-track {
+ background: #141417;
+ background: var(--background);
+ }
+}
+
+input[type='range']::-moz-range-thumb {
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #c8c8cc;
+ background: var(--border);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='range']::-moz-range-thumb {
+ background: #3a3d44;
+ background: var(--border);
+ }
+}
+
+input[type='range']::-ms-track {
+ width: 100%;
+ height: 9.5px;
+ background: transparent;
+ border-color: transparent;
+ border-width: 16px 0;
+ color: transparent;
+}
+
+input[type='range']::-ms-fill-lower {
+ background: #eaeaed;
+ background: var(--background);
+ border: 0.2px solid #010101;
+ border-radius: 3px;
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='range']::-ms-fill-lower {
+ background: #141417;
+ background: var(--background);
+ }
+}
+
+input[type='range']::-ms-fill-upper {
+ background: #eaeaed;
+ background: var(--background);
+ border: 0.2px solid #010101;
+ border-radius: 3px;
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='range']::-ms-fill-upper {
+ background: #141417;
+ background: var(--background);
+ }
+}
+
+input[type='range']::-ms-thumb {
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+ border: 1px solid #000;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #c8c8cc;
+ background: var(--border);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='range']::-ms-thumb {
+ background: #3a3d44;
+ background: var(--border);
+ }
+}
+
+input[type='range']:focus::-ms-fill-lower {
+ background: #eaeaed;
+ background: var(--background);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='range']:focus::-ms-fill-lower {
+ background: #141417;
+ background: var(--background);
+ }
+}
+
+input[type='range']:focus::-ms-fill-upper {
+ background: #eaeaed;
+ background: var(--background);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ input[type='range']:focus::-ms-fill-upper {
+ background: #141417;
+ background: var(--background);
+ }
+}
+
+a {
+ text-decoration: none;
+ color: #6e5a62;
+ color: var(--links);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ a {
+ color: #b2a0a6;
+ color: var(--links);
+ }
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+code {
+ background: #eaeaed;
+ background: var(--background);
+ color: #2a2a2e;
+ color: var(--code);
+ padding: 2.5px 5px;
+ border-radius: 6px;
+ font-size: 1em;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ code {
+ color: #cbced5;
+ color: var(--code);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ code {
+ background: #141417;
+ background: var(--background);
+ }
+}
+
+samp {
+ background: #eaeaed;
+ background: var(--background);
+ color: #2a2a2e;
+ color: var(--code);
+ padding: 2.5px 5px;
+ border-radius: 6px;
+ font-size: 1em;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ samp {
+ color: #cbced5;
+ color: var(--code);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ samp {
+ background: #141417;
+ background: var(--background);
+ }
+}
+
+time {
+ background: #eaeaed;
+ background: var(--background);
+ color: #2a2a2e;
+ color: var(--code);
+ padding: 2.5px 5px;
+ border-radius: 6px;
+ font-size: 1em;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ time {
+ color: #cbced5;
+ color: var(--code);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ time {
+ background: #141417;
+ background: var(--background);
+ }
+}
+
+pre > code {
+ padding: 10px;
+ display: block;
+ overflow-x: auto;
+}
+
+var {
+ color: #5a6654;
+ color: var(--variable);
+ font-style: normal;
+ font-family: monospace;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ var {
+ color: #a6b2a0;
+ color: var(--variable);
+ }
+}
+
+kbd {
+ background: #eaeaed;
+ background: var(--background);
+ border: 1px solid #c8c8cc;
+ border: 1px solid var(--border);
+ border-radius: 2px;
+ color: #2a2a2e;
+ color: var(--text-main);
+ padding: 2px 4px 2px 4px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ kbd {
+ color: #cbced5;
+ color: var(--text-main);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ kbd {
+ border: 1px solid #3a3d44;
+ border: 1px solid var(--border);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ kbd {
+ background: #141417;
+ background: var(--background);
+ }
+}
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+hr {
+ border: none;
+ border-top: 1px solid #c8c8cc;
+ border-top: 1px solid var(--border);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ hr {
+ border-top: 1px solid #3a3d44;
+ border-top: 1px solid var(--border);
+ }
+}
+
+table {
+ border-collapse: collapse;
+ margin-bottom: 10px;
+ width: 100%;
+ table-layout: fixed;
+}
+
+table caption {
+ text-align: left;
+}
+
+td,
+th {
+ padding: 6px;
+ text-align: left;
+ vertical-align: top;
+ word-wrap: break-word;
+}
+
+thead {
+ border-bottom: 1px solid #c8c8cc;
+ border-bottom: 1px solid var(--border);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ thead {
+ border-bottom: 1px solid #3a3d44;
+ border-bottom: 1px solid var(--border);
+ }
+}
+
+tfoot {
+ border-top: 1px solid #c8c8cc;
+ border-top: 1px solid var(--border);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ tfoot {
+ border-top: 1px solid #3a3d44;
+ border-top: 1px solid var(--border);
+ }
+}
+
+tbody tr:nth-child(even) {
+ background-color: #eaeaed;
+ background-color: var(--background);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ tbody tr:nth-child(even) {
+ background-color: #141417;
+ background-color: var(--background);
+ }
+}
+
+tbody tr:nth-child(even) button {
+ background-color: #f0f0f3;
+ background-color: var(--background-alt);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ tbody tr:nth-child(even) button {
+ background-color: #1e1e22;
+ background-color: var(--background-alt);
+ }
+}
+
+tbody tr:nth-child(even) button:hover {
+ background-color: #f5f5f7;
+ background-color: var(--background-body);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ tbody tr:nth-child(even) button:hover {
+ background-color: #1a1a1e;
+ background-color: var(--background-body);
+ }
+}
+
+::-webkit-scrollbar {
+ height: 10px;
+ width: 10px;
+}
+
+::-webkit-scrollbar-track {
+ background: #eaeaed;
+ background: var(--background);
+ border-radius: 6px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ ::-webkit-scrollbar-track {
+ background: #141417;
+ background: var(--background);
+ }
+}
+
+::-webkit-scrollbar-thumb {
+ background: rgb(184, 184, 189);
+ background: var(--scrollbar-thumb);
+ border-radius: 6px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ ::-webkit-scrollbar-thumb {
+ background: #0a0a0d;
+ background: var(--scrollbar-thumb);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ ::-webkit-scrollbar-thumb {
+ background: #0a0a0d;
+ background: var(--scrollbar-thumb);
+ }
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background: #a8a8ae;
+ background: var(--scrollbar-thumb-hover);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ ::-webkit-scrollbar-thumb:hover {
+ background: rgb(0, 0, 0);
+ background: var(--scrollbar-thumb-hover);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ ::-webkit-scrollbar-thumb:hover {
+ background: rgb(0, 0, 0);
+ background: var(--scrollbar-thumb-hover);
+ }
+}
+
+::-moz-selection {
+ background-color: #c8c8cc;
+ background-color: var(--selection);
+ color: #111114;
+ color: var(--text-bright);
+}
+
+::selection {
+ background-color: #c8c8cc;
+ background-color: var(--selection);
+ color: #111114;
+ color: var(--text-bright);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ ::-moz-selection {
+ color: #e7e8ec;
+ color: var(--text-bright);
+ }
+
+ ::selection {
+ color: #e7e8ec;
+ color: var(--text-bright);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ ::-moz-selection {
+ background-color: #3a3a42;
+ background-color: var(--selection);
+ }
+
+ ::selection {
+ background-color: #3a3a42;
+ background-color: var(--selection);
+ }
+}
+
+details {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ background-color: #f0f0f3;
+ background-color: var(--background-alt);
+ padding: 10px 10px 0;
+ margin: 1em 0;
+ border-radius: 6px;
+ overflow: hidden;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ details {
+ background-color: #1e1e22;
+ background-color: var(--background-alt);
+ }
+}
+
+details[open] {
+ padding: 10px;
+}
+
+details > :last-child {
+ margin-bottom: 0;
+}
+
+details[open] summary {
+ margin-bottom: 10px;
+}
+
+summary {
+ display: list-item;
+ background-color: #eaeaed;
+ background-color: var(--background);
+ padding: 10px;
+ margin: -10px -10px 0;
+ cursor: pointer;
+ outline: none;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ summary {
+ background-color: #141417;
+ background-color: var(--background);
+ }
+}
+
+summary:hover,
+summary:focus {
+ text-decoration: underline;
+}
+
+details > :not(summary) {
+ margin-top: 0;
+}
+
+summary::-webkit-details-marker {
+ color: #2a2a2e;
+ color: var(--text-main);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ summary::-webkit-details-marker {
+ color: #cbced5;
+ color: var(--text-main);
+ }
+}
+
+dialog {
+ background-color: #f0f0f3;
+ background-color: var(--background-alt);
+ color: #2a2a2e;
+ color: var(--text-main);
+ border: none;
+ border-radius: 6px;
+ border-color: #c8c8cc;
+ border-color: var(--border);
+ padding: 10px 30px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ dialog {
+ border-color: #3a3d44;
+ border-color: var(--border);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ dialog {
+ color: #cbced5;
+ color: var(--text-main);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ dialog {
+ background-color: #1e1e22;
+ background-color: var(--background-alt);
+ }
+}
+
+dialog > header:first-child {
+ background-color: #eaeaed;
+ background-color: var(--background);
+ border-radius: 6px 6px 0 0;
+ margin: -10px -30px 10px;
+ padding: 10px;
+ text-align: center;
+}
+
+@media (prefers-color-scheme: dark) {
+
+ dialog > header:first-child {
+ background-color: #141417;
+ background-color: var(--background);
+ }
+}
+
+dialog::-webkit-backdrop {
+ background: #0000009c;
+ -webkit-backdrop-filter: blur(4px);
+ backdrop-filter: blur(4px);
+}
+
+dialog::backdrop {
+ background: #0000009c;
+ -webkit-backdrop-filter: blur(4px);
+ backdrop-filter: blur(4px);
+}
+
+footer {
+ border-top: 1px solid #c8c8cc;
+ border-top: 1px solid var(--border);
+ padding-top: 10px;
+ color: #5a5d66;
+ color: var(--text-muted);
+}
+
+@media (prefers-color-scheme: dark) {
+
+ footer {
+ color: #a0a6b2;
+ color: var(--text-muted);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+
+ footer {
+ border-top: 1px solid #3a3d44;
+ border-top: 1px solid var(--border);
+ }
+}
+
+body > footer {
+ margin-top: 40px;
+}
+
+@media print {
+ body,
+ pre,
+ code,
+ summary,
+ details,
+ button,
+ input,
+ textarea {
+ background-color: #fff;
+ }
+
+ button,
+ input,
+ textarea {
+ border: 1px solid #000;
+ }
+
+ body,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ pre,
+ code,
+ button,
+ input,
+ textarea,
+ footer,
+ summary,
+ strong {
+ color: #000;
+ }
+
+ summary::marker {
+ color: #000;
+ }
+
+ summary::-webkit-details-marker {
+ color: #000;
+ }
+
+ tbody tr:nth-child(even) {
+ background-color: #f2f2f2;
+ }
+
+ a {
+ color: #2a2a2e;
+ text-decoration: underline;
+ }
+}
diff --git a/out/noir.min.css b/out/noir.min.css
new file mode 100644
index 0000000..356eb42
--- /dev/null
+++ b/out/noir.min.css
@@ -0,0 +1 @@
+:root{--background-body:#f5f5f7;--background:#eaeaed;--background-alt:#f0f0f3;--selection:#c8c8cc;--text-main:#2a2a2e;--text-bright:#111114;--text-muted:#5a5d66;--links:#6e5a62;--focus:rgba(90,93,102,0.67);--border:#c8c8cc;--code:#2a2a2e;--animation-duration:0.1s;--button-base:#d4d4d8;--button-hover:#a8a8ae;--scrollbar-thumb:#b8b8bd;--scrollbar-thumb-hover:var(--button-hover);--form-placeholder:#7a7d86;--form-text:#1a1a1e;--variable:#5a6654;--highlight:#e0ddd8;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%232a2a2e'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root{--background-body:#1a1a1e;--background:#141417;--background-alt:#1e1e22;--selection:#3a3a42;--text-main:#cbced5;--text-bright:#e7e8ec;--text-muted:#a0a6b2;--links:#b2a0a6;--focus:rgba(160,166,178,0.67);--border:#3a3d44;--code:#cbced5;--animation-duration:0.1s;--button-base:#111114;--button-hover:#0a0a0d;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#000;--form-placeholder:#6e7179;--form-text:#e7e8ec;--variable:#a6b2a0;--highlight:#3a3d44;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23cbced5'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}html{scrollbar-color:#b8b8bd #f5f5f7;scrollbar-color:var(--scrollbar-thumb) var(--background-body);scrollbar-width:thin}@media (prefers-color-scheme:dark){html{scrollbar-color:#0a0a0d #1a1a1e;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;word-wrap:break-word;color:#2a2a2e;color:var(--text-main);background:#f5f5f7;background:var(--background-body);text-rendering:optimizeLegibility}@media (prefers-color-scheme:dark){body{background:#1a1a1e;background:var(--background-body);color:#cbced5;color:var(--text-main)}}button{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}@media (prefers-color-scheme:dark){button{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}}input{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}@media (prefers-color-scheme:dark){input{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}}textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}@media (prefers-color-scheme:dark){textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px;margin-top:24px}h1{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h1{color:#e7e8ec;color:var(--text-bright)}}h2{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h2{color:#e7e8ec;color:var(--text-bright)}}h3{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h3{color:#e7e8ec;color:var(--text-bright)}}h4{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h4{color:#e7e8ec;color:var(--text-bright)}}h5{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h5{color:#e7e8ec;color:var(--text-bright)}}h6{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){h6{color:#e7e8ec;color:var(--text-bright)}}strong{color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){strong{color:#e7e8ec;color:var(--text-bright)}}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote{border-left:4px solid rgba(90,93,102,.67);border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}@media (prefers-color-scheme:dark){blockquote{border-left:4px solid rgba(160,166,178,.67);border-left:4px solid var(--focus)}}q{border-left:4px solid rgba(90,93,102,.67);border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}@media (prefers-color-scheme:dark){q{border-left:4px solid rgba(160,166,178,.67);border-left:4px solid var(--focus)}}blockquote>footer{font-style:normal;border:0}address,blockquote cite{font-style:normal}a[href^=mailto\:]:before{content:"📧 "}a[href^=tel\:]:before{content:"📞 "}a[href^=sms\:]:before{content:"💬 "}mark{background-color:#e0ddd8;background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){mark{color:#e7e8ec;color:var(--text-bright);background-color:#3a3d44;background-color:var(--highlight)}}a>code,a>strong{color:inherit}button,input[type=button],input[type=checkbox],input[type=radio],input[type=range],input[type=reset],input[type=submit],select{cursor:pointer}input,select{display:block}[type=checkbox],[type=radio]{display:initial}input{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme:dark){input{background-color:#141417;background-color:var(--background);color:#e7e8ec;color:var(--form-text)}}button{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme:dark){button{background-color:#141417;background-color:var(--background);color:#e7e8ec;color:var(--form-text)}}textarea{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme:dark){textarea{background-color:#141417;background-color:var(--background);color:#e7e8ec;color:var(--form-text)}}select{color:#1a1a1e;color:var(--form-text);background-color:#eaeaed;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme:dark){select{background-color:#141417;background-color:var(--background);color:#e7e8ec;color:var(--form-text)}}button{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme:dark){button{background-color:#111114;background-color:var(--button-base)}}input[type=submit]{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme:dark){input[type=submit]{background-color:#111114;background-color:var(--button-base)}}input[type=reset]{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme:dark){input[type=reset]{background-color:#111114;background-color:var(--button-base)}}input[type=button]{background-color:#d4d4d8;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme:dark){input[type=button]{background-color:#111114;background-color:var(--button-base)}}button:hover{background:#a8a8ae;background:var(--button-hover)}@media (prefers-color-scheme:dark){button:hover{background:#0a0a0d;background:var(--button-hover)}}input[type=submit]:hover{background:#a8a8ae;background:var(--button-hover)}@media (prefers-color-scheme:dark){input[type=submit]:hover{background:#0a0a0d;background:var(--button-hover)}}input[type=reset]:hover{background:#a8a8ae;background:var(--button-hover)}@media (prefers-color-scheme:dark){input[type=reset]:hover{background:#0a0a0d;background:var(--button-hover)}}input[type=button]:hover{background:#a8a8ae;background:var(--button-hover)}@media (prefers-color-scheme:dark){input[type=button]:hover{background:#0a0a0d;background:var(--button-hover)}}input[type=color]{min-height:2rem;padding:8px;cursor:pointer}input[type=checkbox],input[type=radio]{height:1em;width:1em}input[type=radio]{border-radius:100%}input{vertical-align:top}label{vertical-align:middle;margin-bottom:4px;display:inline-block}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{display:block;margin-right:0;box-sizing:border-box;resize:vertical}textarea:not([cols]){width:100%}textarea:not([rows]){min-height:40px;height:140px}select{background:#eaeaed url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%232a2a2e'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}@media (prefers-color-scheme:dark){select{background:#141417 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23cbced5'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat}}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}input:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme:dark){input:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}}select:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme:dark){select:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}}button:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme:dark){button:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}}textarea:focus{box-shadow:0 0 0 2px rgba(90,93,102,.67);box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme:dark){textarea:focus{box-shadow:0 0 0 2px rgba(160,166,178,.67);box-shadow:0 0 0 2px var(--focus)}}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=reset]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-moz-placeholder{color:#7a7d86;color:var(--form-placeholder)}:-ms-input-placeholder{color:#7a7d86;color:var(--form-placeholder)}::-ms-input-placeholder{color:#7a7d86;color:var(--form-placeholder)}::placeholder{color:#7a7d86;color:var(--form-placeholder)}@media (prefers-color-scheme:dark){::-moz-placeholder{color:#6e7179;color:var(--form-placeholder)}:-ms-input-placeholder{color:#6e7179;color:var(--form-placeholder)}::-ms-input-placeholder{color:#6e7179;color:var(--form-placeholder)}::placeholder{color:#6e7179;color:var(--form-placeholder)}}fieldset{border:1px solid rgba(90,93,102,.67);border:1px solid var(--focus);border-radius:6px;margin:0 0 12px;padding:10px}@media (prefers-color-scheme:dark){fieldset{border:1px solid rgba(160,166,178,.67);border:1px solid var(--focus)}}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;-webkit-transition:.2s;transition:.2s;background:#eaeaed;background:var(--background);border-radius:3px}@media (prefers-color-scheme:dark){input[type=range]::-webkit-slider-runnable-track{background:#141417;background:var(--background)}}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border);-webkit-appearance:none;margin-top:-7px}@media (prefers-color-scheme:dark){input[type=range]::-webkit-slider-thumb{background:#3a3d44;background:var(--border)}}input[type=range]:focus::-webkit-slider-runnable-track{background:#eaeaed;background:var(--background)}@media (prefers-color-scheme:dark){input[type=range]:focus::-webkit-slider-runnable-track{background:#141417;background:var(--background)}}input[type=range]::-moz-range-track{width:100%;height:9.5px;-moz-transition:.2s;transition:.2s;background:#eaeaed;background:var(--background);border-radius:3px}@media (prefers-color-scheme:dark){input[type=range]::-moz-range-track{background:#141417;background:var(--background)}}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border)}@media (prefers-color-scheme:dark){input[type=range]::-moz-range-thumb{background:#3a3d44;background:var(--border)}}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#eaeaed;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}@media (prefers-color-scheme:dark){input[type=range]::-ms-fill-lower{background:#141417;background:var(--background)}}input[type=range]::-ms-fill-upper{background:#eaeaed;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}@media (prefers-color-scheme:dark){input[type=range]::-ms-fill-upper{background:#141417;background:var(--background)}}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#c8c8cc;background:var(--border)}@media (prefers-color-scheme:dark){input[type=range]::-ms-thumb{background:#3a3d44;background:var(--border)}}input[type=range]:focus::-ms-fill-lower{background:#eaeaed;background:var(--background)}@media (prefers-color-scheme:dark){input[type=range]:focus::-ms-fill-lower{background:#141417;background:var(--background)}}input[type=range]:focus::-ms-fill-upper{background:#eaeaed;background:var(--background)}@media (prefers-color-scheme:dark){input[type=range]:focus::-ms-fill-upper{background:#141417;background:var(--background)}}a{text-decoration:none;color:#6e5a62;color:var(--links)}@media (prefers-color-scheme:dark){a{color:#b2a0a6;color:var(--links)}}a:hover{text-decoration:underline}code{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}@media (prefers-color-scheme:dark){code{color:#cbced5;color:var(--code);background:#141417;background:var(--background)}}samp{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}@media (prefers-color-scheme:dark){samp{color:#cbced5;color:var(--code);background:#141417;background:var(--background)}}time{background:#eaeaed;background:var(--background);color:#2a2a2e;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}@media (prefers-color-scheme:dark){time{color:#cbced5;color:var(--code);background:#141417;background:var(--background)}}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#5a6654;color:var(--variable);font-style:normal;font-family:monospace}@media (prefers-color-scheme:dark){var{color:#a6b2a0;color:var(--variable)}}kbd{background:#eaeaed;background:var(--background);border:1px solid #c8c8cc;border:1px solid var(--border);border-radius:2px;color:#2a2a2e;color:var(--text-main);padding:2px 4px}@media (prefers-color-scheme:dark){kbd{color:#cbced5;color:var(--text-main);border:1px solid #3a3d44;border:1px solid var(--border);background:#141417;background:var(--background)}}img,video{max-width:100%;height:auto}hr{border:none;border-top:1px solid #c8c8cc;border-top:1px solid var(--border)}@media (prefers-color-scheme:dark){hr{border-top:1px solid #3a3d44;border-top:1px solid var(--border)}}table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed}table caption,td,th{text-align:left}td,th{padding:6px;vertical-align:top;word-wrap:break-word}thead{border-bottom:1px solid #c8c8cc;border-bottom:1px solid var(--border)}@media (prefers-color-scheme:dark){thead{border-bottom:1px solid #3a3d44;border-bottom:1px solid var(--border)}}tfoot{border-top:1px solid #c8c8cc;border-top:1px solid var(--border)}@media (prefers-color-scheme:dark){tfoot{border-top:1px solid #3a3d44;border-top:1px solid var(--border)}}tbody tr:nth-child(2n){background-color:#eaeaed;background-color:var(--background)}@media (prefers-color-scheme:dark){tbody tr:nth-child(2n){background-color:#141417;background-color:var(--background)}}tbody tr:nth-child(2n) button{background-color:#f0f0f3;background-color:var(--background-alt)}@media (prefers-color-scheme:dark){tbody tr:nth-child(2n) button{background-color:#1e1e22;background-color:var(--background-alt)}}tbody tr:nth-child(2n) button:hover{background-color:#f5f5f7;background-color:var(--background-body)}@media (prefers-color-scheme:dark){tbody tr:nth-child(2n) button:hover{background-color:#1a1a1e;background-color:var(--background-body)}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#eaeaed;background:var(--background);border-radius:6px}@media (prefers-color-scheme:dark){::-webkit-scrollbar-track{background:#141417;background:var(--background)}}::-webkit-scrollbar-thumb{background:#b8b8bd;background:var(--scrollbar-thumb);border-radius:6px}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background:#0a0a0d;background:var(--scrollbar-thumb)}}::-webkit-scrollbar-thumb:hover{background:#a8a8ae;background:var(--scrollbar-thumb-hover)}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb:hover{background:#000;background:var(--scrollbar-thumb-hover)}}::-moz-selection{background-color:#c8c8cc;background-color:var(--selection);color:#111114;color:var(--text-bright)}::selection{background-color:#c8c8cc;background-color:var(--selection);color:#111114;color:var(--text-bright)}@media (prefers-color-scheme:dark){::-moz-selection{color:#e7e8ec;color:var(--text-bright)}::selection{color:#e7e8ec;color:var(--text-bright)}}@media (prefers-color-scheme:dark){::-moz-selection{background-color:#3a3a42;background-color:var(--selection)}::selection{background-color:#3a3a42;background-color:var(--selection)}}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f0f0f3;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}@media (prefers-color-scheme:dark){details{background-color:#1e1e22;background-color:var(--background-alt)}}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#eaeaed;background-color:var(--background);padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}@media (prefers-color-scheme:dark){summary{background-color:#141417;background-color:var(--background)}}summary:focus,summary:hover{text-decoration:underline}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#2a2a2e;color:var(--text-main)}@media (prefers-color-scheme:dark){summary::-webkit-details-marker{color:#cbced5;color:var(--text-main)}}dialog{background-color:#f0f0f3;background-color:var(--background-alt);color:#2a2a2e;color:var(--text-main);border-radius:6px;border:#c8c8cc;border-color:var(--border);padding:10px 30px}@media (prefers-color-scheme:dark){dialog{border-color:#3a3d44;border-color:var(--border);color:#cbced5;color:var(--text-main);background-color:#1e1e22;background-color:var(--background-alt)}}dialog>header:first-child{background-color:#eaeaed;background-color:var(--background);border-radius:6px 6px 0 0;margin:-10px -30px 10px;padding:10px;text-align:center}@media (prefers-color-scheme:dark){dialog>header:first-child{background-color:#141417;background-color:var(--background)}}dialog::-webkit-backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog::backdrop{background:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}footer{border-top:1px solid #c8c8cc;border-top:1px solid var(--border);padding-top:10px;color:#5a5d66;color:var(--text-muted)}@media (prefers-color-scheme:dark){footer{color:#a0a6b2;color:var(--text-muted);border-top:1px solid #3a3d44;border-top:1px solid var(--border)}}body>footer{margin-top:40px}@media print{body,button,code,details,input,pre,summary,textarea{background-color:#fff}button,input,textarea{border:1px solid #000}body,button,code,footer,h1,h2,h3,h4,h5,h6,input,pre,strong,summary,textarea{color:#000}summary::marker{color:#000}summary::-webkit-details-marker{color:#000}tbody tr:nth-child(2n){background-color:#f2f2f2}a{color:#2a2a2e;text-decoration:underline}} \ No newline at end of file