<meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'>

<style type='text/css'>html {overflow-x: initial !important;}:root { --bg-color: #ffffff; --text-color: #333333; --select-text-bg-color: #B5D6FC; --select-text-font-color: auto; --monospace: "Lucida Console",Consolas,"Courier",monospace; --title-bar-height: 20px; }

.mac-os-11 { --title-bar-height: 28px; }

html { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5 { white-space: pre-wrap; }

body { margin: 0px; padding: 0px; height: auto; inset: 0px; font-size: 1rem; line-height: 1.42857; overflow-x: hidden; background: inherit; }

iframe { margin: auto; }

a.url { word-break: break-all; }

a:active, a:hover { outline: 0px; }

.in-text-selection, ::selection { text-shadow: none; background: var(--select-text-bg-color); color: var(--select-text-font-color); }

#write { margin: 0px auto; height: auto; width: inherit; word-break: normal; overflow-wrap: break-word; position: relative; white-space: normal; overflow-x: visible; padding-top: 36px; }

#write.first-line-indent p { text-indent: 2em; }

#write.first-line-indent li p, #write.first-line-indent p * { text-indent: 0px; }

#write.first-line-indent li { margin-left: 2em; }

.for-image #write { padding-left: 8px; padding-right: 8px; }

body.typora-export { padding-left: 30px; padding-right: 30px; }

.typora-export .footnote-line, .typora-export li, .typora-export p { white-space: pre-wrap; }

.typora-export .task-list-item input { pointer-events: none; }

@media screen and (max-width: 500px) {

body.typora-export { padding-left: 0px; padding-right: 0px; }

#write { padding-left: 20px; padding-right: 20px; }

}

#write li > figure:last-child { margin-bottom: 0.5rem; }

#write ol, #write ul { position: relative; }

img { max-width: 100%; vertical-align: middle; image-orientation: from-image; }

button, input, select, textarea { color: inherit; font: inherit; }

input[type="checkbox"], input[type="radio"] { line-height: normal; padding: 0px; }

*, ::after, ::before { box-sizing: border-box; }

#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p, #write pre { width: inherit; }

#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p { position: relative; }

p { line-height: inherit; }

h1, h2, h3, h4, h5, h6 { break-after: avoid-page; break-inside: avoid; orphans: 4; }

p { orphans: 4; }

h1 { font-size: 2rem; }

h2 { font-size: 1.8rem; }

h3 { font-size: 1.6rem; }

h4 { font-size: 1.4rem; }

h5 { font-size: 1.2rem; }

h6 { font-size: 1rem; }

.md-math-block, .md-rawblock, h1, h2, h3, h4, h5, h6, p { margin-top: 1rem; margin-bottom: 1rem; }

.hidden { display: none; }

.md-blockmeta { color: rgb(204, 204, 204); font-weight: 700; font-style: italic; }

a { cursor: pointer; }

sup.md-footnote { padding: 2px 4px; background-color: rgba(238, 238, 238, 0.7); color: rgb(85, 85, 85); border-radius: 4px; cursor: pointer; }

sup.md-footnote a, sup.md-footnote a:hover { color: inherit; text-transform: inherit; text-decoration: inherit; }

#write input[type="checkbox"] { cursor: pointer; width: inherit; height: inherit; }

figure { overflow-x: auto; margin: 1.2em 0px; max-width: calc(100% + 16px); padding: 0px; }

figure > table { margin: 0px; }

thead, tr { break-inside: avoid; break-after: auto; }

thead { display: table-header-group; }

table { border-collapse: collapse; border-spacing: 0px; width: 100%; overflow: auto; break-inside: auto; text-align: left; }

table.md-table td { min-width: 32px; }

.CodeMirror-gutters { border-right: 0px; background-color: inherit; }

.CodeMirror-linenumber { user-select: none; }

.CodeMirror { text-align: left; }

.CodeMirror-placeholder { opacity: 0.3; }

.CodeMirror pre { padding: 0px 4px; }

.CodeMirror-lines { padding: 0px; }

div.hr:focus { cursor: none; }

#write pre { white-space: pre-wrap; }

#write.fences-no-line-wrapping pre { white-space: pre; }

#write pre.ty-contain-cm { white-space: normal; }

.CodeMirror-gutters { margin-right: 4px; }

.md-fences { font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; overflow: visible; white-space: pre; background: inherit; position: relative !important; }

.md-fences-adv-panel { width: 100%; margin-top: 10px; text-align: center; padding-top: 0px; padding-bottom: 8px; overflow-x: auto; }

#write .md-fences.mock-cm { white-space: pre-wrap; }

.md-fences.md-fences-with-lineno { padding-left: 0px; }

#write.fences-no-line-wrapping .md-fences.mock-cm { white-space: pre; overflow-x: auto; }

.md-fences.mock-cm.md-fences-with-lineno { padding-left: 8px; }

.CodeMirror-line, twitterwidget { break-inside: avoid; }

svg { break-inside: avoid; }

.footnotes { opacity: 0.8; font-size: 0.9rem; margin-top: 1em; margin-bottom: 1em; }

.footnotes + .footnotes { margin-top: 0px; }

.md-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: top; background: 0px 0px; text-decoration: none; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; -webkit-tap-highlight-color: transparent; line-height: normal; font-weight: 400; text-align: left; box-sizing: content-box; direction: ltr; }

li div { padding-top: 0px; }

blockquote { margin: 1rem 0px; }

li .mathjax-block, li p { margin: 0.5rem 0px; }

li blockquote { margin: 1rem 0px; }

li { margin: 0px; position: relative; }

blockquote > :last-child { margin-bottom: 0px; }

blockquote > :first-child, li > :first-child { margin-top: 0px; }

.footnotes-area { color: rgb(136, 136, 136); margin-top: 0.714rem; padding-bottom: 0.143rem; white-space: normal; }

#write .footnote-line { white-space: pre-wrap; }

@media print {

body, html { border: 1px solid transparent; height: 99%; break-after: avoid; break-before: avoid; font-variant-ligatures: no-common-ligatures; }

#write { margin-top: 0px; border-color: transparent !important; padding-top: 0px !important; padding-bottom: 0px !important; }

.typora-export * { -webkit-print-color-adjust: exact; }

.typora-export #write { break-after: avoid; }

.typora-export #write::after { height: 0px; }

.is-mac table { break-inside: avoid; }

#write > p:nth-child(1) { margin-top: 0px; }

.typora-export-show-outline .typora-export-sidebar { display: none; }

figure { overflow-x: visible; }

}

.footnote-line { margin-top: 0.714em; font-size: 0.7em; }

a img, img a { cursor: pointer; }

pre.md-meta-block { font-size: 0.8rem; min-height: 0.8rem; white-space: pre-wrap; background: rgb(204, 204, 204); display: block; overflow-x: hidden; }

p > .md-image:only-child:not(.md-img-error) img, p > img:only-child { display: block; margin: auto; }

#write.first-line-indent p > .md-image:only-child:not(.md-img-error) img { left: -2em; position: relative; }

p > .md-image:only-child { display: inline-block; width: 100%; }

#write .MathJax_Display { margin: 0.8em 0px 0px; }

.md-math-block { width: 100%; }

.md-math-block:not(:empty)::after { display: none; }

.MathJax_ref { fill: currentcolor; }

[contenteditable="true"]:active, [contenteditable="true"]:focus, [contenteditable="false"]:active, [contenteditable="false"]:focus { outline: 0px; box-shadow: none; }

.md-task-list-item { position: relative; list-style-type: none; }

.task-list-item.md-task-list-item { padding-left: 0px; }

.md-task-list-item > input { position: absolute; top: 0px; left: 0px; margin-left: -1.2em; margin-top: calc(1em - 10px); border: none; }

.math { font-size: 1rem; }

.md-toc { min-height: 3.58rem; position: relative; font-size: 0.9rem; border-radius: 10px; }

.md-toc-content { position: relative; margin-left: 0px; }

.md-toc-content::after, .md-toc::after { display: none; }

.md-toc-item { display: block; color: rgb(65, 131, 196); }

.md-toc-item a { text-decoration: none; }

.md-toc-inner:hover { text-decoration: underline; }

.md-toc-inner { display: inline-block; cursor: pointer; }

.md-toc-h1 .md-toc-inner { margin-left: 0px; font-weight: 700; }

.md-toc-h2 .md-toc-inner { margin-left: 2em; }

.md-toc-h3 .md-toc-inner { margin-left: 4em; }

.md-toc-h4 .md-toc-inner { margin-left: 6em; }

.md-toc-h5 .md-toc-inner { margin-left: 8em; }

.md-toc-h6 .md-toc-inner { margin-left: 10em; }

@media screen and (max-width: 48em) {

.md-toc-h3 .md-toc-inner { margin-left: 3.5em; }

.md-toc-h4 .md-toc-inner { margin-left: 5em; }

.md-toc-h5 .md-toc-inner { margin-left: 6.5em; }

.md-toc-h6 .md-toc-inner { margin-left: 8em; }

}

a.md-toc-inner { font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; }

.footnote-line a:not(.reversefootnote) { color: inherit; }

.reversefootnote { font-family: ui-monospace, sans-serif; }

.md-attr { display: none; }

.md-fn-count::after { content: "."; }

code, pre, samp, tt { font-family: var(--monospace); }

kbd { margin: 0px 0.1em; padding: 0.1em 0.6em; font-size: 0.8em; color: rgb(36, 39, 41); background: rgb(255, 255, 255); border: 1px solid rgb(173, 179, 185); border-radius: 3px; box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset; white-space: nowrap; vertical-align: middle; }

.md-comment { color: rgb(162, 127, 3); opacity: 0.6; font-family: var(--monospace); }

code { text-align: left; vertical-align: initial; }

a.md-print-anchor { white-space: pre !important; border-width: initial !important; border-style: none !important; border-color: initial !important; display: inline-block !important; position: absolute !important; width: 1px !important; right: 0px !important; outline: 0px !important; background: 0px 0px !important; text-decoration: initial !important; text-shadow: initial !important; }

.os-windows.monocolor-emoji .md-emoji { font-family: "Segoe UI Symbol", sans-serif; }

.md-diagram-panel > svg { max-width: 100%; }

[lang="flow"] svg, [lang="mermaid"] svg { max-width: 100%; height: auto; }

[lang="mermaid"] .node text { font-size: 1rem; }

table tr th { border-bottom: 0px; }

video { max-width: 100%; display: block; margin: 0px auto; }

iframe { max-width: 100%; width: 100%; border: none; }

.highlight td, .highlight tr { border: 0px; }

mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }

