/*!
  Theme: Solarized Light
  Author: Ethan Schoonover (modified by aramisgithub)
  License: ~ MIT (or more permissive) [via base16-schemes-source]
  Maintainer: @highlightjs/core-team
  Version: 2021.09.0
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#586e75;background:#fdf6e3}.hljs::selection,.hljs ::selection{background-color:#93a1a1;color:#586e75}.hljs-comment{color:#839496}.hljs-tag{color:#657b83}.hljs-subst,.hljs-punctuation,.hljs-operator{color:#586e75}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-variable,.hljs-template-variable,.hljs-selector-tag,.hljs-name,.hljs-deletion{color:#dc322f}.hljs-symbol,.hljs-number,.hljs-link,.hljs-attr,.hljs-variable.constant_,.hljs-literal{color:#cb4b16}.hljs-title,.hljs-class .hljs-title,.hljs-title.class_{color:#b58900}.hljs-strong{font-weight:700;color:#b58900}.hljs-code,.hljs-addition,.hljs-title.class_.inherited__,.hljs-string{color:#859900}.hljs-built_in,.hljs-doctag,.hljs-quote,.hljs-keyword.hljs-atrule,.hljs-regexp{color:#2aa198}.hljs-function .hljs-title,.hljs-attribute,.ruby .hljs-property,.hljs-title.function_,.hljs-section{color:#268bd2}.hljs-type,.hljs-template-tag,.diff .hljs-meta,.hljs-keyword{color:#6c71c4}.hljs-emphasis{color:#6c71c4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d33682}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}.app{display:flex;flex-direction:column;height:100vh;width:100%;background-color:var(--md-sys-color-background);overflow:hidden}.app-header{background-color:var(--md-sys-color-surface-container);border-bottom:1px solid var(--md-sys-color-outline-variant);padding:1rem 1.5rem;flex-shrink:0;display:flex;align-items:center;gap:1rem}.app-title{font-size:1.5rem;font-weight:500;color:var(--md-sys-color-primary);margin:0}.file-name{font-size:.875rem;color:var(--md-sys-color-on-surface-variant);font-style:italic}.file-input-label{cursor:pointer}.editor-container{display:flex;flex:1;gap:0;overflow:hidden;min-height:0}.editor-panel,.preview-panel{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--md-sys-color-surface);border-right:1px solid var(--md-sys-color-outline-variant)}.preview-panel{border-right:none}.panel-header{padding:1rem 1.5rem;border-bottom:1px solid var(--md-sys-color-outline-variant);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background-color:var(--md-sys-color-surface-container-low)}.panel-header h2{margin:0;font-size:1.125rem;color:var(--md-sys-color-on-surface)}.editor{flex:1;padding:1.5rem;border:none;resize:none;font-family:Roboto Mono,monospace;font-size:.95rem;line-height:1.6;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);outline:none;overflow:auto}.editor::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.6}.editor-footer{padding:.75rem 1.5rem;border-top:1px solid var(--md-sys-color-outline-variant);display:flex;justify-content:space-between;font-size:.75rem;background-color:var(--md-sys-color-surface-container-low);flex-shrink:0}.markdown-preview{flex:1;overflow:auto;padding:1.5rem 2rem;line-height:1.8;font-size:.95rem}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:var(--md-sys-color-primary);margin-top:1.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--md-sys-color-outline-variant);padding-bottom:.5rem}.markdown-preview h1{font-size:2rem}.markdown-preview h2{font-size:1.75rem}.markdown-preview h3{font-size:1.5rem}.markdown-preview p{margin:.75rem 0;color:var(--md-sys-color-on-surface)}.markdown-preview a{color:var(--md-sys-color-primary);text-decoration:none;border-bottom:1px solid var(--md-sys-color-primary);transition:opacity .2s ease}.markdown-preview a:hover{opacity:.8}.markdown-preview ul,.markdown-preview ol{margin:1rem 0;padding-left:2rem}.markdown-preview li{margin:.5rem 0}.markdown-preview blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:4px solid var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}.markdown-preview code{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-primary);padding:.25rem .5rem;border-radius:var(--md-shape-corner-small);font-family:Roboto Mono,monospace;font-size:.875rem}.markdown-preview pre{background-color:var(--md-sys-color-surface-container);padding:1rem;border-radius:var(--md-shape-corner-medium);overflow-x:auto;margin:1rem 0;border:1px solid var(--md-sys-color-outline-variant)}.markdown-preview pre code{background:none;padding:0;color:inherit;border-radius:0}.markdown-preview table{width:100%;border-collapse:collapse;margin:1rem 0;border:1px solid var(--md-sys-color-outline-variant)}.markdown-preview th{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-primary);padding:.75rem;text-align:left;font-weight:500;border:1px solid var(--md-sys-color-outline-variant)}.markdown-preview td{padding:.75rem;border:1px solid var(--md-sys-color-outline-variant)}.markdown-preview tr:nth-child(2n){background-color:var(--md-sys-color-surface-container-low)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:var(--md-sys-color-surface);border-radius:var(--md-shape-corner-large);padding:2rem;max-width:400px;width:90%;box-shadow:0 4px 6px #0000001a}.modal h2{margin-top:0;color:var(--md-sys-color-primary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--md-sys-color-on-surface);font-size:.875rem}.form-group input[type=checkbox]{margin-right:.5rem;cursor:pointer}.form-group input[type=password],.form-group input[type=text]{width:100%}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--md-sys-color-outline-variant)}.footer-right{display:flex;align-items:center;gap:1rem}.autosave-status{font-size:.75rem;color:var(--md-sys-color-success);font-weight:500;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.editor-panel.editor-drag-over{outline:2px dashed var(--md-sys-color-primary);outline-offset:-2px;background-color:var(--md-sys-color-primary-container)}.editor-panel.editor-drag-over .editor{background-color:var(--md-sys-color-primary-container);opacity:.85}.unsaved-indicator{color:var(--md-sys-color-warning);font-weight:700}.header-controls{width:100%;flex-wrap:wrap;gap:.5rem}button.active{background-color:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary-container)}@media (max-width: 768px){.editor-container{flex-direction:column}.editor-panel,.preview-panel{border-right:none;border-bottom:1px solid var(--md-sys-color-outline-variant)}.app-header{flex-direction:column;align-items:flex-start;gap:1rem}.app-header .flex-between{width:100%;flex-wrap:wrap;gap:.5rem}.markdown-preview{padding:1rem}.panel-header{flex-direction:column;align-items:flex-start}.panel-header h2{margin-bottom:.5rem}}@media (max-width: 640px){button{padding:.5rem 1rem}}:root{--md-sys-color-primary: #0d7377;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #a4f1de;--md-sys-color-on-primary-container: #002021;--md-sys-color-secondary: #4a6363;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #cde8e8;--md-sys-color-on-secondary-container: #051f1f;--md-sys-color-tertiary: #406874;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #c4ecfc;--md-sys-color-on-tertiary-container: #001f2a;--md-sys-color-background: #fffbfe;--md-sys-color-surface: #fffbfe;--md-sys-color-surface-dim: #ddd8df;--md-sys-color-surface-bright: #fffbfe;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f7f1f5;--md-sys-color-surface-container: #f1eff3;--md-sys-color-surface-container-high: #ebe9ed;--md-sys-color-surface-container-highest: #e5e3e7;--md-sys-color-on-surface: #1c1b1f;--md-sys-color-on-surface-variant: #49454f;--md-sys-color-outline: #79747e;--md-sys-color-outline-variant: #cac7d0;--md-sys-color-error: #b3261e;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #f9dedc;--md-sys-color-on-error-container: #410e0b;--md-sys-color-warning: #f57c00;--md-sys-color-success: #1b5e20;--md-font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--md-font-size-label-small: .75rem;--md-font-size-label-medium: .875rem;--md-font-size-body-small: .75rem;--md-font-size-body-medium: .875rem;--md-font-size-body-large: 1rem;--md-font-size-headline-small: 1.5rem;--md-font-size-headline-medium: 1.75rem;--md-font-size-title-large: 1.375rem;--md-shape-corner-extra-small: .25rem;--md-shape-corner-small: .5rem;--md-shape-corner-medium: .75rem;--md-shape-corner-large: 1rem;--md-shape-corner-extra-large: 1.75rem}[data-theme=dark]{--md-sys-color-primary: #80f2f6;--md-sys-color-on-primary: #003638;--md-sys-color-primary-container: #005052;--md-sys-color-on-primary-container: #a4f1de;--md-sys-color-secondary: #b1cccf;--md-sys-color-on-secondary: #1d3537;--md-sys-color-secondary-container: #33484f;--md-sys-color-on-secondary-container: #cde8e8;--md-sys-color-tertiary: #a8cfe0;--md-sys-color-on-tertiary: #003d4d;--md-sys-color-tertiary-container: #255365;--md-sys-color-on-tertiary-container: #c4ecfc;--md-sys-color-background: #1c1b1f;--md-sys-color-surface: #1c1b1f;--md-sys-color-surface-dim: #12111a;--md-sys-color-surface-bright: #323133;--md-sys-color-surface-container-lowest: #100f13;--md-sys-color-surface-container-low: #241f26;--md-sys-color-surface-container: #2a2630;--md-sys-color-surface-container-high: #35313a;--md-sys-color-surface-container-highest: #403c46;--md-sys-color-on-surface: #e5e3e7;--md-sys-color-on-surface-variant: #cac7d0;--md-sys-color-outline: #938f99;--md-sys-color-outline-variant: #49454f;--md-sys-color-error: #f2b8b5;--md-sys-color-on-error: #601410;--md-sys-color-error-container: #8c1d18;--md-sys-color-on-error-container: #f9dedc;--md-sys-color-warning: #ffb74d;--md-sys-color-success: #81c784}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:var(--md-font-family);background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-surface);font-size:var(--md-font-size-body-large);line-height:1.5;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:500;margin:1.5rem 0 .75rem}h1{font-size:var(--md-font-size-headline-medium)}h2{font-size:var(--md-font-size-headline-small)}h3{font-size:var(--md-font-size-title-large)}p{margin:.5rem 0}code,pre{font-family:Roboto Mono,Monaco,monospace;background-color:var(--md-sys-color-surface-container);border-radius:var(--md-shape-corner-small);padding:.25rem .5rem}pre{padding:1rem;overflow-x:auto;margin:1rem 0}button{font-family:var(--md-font-family);font-size:var(--md-font-size-label-medium);font-weight:500;padding:.5rem 1.5rem;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-shape-corner-medium);background-color:transparent;color:var(--md-sys-color-primary);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;min-height:40px}button:hover{background-color:var(--md-sys-color-primary-container)}button:active{transform:scale(.98)}button.contained{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary)}button.contained:hover{background-color:var(--md-sys-color-primary);opacity:.9}input[type=text],input[type=password],input[type=email],textarea,select{font-family:var(--md-font-family);font-size:var(--md-font-size-body-large);padding:.75rem 1rem;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-shape-corner-medium);background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);transition:all .2s ease;min-height:56px}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus,select:focus{outline:none;border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-surface);box-shadow:0 0 0 3px var(--md-sys-color-primary-container)}.card{background-color:var(--md-sys-color-surface-container);border-radius:var(--md-shape-corner-large);padding:1.5rem;border:1px solid var(--md-sys-color-outline-variant)}.card:hover{background-color:var(--md-sys-color-surface-container-high)}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--md-shape-corner-extra-large);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:var(--md-font-size-label-medium);border:1px solid var(--md-sys-color-outline-variant)}.tabs{display:flex;border-bottom:1px solid var(--md-sys-color-outline-variant);gap:0}.tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;color:var(--md-sys-color-on-surface-variant);border-bottom:3px solid transparent;transition:all .2s ease;border-radius:0}.tab.active{color:var(--md-sys-color-primary);border-bottom-color:var(--md-sys-color-primary)}.tab:hover{color:var(--md-sys-color-on-surface)}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.flex{display:flex;gap:1rem}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.text-center{text-align:center}.text-muted{color:var(--md-sys-color-on-surface-variant)}.text-error{color:var(--md-sys-color-error)}.text-success{color:var(--md-sys-color-success)}.w-full{width:100%}.h-full{height:100%}