From cc2e7e26454bea3e8eba8904b464496bd8631106 Mon Sep 17 00:00:00 2001
From: TheodoreChu <22967798+TheodoreChu@users.noreply.github.com>
Date: Mon, 8 Feb 2021 21:49:06 -0800
Subject: [PATCH] fix: make header font-weight in Dynamic consistent with other
editingModes
---
build/asset-manifest.json | 6 +++---
build/index.html | 2 +-
...ain.af564bad.chunk.css => main.94378724.chunk.css} | 4 ++--
build/static/css/main.94378724.chunk.css.map | 1 +
build/static/css/main.af564bad.chunk.css.map | 1 -
src/stylesheets/dynamicEditor.scss | 11 +++++++++++
6 files changed, 18 insertions(+), 7 deletions(-)
rename build/static/css/{main.af564bad.chunk.css => main.94378724.chunk.css} (85%)
create mode 100644 build/static/css/main.94378724.chunk.css.map
delete mode 100644 build/static/css/main.af564bad.chunk.css.map
diff --git a/build/asset-manifest.json b/build/asset-manifest.json
index e0e6b09..b3f0892 100644
--- a/build/asset-manifest.json
+++ b/build/asset-manifest.json
@@ -4,7 +4,7 @@
"static/js/0.55f8f759.chunk.js.map": "./static/js/0.55f8f759.chunk.js.map",
"static/js/1.60eef272.chunk.js": "./static/js/1.60eef272.chunk.js",
"static/js/1.60eef272.chunk.js.map": "./static/js/1.60eef272.chunk.js.map",
- "main.css": "./static/css/main.af564bad.chunk.css",
+ "main.css": "./static/css/main.94378724.chunk.css",
"main.js": "./static/js/main.bfb5c09b.chunk.js",
"main.js.map": "./static/js/main.bfb5c09b.chunk.js.map",
"runtime-main.js": "./static/js/runtime-main.a6ea03f7.js",
@@ -156,7 +156,7 @@
"static/js/75.688eaa0b.chunk.js.map": "./static/js/75.688eaa0b.chunk.js.map",
"index.html": "./index.html",
"static/css/4.71f52f70.chunk.css.map": "./static/css/4.71f52f70.chunk.css.map",
- "static/css/main.af564bad.chunk.css.map": "./static/css/main.af564bad.chunk.css.map",
+ "static/css/main.94378724.chunk.css.map": "./static/css/main.94378724.chunk.css.map",
"static/js/4.c8b0fdd3.chunk.js.LICENSE.txt": "./static/js/4.c8b0fdd3.chunk.js.LICENSE.txt",
"static/js/67.4f8da862.chunk.js.LICENSE.txt": "./static/js/67.4f8da862.chunk.js.LICENSE.txt",
"static/media/codicon.css": "./static/media/codicon.4168b9c1.ttf"
@@ -165,7 +165,7 @@
"static/js/runtime-main.a6ea03f7.js",
"static/css/4.71f52f70.chunk.css",
"static/js/4.c8b0fdd3.chunk.js",
- "static/css/main.af564bad.chunk.css",
+ "static/css/main.94378724.chunk.css",
"static/js/main.bfb5c09b.chunk.js"
]
}
\ No newline at end of file
diff --git a/build/index.html b/build/index.html
index f65e92b..c0b1eeb 100644
--- a/build/index.html
+++ b/build/index.html
@@ -1 +1 @@
-
Append Editor
\ No newline at end of file
+Append Editor
\ No newline at end of file
diff --git a/build/static/css/main.af564bad.chunk.css b/build/static/css/main.94378724.chunk.css
similarity index 85%
rename from build/static/css/main.af564bad.chunk.css
rename to build/static/css/main.94378724.chunk.css
index 7b573ec..1fc42dd 100644
--- a/build/static/css/main.af564bad.chunk.css
+++ b/build/static/css/main.94378724.chunk.css
@@ -1,2 +1,2 @@
-body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.hljs{display:block;overflow-x:auto;padding:.5em;background:#fff;color:#000}.hljs-comment,.hljs-quote,.hljs-variable{color:green}.hljs-built_in,.hljs-keyword,.hljs-name,.hljs-selector-tag,.hljs-tag{color:#00f}.hljs-addition,.hljs-attribute,.hljs-literal,.hljs-section,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type{color:#a31515}.hljs-deletion,.hljs-meta,.hljs-selector-attr,.hljs-selector-pseudo{color:#2b91af}.hljs-doctag{color:grey}.hljs-attr{color:red}.hljs-bullet,.hljs-link,.hljs-symbol{color:#00b0e8}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}:root{--sn-stylekit-font-size-editor:16px;--sn-stylekit-monospace-font:SFMono-Regular,Consolas,Liberation Mono,Menlo,"Ubuntu Mono",courier,monospace}@media screen and (max-width:650px){:root{--sn-stylekit-font-size-editor:18px}h1{font-size:1.75em}}body,html{background-color:transparent;background-color:var(--sn-stylekit-background-color);font-family:var(--sn-stylekit-sans-serif-font);font-size:var(--sn-stylekit-base-font-size);height:100%;margin:0;padding:0;width:100%}body.fixed-height,html.fixed-height{overflow-y:hidden}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}button{color:var(--sn-stylekit-foreground-color);background-color:transparent;border-width:0;font-family:var(--sn-stylekit-sans-serif-font);font-size:16px;font-size:var(--sn-stylekit-font-size-editor)}button.off svg{opacity:.75}button.off:hover{background-color:var(--sn-stylekit-contrast-background-color)}button:hover{cursor:pointer}button.chevron-toggle-button{padding-left:0;display:flex}button.menu-button{display:flex;margin:8px 20px;padding:8px 16px;text-align:left}button.menu-button svg{margin-top:auto}button.menu-button.chevron-toggle-button{padding-top:0;padding-bottom:0}@media screen and (min-width:330px){button.menu-button.chevron-toggle-button{padding:0}}button .chevron-button-caption,button .chevron-icon{line-height:20px;margin-top:5px;margin-bottom:5px}button .button-caption{padding-left:5px}button:hover{background-color:var(--sn-stylekit-contrast-background-color)}button:focus{outline:1px auto -webkit-focus-ring-color;outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:1px}.sn-component{display:flex;flex-direction:column;min-height:99.9vh}@media screen and (max-width:420px){.sn-component{min-height:-webkit-fill-available}}.sn-component .sk-button.info,.sn-component .sk-button.neutral{font-size:16px;font-size:var(--sn-stylekit-font-size-editor)}.sn-component .sk-panel.main{max-width:700px;width:100%;margin:10px 5px}.sn-component .sk-panel.main.appendix,.sn-component .sk-panel.main.edit,.sn-component .sk-panel.main.view{max-width:calc(700px - 2em);padding:1em 1em 0}@media screen and (max-width:725px){.sn-component .sk-panel.main{border-left:none;border-right:none;border-bottom:none;box-shadow:none;margin:0;padding:0}}.sn-component .sk-panel.main.MonacoEditorContainerParentDiv{max-width:800px;overflow-x:hidden!important}@media screen and (max-width:725px){.sn-component .sk-panel.main.otherEditor{border-top:none}}.sn-component .sk-input.textarea{min-height:136px;padding:9px 10px;max-width:calc(100% - 22px);width:100%;height:100%;resize:vertical;overflow-y:auto;font-family:var(--sn-stylekit-sans-serif-font);font-size:16px;font-size:var(--sn-stylekit-font-size-editor);line-height:1.7}.sn-component .sk-input.textarea:focus{outline:1px auto -webkit-focus-ring-color;outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:1px}.sn-component .sk-input.textarea.editnote{max-height:calc(100% - 32px)}.sn-component .sk-input.textarea.append{max-height:calc(100% - 22px)}.sn-component .sk-panel-row{padding-top:.5rem;padding-bottom:.5rem}.sn-component .sk-button-group{display:flex;margin-left:auto;margin-right:auto}.sn-component .sk-panel-section:last-child{margin-bottom:0}#header{background-color:var(--sn-stylekit-background-color);display:flex;overflow:auto;padding:10px 0;width:100%}#header svg:after{content:"";background:var(--sn-stylekit-info-color);opacity:.1}#header .sk-button-group{max-width:700px;padding-left:2px;padding-right:2px}#header .sk-button-group .divider{opacity:.25;cursor:unset;margin-right:0}@media screen and (max-width:330px){#header .sk-button-group .divider{display:none}}#header.fixed{position:fixed;z-index:10}.menu-overlay{background-color:var(--sn-stylekit-neutral-color);cursor:pointer;height:100%;left:0;opacity:.2;position:fixed;top:60.2px;width:100%;z-index:9}@media screen and (max-width:330px){.menu-overlay{top:56.2px}}#menu{background-color:var(--sn-stylekit-background-color);border:1px solid var(--sn-stylekit-border-color);border-right-width:0;display:flex;flex-direction:column;height:calc(100% - 62px);margin-right:0;margin-top:0;max-width:60%;min-width:330px;overflow-y:auto;position:fixed;right:0;width:100%;z-index:10}@media screen and (max-width:330px){#menu{max-width:100%;min-width:300px;height:calc(100vh - 56.2px)}}@media screen and (min-width:750px){#menu{max-width:450px;width:450px}}#menu .notification p{display:flex;margin:0 20px 8px;padding:0 16px;text-align:left}#menu .notification.visible{visibility:visible;opacity:1;transition:opacity .2s ease-in}#menu .notification.hidden{height:0;visibility:hidden;opacity:0;transition:visibility 0s .5s,opacity .5s ease-out}@media screen and (max-width:450px){#menu #printButton{display:none}}@media screen and (min-width:800px){#menu .extra-space{margin-bottom:5em}}#content{background-color:var(--sn-stylekit-contrast-background-color);flex:auto;display:flex;justify-content:center}@media screen and (max-width:725px){#content{padding:0}}@media screen and (max-width:420px){#content.edit-only{max-height:calc(100vh - 60.2px)}#content.edit-only.focused{max-height:55vh}#content.edit-only.focused .CodeMirror{max-height:calc(55vh - .5rem)}}@media screen and (max-width:330px){#content.edit-only{max-height:calc(100vh - 56.2px)}}#content.fixed-header{padding-top:60.2px}@media screen and (max-width:330px){#content.fixed-header{padding-top:56.2px}}#content.fixed-height{max-height:calc(100vh - 60.2px)}@media screen and (max-width:330px){#content.fixed-height{max-height:calc(100vh - 56.2px)}}#appendix.borderless,#content.borderless{background-color:var(--sn-stylekit-background-color)}#appendix.borderless .sk-panel.main,#appendix.full-width .sk-panel.main,#content.borderless .sk-panel.main,#content.full-width .sk-panel.main{border:1px var(--sn-stylekit-background-color);box-shadow:none}#appendix.borderless .sk-panel.main.edit,#appendix.borderless .sk-panel.main.view,#appendix.full-width .sk-panel.main,#appendix.full-width .sk-panel.main.edit,#appendix.full-width .sk-panel.main.view,#content.borderless .sk-panel.main.edit,#content.borderless .sk-panel.main.view,#content.full-width .sk-panel.main,#content.full-width .sk-panel.main.edit,#content.full-width .sk-panel.main.view{margin:0}#appendix.full-width .sk-panel.main.edit,#appendix.full-width .sk-panel.main.view,#content.full-width .sk-panel.main.edit,#content.full-width .sk-panel.main.view{max-width:unset}#appendix.full-width .sk-panel.main.appendix,#content.full-width .sk-panel.main.appendix{max-width:calc(100% - 2em)}#appendix.overflow #renderedNote,#content.overflow #renderedNote{overflow-wrap:normal}#appendix.overflow #renderedNote pre,#appendix.overflow #renderedNote table,#content.overflow #renderedNote pre,#content.overflow #renderedNote table{overflow:visible}#appendix,#content,#menu,.DynamicEditor{font-size:16px;font-size:var(--sn-stylekit-font-size-editor)}#appendix a,#content a,#menu a,.DynamicEditor a{color:var(--sn-stylekit-info-color);text-decoration:none}#appendix a:hover,#content a:hover,#menu a:hover,.DynamicEditor a:hover{text-decoration:underline}#appendix blockquote,#content blockquote,#menu blockquote,.DynamicEditor blockquote{margin:0 0 16px;padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}#appendix hr,#content hr,#menu hr,.DynamicEditor hr{border:.5px solid var(--sn-stylekit-border-color);width:100%}#appendix img,#content img,#menu img,.DynamicEditor img{max-width:100%}#appendix table,#content table,#menu table,.DynamicEditor table{display:block;width:100%;overflow:auto;margin-top:0;margin-bottom:16px;border-spacing:0;border-collapse:collapse}#appendix table tr,#content table tr,#menu table tr,.DynamicEditor table tr{background-color:transparent;border-top:1px solid var(--sn-stylekit-contrast-border-color)}#appendix table td,#appendix table th,#content table td,#content table th,#menu table td,#menu table th,.DynamicEditor table td,.DynamicEditor table th{padding:6px 13px;border:1px solid var(--sn-stylekit-contrast-border-color)}#appendix table tr:nth-child(2n),#content table tr:nth-child(2n),#menu table tr:nth-child(2n),.DynamicEditor table tr:nth-child(2n){background-color:var(--sn-stylekit-contrast-background-color)}#appendix table tr:nth-child(2n) code,#appendix table tr:nth-child(2n) pre,#content table tr:nth-child(2n) code,#content table tr:nth-child(2n) pre,#menu table tr:nth-child(2n) code,#menu table tr:nth-child(2n) pre,.DynamicEditor table tr:nth-child(2n) code,.DynamicEditor table tr:nth-child(2n) pre{background-color:var(--sn-stylekit-background-color)}#appendix summary .link,#content summary .link,#menu summary .link,.DynamicEditor summary .link{display:inline;color:var(--sn-stylekit-info-color)}#appendix summary .link:hover,#content summary .link:hover,#menu summary .link:hover,.DynamicEditor summary .link:hover{text-decoration:underline}#appendix h1,#appendix h2,#appendix h3,#content h1,#content h2,#content h3,#menu h1,#menu h2,#menu h3,.DynamicEditor h1,.DynamicEditor h2,.DynamicEditor h3{line-height:normal}#renderedNote h1[id=table-of-content i]+ul li>p,#renderedNote h1[id=table-of-contents i]+ul li>p,#renderedNote h1[id=toc i]+ul li>p,#renderedNote h2[id=table-of-content i]+ul li>p,#renderedNote h2[id=table-of-contents i]+ul li>p,#renderedNote h2[id=toc i]+ul li>p,#renderedNote h3[id=table-of-content i]+ul li>p,#renderedNote h3[id=table-of-contents i]+ul li>p,#renderedNote h3[id=toc i]+ul li>p,#renderedNote h4[id=table-of-content i]+ul li>p,#renderedNote h4[id=table-of-contents i]+ul li>p,#renderedNote h4[id=toc i]+ul li>p,#renderedNote h5[id=table-of-content i]+ul li>p,#renderedNote h5[id=table-of-contents i]+ul li>p,#renderedNote h5[id=toc i]+ul li>p,#renderedNote h6[id=table-of-content i]+ul li>p,#renderedNote h6[id=table-of-contents i]+ul li>p,#renderedNote h6[id=toc i]+ul li>p{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}#appendDynamicEditor code,#appendDynamicEditor pre,#dynamicEditor code,#dynamicEditor pre,#errorBoundary code,#errorBoundary pre,#help code,#help pre,#intro code,#intro pre,#renderedNote code,#renderedNote pre,#settings code,#settings pre,.DynamicEditor code,.DynamicEditor pre,.rendered-note-section code,.rendered-note-section pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,"Ubuntu Mono",courier,monospace;font-family:var(--sn-stylekit-monospace-font)}#appendDynamicEditor .hljs,#dynamicEditor .hljs,#errorBoundary .hljs,#help .hljs,#intro .hljs,#renderedNote .hljs,#settings .hljs,.DynamicEditor .hljs,.rendered-note-section .hljs{color:var(--sn-stylekit-contrast-foreground-color)}#appendDynamicEditor .hljs-tag,#dynamicEditor .hljs-tag,#errorBoundary .hljs-tag,#help .hljs-tag,#intro .hljs-tag,#renderedNote .hljs-tag,#settings .hljs-tag,.DynamicEditor .hljs-tag,.rendered-note-section .hljs-tag{color:var(--sn-stylekit-foreground-color)}#appendDynamicEditor code,#dynamicEditor code,#errorBoundary code,#help code,#intro code,#renderedNote code,#settings code,.DynamicEditor code,.rendered-note-section code{box-sizing:border-box;word-wrap:break-word;padding:.2em .4em;margin:0;font-size:85%;background-color:var(--sn-stylekit-contrast-background-color);border-radius:3px}#appendDynamicEditor pre,#dynamicEditor pre,#errorBoundary pre,#help pre,#intro pre,#renderedNote pre,#settings pre,.DynamicEditor pre,.rendered-note-section pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:var(--sn-stylekit-contrast-background-color);color:var(--sn-stylekit-foreground-color);border-radius:3px;word-wrap:normal;margin-top:0;margin-bottom:16px}#appendDynamicEditor pre>code,#dynamicEditor pre>code,#errorBoundary pre>code,#help pre>code,#intro pre>code,#renderedNote pre>code,#settings pre>code,.DynamicEditor pre>code,.rendered-note-section pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;background-color:transparent;border:0}#appendDynamicEditor pre code,#dynamicEditor pre code,#errorBoundary pre code,#help pre code,#intro pre code,#renderedNote pre code,#settings pre code,.DynamicEditor pre code,.rendered-note-section pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;background-color:initial;border:0}#errorBoundary,#help,#intro,.rendered-note-section{border:1px solid transparent;padding:0 10px}#errorBoundary,#help,#intro,#renderedNote,.rendered-section{word-wrap:break-word;overflow-wrap:break-word;line-height:1.7}.inline-text-and-svg{display:inline-flex;padding-left:0;padding-right:0}.inline-text-and-svg svg{opacity:.75;margin-top:auto}#errorBoundary>:first-child,#help>:first-child,#renderedNote>div>:first-child{margin-top:0}.note-overlay{position:fixed!important;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:100}.note-dialog{max-width:700px;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200}#settings{height:100%}#settings .title-section,.note-dialog .title-section{padding-top:0}#settings .title-section h1,#settings .title-section h2,.note-dialog .title-section h1,.note-dialog .title-section h2{margin:.2em 0}#settings #undoDialogButton,.note-dialog #undoDialogButton{display:inline-flex;font-family:Arial,sans-serif;padding:4px 2px}#settings .text-and-undo-button,.note-dialog .text-and-undo-button{display:flex}#settings .text-and-undo-button .undo-icon,#settings .text-and-undo-button p,.note-dialog .text-and-undo-button .undo-icon,.note-dialog .text-and-undo-button p{margin-top:0;margin-bottom:0;display:inline}@media screen and (max-width:650px){#settings button,.note-dialog button{font-size:17px}}#settings input[type=checkbox i]:hover,.note-dialog input[type=checkbox i]:hover{cursor:pointer}#settings .sk-panel-row.settings,.note-dialog .sk-panel-row.settings{padding-top:.2rem}#settings .sk-panel-row.settings input,#settings .sk-panel-row.settings label,#settings .sk-panel-row.settings select,.note-dialog .sk-panel-row.settings input,.note-dialog .sk-panel-row.settings label,.note-dialog .sk-panel-row.settings select{cursor:pointer}#settings .sk-panel-row.settings input,#settings .sk-panel-row.settings select,.note-dialog .sk-panel-row.settings input,.note-dialog .sk-panel-row.settings select{font-size:16px;padding:.5rem;background-color:var(--sn-stylekit-contrast-background-color);border-color:var(--sn-stylekit-border-color);color:var(--sn-stylekit-foreground-color)}#settings .sk-panel-row.settings .input-and-undo-button,.note-dialog .sk-panel-row.settings .input-and-undo-button{display:flex}#settings .sk-panel-row.settings select,.note-dialog .sk-panel-row.settings select{min-width:217px}#settings .sk-panel-row.settings input[type=text],.note-dialog .sk-panel-row.settings input[type=text]{min-width:200px}#settings .sk-panel-row.settings .checkbox-input-label,.note-dialog .sk-panel-row.settings .checkbox-input-label{padding-left:98.6px;padding-right:98.6px}@media screen and (min-width:360px){#settings .sk-panel-row.settings select,.note-dialog .sk-panel-row.settings select{min-width:267px}#settings .sk-panel-row.settings input[type=text],.note-dialog .sk-panel-row.settings input[type=text]{min-width:250px}#settings .sk-panel-row.settings .checkbox-input-label,.note-dialog .sk-panel-row.settings .checkbox-input-label{padding-left:123.6px;padding-right:123.6px}#settings .sk-panel-row.settings .chevron-toggle-button,.note-dialog .sk-panel-row.settings .chevron-toggle-button{min-width:267px}}#settings .sk-panel-row.settings .radio,.note-dialog .sk-panel-row.settings .radio{margin-top:3px;margin-bottom:3px}@media screen and (max-width:480px){#settings .sk-panel-row.settings,.note-dialog .sk-panel-row.settings{flex-direction:column;align-items:flex-start}#settings .sk-panel-row.settings input,.note-dialog .sk-panel-row.settings input{margin-top:1rem}#settings .sk-panel-row.settings.custom-css,.note-dialog .sk-panel-row.settings.custom-css{flex-direction:row;max-width:299px}#settings .sk-panel-row.settings.custom-css .custom-css-undo-button,.note-dialog .sk-panel-row.settings.custom-css .custom-css-undo-button{margin-top:auto;margin-bottom:auto}}#appendix{background-color:var(--sn-stylekit-contrast-background-color);display:block}#appendix .sk-button-group{width:50%}#appendix .sk-panel{margin-top:0;margin-left:auto;margin-right:auto}#appendix .checkBoxForm{position:absolute;font-size:13px;padding-left:10px}#appendix .checkBoxForm label{cursor:pointer}@media screen and (max-width:600px){#appendix .checkBoxForm{padding-left:10px}}@media screen and (max-width:500px){#appendix .checkBoxForm{padding-left:5px}}@media screen and (max-width:455px){#appendix .checkBoxForm label{font-size:12px}}@media screen and (max-width:426px){#appendix .checkBoxForm label{font-size:11px}}@media screen and (max-width:410px){#appendix .checkBoxForm label{font-size:10px}}@media screen and (max-width:388px){#appendix .checkBoxForm label{font-size:9px}}#appendix #appendTextButton,#appendix #scrollToBottomButton,#appendix #scrollToTopButton{font-size:14px}@media screen and (max-width:650px){#appendix #appendTextButton,#appendix #scrollToBottomButton,#appendix #scrollToTopButton{font-size:17px}}#appendix #scrollToTopButton{position:fixed;right:25px;bottom:45px}@media screen and (max-width:725px){#appendix #scrollToTopButton{right:15px;bottom:5.2px}}#appendix #scrollToBottomButton{position:fixed;right:25px;bottom:10px}@media screen and (max-width:725px){#appendix #scrollToBottomButton{right:55px;bottom:5.2px}}.MonacoDiffEditorContainer,.MonacoEditorContainer{max-width:100%;max-height:100%;min-height:300px;height:100%;width:100%}.edit .MonacoDiffEditorContainer,.edit .MonacoEditorContainer{height:calc(100% - 1em);overflow-x:hidden;overflow-y:hidden}#appendix .MonacoEditorContainer{height:400px}#content .CodeMirror{max-height:calc(100% - 1rem)}#appendix .CodeMirror{max-height:calc(100% - 2px)}.CodeMirror{font-family:var(--sn-stylekit-sans-serif-font);font-size:16px;font-size:var(--sn-stylekit-font-size-editor);background:inherit;color:inherit;line-height:1.7;min-height:8.25em;border:1px solid var(--sn-stylekit-contrast-border-color);background-color:var(--sn-stylekit-contrast-background-color)}@media screen and (max-width:725px){.CodeMirror{border-left:0;border-right:0;border-top:1px solid var(--sn-stylekit-border-color)}}.CodeMirror .CodeMirror-gutter,.CodeMirror .CodeMirror-gutters,.CodeMirror .CodeMirror-linenumber,.CodeMirror .CodeMirror-scroll,.CodeMirror .CodeMirror-sizer{background:inherit}.CodeMirror .CodeMirror-linenumber{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,"Ubuntu Mono",courier,monospace;font-family:var(--sn-stylekit-monospace-font)}.CodeMirror .cm-header.cm-header-1{font-size:2em}.CodeMirror .cm-header.cm-header-2{font-size:1.5em}.CodeMirror .cm-header.cm-header-3{font-size:1.17em}.CodeMirror .cm-header.cm-header-4{font-size:1em}.CodeMirror .cm-comment{background-color:var(--sn-stylekit-contrast-background-color);color:var(--sn-stylekit-contrast-foreground-color);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,"Ubuntu Mono",courier,monospace;font-family:var(--sn-stylekit-monospace-font);font-size:85%;margin:0;padding:.2em 0 .4em}.CodeMirror .cm-comment.cm-link.CodeMirror-selectedtext,.CodeMirror .cm-comment.CodeMirror-selectedtext{background-color:unset}.CodeMirror .cm-attribute,.CodeMirror .cm-header{color:var(--sn-stylekit-success-color)}.CodeMirror .cm-string-2,.CodeMirror .cm-tag,.CodeMirror .cm-tag.cm-bracket,.CodeMirror .cm-variable,.CodeMirror .cm-variable-1,.CodeMirror .cm-variable-2,.CodeMirror .cm-variable-3{color:var(--sn-stylekit-foreground-color)}.CodeMirror .cm-string-2.CodeMirror-selectedtext,.CodeMirror .cm-tag.cm-bracket.CodeMirror-selectedtext,.CodeMirror .cm-tag.CodeMirror-selectedtext,.CodeMirror .cm-variable-1.CodeMirror-selectedtext,.CodeMirror .cm-variable-2.CodeMirror-selectedtext,.CodeMirror .cm-variable-3.CodeMirror-selectedtext,.CodeMirror .cm-variable.CodeMirror-selectedtext{color:var(--sn-stylekit-info-contrast-color);background:transparent}.CodeMirror .cm-builtin,.CodeMirror .cm-string,.CodeMirror .cm-string.cm-url.cm-variable-2{color:var(--sn-stylekit-warning-color)}.CodeMirror .cm-error{color:var(--sn-stylekit-danger-color)}.CodeMirror .cm-link,.CodeMirror .cm-link.cm-variable-2{color:var(--sn-stylekit-info-color)}.CodeMirror .cm-quote{color:#6a737d}.cm-attribute.CodeMirror-selectedtext,.cm-builtin.CodeMirror-selectedtext,.cm-keyword.CodeMirror-selectedtext,.cm-link.CodeMirror-selectedtext,.cm-number.CodeMirror-selectedtext,.cm-string.CodeMirror-selectedtext{color:var(--sn-stylekit-info-contrast-color);background:transparent}.CodeMirror-dialog{position:fixed;background:var(--sn-stylekit-background-color)}.CodeMirror-cursor{border-color:var(--sn-stylekit-info-color)}.CodeMirror-selected{background:var(--sn-stylekit-input-placeholder-color);color:var(--sn-stylekit-info-contrast-color)}.CodeMirror-focused .CodeMirror-selected{background:var(--sn-stylekit-info-color);color:var(--sn-stylekit-info-contrast-color)}.CodeMirror-selectedtext{background:transparent;color:var(--sn-stylekit-info-contrast-color)}.DynamicEditor{padding:9px 30px 10px}.DynamicEditor div[class^=sc]{background-color:var(--sn-stylekit-background-color)}.DynamicEditor div[class^=sc] h1{margin:.67em 0}.DynamicEditor div[class^=sc] h2{margin:.83em 0}.DynamicEditor div[class^=sc] h3{margin:1em 0}.DynamicEditor div[class^=sc] h4{margin:1.33em 0}button.block-menu-trigger{display:none!important}@media screen and (min-width:725px){.DynamicEditor{padding:5px 20px 10px}}@media screen and (min-width:600px){.YouTube{min-height:315px;min-width:560px;margin:10px auto;display:block}}.ProseMirror{background-color:var(--sn-stylekit-background-color);color:var(--sn-stylekit-foreground-color)}#content.overflow .ProseMirror{overflow-wrap:normal!important}#content.overflow .ProseMirror li p:first-child{word-break:normal!important}#content.overflow .DynamicEditor pre{overflow:visible}@media print{.printURL a[href]:after{content:" (" attr(href) ")"}.sn-component{outline:none}.sn-component #content.fixed-header{padding-top:unset}.sn-component #content.fixed-height{max-height:unset}.sn-component #appendix,.sn-component #header,.sn-component #menu,.sn-component .menu-overlay{display:none}.sn-component .sk-panel.main{border:1px var(--sn-stylekit-background-color);box-shadow:none}.sn-component .sk-panel.main.view{max-width:none;margin:0;padding:0}.sn-component .sk-panel.main.view #renderedNote,.sn-component .sk-panel.main.view .DynamicEditor{border:0;padding:0}.sn-component .sk-panel.main.appendix,.sn-component .sk-panel.main.edit{display:none;background-color:var(--sn-stylekit-background-color)}.sn-component .appendix,.sn-component .content{background-color:var(--sn-stylekit-background-color)!important}.sn-component #renderedNote pre code{white-space:pre-wrap;word-break:break-word}}@media (prefers-color-scheme:dark){:root{--primary-bg-color:#292937;--secondary-bg-color:#313142;--editor-bg-color:#202020;--border-color:#13131a;--ui-text-color:#d8d8d8;--sn-stylekit-info-color:#086dd6;--sn-stylekit-info-contrast-color:#fff;--sn-stylekit-neutral-color:#7c7c7c;--sn-stylekit-neutral-contrast-color:#fff;--sn-stylekit-success-color:#2b9612;--sn-stylekit-success-contrast-color:#fff;--sn-stylekit-warning-color:#f6a200;--sn-stylekit-warning-contrast-color:#fff;--sn-stylekit-danger-color:#f80324;--sn-stylekit-danger-contrast-color:#fff;--sn-desktop-titlebar-bg-color:var(--primary-bg-color);--sn-desktop-titlebar-border-color:var(--border-color);--sn-desktop-titlebar-ui-color:var(--ui-text-color);--sn-desktop-titlebar-ui-hover-color:var(--sn-stylekit-info-color);--sn-stylekit-shadow-color:#20202b;--sn-stylekit-background-color:#20202b;--sn-stylekit-border-color:var(--border-color);--sn-stylekit-foreground-color:var(--ui-text-color);--sn-stylekit-contrast-background-color:var(--secondary-bg-color);--sn-stylekit-contrast-foreground-color:var(--ui-text-color);--sn-stylekit-contrast-border-color:var(--border-color);--sn-stylekit-secondary-background-color:#292937;--sn-stylekit-secondary-foreground-color:var(--ui-text-color);--sn-stylekit-secondary-border-color:var(--border-color);--sn-stylekit-secondary-contrast-background-color:#45445a;--sn-stylekit-secondary-contrast-foreground-color:var(--ui-text-color);--sn-stylekit-secondary-contrast-border-color:var(--border-color);--sn-stylekit-editor-background-color:var(--sn-stylekit-background-color);--sn-stylekit-editor-foreground-color:var(--sn-stylekit-foreground-color);--sn-stylekit-paragraph-text-color:var(--ui-text-color);--sn-stylekit-scrollbar-track-border-color:var(--border-color);--sn-stylekit-scrollbar-thumb-color:var(--sn-stylekit-info-color)}.CodeMirror,.sn-component .sk-input.contrast{background-color:var(--sn-stylekit-background-color)}}
-/*# sourceMappingURL=main.af564bad.chunk.css.map */
\ No newline at end of file
+body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.hljs{display:block;overflow-x:auto;padding:.5em;background:#fff;color:#000}.hljs-comment,.hljs-quote,.hljs-variable{color:green}.hljs-built_in,.hljs-keyword,.hljs-name,.hljs-selector-tag,.hljs-tag{color:#00f}.hljs-addition,.hljs-attribute,.hljs-literal,.hljs-section,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type{color:#a31515}.hljs-deletion,.hljs-meta,.hljs-selector-attr,.hljs-selector-pseudo{color:#2b91af}.hljs-doctag{color:grey}.hljs-attr{color:red}.hljs-bullet,.hljs-link,.hljs-symbol{color:#00b0e8}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}:root{--sn-stylekit-font-size-editor:16px;--sn-stylekit-monospace-font:SFMono-Regular,Consolas,Liberation Mono,Menlo,"Ubuntu Mono",courier,monospace}@media screen and (max-width:650px){:root{--sn-stylekit-font-size-editor:18px}h1{font-size:1.75em}}body,html{background-color:transparent;background-color:var(--sn-stylekit-background-color);font-family:var(--sn-stylekit-sans-serif-font);font-size:var(--sn-stylekit-base-font-size);height:100%;margin:0;padding:0;width:100%}body.fixed-height,html.fixed-height{overflow-y:hidden}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}button{color:var(--sn-stylekit-foreground-color);background-color:transparent;border-width:0;font-family:var(--sn-stylekit-sans-serif-font);font-size:16px;font-size:var(--sn-stylekit-font-size-editor)}button.off svg{opacity:.75}button.off:hover{background-color:var(--sn-stylekit-contrast-background-color)}button:hover{cursor:pointer}button.chevron-toggle-button{padding-left:0;display:flex}button.menu-button{display:flex;margin:8px 20px;padding:8px 16px;text-align:left}button.menu-button svg{margin-top:auto}button.menu-button.chevron-toggle-button{padding-top:0;padding-bottom:0}@media screen and (min-width:330px){button.menu-button.chevron-toggle-button{padding:0}}button .chevron-button-caption,button .chevron-icon{line-height:20px;margin-top:5px;margin-bottom:5px}button .button-caption{padding-left:5px}button:hover{background-color:var(--sn-stylekit-contrast-background-color)}button:focus{outline:1px auto -webkit-focus-ring-color;outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:1px}.sn-component{display:flex;flex-direction:column;min-height:99.9vh}@media screen and (max-width:420px){.sn-component{min-height:-webkit-fill-available}}.sn-component .sk-button.info,.sn-component .sk-button.neutral{font-size:16px;font-size:var(--sn-stylekit-font-size-editor)}.sn-component .sk-panel.main{max-width:700px;width:100%;margin:10px 5px}.sn-component .sk-panel.main.appendix,.sn-component .sk-panel.main.edit,.sn-component .sk-panel.main.view{max-width:calc(700px - 2em);padding:1em 1em 0}@media screen and (max-width:725px){.sn-component .sk-panel.main{border-left:none;border-right:none;border-bottom:none;box-shadow:none;margin:0;padding:0}}.sn-component .sk-panel.main.MonacoEditorContainerParentDiv{max-width:800px;overflow-x:hidden!important}@media screen and (max-width:725px){.sn-component .sk-panel.main.otherEditor{border-top:none}}.sn-component .sk-input.textarea{min-height:136px;padding:9px 10px;max-width:calc(100% - 22px);width:100%;height:100%;resize:vertical;overflow-y:auto;font-family:var(--sn-stylekit-sans-serif-font);font-size:16px;font-size:var(--sn-stylekit-font-size-editor);line-height:1.7}.sn-component .sk-input.textarea:focus{outline:1px auto -webkit-focus-ring-color;outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:1px}.sn-component .sk-input.textarea.editnote{max-height:calc(100% - 32px)}.sn-component .sk-input.textarea.append{max-height:calc(100% - 22px)}.sn-component .sk-panel-row{padding-top:.5rem;padding-bottom:.5rem}.sn-component .sk-button-group{display:flex;margin-left:auto;margin-right:auto}.sn-component .sk-panel-section:last-child{margin-bottom:0}#header{background-color:var(--sn-stylekit-background-color);display:flex;overflow:auto;padding:10px 0;width:100%}#header svg:after{content:"";background:var(--sn-stylekit-info-color);opacity:.1}#header .sk-button-group{max-width:700px;padding-left:2px;padding-right:2px}#header .sk-button-group .divider{opacity:.25;cursor:unset;margin-right:0}@media screen and (max-width:330px){#header .sk-button-group .divider{display:none}}#header.fixed{position:fixed;z-index:10}.menu-overlay{background-color:var(--sn-stylekit-neutral-color);cursor:pointer;height:100%;left:0;opacity:.2;position:fixed;top:60.2px;width:100%;z-index:9}@media screen and (max-width:330px){.menu-overlay{top:56.2px}}#menu{background-color:var(--sn-stylekit-background-color);border:1px solid var(--sn-stylekit-border-color);border-right-width:0;display:flex;flex-direction:column;height:calc(100% - 62px);margin-right:0;margin-top:0;max-width:60%;min-width:330px;overflow-y:auto;position:fixed;right:0;width:100%;z-index:10}@media screen and (max-width:330px){#menu{max-width:100%;min-width:300px;height:calc(100vh - 56.2px)}}@media screen and (min-width:750px){#menu{max-width:450px;width:450px}}#menu .notification p{display:flex;margin:0 20px 8px;padding:0 16px;text-align:left}#menu .notification.visible{visibility:visible;opacity:1;transition:opacity .2s ease-in}#menu .notification.hidden{height:0;visibility:hidden;opacity:0;transition:visibility 0s .5s,opacity .5s ease-out}@media screen and (max-width:450px){#menu #printButton{display:none}}@media screen and (min-width:800px){#menu .extra-space{margin-bottom:5em}}#content{background-color:var(--sn-stylekit-contrast-background-color);flex:auto;display:flex;justify-content:center}@media screen and (max-width:725px){#content{padding:0}}@media screen and (max-width:420px){#content.edit-only{max-height:calc(100vh - 60.2px)}#content.edit-only.focused{max-height:55vh}#content.edit-only.focused .CodeMirror{max-height:calc(55vh - .5rem)}}@media screen and (max-width:330px){#content.edit-only{max-height:calc(100vh - 56.2px)}}#content.fixed-header{padding-top:60.2px}@media screen and (max-width:330px){#content.fixed-header{padding-top:56.2px}}#content.fixed-height{max-height:calc(100vh - 60.2px)}@media screen and (max-width:330px){#content.fixed-height{max-height:calc(100vh - 56.2px)}}#appendix.borderless,#content.borderless{background-color:var(--sn-stylekit-background-color)}#appendix.borderless .sk-panel.main,#appendix.full-width .sk-panel.main,#content.borderless .sk-panel.main,#content.full-width .sk-panel.main{border:1px var(--sn-stylekit-background-color);box-shadow:none}#appendix.borderless .sk-panel.main.edit,#appendix.borderless .sk-panel.main.view,#appendix.full-width .sk-panel.main,#appendix.full-width .sk-panel.main.edit,#appendix.full-width .sk-panel.main.view,#content.borderless .sk-panel.main.edit,#content.borderless .sk-panel.main.view,#content.full-width .sk-panel.main,#content.full-width .sk-panel.main.edit,#content.full-width .sk-panel.main.view{margin:0}#appendix.full-width .sk-panel.main.edit,#appendix.full-width .sk-panel.main.view,#content.full-width .sk-panel.main.edit,#content.full-width .sk-panel.main.view{max-width:unset}#appendix.full-width .sk-panel.main.appendix,#content.full-width .sk-panel.main.appendix{max-width:calc(100% - 2em)}#appendix.overflow #renderedNote,#content.overflow #renderedNote{overflow-wrap:normal}#appendix.overflow #renderedNote pre,#appendix.overflow #renderedNote table,#content.overflow #renderedNote pre,#content.overflow #renderedNote table{overflow:visible}#appendix,#content,#menu,.DynamicEditor{font-size:16px;font-size:var(--sn-stylekit-font-size-editor)}#appendix a,#content a,#menu a,.DynamicEditor a{color:var(--sn-stylekit-info-color);text-decoration:none}#appendix a:hover,#content a:hover,#menu a:hover,.DynamicEditor a:hover{text-decoration:underline}#appendix blockquote,#content blockquote,#menu blockquote,.DynamicEditor blockquote{margin:0 0 16px;padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}#appendix hr,#content hr,#menu hr,.DynamicEditor hr{border:.5px solid var(--sn-stylekit-border-color);width:100%}#appendix img,#content img,#menu img,.DynamicEditor img{max-width:100%}#appendix table,#content table,#menu table,.DynamicEditor table{display:block;width:100%;overflow:auto;margin-top:0;margin-bottom:16px;border-spacing:0;border-collapse:collapse}#appendix table tr,#content table tr,#menu table tr,.DynamicEditor table tr{background-color:transparent;border-top:1px solid var(--sn-stylekit-contrast-border-color)}#appendix table td,#appendix table th,#content table td,#content table th,#menu table td,#menu table th,.DynamicEditor table td,.DynamicEditor table th{padding:6px 13px;border:1px solid var(--sn-stylekit-contrast-border-color)}#appendix table tr:nth-child(2n),#content table tr:nth-child(2n),#menu table tr:nth-child(2n),.DynamicEditor table tr:nth-child(2n){background-color:var(--sn-stylekit-contrast-background-color)}#appendix table tr:nth-child(2n) code,#appendix table tr:nth-child(2n) pre,#content table tr:nth-child(2n) code,#content table tr:nth-child(2n) pre,#menu table tr:nth-child(2n) code,#menu table tr:nth-child(2n) pre,.DynamicEditor table tr:nth-child(2n) code,.DynamicEditor table tr:nth-child(2n) pre{background-color:var(--sn-stylekit-background-color)}#appendix summary .link,#content summary .link,#menu summary .link,.DynamicEditor summary .link{display:inline;color:var(--sn-stylekit-info-color)}#appendix summary .link:hover,#content summary .link:hover,#menu summary .link:hover,.DynamicEditor summary .link:hover{text-decoration:underline}#appendix h1,#appendix h2,#appendix h3,#content h1,#content h2,#content h3,#menu h1,#menu h2,#menu h3,.DynamicEditor h1,.DynamicEditor h2,.DynamicEditor h3{line-height:normal}#renderedNote h1[id=table-of-content i]+ul li>p,#renderedNote h1[id=table-of-contents i]+ul li>p,#renderedNote h1[id=toc i]+ul li>p,#renderedNote h2[id=table-of-content i]+ul li>p,#renderedNote h2[id=table-of-contents i]+ul li>p,#renderedNote h2[id=toc i]+ul li>p,#renderedNote h3[id=table-of-content i]+ul li>p,#renderedNote h3[id=table-of-contents i]+ul li>p,#renderedNote h3[id=toc i]+ul li>p,#renderedNote h4[id=table-of-content i]+ul li>p,#renderedNote h4[id=table-of-contents i]+ul li>p,#renderedNote h4[id=toc i]+ul li>p,#renderedNote h5[id=table-of-content i]+ul li>p,#renderedNote h5[id=table-of-contents i]+ul li>p,#renderedNote h5[id=toc i]+ul li>p,#renderedNote h6[id=table-of-content i]+ul li>p,#renderedNote h6[id=table-of-contents i]+ul li>p,#renderedNote h6[id=toc i]+ul li>p{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}#appendDynamicEditor code,#appendDynamicEditor pre,#dynamicEditor code,#dynamicEditor pre,#errorBoundary code,#errorBoundary pre,#help code,#help pre,#intro code,#intro pre,#renderedNote code,#renderedNote pre,#settings code,#settings pre,.DynamicEditor code,.DynamicEditor pre,.rendered-note-section code,.rendered-note-section pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,"Ubuntu Mono",courier,monospace;font-family:var(--sn-stylekit-monospace-font)}#appendDynamicEditor .hljs,#dynamicEditor .hljs,#errorBoundary .hljs,#help .hljs,#intro .hljs,#renderedNote .hljs,#settings .hljs,.DynamicEditor .hljs,.rendered-note-section .hljs{color:var(--sn-stylekit-contrast-foreground-color)}#appendDynamicEditor .hljs-tag,#dynamicEditor .hljs-tag,#errorBoundary .hljs-tag,#help .hljs-tag,#intro .hljs-tag,#renderedNote .hljs-tag,#settings .hljs-tag,.DynamicEditor .hljs-tag,.rendered-note-section .hljs-tag{color:var(--sn-stylekit-foreground-color)}#appendDynamicEditor code,#dynamicEditor code,#errorBoundary code,#help code,#intro code,#renderedNote code,#settings code,.DynamicEditor code,.rendered-note-section code{box-sizing:border-box;word-wrap:break-word;padding:.2em .4em;margin:0;font-size:85%;background-color:var(--sn-stylekit-contrast-background-color);border-radius:3px}#appendDynamicEditor pre,#dynamicEditor pre,#errorBoundary pre,#help pre,#intro pre,#renderedNote pre,#settings pre,.DynamicEditor pre,.rendered-note-section pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:var(--sn-stylekit-contrast-background-color);color:var(--sn-stylekit-foreground-color);border-radius:3px;word-wrap:normal;margin-top:0;margin-bottom:16px}#appendDynamicEditor pre>code,#dynamicEditor pre>code,#errorBoundary pre>code,#help pre>code,#intro pre>code,#renderedNote pre>code,#settings pre>code,.DynamicEditor pre>code,.rendered-note-section pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;background-color:transparent;border:0}#appendDynamicEditor pre code,#dynamicEditor pre code,#errorBoundary pre code,#help pre code,#intro pre code,#renderedNote pre code,#settings pre code,.DynamicEditor pre code,.rendered-note-section pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;background-color:initial;border:0}#errorBoundary,#help,#intro,.rendered-note-section{border:1px solid transparent;padding:0 10px}#errorBoundary,#help,#intro,#renderedNote,.rendered-section{word-wrap:break-word;overflow-wrap:break-word;line-height:1.7}.inline-text-and-svg{display:inline-flex;padding-left:0;padding-right:0}.inline-text-and-svg svg{opacity:.75;margin-top:auto}#errorBoundary>:first-child,#help>:first-child,#renderedNote>div>:first-child{margin-top:0}.note-overlay{position:fixed!important;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:100}.note-dialog{max-width:700px;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200}#settings{height:100%}#settings .title-section,.note-dialog .title-section{padding-top:0}#settings .title-section h1,#settings .title-section h2,.note-dialog .title-section h1,.note-dialog .title-section h2{margin:.2em 0}#settings #undoDialogButton,.note-dialog #undoDialogButton{display:inline-flex;font-family:Arial,sans-serif;padding:4px 2px}#settings .text-and-undo-button,.note-dialog .text-and-undo-button{display:flex}#settings .text-and-undo-button .undo-icon,#settings .text-and-undo-button p,.note-dialog .text-and-undo-button .undo-icon,.note-dialog .text-and-undo-button p{margin-top:0;margin-bottom:0;display:inline}@media screen and (max-width:650px){#settings button,.note-dialog button{font-size:17px}}#settings input[type=checkbox i]:hover,.note-dialog input[type=checkbox i]:hover{cursor:pointer}#settings .sk-panel-row.settings,.note-dialog .sk-panel-row.settings{padding-top:.2rem}#settings .sk-panel-row.settings input,#settings .sk-panel-row.settings label,#settings .sk-panel-row.settings select,.note-dialog .sk-panel-row.settings input,.note-dialog .sk-panel-row.settings label,.note-dialog .sk-panel-row.settings select{cursor:pointer}#settings .sk-panel-row.settings input,#settings .sk-panel-row.settings select,.note-dialog .sk-panel-row.settings input,.note-dialog .sk-panel-row.settings select{font-size:16px;padding:.5rem;background-color:var(--sn-stylekit-contrast-background-color);border-color:var(--sn-stylekit-border-color);color:var(--sn-stylekit-foreground-color)}#settings .sk-panel-row.settings .input-and-undo-button,.note-dialog .sk-panel-row.settings .input-and-undo-button{display:flex}#settings .sk-panel-row.settings select,.note-dialog .sk-panel-row.settings select{min-width:217px}#settings .sk-panel-row.settings input[type=text],.note-dialog .sk-panel-row.settings input[type=text]{min-width:200px}#settings .sk-panel-row.settings .checkbox-input-label,.note-dialog .sk-panel-row.settings .checkbox-input-label{padding-left:98.6px;padding-right:98.6px}@media screen and (min-width:360px){#settings .sk-panel-row.settings select,.note-dialog .sk-panel-row.settings select{min-width:267px}#settings .sk-panel-row.settings input[type=text],.note-dialog .sk-panel-row.settings input[type=text]{min-width:250px}#settings .sk-panel-row.settings .checkbox-input-label,.note-dialog .sk-panel-row.settings .checkbox-input-label{padding-left:123.6px;padding-right:123.6px}#settings .sk-panel-row.settings .chevron-toggle-button,.note-dialog .sk-panel-row.settings .chevron-toggle-button{min-width:267px}}#settings .sk-panel-row.settings .radio,.note-dialog .sk-panel-row.settings .radio{margin-top:3px;margin-bottom:3px}@media screen and (max-width:480px){#settings .sk-panel-row.settings,.note-dialog .sk-panel-row.settings{flex-direction:column;align-items:flex-start}#settings .sk-panel-row.settings input,.note-dialog .sk-panel-row.settings input{margin-top:1rem}#settings .sk-panel-row.settings.custom-css,.note-dialog .sk-panel-row.settings.custom-css{flex-direction:row;max-width:299px}#settings .sk-panel-row.settings.custom-css .custom-css-undo-button,.note-dialog .sk-panel-row.settings.custom-css .custom-css-undo-button{margin-top:auto;margin-bottom:auto}}#appendix{background-color:var(--sn-stylekit-contrast-background-color);display:block}#appendix .sk-button-group{width:50%}#appendix .sk-panel{margin-top:0;margin-left:auto;margin-right:auto}#appendix .checkBoxForm{position:absolute;font-size:13px;padding-left:10px}#appendix .checkBoxForm label{cursor:pointer}@media screen and (max-width:600px){#appendix .checkBoxForm{padding-left:10px}}@media screen and (max-width:500px){#appendix .checkBoxForm{padding-left:5px}}@media screen and (max-width:455px){#appendix .checkBoxForm label{font-size:12px}}@media screen and (max-width:426px){#appendix .checkBoxForm label{font-size:11px}}@media screen and (max-width:410px){#appendix .checkBoxForm label{font-size:10px}}@media screen and (max-width:388px){#appendix .checkBoxForm label{font-size:9px}}#appendix #appendTextButton,#appendix #scrollToBottomButton,#appendix #scrollToTopButton{font-size:14px}@media screen and (max-width:650px){#appendix #appendTextButton,#appendix #scrollToBottomButton,#appendix #scrollToTopButton{font-size:17px}}#appendix #scrollToTopButton{position:fixed;right:25px;bottom:45px}@media screen and (max-width:725px){#appendix #scrollToTopButton{right:15px;bottom:5.2px}}#appendix #scrollToBottomButton{position:fixed;right:25px;bottom:10px}@media screen and (max-width:725px){#appendix #scrollToBottomButton{right:55px;bottom:5.2px}}.MonacoDiffEditorContainer,.MonacoEditorContainer{max-width:100%;max-height:100%;min-height:300px;height:100%;width:100%}.edit .MonacoDiffEditorContainer,.edit .MonacoEditorContainer{height:calc(100% - 1em);overflow-x:hidden;overflow-y:hidden}#appendix .MonacoEditorContainer{height:400px}#content .CodeMirror{max-height:calc(100% - 1rem)}#appendix .CodeMirror{max-height:calc(100% - 2px)}.CodeMirror{font-family:var(--sn-stylekit-sans-serif-font);font-size:16px;font-size:var(--sn-stylekit-font-size-editor);background:inherit;color:inherit;line-height:1.7;min-height:8.25em;border:1px solid var(--sn-stylekit-contrast-border-color);background-color:var(--sn-stylekit-contrast-background-color)}@media screen and (max-width:725px){.CodeMirror{border-left:0;border-right:0;border-top:1px solid var(--sn-stylekit-border-color)}}.CodeMirror .CodeMirror-gutter,.CodeMirror .CodeMirror-gutters,.CodeMirror .CodeMirror-linenumber,.CodeMirror .CodeMirror-scroll,.CodeMirror .CodeMirror-sizer{background:inherit}.CodeMirror .CodeMirror-linenumber{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,"Ubuntu Mono",courier,monospace;font-family:var(--sn-stylekit-monospace-font)}.CodeMirror .cm-header.cm-header-1{font-size:2em}.CodeMirror .cm-header.cm-header-2{font-size:1.5em}.CodeMirror .cm-header.cm-header-3{font-size:1.17em}.CodeMirror .cm-header.cm-header-4{font-size:1em}.CodeMirror .cm-comment{background-color:var(--sn-stylekit-contrast-background-color);color:var(--sn-stylekit-contrast-foreground-color);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,"Ubuntu Mono",courier,monospace;font-family:var(--sn-stylekit-monospace-font);font-size:85%;margin:0;padding:.2em 0 .4em}.CodeMirror .cm-comment.cm-link.CodeMirror-selectedtext,.CodeMirror .cm-comment.CodeMirror-selectedtext{background-color:unset}.CodeMirror .cm-attribute,.CodeMirror .cm-header{color:var(--sn-stylekit-success-color)}.CodeMirror .cm-string-2,.CodeMirror .cm-tag,.CodeMirror .cm-tag.cm-bracket,.CodeMirror .cm-variable,.CodeMirror .cm-variable-1,.CodeMirror .cm-variable-2,.CodeMirror .cm-variable-3{color:var(--sn-stylekit-foreground-color)}.CodeMirror .cm-string-2.CodeMirror-selectedtext,.CodeMirror .cm-tag.cm-bracket.CodeMirror-selectedtext,.CodeMirror .cm-tag.CodeMirror-selectedtext,.CodeMirror .cm-variable-1.CodeMirror-selectedtext,.CodeMirror .cm-variable-2.CodeMirror-selectedtext,.CodeMirror .cm-variable-3.CodeMirror-selectedtext,.CodeMirror .cm-variable.CodeMirror-selectedtext{color:var(--sn-stylekit-info-contrast-color);background:transparent}.CodeMirror .cm-builtin,.CodeMirror .cm-string,.CodeMirror .cm-string.cm-url.cm-variable-2{color:var(--sn-stylekit-warning-color)}.CodeMirror .cm-error{color:var(--sn-stylekit-danger-color)}.CodeMirror .cm-link,.CodeMirror .cm-link.cm-variable-2{color:var(--sn-stylekit-info-color)}.CodeMirror .cm-quote{color:#6a737d}.cm-attribute.CodeMirror-selectedtext,.cm-builtin.CodeMirror-selectedtext,.cm-keyword.CodeMirror-selectedtext,.cm-link.CodeMirror-selectedtext,.cm-number.CodeMirror-selectedtext,.cm-string.CodeMirror-selectedtext{color:var(--sn-stylekit-info-contrast-color);background:transparent}.CodeMirror-dialog{position:fixed;background:var(--sn-stylekit-background-color)}.CodeMirror-cursor{border-color:var(--sn-stylekit-info-color)}.CodeMirror-selected{background:var(--sn-stylekit-input-placeholder-color);color:var(--sn-stylekit-info-contrast-color)}.CodeMirror-focused .CodeMirror-selected{background:var(--sn-stylekit-info-color);color:var(--sn-stylekit-info-contrast-color)}.CodeMirror-selectedtext{background:transparent;color:var(--sn-stylekit-info-contrast-color)}.DynamicEditor{padding:9px 30px 10px}.DynamicEditor div[class^=sc]{background-color:var(--sn-stylekit-background-color)}.DynamicEditor div[class^=sc] h1{margin:.67em 0}.DynamicEditor div[class^=sc] h2{margin:.83em 0}.DynamicEditor div[class^=sc] h3{margin:1em 0}.DynamicEditor div[class^=sc] h4{margin:1.33em 0}.DynamicEditor div[class^=sc] h1 .heading-content,.DynamicEditor div[class^=sc] h2 .heading-content,.DynamicEditor div[class^=sc] h3 .heading-content,.DynamicEditor div[class^=sc] h4 .heading-content{font-weight:700}button.block-menu-trigger{display:none!important}@media screen and (min-width:725px){.DynamicEditor{padding:5px 20px 10px}}@media screen and (min-width:600px){.YouTube{min-height:315px;min-width:560px;margin:10px auto;display:block}}.ProseMirror{background-color:var(--sn-stylekit-background-color);color:var(--sn-stylekit-foreground-color)}#content.overflow .ProseMirror{overflow-wrap:normal!important}#content.overflow .ProseMirror li p:first-child{word-break:normal!important}#content.overflow .DynamicEditor pre{overflow:visible}@media print{.printURL a[href]:after{content:" (" attr(href) ")"}.sn-component{outline:none}.sn-component #content.fixed-header{padding-top:unset}.sn-component #content.fixed-height{max-height:unset}.sn-component #appendix,.sn-component #header,.sn-component #menu,.sn-component .menu-overlay{display:none}.sn-component .sk-panel.main{border:1px var(--sn-stylekit-background-color);box-shadow:none}.sn-component .sk-panel.main.view{max-width:none;margin:0;padding:0}.sn-component .sk-panel.main.view #renderedNote,.sn-component .sk-panel.main.view .DynamicEditor{border:0;padding:0}.sn-component .sk-panel.main.appendix,.sn-component .sk-panel.main.edit{display:none;background-color:var(--sn-stylekit-background-color)}.sn-component .appendix,.sn-component .content{background-color:var(--sn-stylekit-background-color)!important}.sn-component #renderedNote pre code{white-space:pre-wrap;word-break:break-word}}@media (prefers-color-scheme:dark){:root{--primary-bg-color:#292937;--secondary-bg-color:#313142;--editor-bg-color:#202020;--border-color:#13131a;--ui-text-color:#d8d8d8;--sn-stylekit-info-color:#086dd6;--sn-stylekit-info-contrast-color:#fff;--sn-stylekit-neutral-color:#7c7c7c;--sn-stylekit-neutral-contrast-color:#fff;--sn-stylekit-success-color:#2b9612;--sn-stylekit-success-contrast-color:#fff;--sn-stylekit-warning-color:#f6a200;--sn-stylekit-warning-contrast-color:#fff;--sn-stylekit-danger-color:#f80324;--sn-stylekit-danger-contrast-color:#fff;--sn-desktop-titlebar-bg-color:var(--primary-bg-color);--sn-desktop-titlebar-border-color:var(--border-color);--sn-desktop-titlebar-ui-color:var(--ui-text-color);--sn-desktop-titlebar-ui-hover-color:var(--sn-stylekit-info-color);--sn-stylekit-shadow-color:#20202b;--sn-stylekit-background-color:#20202b;--sn-stylekit-border-color:var(--border-color);--sn-stylekit-foreground-color:var(--ui-text-color);--sn-stylekit-contrast-background-color:var(--secondary-bg-color);--sn-stylekit-contrast-foreground-color:var(--ui-text-color);--sn-stylekit-contrast-border-color:var(--border-color);--sn-stylekit-secondary-background-color:#292937;--sn-stylekit-secondary-foreground-color:var(--ui-text-color);--sn-stylekit-secondary-border-color:var(--border-color);--sn-stylekit-secondary-contrast-background-color:#45445a;--sn-stylekit-secondary-contrast-foreground-color:var(--ui-text-color);--sn-stylekit-secondary-contrast-border-color:var(--border-color);--sn-stylekit-editor-background-color:var(--sn-stylekit-background-color);--sn-stylekit-editor-foreground-color:var(--sn-stylekit-foreground-color);--sn-stylekit-paragraph-text-color:var(--ui-text-color);--sn-stylekit-scrollbar-track-border-color:var(--border-color);--sn-stylekit-scrollbar-thumb-color:var(--sn-stylekit-info-color)}.CodeMirror,.sn-component .sk-input.contrast{background-color:var(--sn-stylekit-background-color)}}
+/*# sourceMappingURL=main.94378724.chunk.css.map */
\ No newline at end of file
diff --git a/build/static/css/main.94378724.chunk.css.map b/build/static/css/main.94378724.chunk.css.map
new file mode 100644
index 0000000..f860bd9
--- /dev/null
+++ b/build/static/css/main.94378724.chunk.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://src/index.scss","webpack://node_modules/highlight.js/scss/vs.scss","webpack://src/stylesheets/main.scss","webpack://src/stylesheets/codemirror.scss","webpack://src/stylesheets/dynamicEditor.scss","webpack://src/stylesheets/print.scss","webpack://src/stylesheets/dark.scss"],"names":[],"mappings":"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","file":"main.94378724.chunk.css","sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n","/*\n\nVisual Studio-like style based on original C# coloring by Jason Diamond \n\n*/\n.hljs {\n display: block;\n overflow-x: auto;\n padding: 0.5em;\n background: white;\n color: black;\n}\n\n.hljs-comment,\n.hljs-quote,\n.hljs-variable {\n color: #008000;\n}\n\n.hljs-keyword,\n.hljs-selector-tag,\n.hljs-built_in,\n.hljs-name,\n.hljs-tag {\n color: #00f;\n}\n\n.hljs-string,\n.hljs-title,\n.hljs-section,\n.hljs-attribute,\n.hljs-literal,\n.hljs-template-tag,\n.hljs-template-variable,\n.hljs-type,\n.hljs-addition {\n color: #a31515;\n}\n\n.hljs-deletion,\n.hljs-selector-attr,\n.hljs-selector-pseudo,\n.hljs-meta {\n color: #2b91af;\n}\n\n.hljs-doctag {\n color: #808080;\n}\n\n.hljs-attr {\n color: #f00;\n}\n\n.hljs-symbol,\n.hljs-bullet,\n.hljs-link {\n color: #00b0e8;\n}\n\n\n.hljs-emphasis {\n font-style: italic;\n}\n\n.hljs-strong {\n font-weight: bold;\n}\n","@import '~sn-stylekit/dist/stylekit.css';\n@import '~codemirror/lib/codemirror.css';\n@import '~codemirror/addon/dialog/dialog.css';\n@import '~codemirror/addon/search/matchesonscrollbar.css';\n@import '~highlight.js/scss/vs.scss';\n\n:root {\n --sn-stylekit-font-size-editor: 16px;\n --sn-stylekit-monospace-font: SFMono-Regular, Consolas, Liberation Mono, Menlo,\n 'Ubuntu Mono', courier, monospace;\n}\n\n@media screen and (max-width: 650px) {\n :root {\n --sn-stylekit-font-size-editor: 18px;\n }\n h1 {\n font-size: 1.75em; // is usually 2em\n }\n}\n\nbody,\nhtml {\n background-color: transparent;\n background-color: var(--sn-stylekit-background-color);\n font-family: var(--sn-stylekit-sans-serif-font);\n font-size: var(--sn-stylekit-base-font-size);\n height: 100%;\n margin: 0;\n padding: 0;\n width: 100%;\n &.fixed-height {\n overflow-y: hidden;\n }\n}\n\n* {\n // To prevent gray flash when focusing input on mobile Safari\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbutton {\n color: var(--sn-stylekit-foreground-color);\n background-color: transparent;\n border-width: 0px;\n font-family: var(--sn-stylekit-sans-serif-font);\n font-size: var(--sn-stylekit-font-size-editor);\n &.off {\n svg {\n opacity: 0.75;\n }\n }\n &.off:hover {\n background-color: var(--sn-stylekit-contrast-background-color);\n }\n &:hover {\n cursor: pointer;\n }\n &.chevron-toggle-button {\n padding-left: 0px;\n display: flex;\n }\n &.menu-button {\n display: flex;\n margin: 8px 20px;\n padding: 8px 16px;\n text-align: left;\n svg {\n margin-top: auto;\n }\n &.chevron-toggle-button {\n padding-top: 0px;\n padding-bottom: 0px;\n @media screen and (min-width: 330px) {\n padding: 0px;\n }\n }\n }\n .chevron-icon,\n .chevron-button-caption {\n line-height: 20px;\n margin-top: 5px;\n margin-bottom: 5px;\n }\n .button-caption {\n padding-left: 5px;\n }\n}\n\nbutton:hover {\n background-color: var(--sn-stylekit-contrast-background-color);\n}\n\nbutton:focus {\n outline: -webkit-focus-ring-color auto 1px;\n outline-color: -webkit-focus-ring-color;\n outline-style: auto;\n outline-width: 1px;\n}\n\n.sn-component {\n display: flex;\n flex-direction: column;\n min-height: 99.9vh;\n @media screen and (max-width: 420px) {\n min-height: -webkit-fill-available;\n }\n\n .sk-button.info,\n .sk-button.neutral {\n font-size: var(--sn-stylekit-font-size-editor);\n }\n\n .sk-panel.main {\n max-width: 700px;\n width: 100%;\n margin: 10px 5px;\n\n // Do not include Settings\n &.edit,\n &.view,\n &.appendix {\n max-width: calc(700px - 2em);\n padding: 1em;\n padding-bottom: 0px;\n }\n\n @media screen and (max-width: 725px) {\n border-left: none;\n border-right: none;\n border-bottom: none;\n box-shadow: none;\n margin: 0;\n padding: 0px;\n }\n &.MonacoEditorContainerParentDiv {\n max-width: 800px;\n // Hides the horizontal scroll bar when using the Monaco Editor\n // Otherwise the horizontal scroll bar will flash when the Monaco editor suggests words\n overflow-x: hidden !important;\n }\n &.otherEditor {\n @media screen and (max-width: 725px) {\n border-top: none;\n }\n }\n }\n\n .sk-input.textarea {\n min-height: 136px;\n padding: 9px 10px;\n max-width: calc(\n 100% - 22px\n ); // 22px is 10px + 10px padding and 1px + 1px border\n width: 100%;\n height: 100%;\n resize: vertical;\n overflow-y: auto;\n font-family: var(--sn-stylekit-sans-serif-font);\n font-size: var(--sn-stylekit-font-size-editor);\n line-height: 1.7;\n }\n\n // This is automatic in Microsoft Edge.\n // We need to make it explicit for Firefox.\n .sk-input.textarea:focus {\n outline: -webkit-focus-ring-color auto 1px;\n outline-color: -webkit-focus-ring-color;\n outline-style: auto;\n outline-width: 1px;\n }\n\n .sk-input.textarea.editnote {\n max-height: calc(100% - 32px);\n }\n\n .sk-input.textarea.append {\n max-height: calc(100% - 22px);\n }\n\n .sk-panel-row {\n // used in #appendix, note dialog, and settings\n padding-top: 0.5rem;\n padding-bottom: 0.5rem; // default is 0.4rem top only\n }\n .sk-button-group {\n display: flex;\n margin-left: auto;\n margin-right: auto;\n }\n .sk-panel-section:last-child {\n margin-bottom: 0px;\n }\n}\n\n#header {\n background-color: var(--sn-stylekit-background-color);\n display: flex;\n overflow: auto;\n padding: 10px 0;\n width: 100%;\n\n svg::after {\n content: '';\n background: var(--sn-stylekit-info-color);\n opacity: 0.1;\n }\n\n .sk-button-group {\n max-width: 700px;\n padding-left: 2px;\n padding-right: 2px;\n\n .divider {\n opacity: 0.25;\n cursor: unset;\n margin-right: 0px;\n @media screen and (max-width: 330px) {\n display: none;\n }\n }\n }\n &.fixed {\n position: fixed;\n z-index: 10;\n }\n}\n\n.menu-overlay {\n background-color: var(--sn-stylekit-neutral-color);\n cursor: pointer;\n height: 100%;\n left: 0;\n opacity: 0.2;\n position: fixed;\n top: 60.2px;\n width: 100%;\n z-index: 9;\n @media screen and (max-width: 330px) {\n top: 56.2px;\n }\n}\n\n#menu {\n background-color: var(--sn-stylekit-background-color);\n border: 1px solid var(--sn-stylekit-border-color);\n border-right-width: 0px;\n display: flex;\n flex-direction: column;\n height: calc(100% - 62px);\n margin-right: 0px;\n margin-top: 0px;\n max-width: 60%;\n min-width: 330px;\n overflow-y: auto;\n position: fixed;\n right: 0px;\n width: 100%;\n z-index: 10;\n\n @media screen and (max-width: 330px) {\n max-width: 100%;\n min-width: 300px;\n height: calc(100vh - 56.2px);\n }\n\n @media screen and (min-width: 750px) {\n max-width: 450px;\n width: 450px;\n }\n\n .notification {\n p {\n display: flex;\n margin: 0px 20px 8px;\n padding: 0px 16px;\n text-align: left;\n }\n &.visible {\n visibility: visible;\n opacity: 1;\n transition: opacity 200ms ease-in;\n }\n\n &.hidden {\n height: 0px;\n visibility: hidden;\n opacity: 0;\n transition: visibility 0s 500ms, opacity 500ms ease-out;\n }\n }\n @media screen and (max-width: 450px) {\n #printButton {\n display: none;\n }\n }\n .extra-space {\n @media screen and (min-width: 800px) {\n margin-bottom: 5em;\n }\n }\n}\n\n#content {\n background-color: var(--sn-stylekit-contrast-background-color);\n flex: auto;\n display: flex;\n justify-content: center;\n\n @media screen and (max-width: 725px) {\n padding: 0;\n }\n &.edit-only {\n @media screen and (max-width: 420px) {\n max-height: calc(100vh - 60.2px);\n &.focused {\n max-height: 55vh;\n .CodeMirror {\n max-height: calc(55vh - 0.5rem);\n }\n }\n }\n @media screen and (max-width: 330px) {\n max-height: calc(100vh - 56.2px);\n }\n }\n &.fixed-header {\n padding-top: 60.2px;\n @media screen and (max-width: 330px) {\n padding-top: 56.2px;\n }\n }\n &.fixed-height {\n max-height: calc(100vh - 60.2px);\n @media screen and (max-width: 330px) {\n max-height: calc(100vh - 56.2px);\n }\n }\n}\n\n#content,\n#appendix {\n &.borderless {\n background-color: var(--sn-stylekit-background-color);\n }\n &.borderless,\n &.full-width {\n .sk-panel.main {\n border: 1px var(--sn-stylekit-background-color);\n box-shadow: none;\n &.edit,\n &.view {\n margin: 0px;\n }\n }\n }\n &.full-width {\n // Also includes appendix\n .sk-panel.main {\n margin: 0px;\n &.edit,\n &.view {\n max-width: unset;\n }\n &.appendix {\n max-width: calc(100% - 2em);\n }\n }\n }\n &.overflow {\n #renderedNote {\n overflow-wrap: normal;\n pre,\n table {\n overflow: visible;\n }\n }\n }\n}\n\n#menu,\n#content,\n#appendix,\n.DynamicEditor {\n font-size: var(--sn-stylekit-font-size-editor);\n a {\n color: var(--sn-stylekit-info-color); // #086dd6;\n text-decoration: none;\n }\n\n a:hover {\n text-decoration: underline;\n }\n\n blockquote {\n margin: 0;\n margin-top: 0;\n margin-bottom: 16px;\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5;\n }\n\n hr {\n border: 0.5px solid var(--sn-stylekit-border-color);\n width: 100%;\n }\n\n img {\n max-width: 100%; // 645.500px;\n }\n\n table {\n display: block;\n width: 100%;\n overflow: auto;\n margin-top: 0;\n margin-bottom: 16px;\n border-spacing: 0;\n border-collapse: collapse;\n\n tr {\n background-color: transparent; // #fff;\n border-top: 1px solid var(--sn-stylekit-contrast-border-color); // #c6cbd1;\n }\n\n td,\n th {\n padding: 6px 13px;\n border: 1px solid var(--sn-stylekit-contrast-border-color); // #dfe2e5;\n }\n\n tr:nth-child(2n) {\n background-color: var(\n --sn-stylekit-contrast-background-color\n ); // #f6f8fa;\n code,\n pre {\n background-color: var(--sn-stylekit-background-color);\n }\n }\n }\n summary {\n .link {\n display: inline;\n color: var(--sn-stylekit-info-color);\n }\n .link:hover {\n text-decoration: underline;\n }\n }\n\n h1,\n h2,\n h3 {\n line-height: normal;\n }\n}\n\n// This makes the table of contents more compact\n#renderedNote {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n &[id='toc' i],\n &[id='table-of-content' i],\n &[id='table-of-contents' i] {\n + ul {\n li > p {\n margin-block-start: 0em;\n margin-block-end: 0em;\n }\n }\n }\n }\n}\n\n// Exclude CodeMirror\n#appendDynamicEditor,\n#dynamicEditor,\n#errorBoundary,\n#help,\n#intro,\n#renderedNote,\n#settings,\n.DynamicEditor,\n.rendered-note-section {\n code,\n pre {\n font-family: var(--sn-stylekit-monospace-font);\n }\n .hljs {\n color: var(--sn-stylekit-contrast-foreground-color);\n }\n .hljs-tag {\n color: var(--sn-stylekit-foreground-color);\n }\n\n code {\n box-sizing: border-box;\n word-wrap: break-word;\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: var(\n --sn-stylekit-contrast-background-color\n ); // rgba(27,31,35,.05);\n border-radius: 3px;\n }\n\n pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: var(\n --sn-stylekit-contrast-background-color\n ); // rgba(27,31,35,.05);// #f6f8fa; the latter doesn't work well on dark mode\n color: var(--sn-stylekit-foreground-color);\n border-radius: 3px;\n word-wrap: normal;\n margin-top: 0;\n margin-bottom: 16px;\n }\n\n pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n background-color: transparent;\n border: 0;\n }\n\n pre code {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: initial;\n border: 0;\n }\n}\n\n#errorBoundary,\n#help,\n#intro,\n.rendered-note-section {\n border: 1px transparent;\n border-style: solid;\n padding: 0px 10px;\n}\n\n// Same selection plus #renderedNote\n#errorBoundary,\n#help,\n#intro,\n#renderedNote,\n.rendered-section {\n /*align-items: center;\n justify-content: space-between;\n min-width: inherit;\n width: 100%;*/\n word-wrap: break-word;\n overflow-wrap: break-word;\n line-height: 1.7;\n}\n\n.inline-text-and-svg {\n display: inline-flex;\n padding-left: 0px;\n padding-right: 0px;\n svg {\n opacity: 0.75;\n margin-top: auto;\n }\n}\n\n#errorBoundary > :nth-child(1),\n#help > :nth-child(1),\n#renderedNote > div > :nth-child(1) {\n margin-top: 0px;\n}\n\n.note-overlay {\n position: fixed !important;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 100;\n}\n\n.note-dialog {\n max-width: 700px;\n width: 100%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 200;\n}\n\n#settings {\n height: 100%;\n}\n\n.note-dialog,\n#settings {\n .title-section {\n padding-top: 0px;\n h1,\n h2 {\n margin: 0.2em 0px;\n }\n }\n #undoDialogButton {\n display: inline-flex;\n font-family: Arial, sans-serif;\n padding: 4px 2px;\n }\n .text-and-undo-button {\n display: flex;\n p,\n .undo-icon {\n margin-top: 0px;\n margin-bottom: 0px;\n display: inline;\n }\n }\n button {\n @media screen and (max-width: 650px) {\n font-size: 17px;\n }\n }\n input[type='checkbox' i]:hover {\n cursor: pointer;\n }\n\n .sk-panel-row.settings {\n padding-top: 0.2rem;\n label,\n input,\n select {\n cursor: pointer;\n }\n input,\n select {\n font-size: 16px;\n padding: 0.5rem;\n background-color: var(--sn-stylekit-contrast-background-color);\n border-color: var(--sn-stylekit-border-color);\n color: var(--sn-stylekit-foreground-color);\n }\n .input-and-undo-button {\n display: flex;\n }\n /* On screens with screens less than 360px\n The inputs and buttons have width 217px*/\n select {\n min-width: 217px;\n }\n input[type='text'] {\n min-width: 200px;\n }\n // The checkbox is 19.8px wide.\n // 98.6 + 98.6 + 18.8px is 217\n // Use padding instead of width to center the checkbox\n .checkbox-input-label {\n padding-left: 98.6px;\n padding-right: 98.6px;\n }\n @media screen and (min-width: 360px) {\n /* On screens with screens greater than 360px\n The inputs and buttons have width 267px*/\n select {\n min-width: 267px;\n }\n input[type='text'] {\n min-width: 250px;\n }\n .checkbox-input-label {\n padding-left: 123.6px;\n padding-right: 123.6px;\n }\n .chevron-toggle-button {\n min-width: 267px;\n }\n }\n .radio {\n margin-top: 3px;\n margin-bottom: 3px;\n }\n // Collapse on mobile\n @media screen and (max-width: 480px) {\n flex-direction: column;\n align-items: flex-start;\n\n input {\n margin-top: 1rem;\n }\n &.custom-css {\n flex-direction: row;\n max-width: 299px;\n .custom-css-undo-button {\n margin-top: auto;\n margin-bottom: auto;\n }\n }\n }\n }\n}\n\n#appendix {\n background-color: var(--sn-stylekit-contrast-background-color);\n display: block;\n\n .sk-button-group {\n width: 50%;\n }\n .sk-panel {\n margin-top: 0;\n margin-left: auto;\n margin-right: auto;\n }\n\n .checkBoxForm {\n position: absolute;\n font-size: 13px;\n\n label {\n cursor: pointer;\n }\n padding-left: 10px;\n @media screen and (max-width: 600px) {\n padding-left: 10px;\n }\n @media screen and (max-width: 500px) {\n padding-left: 5px;\n }\n @media screen and (max-width: 455px) {\n label {\n font-size: 12px;\n }\n }\n @media screen and (max-width: 426px) {\n label {\n font-size: 11px;\n }\n }\n @media screen and (max-width: 410px) {\n label {\n font-size: 10px;\n }\n }\n @media screen and (max-width: 388px) {\n label {\n font-size: 9px;\n }\n }\n }\n\n #appendTextButton,\n #scrollToTopButton,\n #scrollToBottomButton {\n font-size: 14px;\n @media screen and (max-width: 650px) {\n font-size: 17px;\n }\n }\n\n #scrollToTopButton {\n position: fixed;\n right: 25px;\n bottom: 45px;\n @media screen and (max-width: 725px) {\n right: 15px;\n bottom: 5.2px;\n }\n }\n #scrollToBottomButton {\n position: fixed;\n right: 25px;\n bottom: 10px;\n @media screen and (max-width: 725px) {\n right: 55px;\n bottom: 5.2px;\n }\n }\n}\n\n.MonacoEditorContainer,\n.MonacoDiffEditorContainer {\n max-width: 100%;\n max-height: 100%;\n min-height: 300px;\n height: 100%;\n width: 100%;\n}\n\n.edit .MonacoEditorContainer,\n.edit .MonacoDiffEditorContainer {\n height: calc(100% - 1em);\n overflow-x: hidden;\n overflow-y: hidden;\n}\n\n#appendix .MonacoEditorContainer {\n height: 400px;\n}\n\n@import './codemirror.scss';\n@import './dynamicEditor.scss';\n@import './print.scss';\n@import './dark.scss';\n","#content .CodeMirror {\n max-height: calc(100% - 1rem);\n}\n\n#appendix .CodeMirror {\n max-height: calc(100% - 2px);\n}\n\n.CodeMirror {\n //fix : margin left is 30px;\n font-family: var(--sn-stylekit-sans-serif-font);\n font-size: var(--sn-stylekit-font-size-editor);\n background: inherit;\n color: inherit;\n line-height: 1.7;\n min-height: 8.25em;\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n background-color: var(--sn-stylekit-contrast-background-color);\n\n @media screen and (max-width: 725px) {\n border-left: 0px;\n border-right: 0px;\n border-top: 1px solid var(--sn-stylekit-border-color);\n }\n .CodeMirror-scroll,\n .CodeMirror-sizer,\n .CodeMirror-gutter,\n .CodeMirror-gutters,\n .CodeMirror-linenumber {\n background: inherit;\n }\n .CodeMirror-linenumber {\n font-family: var(--sn-stylekit-monospace-font);\n }\n .cm-header.cm-header-1 {\n font-size: 2em;\n }\n .cm-header.cm-header-2 {\n font-size: 1.5em;\n }\n .cm-header.cm-header-3 {\n font-size: 1.17em;\n }\n .cm-header.cm-header-4 {\n font-size: 1em;\n }\n .cm-comment {\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n font-family: var(--sn-stylekit-monospace-font);\n font-size: 85%;\n margin: 0;\n padding: 0.2em 0px 0.4em;\n }\n .cm-comment.CodeMirror-selectedtext,\n .cm-comment.cm-link.CodeMirror-selectedtext {\n background-color: unset;\n }\n .cm-attribute,\n .cm-header {\n color: var(--sn-stylekit-success-color);\n }\n .cm-variable,\n .cm-variable-1,\n .cm-variable-2,\n .cm-variable-3,\n .cm-string-2,\n .cm-tag,\n .cm-tag.cm-bracket {\n color: var(--sn-stylekit-foreground-color);\n &.CodeMirror-selectedtext {\n color: var(--sn-stylekit-info-contrast-color);\n background: transparent;\n }\n }\n .cm-builtin,\n .cm-string,\n .cm-string.cm-url.cm-variable-2 {\n color: var(--sn-stylekit-warning-color);\n }\n .cm-error {\n color: var(--sn-stylekit-danger-color);\n }\n .cm-link,\n .cm-link.cm-variable-2 {\n color: var(--sn-stylekit-info-color);\n }\n .cm-quote {\n color: #6a737d;\n }\n}\n.cm-link,\n.cm-string,\n.cm-keyword,\n.cm-builtin,\n.cm-number,\n.cm-attribute {\n &.CodeMirror-selectedtext {\n color: var(--sn-stylekit-info-contrast-color);\n background: transparent;\n }\n}\n.CodeMirror-dialog {\n position: fixed;\n background: var(--sn-stylekit-background-color);\n}\n.CodeMirror-cursor {\n border-color: var(--sn-stylekit-info-color);\n}\n.CodeMirror-selected {\n background: var(--sn-stylekit-input-placeholder-color);\n color: var(--sn-stylekit-info-contrast-color);\n}\n.CodeMirror-focused .CodeMirror-selected {\n background: var(--sn-stylekit-info-color);\n color: var(--sn-stylekit-info-contrast-color);\n}\n.CodeMirror-selectedtext {\n background: transparent;\n color: var(--sn-stylekit-info-contrast-color);\n}\n",".DynamicEditor {\n padding: 9px 30px 10px;\n div[class^='sc'] {\n background-color: var(--sn-stylekit-background-color);\n\n // The Rich Markdown Editor sets margins to be 1em 0 0.5em\n // This resets it to the default for each header\n h1 {\n margin: 0.67em 0px 0.67em;\n }\n h2 {\n margin: 0.83em 0px 0.83em;\n }\n h3 {\n margin: 1em 0px 1em;\n }\n h4 {\n margin: 1.33em 0px 1.33em;\n }\n // The Rich Markdown Editor sets the font-weight for headers to be 500\n // This is less than font weight for which is 600\n // This reverts the font-weight back to 700\n h1,\n h2,\n h3,\n h4 {\n .heading-content {\n font-weight: bold;\n }\n }\n }\n}\n\nbutton.block-menu-trigger {\n display: none !important;\n}\n@media screen and (min-width: 725px) {\n .DynamicEditor {\n padding: 5px 20px 10px;\n }\n}\n@media screen and (min-width: 600px) {\n .YouTube {\n min-height: 315px;\n min-width: 560px;\n margin: 10px auto;\n display: block;\n }\n}\n\n.ProseMirror {\n background-color: var(--sn-stylekit-background-color);\n color: var(--sn-stylekit-foreground-color);\n}\n\n#content.overflow {\n .ProseMirror {\n overflow-wrap: normal !important;\n }\n .ProseMirror li p:first-child {\n word-break: normal !important;\n }\n .DynamicEditor pre {\n overflow: visible;\n }\n}\n","@media print {\n .printURL {\n a[href]:after {\n content: ' (' attr(href) ')';\n }\n }\n\n .sn-component {\n outline: none;\n\n #content {\n &.fixed-header {\n padding-top: unset;\n }\n &.fixed-height {\n max-height: unset;\n }\n }\n\n #appendix,\n #header,\n #menu,\n .menu-overlay {\n display: none;\n }\n\n .sk-panel.main {\n border: 1px var(--sn-stylekit-background-color);\n box-shadow: none;\n }\n\n .sk-panel.main.view {\n max-width: none;\n margin: 0px;\n padding: 0px;\n #renderedNote,\n .DynamicEditor {\n border: 0px;\n padding: 0px;\n }\n }\n\n .sk-panel.main.edit,\n .sk-panel.main.appendix {\n display: none;\n background-color: var(--sn-stylekit-background-color);\n }\n\n .content,\n .appendix {\n background-color: var(--sn-stylekit-background-color) !important;\n }\n\n #renderedNote pre code {\n white-space: pre-wrap;\n word-break: break-word;\n }\n }\n}\n","@media (prefers-color-scheme: dark) {\n // This is the Midnight theme available here:\n // https://github.com/sn-extensions/midnight-theme\n // Licensed under AGPL-3.0\n :root {\n --primary-bg-color: #292937;\n --secondary-bg-color: #313142;\n --editor-bg-color: #202020;\n --border-color: #13131a;\n --ui-text-color: #d8d8d8;\n\n --sn-stylekit-info-color: #086dd6;\n --sn-stylekit-info-contrast-color: white;\n\n --sn-stylekit-neutral-color: #7c7c7c;\n --sn-stylekit-neutral-contrast-color: white;\n\n --sn-stylekit-success-color: #2b9612;\n --sn-stylekit-success-contrast-color: white;\n\n --sn-stylekit-warning-color: #f6a200;\n --sn-stylekit-warning-contrast-color: white;\n\n --sn-stylekit-danger-color: #f80324;\n --sn-stylekit-danger-contrast-color: white;\n\n --sn-desktop-titlebar-bg-color: var(--primary-bg-color);\n --sn-desktop-titlebar-border-color: var(--border-color);\n --sn-desktop-titlebar-ui-color: var(--ui-text-color);\n --sn-desktop-titlebar-ui-hover-color: var(--sn-stylekit-info-color);\n\n // StyleKit Vars\n --sn-stylekit-shadow-color: #20202b;\n\n --sn-stylekit-background-color: #20202b;\n --sn-stylekit-border-color: var(--border-color);\n --sn-stylekit-foreground-color: var(--ui-text-color);\n\n --sn-stylekit-contrast-background-color: var(--secondary-bg-color);\n --sn-stylekit-contrast-foreground-color: var(--ui-text-color);\n --sn-stylekit-contrast-border-color: var(--border-color);\n\n --sn-stylekit-secondary-background-color: #292937;\n --sn-stylekit-secondary-foreground-color: var(--ui-text-color);\n --sn-stylekit-secondary-border-color: var(--border-color);\n\n --sn-stylekit-secondary-contrast-background-color: #45445a;\n --sn-stylekit-secondary-contrast-foreground-color: var(--ui-text-color);\n --sn-stylekit-secondary-contrast-border-color: var(--border-color);\n\n --sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);\n --sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color);\n\n --sn-stylekit-paragraph-text-color: var(--ui-text-color);\n\n --sn-stylekit-scrollbar-track-border-color: var(--border-color);\n --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);\n }\n\n /* Adjust background color for Plain Textarea and CodeMirror \n to be same as View Mode instead of a contrast background color. \n This improves readability / usability in dark modes. */\n .sn-component .sk-input.contrast,\n .CodeMirror {\n background-color: var(--sn-stylekit-background-color);\n }\n}\n"]}
\ No newline at end of file
diff --git a/build/static/css/main.af564bad.chunk.css.map b/build/static/css/main.af564bad.chunk.css.map
deleted file mode 100644
index 4e92076..0000000
--- a/build/static/css/main.af564bad.chunk.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["webpack://src/index.scss","webpack://node_modules/highlight.js/scss/vs.scss","webpack://src/stylesheets/main.scss","webpack://src/stylesheets/codemirror.scss","webpack://src/stylesheets/dynamicEditor.scss","webpack://src/stylesheets/print.scss","webpack://src/stylesheets/dark.scss"],"names":[],"mappings":"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","file":"main.af564bad.chunk.css","sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n","/*\n\nVisual Studio-like style based on original C# coloring by Jason Diamond \n\n*/\n.hljs {\n display: block;\n overflow-x: auto;\n padding: 0.5em;\n background: white;\n color: black;\n}\n\n.hljs-comment,\n.hljs-quote,\n.hljs-variable {\n color: #008000;\n}\n\n.hljs-keyword,\n.hljs-selector-tag,\n.hljs-built_in,\n.hljs-name,\n.hljs-tag {\n color: #00f;\n}\n\n.hljs-string,\n.hljs-title,\n.hljs-section,\n.hljs-attribute,\n.hljs-literal,\n.hljs-template-tag,\n.hljs-template-variable,\n.hljs-type,\n.hljs-addition {\n color: #a31515;\n}\n\n.hljs-deletion,\n.hljs-selector-attr,\n.hljs-selector-pseudo,\n.hljs-meta {\n color: #2b91af;\n}\n\n.hljs-doctag {\n color: #808080;\n}\n\n.hljs-attr {\n color: #f00;\n}\n\n.hljs-symbol,\n.hljs-bullet,\n.hljs-link {\n color: #00b0e8;\n}\n\n\n.hljs-emphasis {\n font-style: italic;\n}\n\n.hljs-strong {\n font-weight: bold;\n}\n","@import '~sn-stylekit/dist/stylekit.css';\n@import '~codemirror/lib/codemirror.css';\n@import '~codemirror/addon/dialog/dialog.css';\n@import '~codemirror/addon/search/matchesonscrollbar.css';\n@import '~highlight.js/scss/vs.scss';\n\n:root {\n --sn-stylekit-font-size-editor: 16px;\n --sn-stylekit-monospace-font: SFMono-Regular, Consolas, Liberation Mono, Menlo,\n 'Ubuntu Mono', courier, monospace;\n}\n\n@media screen and (max-width: 650px) {\n :root {\n --sn-stylekit-font-size-editor: 18px;\n }\n h1 {\n font-size: 1.75em; // is usually 2em\n }\n}\n\nbody,\nhtml {\n background-color: transparent;\n background-color: var(--sn-stylekit-background-color);\n font-family: var(--sn-stylekit-sans-serif-font);\n font-size: var(--sn-stylekit-base-font-size);\n height: 100%;\n margin: 0;\n padding: 0;\n width: 100%;\n &.fixed-height {\n overflow-y: hidden;\n }\n}\n\n* {\n // To prevent gray flash when focusing input on mobile Safari\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbutton {\n color: var(--sn-stylekit-foreground-color);\n background-color: transparent;\n border-width: 0px;\n font-family: var(--sn-stylekit-sans-serif-font);\n font-size: var(--sn-stylekit-font-size-editor);\n &.off {\n svg {\n opacity: 0.75;\n }\n }\n &.off:hover {\n background-color: var(--sn-stylekit-contrast-background-color);\n }\n &:hover {\n cursor: pointer;\n }\n &.chevron-toggle-button {\n padding-left: 0px;\n display: flex;\n }\n &.menu-button {\n display: flex;\n margin: 8px 20px;\n padding: 8px 16px;\n text-align: left;\n svg {\n margin-top: auto;\n }\n &.chevron-toggle-button {\n padding-top: 0px;\n padding-bottom: 0px;\n @media screen and (min-width: 330px) {\n padding: 0px;\n }\n }\n }\n .chevron-icon,\n .chevron-button-caption {\n line-height: 20px;\n margin-top: 5px;\n margin-bottom: 5px;\n }\n .button-caption {\n padding-left: 5px;\n }\n}\n\nbutton:hover {\n background-color: var(--sn-stylekit-contrast-background-color);\n}\n\nbutton:focus {\n outline: -webkit-focus-ring-color auto 1px;\n outline-color: -webkit-focus-ring-color;\n outline-style: auto;\n outline-width: 1px;\n}\n\n.sn-component {\n display: flex;\n flex-direction: column;\n min-height: 99.9vh;\n @media screen and (max-width: 420px) {\n min-height: -webkit-fill-available;\n }\n\n .sk-button.info,\n .sk-button.neutral {\n font-size: var(--sn-stylekit-font-size-editor);\n }\n\n .sk-panel.main {\n max-width: 700px;\n width: 100%;\n margin: 10px 5px;\n\n // Do not include Settings\n &.edit,\n &.view,\n &.appendix {\n max-width: calc(700px - 2em);\n padding: 1em;\n padding-bottom: 0px;\n }\n\n @media screen and (max-width: 725px) {\n border-left: none;\n border-right: none;\n border-bottom: none;\n box-shadow: none;\n margin: 0;\n padding: 0px;\n }\n &.MonacoEditorContainerParentDiv {\n max-width: 800px;\n // Hides the horizontal scroll bar when using the Monaco Editor\n // Otherwise the horizontal scroll bar will flash when the Monaco editor suggests words\n overflow-x: hidden !important;\n }\n &.otherEditor {\n @media screen and (max-width: 725px) {\n border-top: none;\n }\n }\n }\n\n .sk-input.textarea {\n min-height: 136px;\n padding: 9px 10px;\n max-width: calc(\n 100% - 22px\n ); // 22px is 10px + 10px padding and 1px + 1px border\n width: 100%;\n height: 100%;\n resize: vertical;\n overflow-y: auto;\n font-family: var(--sn-stylekit-sans-serif-font);\n font-size: var(--sn-stylekit-font-size-editor);\n line-height: 1.7;\n }\n\n // This is automatic in Microsoft Edge.\n // We need to make it explicit for Firefox.\n .sk-input.textarea:focus {\n outline: -webkit-focus-ring-color auto 1px;\n outline-color: -webkit-focus-ring-color;\n outline-style: auto;\n outline-width: 1px;\n }\n\n .sk-input.textarea.editnote {\n max-height: calc(100% - 32px);\n }\n\n .sk-input.textarea.append {\n max-height: calc(100% - 22px);\n }\n\n .sk-panel-row {\n // used in #appendix, note dialog, and settings\n padding-top: 0.5rem;\n padding-bottom: 0.5rem; // default is 0.4rem top only\n }\n .sk-button-group {\n display: flex;\n margin-left: auto;\n margin-right: auto;\n }\n .sk-panel-section:last-child {\n margin-bottom: 0px;\n }\n}\n\n#header {\n background-color: var(--sn-stylekit-background-color);\n display: flex;\n overflow: auto;\n padding: 10px 0;\n width: 100%;\n\n svg::after {\n content: '';\n background: var(--sn-stylekit-info-color);\n opacity: 0.1;\n }\n\n .sk-button-group {\n max-width: 700px;\n padding-left: 2px;\n padding-right: 2px;\n\n .divider {\n opacity: 0.25;\n cursor: unset;\n margin-right: 0px;\n @media screen and (max-width: 330px) {\n display: none;\n }\n }\n }\n &.fixed {\n position: fixed;\n z-index: 10;\n }\n}\n\n.menu-overlay {\n background-color: var(--sn-stylekit-neutral-color);\n cursor: pointer;\n height: 100%;\n left: 0;\n opacity: 0.2;\n position: fixed;\n top: 60.2px;\n width: 100%;\n z-index: 9;\n @media screen and (max-width: 330px) {\n top: 56.2px;\n }\n}\n\n#menu {\n background-color: var(--sn-stylekit-background-color);\n border: 1px solid var(--sn-stylekit-border-color);\n border-right-width: 0px;\n display: flex;\n flex-direction: column;\n height: calc(100% - 62px);\n margin-right: 0px;\n margin-top: 0px;\n max-width: 60%;\n min-width: 330px;\n overflow-y: auto;\n position: fixed;\n right: 0px;\n width: 100%;\n z-index: 10;\n\n @media screen and (max-width: 330px) {\n max-width: 100%;\n min-width: 300px;\n height: calc(100vh - 56.2px);\n }\n\n @media screen and (min-width: 750px) {\n max-width: 450px;\n width: 450px;\n }\n\n .notification {\n p {\n display: flex;\n margin: 0px 20px 8px;\n padding: 0px 16px;\n text-align: left;\n }\n &.visible {\n visibility: visible;\n opacity: 1;\n transition: opacity 200ms ease-in;\n }\n\n &.hidden {\n height: 0px;\n visibility: hidden;\n opacity: 0;\n transition: visibility 0s 500ms, opacity 500ms ease-out;\n }\n }\n @media screen and (max-width: 450px) {\n #printButton {\n display: none;\n }\n }\n .extra-space {\n @media screen and (min-width: 800px) {\n margin-bottom: 5em;\n }\n }\n}\n\n#content {\n background-color: var(--sn-stylekit-contrast-background-color);\n flex: auto;\n display: flex;\n justify-content: center;\n\n @media screen and (max-width: 725px) {\n padding: 0;\n }\n &.edit-only {\n @media screen and (max-width: 420px) {\n max-height: calc(100vh - 60.2px);\n &.focused {\n max-height: 55vh;\n .CodeMirror {\n max-height: calc(55vh - 0.5rem);\n }\n }\n }\n @media screen and (max-width: 330px) {\n max-height: calc(100vh - 56.2px);\n }\n }\n &.fixed-header {\n padding-top: 60.2px;\n @media screen and (max-width: 330px) {\n padding-top: 56.2px;\n }\n }\n &.fixed-height {\n max-height: calc(100vh - 60.2px);\n @media screen and (max-width: 330px) {\n max-height: calc(100vh - 56.2px);\n }\n }\n}\n\n#content,\n#appendix {\n &.borderless {\n background-color: var(--sn-stylekit-background-color);\n }\n &.borderless,\n &.full-width {\n .sk-panel.main {\n border: 1px var(--sn-stylekit-background-color);\n box-shadow: none;\n &.edit,\n &.view {\n margin: 0px;\n }\n }\n }\n &.full-width {\n // Also includes appendix\n .sk-panel.main {\n margin: 0px;\n &.edit,\n &.view {\n max-width: unset;\n }\n &.appendix {\n max-width: calc(100% - 2em);\n }\n }\n }\n &.overflow {\n #renderedNote {\n overflow-wrap: normal;\n pre,\n table {\n overflow: visible;\n }\n }\n }\n}\n\n#menu,\n#content,\n#appendix,\n.DynamicEditor {\n font-size: var(--sn-stylekit-font-size-editor);\n a {\n color: var(--sn-stylekit-info-color); // #086dd6;\n text-decoration: none;\n }\n\n a:hover {\n text-decoration: underline;\n }\n\n blockquote {\n margin: 0;\n margin-top: 0;\n margin-bottom: 16px;\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5;\n }\n\n hr {\n border: 0.5px solid var(--sn-stylekit-border-color);\n width: 100%;\n }\n\n img {\n max-width: 100%; // 645.500px;\n }\n\n table {\n display: block;\n width: 100%;\n overflow: auto;\n margin-top: 0;\n margin-bottom: 16px;\n border-spacing: 0;\n border-collapse: collapse;\n\n tr {\n background-color: transparent; // #fff;\n border-top: 1px solid var(--sn-stylekit-contrast-border-color); // #c6cbd1;\n }\n\n td,\n th {\n padding: 6px 13px;\n border: 1px solid var(--sn-stylekit-contrast-border-color); // #dfe2e5;\n }\n\n tr:nth-child(2n) {\n background-color: var(\n --sn-stylekit-contrast-background-color\n ); // #f6f8fa;\n code,\n pre {\n background-color: var(--sn-stylekit-background-color);\n }\n }\n }\n summary {\n .link {\n display: inline;\n color: var(--sn-stylekit-info-color);\n }\n .link:hover {\n text-decoration: underline;\n }\n }\n\n h1,\n h2,\n h3 {\n line-height: normal;\n }\n}\n\n// This makes the table of contents more compact\n#renderedNote {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n &[id='toc' i],\n &[id='table-of-content' i],\n &[id='table-of-contents' i] {\n + ul {\n li > p {\n margin-block-start: 0em;\n margin-block-end: 0em;\n }\n }\n }\n }\n}\n\n// Exclude CodeMirror\n#appendDynamicEditor,\n#dynamicEditor,\n#errorBoundary,\n#help,\n#intro,\n#renderedNote,\n#settings,\n.DynamicEditor,\n.rendered-note-section {\n code,\n pre {\n font-family: var(--sn-stylekit-monospace-font);\n }\n .hljs {\n color: var(--sn-stylekit-contrast-foreground-color);\n }\n .hljs-tag {\n color: var(--sn-stylekit-foreground-color);\n }\n\n code {\n box-sizing: border-box;\n word-wrap: break-word;\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: var(\n --sn-stylekit-contrast-background-color\n ); // rgba(27,31,35,.05);\n border-radius: 3px;\n }\n\n pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: var(\n --sn-stylekit-contrast-background-color\n ); // rgba(27,31,35,.05);// #f6f8fa; the latter doesn't work well on dark mode\n color: var(--sn-stylekit-foreground-color);\n border-radius: 3px;\n word-wrap: normal;\n margin-top: 0;\n margin-bottom: 16px;\n }\n\n pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n background-color: transparent;\n border: 0;\n }\n\n pre code {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: initial;\n border: 0;\n }\n}\n\n#errorBoundary,\n#help,\n#intro,\n.rendered-note-section {\n border: 1px transparent;\n border-style: solid;\n padding: 0px 10px;\n}\n\n// Same selection plus #renderedNote\n#errorBoundary,\n#help,\n#intro,\n#renderedNote,\n.rendered-section {\n /*align-items: center;\n justify-content: space-between;\n min-width: inherit;\n width: 100%;*/\n word-wrap: break-word;\n overflow-wrap: break-word;\n line-height: 1.7;\n}\n\n.inline-text-and-svg {\n display: inline-flex;\n padding-left: 0px;\n padding-right: 0px;\n svg {\n opacity: 0.75;\n margin-top: auto;\n }\n}\n\n#errorBoundary > :nth-child(1),\n#help > :nth-child(1),\n#renderedNote > div > :nth-child(1) {\n margin-top: 0px;\n}\n\n.note-overlay {\n position: fixed !important;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 100;\n}\n\n.note-dialog {\n max-width: 700px;\n width: 100%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 200;\n}\n\n#settings {\n height: 100%;\n}\n\n.note-dialog,\n#settings {\n .title-section {\n padding-top: 0px;\n h1,\n h2 {\n margin: 0.2em 0px;\n }\n }\n #undoDialogButton {\n display: inline-flex;\n font-family: Arial, sans-serif;\n padding: 4px 2px;\n }\n .text-and-undo-button {\n display: flex;\n p,\n .undo-icon {\n margin-top: 0px;\n margin-bottom: 0px;\n display: inline;\n }\n }\n button {\n @media screen and (max-width: 650px) {\n font-size: 17px;\n }\n }\n input[type='checkbox' i]:hover {\n cursor: pointer;\n }\n\n .sk-panel-row.settings {\n padding-top: 0.2rem;\n label,\n input,\n select {\n cursor: pointer;\n }\n input,\n select {\n font-size: 16px;\n padding: 0.5rem;\n background-color: var(--sn-stylekit-contrast-background-color);\n border-color: var(--sn-stylekit-border-color);\n color: var(--sn-stylekit-foreground-color);\n }\n .input-and-undo-button {\n display: flex;\n }\n /* On screens with screens less than 360px\n The inputs and buttons have width 217px*/\n select {\n min-width: 217px;\n }\n input[type='text'] {\n min-width: 200px;\n }\n // The checkbox is 19.8px wide.\n // 98.6 + 98.6 + 18.8px is 217\n // Use padding instead of width to center the checkbox\n .checkbox-input-label {\n padding-left: 98.6px;\n padding-right: 98.6px;\n }\n @media screen and (min-width: 360px) {\n /* On screens with screens greater than 360px\n The inputs and buttons have width 267px*/\n select {\n min-width: 267px;\n }\n input[type='text'] {\n min-width: 250px;\n }\n .checkbox-input-label {\n padding-left: 123.6px;\n padding-right: 123.6px;\n }\n .chevron-toggle-button {\n min-width: 267px;\n }\n }\n .radio {\n margin-top: 3px;\n margin-bottom: 3px;\n }\n // Collapse on mobile\n @media screen and (max-width: 480px) {\n flex-direction: column;\n align-items: flex-start;\n\n input {\n margin-top: 1rem;\n }\n &.custom-css {\n flex-direction: row;\n max-width: 299px;\n .custom-css-undo-button {\n margin-top: auto;\n margin-bottom: auto;\n }\n }\n }\n }\n}\n\n#appendix {\n background-color: var(--sn-stylekit-contrast-background-color);\n display: block;\n\n .sk-button-group {\n width: 50%;\n }\n .sk-panel {\n margin-top: 0;\n margin-left: auto;\n margin-right: auto;\n }\n\n .checkBoxForm {\n position: absolute;\n font-size: 13px;\n\n label {\n cursor: pointer;\n }\n padding-left: 10px;\n @media screen and (max-width: 600px) {\n padding-left: 10px;\n }\n @media screen and (max-width: 500px) {\n padding-left: 5px;\n }\n @media screen and (max-width: 455px) {\n label {\n font-size: 12px;\n }\n }\n @media screen and (max-width: 426px) {\n label {\n font-size: 11px;\n }\n }\n @media screen and (max-width: 410px) {\n label {\n font-size: 10px;\n }\n }\n @media screen and (max-width: 388px) {\n label {\n font-size: 9px;\n }\n }\n }\n\n #appendTextButton,\n #scrollToTopButton,\n #scrollToBottomButton {\n font-size: 14px;\n @media screen and (max-width: 650px) {\n font-size: 17px;\n }\n }\n\n #scrollToTopButton {\n position: fixed;\n right: 25px;\n bottom: 45px;\n @media screen and (max-width: 725px) {\n right: 15px;\n bottom: 5.2px;\n }\n }\n #scrollToBottomButton {\n position: fixed;\n right: 25px;\n bottom: 10px;\n @media screen and (max-width: 725px) {\n right: 55px;\n bottom: 5.2px;\n }\n }\n}\n\n.MonacoEditorContainer,\n.MonacoDiffEditorContainer {\n max-width: 100%;\n max-height: 100%;\n min-height: 300px;\n height: 100%;\n width: 100%;\n}\n\n.edit .MonacoEditorContainer,\n.edit .MonacoDiffEditorContainer {\n height: calc(100% - 1em);\n overflow-x: hidden;\n overflow-y: hidden;\n}\n\n#appendix .MonacoEditorContainer {\n height: 400px;\n}\n\n@import './codemirror.scss';\n@import './dynamicEditor.scss';\n@import './print.scss';\n@import './dark.scss';\n","#content .CodeMirror {\n max-height: calc(100% - 1rem);\n}\n\n#appendix .CodeMirror {\n max-height: calc(100% - 2px);\n}\n\n.CodeMirror {\n //fix : margin left is 30px;\n font-family: var(--sn-stylekit-sans-serif-font);\n font-size: var(--sn-stylekit-font-size-editor);\n background: inherit;\n color: inherit;\n line-height: 1.7;\n min-height: 8.25em;\n border: 1px solid var(--sn-stylekit-contrast-border-color);\n background-color: var(--sn-stylekit-contrast-background-color);\n\n @media screen and (max-width: 725px) {\n border-left: 0px;\n border-right: 0px;\n border-top: 1px solid var(--sn-stylekit-border-color);\n }\n .CodeMirror-scroll,\n .CodeMirror-sizer,\n .CodeMirror-gutter,\n .CodeMirror-gutters,\n .CodeMirror-linenumber {\n background: inherit;\n }\n .CodeMirror-linenumber {\n font-family: var(--sn-stylekit-monospace-font);\n }\n .cm-header.cm-header-1 {\n font-size: 2em;\n }\n .cm-header.cm-header-2 {\n font-size: 1.5em;\n }\n .cm-header.cm-header-3 {\n font-size: 1.17em;\n }\n .cm-header.cm-header-4 {\n font-size: 1em;\n }\n .cm-comment {\n background-color: var(--sn-stylekit-contrast-background-color);\n color: var(--sn-stylekit-contrast-foreground-color);\n font-family: var(--sn-stylekit-monospace-font);\n font-size: 85%;\n margin: 0;\n padding: 0.2em 0px 0.4em;\n }\n .cm-comment.CodeMirror-selectedtext,\n .cm-comment.cm-link.CodeMirror-selectedtext {\n background-color: unset;\n }\n .cm-attribute,\n .cm-header {\n color: var(--sn-stylekit-success-color);\n }\n .cm-variable,\n .cm-variable-1,\n .cm-variable-2,\n .cm-variable-3,\n .cm-string-2,\n .cm-tag,\n .cm-tag.cm-bracket {\n color: var(--sn-stylekit-foreground-color);\n &.CodeMirror-selectedtext {\n color: var(--sn-stylekit-info-contrast-color);\n background: transparent;\n }\n }\n .cm-builtin,\n .cm-string,\n .cm-string.cm-url.cm-variable-2 {\n color: var(--sn-stylekit-warning-color);\n }\n .cm-error {\n color: var(--sn-stylekit-danger-color);\n }\n .cm-link,\n .cm-link.cm-variable-2 {\n color: var(--sn-stylekit-info-color);\n }\n .cm-quote {\n color: #6a737d;\n }\n}\n.cm-link,\n.cm-string,\n.cm-keyword,\n.cm-builtin,\n.cm-number,\n.cm-attribute {\n &.CodeMirror-selectedtext {\n color: var(--sn-stylekit-info-contrast-color);\n background: transparent;\n }\n}\n.CodeMirror-dialog {\n position: fixed;\n background: var(--sn-stylekit-background-color);\n}\n.CodeMirror-cursor {\n border-color: var(--sn-stylekit-info-color);\n}\n.CodeMirror-selected {\n background: var(--sn-stylekit-input-placeholder-color);\n color: var(--sn-stylekit-info-contrast-color);\n}\n.CodeMirror-focused .CodeMirror-selected {\n background: var(--sn-stylekit-info-color);\n color: var(--sn-stylekit-info-contrast-color);\n}\n.CodeMirror-selectedtext {\n background: transparent;\n color: var(--sn-stylekit-info-contrast-color);\n}\n",".DynamicEditor {\n padding: 9px 30px 10px;\n div[class^='sc'] {\n background-color: var(--sn-stylekit-background-color);\n\n // The Rich Markdown Editor sets margins to be 1em 0 0.5em\n // This resets it to the default for each header\n h1 {\n margin: 0.67em 0px 0.67em;\n }\n h2 {\n margin: 0.83em 0px 0.83em;\n }\n h3 {\n margin: 1em 0px 1em;\n }\n h4 {\n margin: 1.33em 0px 1.33em;\n }\n }\n}\n\nbutton.block-menu-trigger {\n display: none !important;\n}\n@media screen and (min-width: 725px) {\n .DynamicEditor {\n padding: 5px 20px 10px;\n }\n}\n@media screen and (min-width: 600px) {\n .YouTube {\n min-height: 315px;\n min-width: 560px;\n margin: 10px auto;\n display: block;\n }\n}\n\n.ProseMirror {\n background-color: var(--sn-stylekit-background-color);\n color: var(--sn-stylekit-foreground-color);\n}\n\n#content.overflow {\n .ProseMirror {\n overflow-wrap: normal !important;\n }\n .ProseMirror li p:first-child {\n word-break: normal !important;\n }\n .DynamicEditor pre {\n overflow: visible;\n }\n}\n","@media print {\n .printURL {\n a[href]:after {\n content: ' (' attr(href) ')';\n }\n }\n\n .sn-component {\n outline: none;\n\n #content {\n &.fixed-header {\n padding-top: unset;\n }\n &.fixed-height {\n max-height: unset;\n }\n }\n\n #appendix,\n #header,\n #menu,\n .menu-overlay {\n display: none;\n }\n\n .sk-panel.main {\n border: 1px var(--sn-stylekit-background-color);\n box-shadow: none;\n }\n\n .sk-panel.main.view {\n max-width: none;\n margin: 0px;\n padding: 0px;\n #renderedNote,\n .DynamicEditor {\n border: 0px;\n padding: 0px;\n }\n }\n\n .sk-panel.main.edit,\n .sk-panel.main.appendix {\n display: none;\n background-color: var(--sn-stylekit-background-color);\n }\n\n .content,\n .appendix {\n background-color: var(--sn-stylekit-background-color) !important;\n }\n\n #renderedNote pre code {\n white-space: pre-wrap;\n word-break: break-word;\n }\n }\n}\n","@media (prefers-color-scheme: dark) {\n // This is the Midnight theme available here:\n // https://github.com/sn-extensions/midnight-theme\n // Licensed under AGPL-3.0\n :root {\n --primary-bg-color: #292937;\n --secondary-bg-color: #313142;\n --editor-bg-color: #202020;\n --border-color: #13131a;\n --ui-text-color: #d8d8d8;\n\n --sn-stylekit-info-color: #086dd6;\n --sn-stylekit-info-contrast-color: white;\n\n --sn-stylekit-neutral-color: #7c7c7c;\n --sn-stylekit-neutral-contrast-color: white;\n\n --sn-stylekit-success-color: #2b9612;\n --sn-stylekit-success-contrast-color: white;\n\n --sn-stylekit-warning-color: #f6a200;\n --sn-stylekit-warning-contrast-color: white;\n\n --sn-stylekit-danger-color: #f80324;\n --sn-stylekit-danger-contrast-color: white;\n\n --sn-desktop-titlebar-bg-color: var(--primary-bg-color);\n --sn-desktop-titlebar-border-color: var(--border-color);\n --sn-desktop-titlebar-ui-color: var(--ui-text-color);\n --sn-desktop-titlebar-ui-hover-color: var(--sn-stylekit-info-color);\n\n // StyleKit Vars\n --sn-stylekit-shadow-color: #20202b;\n\n --sn-stylekit-background-color: #20202b;\n --sn-stylekit-border-color: var(--border-color);\n --sn-stylekit-foreground-color: var(--ui-text-color);\n\n --sn-stylekit-contrast-background-color: var(--secondary-bg-color);\n --sn-stylekit-contrast-foreground-color: var(--ui-text-color);\n --sn-stylekit-contrast-border-color: var(--border-color);\n\n --sn-stylekit-secondary-background-color: #292937;\n --sn-stylekit-secondary-foreground-color: var(--ui-text-color);\n --sn-stylekit-secondary-border-color: var(--border-color);\n\n --sn-stylekit-secondary-contrast-background-color: #45445a;\n --sn-stylekit-secondary-contrast-foreground-color: var(--ui-text-color);\n --sn-stylekit-secondary-contrast-border-color: var(--border-color);\n\n --sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);\n --sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color);\n\n --sn-stylekit-paragraph-text-color: var(--ui-text-color);\n\n --sn-stylekit-scrollbar-track-border-color: var(--border-color);\n --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);\n }\n\n /* Adjust background color for Plain Textarea and CodeMirror \n to be same as View Mode instead of a contrast background color. \n This improves readability / usability in dark modes. */\n .sn-component .sk-input.contrast,\n .CodeMirror {\n background-color: var(--sn-stylekit-background-color);\n }\n}\n"]}
\ No newline at end of file
diff --git a/src/stylesheets/dynamicEditor.scss b/src/stylesheets/dynamicEditor.scss
index 90527ac..8e016c4 100644
--- a/src/stylesheets/dynamicEditor.scss
+++ b/src/stylesheets/dynamicEditor.scss
@@ -17,6 +17,17 @@
h4 {
margin: 1.33em 0px 1.33em;
}
+ // The Rich Markdown Editor sets the font-weight for headers to be 500
+ // This is less than font weight for which is 600
+ // This reverts the font-weight back to 700
+ h1,
+ h2,
+ h3,
+ h4 {
+ .heading-content {
+ font-weight: bold;
+ }
+ }
}
}