.md-html-inline .md-plain, .md-html-inline strong, mark .md-inline-math, mark strong { color: inherit; }

.md-expand mark .md-meta { opacity: 0.3 !important; }

mark .md-meta { color: rgb(0, 0, 0); }

@media print {

.typora-export h1, .typora-export h2, .typora-export h3, .typora-export h4, .typora-export h5, .typora-export h6 { break-inside: avoid; }

}

.md-diagram-panel .messageText { stroke: none !important; }

.md-diagram-panel .start-state { fill: var(--node-fill); }

.md-diagram-panel .edgeLabel rect { opacity: 1 !important; }

.md-fences.md-fences-math { font-size: 1em; }

.md-fences-advanced:not(.md-focus) { padding: 0px; white-space: nowrap; border: 0px; }

.md-fences-advanced:not(.md-focus) { background: inherit; }

.typora-export-show-outline .typora-export-content { max-width: 1440px; margin: auto; display: flex; flex-direction: row; }

.typora-export-sidebar { width: 300px; font-size: 0.8rem; margin-top: 80px; margin-right: 18px; }

.typora-export-show-outline #write { --webkit-flex: 2; flex: 2 1 0%; }

.typora-export-sidebar .outline-content { position: fixed; top: 0px; max-height: 100%; overflow: hidden auto; padding-bottom: 30px; padding-top: 60px; width: 300px; }

@media screen and (max-width: 1024px) {

.typora-export-sidebar, .typora-export-sidebar .outline-content { width: 240px; }

}

@media screen and (max-width: 800px) {

.typora-export-sidebar { display: none; }

}

.outline-content li, .outline-content ul { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; list-style: none; overflow-wrap: anywhere; }

.outline-content ul { margin-top: 0px; margin-bottom: 0px; }

.outline-content strong { font-weight: 400; }

.outline-expander { width: 1rem; height: 1.42857rem; position: relative; display: table-cell; vertical-align: middle; cursor: pointer; padding-left: 4px; }

.outline-expander::before { content: ""; position: relative; font-family: Ionicons; display: inline-block; font-size: 8px; vertical-align: middle; }

.outline-item { padding-top: 3px; padding-bottom: 3px; cursor: pointer; }

.outline-expander:hover::before { content: ""; }

.outline-h1 > .outline-item { padding-left: 0px; }

.outline-h2 > .outline-item { padding-left: 1em; }

.outline-h3 > .outline-item { padding-left: 2em; }

.outline-h4 > .outline-item { padding-left: 3em; }

.outline-h5 > .outline-item { padding-left: 4em; }

.outline-h6 > .outline-item { padding-left: 5em; }

.outline-label { cursor: pointer; display: table-cell; vertical-align: middle; text-decoration: none; color: inherit; }

.outline-label:hover { text-decoration: underline; }

.outline-item:hover { border-color: rgb(245, 245, 245); background-color: var(--item-hover-bg-color); }

.outline-item:hover { margin-left: -28px; margin-right: -28px; border-left: 28px solid transparent; border-right: 28px solid transparent; }

.outline-item-single .outline-expander::before, .outline-item-single .outline-expander:hover::before { display: none; }

.outline-item-open > .outline-item > .outline-expander::before { content: ""; }

.outline-children { display: none; }

.info-panel-tab-wrapper { display: none; }

.outline-item-open > .outline-children { display: block; }

.typora-export .outline-item { padding-top: 1px; padding-bottom: 1px; }

.typora-export .outline-item:hover { margin-right: -8px; border-right: 8px solid transparent; }

.typora-export .outline-expander::before { content: "+"; font-family: inherit; top: -1px; }

.typora-export .outline-expander:hover::before, .typora-export .outline-item-open > .outline-item > .outline-expander::before { content: "−"; }

.typora-export-collapse-outline .outline-children { display: none; }

.typora-export-collapse-outline .outline-item-open > .outline-children, .typora-export-no-collapse-outline .outline-children { display: block; }

.typora-export-no-collapse-outline .outline-expander::before { content: "" !important; }

.typora-export-show-outline .outline-item-active > .outline-item .outline-label { font-weight: 700; }

.md-inline-math-container mjx-container { zoom: 0.95; }

mjx-container { break-inside: avoid; }

.md-alert.md-alert-note { border-left-color: rgb(9, 105, 218); }

.md-alert.md-alert-important { border-left-color: rgb(130, 80, 223); }

.md-alert.md-alert-warning { border-left-color: rgb(154, 103, 0); }

.md-alert.md-alert-tip { border-left-color: rgb(31, 136, 61); }

.md-alert.md-alert-caution { border-left-color: rgb(207, 34, 46); }

.md-alert { padding: 0px 1em; margin-bottom: 16px; color: inherit; border-left: 0.25em solid rgb(0, 0, 0); }

.md-alert-text-note { color: rgb(9, 105, 218); }

.md-alert-text-important { color: rgb(130, 80, 223); }

.md-alert-text-warning { color: rgb(154, 103, 0); }

.md-alert-text-tip { color: rgb(31, 136, 61); }

.md-alert-text-caution { color: rgb(207, 34, 46); }

.md-alert-text { font-size: 0.9rem; font-weight: 700; }

.md-alert-text svg { fill: currentcolor; position: relative; top: 0.125em; margin-right: 1ch; overflow: visible; }

.md-alert-text-container::after { content: attr(data-text); text-transform: capitalize; pointer-events: none; margin-right: 1ch; }

:root{

--red-50:#fef2f2;

--red-100:#fee2e2;

--red-200:#fecaca;

--red-300:#fca5a5;

--red-400:#f87171;

--red-500:#ef4444;

--red-600:#dc2626;

--red-700:#b91c1c;

--red-800:#991b1b;

--red-900:#7f1d1d;

--orange-50:#fff7ed;

--orange-100:#ffedd5;

--orange-200:#fed7aa;

--orange-300:#fdba74;

--orange-400:#fb923c;

--orange-500:#f97316;

--orange-600:#ea580c;

--orange-700:#c2410c;

--orange-800:#9a3412;

--orange-900:#7c2d12;

--amber-50:#fffbeb;

--amber-100:#fef3c7;

--amber-200:#fde68a;

--amber-300:#fcd34d;

--amber-400:#fbbf24;

--amber-500:#f59e0b;

--amber-600:#d97706;

--amber-700:#b45309;

--amber-800:#92400e;

--amber-900:#78350f;

--yellow-50:#fefce8;

--yellow-100:#fef9c3;

--yellow-200:#fef08a;

--yellow-300:#fde047;

--yellow-400:#facc15;

--yellow-500:#eab308;

--yellow-600:#ca8a04;

--yellow-700:#a16207;

--yellow-800:#854d0e;

--yellow-900:#713f12;

--lime-50:#f7fee7;

--lime-100:#ecfccb;

--lime-200:#d9f99d;

--lime-300:#bef264;

--lime-400:#a3e635;

--lime-500:#84cc16;

--lime-600:#65a30d;

--lime-700:#4d7c0f;

--lime-800:#3f6212;

--lime-900:#365314;

--green-50:#f0fdf4;

--green-100:#dcfce7;

--green-200:#bbf7d0;

--green-300:#86efac;

--green-400:#4ade80;

--green-500:#22c55e;

--green-600:#16a34a;

--green-700:#15803d;

--green-800:#166534;

--green-900:#14532d;

--emerald-50:#ecfdf5;

--emerald-100:#d1fae5;

--emerald-200:#a7f3d0;

--emerald-300:#6ee7b7;

--emerald-400:#34d399;

--emerald-500:#10b981;

--emerald-600:#059669;

--emerald-700:#047857;

--emerald-800:#065f46;

--emerald-900:#064e3b;

--teal-50:#f0fdfa;

--teal-100:#ccfbf1;

--teal-200:#99f6e4;

--teal-300:#5eead4;

--teal-400:#2dd4bf;

--teal-500:#14b8a6;

--teal-600:#0d9488;

--teal-700:#0f766e;

--teal-800:#115e59;

--teal-900:#134e4a;

--cyan-50:#ecfeff;

--cyan-100:#cffafe;

--cyan-200:#a5f3fc;

--cyan-300:#67e8f9;

--cyan-400:#22d3ee;

--cyan-500:#06b6d4;

--cyan-600:#0891b2;

--cyan-700:#0e7490;

--cyan-800:#155e75;

--cyan-900:#164e63;

--sky-50:#f0f9ff;

--sky-100:#e0f2fe;

--sky-200:#bae6fd;

--sky-300:#7dd3fc;

--sky-400:#38bdf8;

--sky-500:#0ea5e9;

--sky-600:#0284c7;

--sky-700:#0369a1;

--sky-800:#075985;

--sky-900:#0c4a6e;

--blue-50:#eff6ff;

--blue-100:#dbeafe;

--blue-200:#bfdbfe;

--blue-300:#93c5fd;

--blue-400:#60a5fa;

--blue-500:#3b82f6;

--blue-600:#2563eb;

--blue-700:#1d4ed8;

--blue-800:#1e40af;

--blue-900:#1e3a8a;

--indigo-50:#eef2ff;

--indigo-100:#e0e7ff;

--indigo-200:#c7d2fe;

--indigo-300:#a5b4fc;

--indigo-400:#818cf8;

--indigo-500:#6366f1;

--indigo-600:#4f46e5;

--indigo-700:#4338ca;

--indigo-800:#3730a3;

--indigo-900:#312e81;

--violet-50:#f5f3ff;

--violet-100:#ede9fe;

--violet-200:#ddd6fe;

--violet-300:#c4b5fd;

--violet-400:#a78bfa;

--violet-500:#8b5cf6;

--violet-600:#7c3aed;

--violet-700:#6d28d9;

--violet-800:#5b21b6;

--violet-900:#4c1d95;

--purple-50:#faf5ff;

--purple-100:#f3e8ff;

--purple-200:#e9d5ff;

--purple-300:#d8b4fe;

--purple-400:#c084fc;

--purple-500:#a855f7;

--purple-600:#9333ea;

--purple-700:#7e22ce;

--purple-800:#6b21a8;

--purple-900:#581c87;

--fuchsia-50:#fdf4ff;

--fuchsia-100:#fae8ff;

--fuchsia-200:#f5d0fe;

--fuchsia-300:#f0abfc;

--fuchsia-400:#e879f9;

--fuchsia-500:#d946ef;

--fuchsia-600:#c026d3;

--fuchsia-700:#a21caf;

--fuchsia-800:#86198f;

--fuchsia-900:#701a75;

--pink-50:#fdf2f8;

--pink-100:#fce7f3;

--pink-200:#fbcfe8;

--pink-300:#f9a8d4;

--pink-400:#f472b6;

--pink-500:#ec4899;

--pink-600:#db2777;

--pink-700:#be185d;

--pink-800:#9d174d;

--pink-900:#831843;

--rose-50:#fff1f2;

--rose-100:#ffe4e6;

--rose-200:#fecdd3;

--rose-300:#fda4af;

--rose-400:#fb7185;

--rose-500:#f43f5e;

--rose-600:#e11d48;

--rose-700:#be123c;

--rose-800:#9f1239;

--rose-900:#881337;

--slate-50:#f8fafc;

--slate-100:#f1f5f9;

--slate-200:#e2e8f0;

--slate-300:#cbd5e1;

--slate-400:#94a3b8;

--slate-500:#64748b;

--slate-600:#475569;

--slate-700:#334155;

--slate-800:#1e293b;

--slate-900:#0f172a;

--gray-50:#f9fafb;

--gray-100:#f3f4f6;

--gray-200:#e5e7eb;

--gray-300:#d1d5db;

--gray-400:#9ca3af;

--gray-500:#6b7280;

--gray-600:#4b5563;

--gray-700:#374151;

--gray-800:#1f2937;

--gray-900:#111827;

--zinc-50:#fafafa;

--zinc-100:#f4f4f5;

--zinc-200:#e4e4e7;

--zinc-300:#d4d4d8;

--zinc-400:#a1a1aa;

--zinc-500:#71717a;

--zinc-600:#52525b;

--zinc-700:#3f3f46;

--zinc-800:#27272a;

--zinc-900:#18181b;

--neutral-50:#fafafa;

--neutral-100:#f5f5f5;

--neutral-200:#e5e5e5;

--neutral-300:#d4d4d4;

--neutral-400:#a3a3a3;

--neutral-500:#737373;

--neutral-600:#525252;

--neutral-700:#404040;

--neutral-800:#262626;

--neutral-900:#171717;

--stone-50:#fafaf9;

--stone-100:#f5f5f4;

--stone-200:#e7e5e4;

--stone-300:#d6d3d1;

--stone-400:#a8a29e;

--stone-500:#78716c;

--stone-600:#57534e;

--stone-700:#44403c;

--stone-800:#292524;

--stone-900:#1c1917;

}

:root{

--color-primary:var(--sky-600);

--color-secondary:var(--violet-500);

--marked-background:var(--yellow-300);

--search-match-background:var(--pink-100);

--search-match-border-color:var(--pink-500);

--selection-background:var(--sky-100);

--mono-50:var(--neutral-50);

--mono-100:var(--neutral-100);

--mono-200:var(--neutral-200);

--mono-300:var(--neutral-300);

--mono-400:var(--neutral-400);

--mono-500:var(--neutral-500);

--mono-600:var(--neutral-600);

--mono-700:var(--neutral-700);

--mono-800:var(--neutral-800);

--mono-900:var(--neutral-900);

--font-family:"InterVariable", "Inter", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

--font-size:16px;

--font-size-mono:0.9375em;

--font-size-ui:14px;

--font-weight:400;

--font-weight-mono:500;

}

:root{

--color-hover:var(--mono-200);

--color-hover-content:inherit;

--color-primary-content:#fff;

--color-status:var(--mono-500);

--color-status-content:#fff;

--font-family-diagram:var(--font-family);

--font-family-ui:var(--font-family);

--font-size-xxl:calc(var(--font-size-xl) * var(--modular-scale));

--font-size-xl:calc(var(--font-size-l) * var(--modular-scale));

--font-size-l:calc(1rem * var(--modular-scale));

--font-size-m:1rem;

--font-size-s:max(0.75rem, calc(1rem / var(--modular-scale)));

--font-size-xs:max(0.6875rem, calc(var(--font-size-s) / var(--modular-scale)));

--font-size-ui-xl:calc(var(--font-size-ui-l) * var(--modular-scale));

--font-size-ui-l:calc(var(--font-size-ui) * var(--modular-scale));

--font-size-ui-s:max(12px, calc(var(--font-size-ui) * 0.857));

--line-height:1.6;

--modular-scale:1.414;

--background-color:var(--mono-50);

--border-color:var(--mono-200);

--border-radius:6px;

--border-radius-s:3px;

--border-radius-xs:1px;

--btn-toggle-active-background:;

--btn-toggle-active-color:var(--color-primary);

--btn-toggle-background:;

--btn-toggle-color:var(--mono-400);

--btn-toggle-hover-background:var(--color-hover);

--btn-toggle-hover-color:var(--color-hover-content);

--drop-shadow:drop-shadow(0 3px 5px rgba(0, 0, 0, 0.15));

--input-background:#fff;

--input-border-color:var(--border-color);

--input-focus-color:var(--color-primary);

--input-color:var(--text-color);

--input-placeholder-color:var(--mono-400);

--kbd-background:var(--mono-600);

--kbd-border-color:transparent;

--kbd-color:#fff;

--max-width:85ch;

--md-brackets:var(--mono-400);

--md-brackets-expanded:var(--color-secondary);

--md-tags:var(--md-brackets);

--md-tags-expanded:var(--md-brackets-expanded);

--menu-background:#fff;

--menu-border-width:0;

--menu-color:inherit;

--scrollbar-thumb-color:var(--mono-300);

--scrollbar-width:6px;

--search-match-color:var(--text-color);

--selection-color:;

--sidebar-active-background:var(--color-hover);

--sidebar-active-color:var(--color-hover-content);

--sidebar-background:var(--mono-100);

--sidebar-border-color:var(--mono-200);

--sidebar-border-width:1px;

--sidebar-color:var(--mono-700);

--sidebar-hover-background:var(--color-hover);

--sidebar-hover-color:var(--color-hover-content);

--text-color:var(--mono-700);

--tooltip-background:var(--mono-50);

--tooltip-text-color:var(--mono-800);

--blockquote-background:var(--mono-100);

--blockquote-border-color:var(--color-primary);

--blockquote-border-width:0 0 0 4px;

--blockquote-color:inherit;

--blockquote-padding:1rem 1.5rem 1rem 1.5rem;

--code-inline-background:var(--mono-200);

--code-inline-color:var(--strong-color);

--code-padding-tb:1.5em;

--code-padding-lr:1.5em;

--checkbox-background:var(--mono-100);

--checkbox-border-color:var(--mono-300);

--checkbox-border-radius:var(--border-radius-s);

--checkbox-check-color:var(--color-primary-content);

--checkbox-size:1.2rem;

--counter-color:inherit;

--h1-font-size:var(--font-size-xxl);

--h1-letter-spacing:-0.03em;

--h2-font-size:var(--font-size-xl);

--h2-letter-spacing:-0.02em;

--h3-font-size:var(--font-size-l);

--h3-letter-spacing:-0.01em;

--h4-font-size:var(--font-size-m);

--h5-font-size:var(--font-size-m);

--h6-font-size:var(--font-size-s);

--heading-color:var(--mono-800);

--heading-font-weight:800;

--hr-color:var(--mono-300);

--hr-height:2px;

--link-color:var(--color-primary);

--marked-color:inherit;

--marker-color:inherit;

--strong-color:var(--mono-800);

--strong-font-weight:600;

--table-edit-active-background:var(--mono-500);

--table-edit-active-color:var(--mono-50);

--table-edit-background:var(--mono-200);

--table-edit-color:var(--mono-600);

--table-edit-hover-background:var(--mono-300);

--table-edit-hover-color:var(--table-edit-color);

--tbody-border-color:unset;

--tbody-border-width:unset;

--td-border-color:unset;

--td-border-width:unset;

--td-padding:0.5rem 0.75rem;

--th-border-color:unset;

--th-border-width:unset;

--th-color:var(--strong-color);

--th-font-weight:var(--strong-font-weight);

--th-padding:0 0.75rem 0.5rem 0.75rem;

--thead-border-color:var(--mono-300);

--thead-border-width:0 0 2px 0;

--tr-alt-background:var(--mono-100);

--tr-border-color:var(--mono-200);

--tr-border-width:0 0 1px 0;

--code-activeline-background:var(--mono-200);

--code-atom-color:var(--amber-600);

--code-attribute-color:var(--sky-600);

--code-background:var(--mono-100);

--code-bracket-color:var(--mono-400);

--code-builtin-color:var(--emerald-600);

--code-comment-color:var(--mono-400);

--code-cursor-border:2px solid var(--color-primary);

--code-def-color:var(--violet-600);

--code-error-color:var(--red-600);

--code-gutter-border-color:var(--mono-200);

--code-keyword-color:var(--sky-600);

--code-language-background:var(--code-activeline-background);

--code-language-color:var(--code-text-color);

--code-linenumber-color:var(--mono-400);

--code-link-color:;

--code-meta-color:var(--rose-600);

--code-number-color:;

--code-operator-color:var(--rose-600);

--code-property-color:var(--sky-600);

--code-qualifier-color:var(--emerald-600);

--code-selected-background:var(--selection-background);

--code-string-color:;

--code-string-2-color:;

--code-tag-color:var(--violet-600);

--code-text-color:var(--mono-700);

--code-type-color:var(--rose-600);

--code-variable-color:var(--cyan-600);

--code-variable-2-color:var(--cyan-600);

--code-variable-3-color:var(--emerald-600);

--mermaid-theme:neutral;

--mermaid-font-family:;

--mermaid-flowchart-curve:basis;

--mermaid-sequence-numbers:off;

--mermaid--gantt-left-padding:75;

--sequence-theme:simple;

}

@media print{

:root{

--background-color:#fff;

}

}

:root{

--active-file-bg-color:var(--sidebar-active-background);

--active-file-text-color:var(--sidebar-active-color);

--bg-color:var(--background-color);

--control-text-color:var(--sidebar-color);

--control-text-hover-color:var(--sidebar-hover-color);

--item-hover-bg-color:var(--color-hover);

--item-hover-text-color:var(--color-hover-content);

--md-char-color:var(--md-brackets-expanded);

--meta-content-color:inherit;

--monospace:var(--font-family-mono);

--search-select-bg-color:var(--search-match-background);

--search-select-text-color:var(--search-match-color);

--select-text-bg-color:var(--selection-background);

--window-border:1px solid var(--border-color);

}

::before,

::after{

box-sizing:border-box;

border:0;

border-style:solid;

border-color:currentColor;

}

body{

margin:0;

line-height:var(--line-height);

}

html{

accent-color:var(--color-primary);

font-family:var(--font-family-ui);

font-feature-settings:"liga" 1, "calt" 1;

font-optical-sizing:auto;

font-size:var(--font-size);

font-weight:var(--font-weight);

}

a code{

color:var(--link-color);

}

a{

text-decoration:underline;

}

:where(abbr, dfn)[title]{

cursor:help;

border-bottom:1px dotted;

}

strong{

color:var(--strong-color);

font-weight:var(--strong-font-weight);

}

blockquote{

margin:1.5rem 0;

padding:var(--blockquote-padding);

border-width:var(--blockquote-border-width);

border-color:var(--blockquote-border-color);

background:var(--blockquote-background);

color:var(--blockquote-color);

}

pre{

font-family:var(--font-family-mono);

font-size:var(--font-size-mono);

}

kbd{

padding:.2em .75em .3em .75em;

border-color:var(--kbd-border-color);

border-radius:var(--border-radius);

background:var(--kbd-background);

color:var(--kbd-color);

box-shadow:none;

}

pre{

font-size:var(--font-size-mono);

font-weight:var(--font-weight-mono);

}

hr{

border-color:var(--hr-color);

border-top-width:var(--hr-height);

}

input::placeholder,

textarea::placeholder{

color:var(--input-placeholder-color) !important;

}

mark{

border-radius:var(--border-radius-xs);

box-shadow:0 0 0 1px var(--marked-background);

background:var(--marked-background);

color:var(--marked-color);

}

p{

margin-top:1em;

margin-bottom:1em;

}

::-webkit-scrollbar-thumb{

background-color:var(--scrollbar-thumb-color);

}

.mac-os{

::-webkit-scrollbar{

max-width:var(--scrollbar-width);

max-height:var(--scrollbar-width);

}

::-webkit-scrollbar-thumb{

border-radius:100vw;

}

}

body:not([class*="seamless"]) :is(#typora-sidebar, content){

border-top:1px solid var(--border-color);

}

.blink-area{

-webkit-animation:none;

animation:none;

}

.btn-primary,

.btn-primary:hover{

background:var(--color-primary);

color:var(--color-primary-content);

}

.btn-primary:hover{

filter:contrast(1.2);

}

.context-menu,

.dropdown-menu,

:is(.context-menu, .dropdown-menu) > li > a{

color:var(--menu-color);

}

.context-menu,

.dropdown-menu{

border:var(--menu-border-width) solid var(--border-color);

background:var(--menu-background);

font-size:var(--font-size-ui);

}

:is(.context-menu, .dropdown-menu) .ty-menu-shortcut{

font-family:var(--font-family-ui);

}

.context-menu .divider{

border-top:1px solid var(--border-color);

opacity:1;

}

.form-control:focus{

-webkit-box-shadow:none;

box-shadow:none;

}

.code-tooltip-content *{

color:unset;

}

#ty-tooltip{

border:0;

background:var(--tooltip-background);

color:var(--tooltip-text-color);

}

#ty-auto-suggest{

border-radius:var(--border-radius);

font-size:var(--font-size-s);

box-shadow:none;

filter:var(--drop-shadow);

}