{"version":3,"sources":["simplemde-theme-base.css","_codemirror-origin.scss","_codemirror-override.scss","_variables.scss","_textarea.scss","_preview.scss","_table.scss","_embeded.scss","_toolbar.scss","_statusbar.scss"],"names":[],"mappings":"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EAAK;;ACtVpD;EACE,wBCOsB;EDNtB,uBCSiB;EDRjB,+BCwCoC;EDvCpC,gCCuCoC;EDtCpC,YCIe;EDHf,qBCsEmB;EDrEnB,gBC+C0B;ED9C1B,aCyH0B;EDxH1B,iBC0De;EDzDf,kBC0H+B;EDzH/B,cC0B0B;EDzB1B,WC4GwB,ED3GzB;;AAED;EACE,qBCiGiC;EDhGjC,oBCgGiC;ED/FjC,kBCkH+B;EDjH/B,qBC8FiC,ED7FlC;;AAED;EACE,wBCfsB;EDgBtB,UAAS;EACT,2BCdiB;EDejB,UAAS;EACT,aAAY;EACZ,QAAO;EACP,2BAA0B;EAC1B,SAAQ;EACR,UCqE0E;EDpE1E,WCyFyB,EDxF1B;;AAED;EACE,sBAAqB,EACtB;;AAGD;EACE,YC/BqB,EDgCtB;;AAGD;EACE,wBCrCe,EDsChB;;AAED;EACE,WAAU,EACX;;AAGD;EACE,aCsEmB,EDrEpB;;AAOD;;;;;EAKE,qCCnD4C,EDoD7C;;AAND;;;;;EAKE,qCCnD4C,EDoD7C;;AErED;EAOI,eDuFoC,ECtFrC;;AARH;EAWI,eDmFoC,EClFrC;;AAZH;EAeI,YDLmB,ECMpB;;AAhBH;EAkBI,eDL8B,ECM/B;;AAnBH;EAsBI,YDZmB,ECapB;;AAvBH;EAyBI,YDfmB,ECgBpB;;AA1BH;;;;;;EAkCI,YDxBmB,ECyBpB;;AAnCH;;;;;;EAiDI,eDmBkB,EClBnB;;AAlDH;EAoDI,gBDI2B,ECH5B;;AArDH;EAuDI,gBDE2B,ECD5B;;AAxDH;EA0DI,gBDA2B,ECC5B;;AA3DH;EA6DI,gBDFyB,ECG1B;;AA9DH;EAgEI,gBDJ2B,ECK5B;;AAjEH;EAmEI,gBDN2B,ECO5B;;AApEH;;EAwEI,iBDEkB,ECDnB;;AAzEH;EA6EI,0BD7DkD;EC8DlD,kFDMO;ECLP,gBDhB4B;ECiB5B,mBAAgD,EACjD;;AAjFH;EAmFI,0BDnEkD,ECoEnD;;AApFH;EAuFI,YD7EmB,EC8EpB;;AAxFH;EA2FI,8BAA6B,EAC9B;;AC5FH;EACE,aAAY;EACZ,QAAO;EACP,mBAAkB;EAClB,OAAM;EACN,YAAW;EACX,WAAoC,EACrC;;AAED;EACE,UAA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","file":"simplemde-theme-base.css","sourcesContent":["@charset \"UTF-8\";\n/* THIS FILE IS COPIED FROM CODEMIRROR.CSS, PLEASE DONOT EDIT IT. */\n/* BASICS */\n.CodeMirror {\n  /* Set height, width, borders, and global font properties here */\n  font-family: monospace;\n  height: 300px;\n  color: black; }\n\n/* PADDING */\n.CodeMirror-lines {\n  padding: 4px 0;\n  /* Vertical padding around content */ }\n\n.CodeMirror pre {\n  padding: 0 4px;\n  /* Horizontal padding of content */ }\n\n.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n  background-color: white;\n  /* The little square between H and V scrollbars */ }\n\n/* GUTTER */\n.CodeMirror-gutters {\n  border-right: 1px solid #ddd;\n  background-color: #f7f7f7;\n  white-space: nowrap; }\n\n.CodeMirror-linenumber {\n  padding: 0 3px 0 5px;\n  min-width: 20px;\n  text-align: right;\n  color: #999;\n  white-space: nowrap; }\n\n.CodeMirror-guttermarker {\n  color: black; }\n\n.CodeMirror-guttermarker-subtle {\n  color: #999; }\n\n/* CURSOR */\n.CodeMirror-cursor {\n  border-left: 1px solid black;\n  border-right: none;\n  width: 0; }\n\n/* Shown when moving in bi-directional text */\n.CodeMirror div.CodeMirror-secondarycursor {\n  border-left: 1px solid silver; }\n\n.cm-fat-cursor .CodeMirror-cursor {\n  width: auto;\n  border: 0 !important;\n  background: #7e7; }\n\n.cm-fat-cursor div.CodeMirror-cursors {\n  z-index: 1; }\n\n.cm-animate-fat-cursor {\n  width: auto;\n  border: 0;\n  -webkit-animation: blink 1.06s steps(1) infinite;\n  -moz-animation: blink 1.06s steps(1) infinite;\n  animation: blink 1.06s steps(1) infinite;\n  background-color: #7e7; }\n\n@-moz-keyframes blink {\n  0% { }\n  50% {\n    background-color: transparent; }\n  100% { } }\n\n@-webkit-keyframes blink {\n  0% { }\n  50% {\n    background-color: transparent; }\n  100% { } }\n\n@keyframes blink {\n  0% { }\n  50% {\n    background-color: transparent; }\n  100% { } }\n\n/* Can style cursor different in overwrite (non-insert) mode */\n.cm-tab {\n  display: inline-block;\n  text-decoration: inherit; }\n\n.CodeMirror-rulers {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: -50px;\n  bottom: -20px;\n  overflow: hidden; }\n\n.CodeMirror-ruler {\n  border-left: 1px solid #ccc;\n  top: 0;\n  bottom: 0;\n  position: absolute; }\n\n/* DEFAULT THEME */\n.cm-s-default .cm-header {\n  color: blue; }\n\n.cm-s-default .cm-quote {\n  color: #090; }\n\n.cm-negative {\n  color: #d44; }\n\n.cm-positive {\n  color: #292; }\n\n.cm-header, .cm-strong {\n  font-weight: bold; }\n\n.cm-em {\n  font-style: italic; }\n\n.cm-link {\n  text-decoration: underline; }\n\n.cm-strikethrough {\n  text-decoration: line-through; }\n\n.cm-s-default .cm-keyword {\n  color: #708; }\n\n.cm-s-default .cm-atom {\n  color: #219; }\n\n.cm-s-default .cm-number {\n  color: #164; }\n\n.cm-s-default .cm-def {\n  color: #00f; }\n\n.cm-s-default .cm-variable-2 {\n  color: #05a; }\n\n.cm-s-default .cm-variable-3 {\n  color: #085; }\n\n.cm-s-default .cm-comment {\n  color: #a50; }\n\n.cm-s-default .cm-string {\n  color: #a11; }\n\n.cm-s-default .cm-string-2 {\n  color: #f50; }\n\n.cm-s-default .cm-meta {\n  color: #555; }\n\n.cm-s-default .cm-qualifier {\n  color: #555; }\n\n.cm-s-default .cm-builtin {\n  color: #30a; }\n\n.cm-s-default .cm-bracket {\n  color: #997; }\n\n.cm-s-default .cm-tag {\n  color: #170; }\n\n.cm-s-default .cm-attribute {\n  color: #00c; }\n\n.cm-s-default .cm-hr {\n  color: #999; }\n\n.cm-s-default .cm-link {\n  color: #00c; }\n\n.cm-s-default .cm-error {\n  color: #f00; }\n\n.cm-invalidchar {\n  color: #f00; }\n\n.CodeMirror-composing {\n  border-bottom: 2px solid; }\n\n/* Default styles for common addons */\ndiv.CodeMirror span.CodeMirror-matchingbracket {\n  color: #0f0; }\n\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket {\n  color: #f22; }\n\n.CodeMirror-matchingtag {\n  background: rgba(255, 150, 0, 0.3); }\n\n.CodeMirror-activeline-background {\n  background: #e8f2ff; }\n\n/* STOP */\n/* The rest of this file contains styles related to the mechanics of\n   the editor. You probably shouldn't touch them. */\n.CodeMirror {\n  position: relative;\n  overflow: hidden;\n  background: white; }\n\n.CodeMirror-scroll {\n  overflow: scroll !important;\n  /* Things will break if this is overridden */\n  /* 30px is the magic margin used to hide the element's real scrollbars */\n  /* See overflow: hidden in .CodeMirror */\n  margin-bottom: -30px;\n  margin-right: -30px;\n  padding-bottom: 30px;\n  height: 100%;\n  outline: none;\n  /* Prevent dragging from highlighting the element */\n  position: relative; }\n\n.CodeMirror-sizer {\n  position: relative;\n  border-right: 30px solid transparent; }\n\n/* The fake, visible scrollbars. Used to force redraw during scrolling\n   before actual scrolling happens, thus preventing shaking and\n   flickering artifacts. */\n.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n  position: absolute;\n  z-index: 6;\n  display: none; }\n\n.CodeMirror-vscrollbar {\n  right: 0;\n  top: 0;\n  overflow-x: hidden;\n  overflow-y: scroll; }\n\n.CodeMirror-hscrollbar {\n  bottom: 0;\n  left: 0;\n  overflow-y: hidden;\n  overflow-x: scroll; }\n\n.CodeMirror-scrollbar-filler {\n  right: 0;\n  bottom: 0; }\n\n.CodeMirror-gutter-filler {\n  left: 0;\n  bottom: 0; }\n\n.CodeMirror-gutters {\n  position: absolute;\n  left: 0;\n  top: 0;\n  min-height: 100%;\n  z-index: 3; }\n\n.CodeMirror-gutter {\n  white-space: normal;\n  height: 100%;\n  display: inline-block;\n  vertical-align: top;\n  margin-bottom: -30px; }\n\n.CodeMirror-gutter-wrapper {\n  position: absolute;\n  z-index: 4;\n  background: none !important;\n  border: none !important; }\n\n.CodeMirror-gutter-background {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 4; }\n\n.CodeMirror-gutter-elt {\n  position: absolute;\n  cursor: default;\n  z-index: 4; }\n\n.CodeMirror-gutter-wrapper {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none; }\n\n.CodeMirror-lines {\n  cursor: text;\n  min-height: 1px;\n  /* prevents collapsing before first draw */ }\n\n.CodeMirror pre {\n  /* Reset some styles that the rest of the page might have set */\n  -moz-border-radius: 0;\n  -webkit-border-radius: 0;\n  border-radius: 0;\n  border-width: 0;\n  background: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  margin: 0;\n  white-space: pre;\n  word-wrap: normal;\n  line-height: inherit;\n  color: inherit;\n  z-index: 2;\n  position: relative;\n  overflow: visible;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-font-variant-ligatures: contextual;\n  font-variant-ligatures: contextual; }\n\n.CodeMirror-wrap pre {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  word-break: normal; }\n\n.CodeMirror-linebackground {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  z-index: 0; }\n\n.CodeMirror-linewidget {\n  position: relative;\n  z-index: 2;\n  overflow: auto; }\n\n.CodeMirror-code {\n  outline: none; }\n\n/* Force content-box sizing for the elements where we expect it */\n.CodeMirror-scroll,\n.CodeMirror-sizer,\n.CodeMirror-gutter,\n.CodeMirror-gutters,\n.CodeMirror-linenumber {\n  -moz-box-sizing: content-box;\n  box-sizing: content-box; }\n\n.CodeMirror-measure {\n  position: absolute;\n  width: 100%;\n  height: 0;\n  overflow: hidden;\n  visibility: hidden; }\n\n.CodeMirror-cursor {\n  position: absolute;\n  pointer-events: none; }\n\n.CodeMirror-measure pre {\n  position: static; }\n\ndiv.CodeMirror-cursors {\n  visibility: hidden;\n  position: relative;\n  z-index: 3; }\n\ndiv.CodeMirror-dragcursors {\n  visibility: visible; }\n\n.CodeMirror-focused div.CodeMirror-cursors {\n  visibility: visible; }\n\n.CodeMirror-selected {\n  background: #d9d9d9; }\n\n.CodeMirror-focused .CodeMirror-selected {\n  background: #d7d4f0; }\n\n.CodeMirror-crosshair {\n  cursor: crosshair; }\n\n.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {\n  background: #d7d4f0; }\n\n.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {\n  background: #d7d4f0; }\n\n.cm-searching {\n  background: #ffa;\n  background: rgba(255, 255, 0, 0.4); }\n\n/* Used to force a border model for a node */\n.cm-force-border {\n  padding-right: .1px; }\n\n@media print {\n  /* Hide the cursor when printing */\n  .CodeMirror div.CodeMirror-cursors {\n    visibility: hidden; } }\n\n/* See issue #2901 */\n.cm-tab-wrap-hack:after {\n  content: ''; }\n\n/* Help users use markselection to safely style text background */\nspan.CodeMirror-selectedtext {\n  background: none; }\n\n.CodeMirror {\n  background-color: white;\n  border: 1px solid #ddd;\n  border-bottom-left-radius: 3px;\n  border-bottom-right-radius: 3px;\n  color: #333;\n  font-family: inherit;\n  font-size: 16px;\n  height: auto;\n  line-height: 1.5;\n  min-height: 300px;\n  padding: 15px;\n  z-index: 1; }\n\n.CodeMirror-scroll {\n  margin-bottom: -32px;\n  margin-right: -32px;\n  min-height: 300px;\n  padding-bottom: 32px; }\n\n.CodeMirror-fullscreen {\n  background-color: white;\n  border: 0;\n  border-top: 1px solid #ddd;\n  bottom: 0;\n  height: auto;\n  left: 0;\n  position: fixed !important;\n  right: 0;\n  top: 60px;\n  z-index: 9; }\n\n.CodeMirror-sided {\n  width: 50% !important; }\n\n.CodeMirror .CodeMirror-placeholder {\n  color: #777; }\n\n.CodeMirror-cursor {\n  border-left-color: #333; }\n\n.CodeMirror-lines {\n  padding: 0; }\n\n.CodeMirror pre {\n  padding: 0 0; }\n\n.CodeMirror-selected,\n.CodeMirror-focused .CodeMirror-selected,\n.CodeMirror-line::selection,\n.CodeMirror-line > span::selection,\n.CodeMirror-line > span > span::selection {\n  background-color: rgba(0, 0, 0, 0.1); }\n\n.CodeMirror .CodeMirror-code .cm-tag {\n  color: #40bf40; }\n\n.CodeMirror .CodeMirror-code .cm-attribute {\n  color: #40bf40; }\n\n.CodeMirror .CodeMirror-code .cm-string {\n  color: #777; }\n\n.CodeMirror .CodeMirror-code .cm-link {\n  color: #2680d9; }\n\n.CodeMirror .CodeMirror-code .cm-url {\n  color: #777; }\n\n.CodeMirror .CodeMirror-code .cm-hr {\n  color: #777; }\n\n.CodeMirror .CodeMirror-code .cm-formatting-header,\n.CodeMirror .CodeMirror-code .cm-formatting-em,\n.CodeMirror .CodeMirror-code .cm-formatting-strong,\n.CodeMirror .CodeMirror-code .cm-formatting-strikethrough,\n.CodeMirror .CodeMirror-code .cm-formatting-code,\n.CodeMirror .CodeMirror-code .cm-formatting-code-block {\n  color: #777; }\n\n.CodeMirror .CodeMirror-code .cm-header-1,\n.CodeMirror .CodeMirror-code .cm-header-2,\n.CodeMirror .CodeMirror-code .cm-header-3,\n.CodeMirror .CodeMirror-code .cm-header-4,\n.CodeMirror .CodeMirror-code .cm-header-5,\n.CodeMirror .CodeMirror-code .cm-header-6 {\n  line-height: 2; }\n\n.CodeMirror .CodeMirror-code .cm-header-1 {\n  font-size: 32px; }\n\n.CodeMirror .CodeMirror-code .cm-header-2 {\n  font-size: 26px; }\n\n.CodeMirror .CodeMirror-code .cm-header-3 {\n  font-size: 22px; }\n\n.CodeMirror .CodeMirror-code .cm-header-4 {\n  font-size: 20px; }\n\n.CodeMirror .CodeMirror-code .cm-header-5 {\n  font-size: 18px; }\n\n.CodeMirror .CodeMirror-code .cm-header-6 {\n  font-size: 16px; }\n\n.CodeMirror .CodeMirror-code .cm-header,\n.CodeMirror .CodeMirror-code .cm-strong {\n  font-weight: 600; }\n\n.CodeMirror .CodeMirror-code .cm-comment {\n  background-color: #f2f2f2;\n  font-family: Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  font-size: 13px;\n  padding: 6px 0 3px; }\n\n.CodeMirror .CodeMirror-code span.CodeMirror-selectedtext.cm-comment {\n  background-color: #f2f2f2; }\n\n.CodeMirror .CodeMirror-code .cm-quote {\n  color: #777; }\n\n.CodeMirror .CodeMirror-code .cm-strikethrough {\n  text-decoration: line-through; }\n\n.editor-preview {\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 2; }\n\n.editor-preview-side {\n  border: 0;\n  border-left: 1px solid #ddd;\n  border-top: 1px solid #ddd;\n  bottom: 0;\n  position: fixed;\n  right: 0;\n  top: 60px;\n  width: 50%;\n  z-index: 9; }\n\n.editor-preview,\n.editor-preview-side {\n  background-color: #fff;\n  box-sizing: border-box;\n  color: #333;\n  display: none;\n  font-family: inherit;\n  font-size: 16px;\n  line-height: 1.5;\n  overflow: auto;\n  padding: 0 15px 15px; }\n  .editor-preview pre,\n  .editor-preview-side pre {\n    background-color: #f2f2f2;\n    font-family: Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    font-size: 13px;\n    line-height: 1.2;\n    margin-top: 15px;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    padding: 15px; }\n    .editor-preview pre code,\n    .editor-preview-side pre code {\n      background-color: transparent;\n      font-size: 13px;\n      padding: 0; }\n\n.editor-preview-active,\n.editor-preview-active-side {\n  display: block; }\n\n.editor-preview table,\n.editor-preview-side table {\n  background-color: white;\n  border: 0;\n  border-collapse: collapse;\n  border-spacing: 0;\n  width: 100%; }\n  .editor-preview table caption,\n  .editor-preview-side table caption {\n    caption-side: bottom;\n    color: #777;\n    font-size: 85%;\n    padding: 5px;\n    text-align: left; }\n  .editor-preview table th,\n  .editor-preview table td,\n  .editor-preview-side table th,\n  .editor-preview-side table td {\n    border: 0;\n    border-bottom: 1px solid #ddd;\n    padding: 5px;\n    text-align: left; }\n  .editor-preview table th,\n  .editor-preview-side table th {\n    background-color: #f2f2f2;\n    font-weight: 600; }\n\n.editor-preview audio:not([controls]),\n.editor-preview-side audio:not([controls]) {\n  display: none;\n  height: 0; }\n\n.editor-preview img,\n.editor-preview-side img {\n  max-width: 100%;\n  vertical-align: middle; }\n\n.editor-preview audio,\n.editor-preview video,\n.editor-preview-side audio,\n.editor-preview-side video {\n  width: 100%; }\n\n.editor-toolbar {\n  background-color: white;\n  border: 1px solid #ddd;\n  border-bottom: 0;\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px;\n  font-size: 16px;\n  padding: 0 15px;\n  position: relative;\n  user-select: none; }\n  .editor-toolbar::before, .editor-toolbar::after {\n    content: ' ';\n    display: block;\n    height: 1px; }\n  .editor-toolbar::before {\n    margin-bottom: 7.5px; }\n  .editor-toolbar::after {\n    margin-top: 7.5px; }\n  .editor-toolbar a {\n    border: 1px solid transparent;\n    border-radius: 3px;\n    color: #777 !important;\n    cursor: pointer;\n    display: inline-block;\n    font-size: 85%;\n    height: 30px;\n    margin: 0;\n    text-align: center;\n    text-decoration: none !important;\n    width: 30px; }\n    .editor-toolbar a.active, .editor-toolbar a:hover {\n      border-color: #ddd;\n      color: #333 !important; }\n    .editor-toolbar a::before {\n      line-height: 30px; }\n    .editor-toolbar a.fa-header-x::after {\n      bottom: -0.25em;\n      font-family: inherit;\n      font-size: 85%;\n      line-height: 0;\n      position: relative;\n      vertical-align: baseline; }\n    .editor-toolbar a.fa-header-1::after {\n      content: \"1\"; }\n    .editor-toolbar a.fa-header-2::after {\n      content: \"2\"; }\n    .editor-toolbar a.fa-header-3::after {\n      content: \"3\"; }\n    .editor-toolbar a.fa-header-bigger::after {\n      content: \"▲\"; }\n    .editor-toolbar a.fa-header-smaller::after {\n      content: \"▼\"; }\n  .editor-toolbar i.separator {\n    border-right: 1px solid #ddd;\n    color: transparent;\n    display: inline-block;\n    margin: 0 7.5px;\n    text-indent: -10px;\n    width: 0; }\n  .editor-toolbar:hover a {\n    color: #333 !important; }\n\n.editor-toolbar.fullscreen {\n  background-color: white;\n  border: 0;\n  box-sizing: border-box;\n  height: 60px;\n  left: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  padding-bottom: 15px;\n  padding-top: 15px;\n  position: fixed;\n  top: 0;\n  white-space: nowrap;\n  width: 100%;\n  z-index: 9; }\n  .editor-toolbar.fullscreen::before, .editor-toolbar.fullscreen::after {\n    height: 60px;\n    left: 0;\n    margin: 0;\n    padding: 0;\n    position: fixed;\n    top: 0;\n    width: 20px; }\n\n@media only screen and (max-width: 768px) {\n  .editor-toolbar a.no-mobile {\n    display: none; } }\n\n.editor-toolbar.disabled-for-preview a:not(.no-disable) {\n  background-color: #fff;\n  border-color: transparent;\n  pointer-events: none;\n  text-shadow: inherit; }\n\n.editor-statusbar {\n  color: #777;\n  font-family: inherit;\n  font-size: 85%;\n  padding: 7.5px 15px;\n  text-align: right; }\n\n.editor-statusbar span {\n  display: inline-block;\n  margin-left: 1em; }\n\n.editor-statusbar .lines::before {\n  content: 'lines: '; }\n\n.editor-statusbar .words::before {\n  content: 'words: '; }\n\n.editor-statusbar .characters::before {\n  content: 'characters: '; }\n","/* THIS FILE IS COPIED FROM CODEMIRROR.CSS, PLEASE DONOT EDIT IT. */\n\n/* BASICS */\n\n.CodeMirror {\n  /* Set height, width, borders, and global font properties here */\n  font-family: monospace;\n  height: 300px;\n  color: black;\n}\n\n/* PADDING */\n\n.CodeMirror-lines {\n  padding: 4px 0; /* Vertical padding around content */\n}\n.CodeMirror pre {\n  padding: 0 4px; /* Horizontal padding of content */\n}\n\n.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n  background-color: white; /* The little square between H and V scrollbars */\n}\n\n/* GUTTER */\n\n.CodeMirror-gutters {\n  border-right: 1px solid #ddd;\n  background-color: #f7f7f7;\n  white-space: nowrap;\n}\n.CodeMirror-linenumbers {}\n.CodeMirror-linenumber {\n  padding: 0 3px 0 5px;\n  min-width: 20px;\n  text-align: right;\n  color: #999;\n  white-space: nowrap;\n}\n\n.CodeMirror-guttermarker { color: black; }\n.CodeMirror-guttermarker-subtle { color: #999; }\n\n/* CURSOR */\n\n.CodeMirror-cursor {\n  border-left: 1px solid black;\n  border-right: none;\n  width: 0;\n}\n/* Shown when moving in bi-directional text */\n.CodeMirror div.CodeMirror-secondarycursor {\n  border-left: 1px solid silver;\n}\n.cm-fat-cursor .CodeMirror-cursor {\n  width: auto;\n  border: 0 !important;\n  background: #7e7;\n}\n.cm-fat-cursor div.CodeMirror-cursors {\n  z-index: 1;\n}\n\n.cm-animate-fat-cursor {\n  width: auto;\n  border: 0;\n  -webkit-animation: blink 1.06s steps(1) infinite;\n  -moz-animation: blink 1.06s steps(1) infinite;\n  animation: blink 1.06s steps(1) infinite;\n  background-color: #7e7;\n}\n@-moz-keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n@-webkit-keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n@keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n\n/* Can style cursor different in overwrite (non-insert) mode */\n.CodeMirror-overwrite .CodeMirror-cursor {}\n\n.cm-tab { display: inline-block; text-decoration: inherit; }\n\n.CodeMirror-rulers {\n  position: absolute;\n  left: 0; right: 0; top: -50px; bottom: -20px;\n  overflow: hidden;\n}\n.CodeMirror-ruler {\n  border-left: 1px solid #ccc;\n  top: 0; bottom: 0;\n  position: absolute;\n}\n\n/* DEFAULT THEME */\n\n.cm-s-default .cm-header {color: blue;}\n.cm-s-default .cm-quote {color: #090;}\n.cm-negative {color: #d44;}\n.cm-positive {color: #292;}\n.cm-header, .cm-strong {font-weight: bold;}\n.cm-em {font-style: italic;}\n.cm-link {text-decoration: underline;}\n.cm-strikethrough {text-decoration: line-through;}\n\n.cm-s-default .cm-keyword {color: #708;}\n.cm-s-default .cm-atom {color: #219;}\n.cm-s-default .cm-number {color: #164;}\n.cm-s-default .cm-def {color: #00f;}\n.cm-s-default .cm-variable,\n.cm-s-default .cm-punctuation,\n.cm-s-default .cm-property,\n.cm-s-default .cm-operator {}\n.cm-s-default .cm-variable-2 {color: #05a;}\n.cm-s-default .cm-variable-3 {color: #085;}\n.cm-s-default .cm-comment {color: #a50;}\n.cm-s-default .cm-string {color: #a11;}\n.cm-s-default .cm-string-2 {color: #f50;}\n.cm-s-default .cm-meta {color: #555;}\n.cm-s-default .cm-qualifier {color: #555;}\n.cm-s-default .cm-builtin {color: #30a;}\n.cm-s-default .cm-bracket {color: #997;}\n.cm-s-default .cm-tag {color: #170;}\n.cm-s-default .cm-attribute {color: #00c;}\n.cm-s-default .cm-hr {color: #999;}\n.cm-s-default .cm-link {color: #00c;}\n\n.cm-s-default .cm-error {color: #f00;}\n.cm-invalidchar {color: #f00;}\n\n.CodeMirror-composing { border-bottom: 2px solid; }\n\n/* Default styles for common addons */\n\ndiv.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}\n.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }\n.CodeMirror-activeline-background {background: #e8f2ff;}\n\n/* STOP */\n\n/* The rest of this file contains styles related to the mechanics of\n   the editor. You probably shouldn't touch them. */\n\n.CodeMirror {\n  position: relative;\n  overflow: hidden;\n  background: white;\n}\n\n.CodeMirror-scroll {\n  overflow: scroll !important; /* Things will break if this is overridden */\n  /* 30px is the magic margin used to hide the element's real scrollbars */\n  /* See overflow: hidden in .CodeMirror */\n  margin-bottom: -30px; margin-right: -30px;\n  padding-bottom: 30px;\n  height: 100%;\n  outline: none; /* Prevent dragging from highlighting the element */\n  position: relative;\n}\n.CodeMirror-sizer {\n  position: relative;\n  border-right: 30px solid transparent;\n}\n\n/* The fake, visible scrollbars. Used to force redraw during scrolling\n   before actual scrolling happens, thus preventing shaking and\n   flickering artifacts. */\n.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n  position: absolute;\n  z-index: 6;\n  display: none;\n}\n.CodeMirror-vscrollbar {\n  right: 0; top: 0;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n.CodeMirror-hscrollbar {\n  bottom: 0; left: 0;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n.CodeMirror-scrollbar-filler {\n  right: 0; bottom: 0;\n}\n.CodeMirror-gutter-filler {\n  left: 0; bottom: 0;\n}\n\n.CodeMirror-gutters {\n  position: absolute; left: 0; top: 0;\n  min-height: 100%;\n  z-index: 3;\n}\n.CodeMirror-gutter {\n  white-space: normal;\n  height: 100%;\n  display: inline-block;\n  vertical-align: top;\n  margin-bottom: -30px;\n}\n.CodeMirror-gutter-wrapper {\n  position: absolute;\n  z-index: 4;\n  background: none !important;\n  border: none !important;\n}\n.CodeMirror-gutter-background {\n  position: absolute;\n  top: 0; bottom: 0;\n  z-index: 4;\n}\n.CodeMirror-gutter-elt {\n  position: absolute;\n  cursor: default;\n  z-index: 4;\n}\n.CodeMirror-gutter-wrapper {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.CodeMirror-lines {\n  cursor: text;\n  min-height: 1px; /* prevents collapsing before first draw */\n}\n.CodeMirror pre {\n  /* Reset some styles that the rest of the page might have set */\n  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;\n  border-width: 0;\n  background: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  margin: 0;\n  white-space: pre;\n  word-wrap: normal;\n  line-height: inherit;\n  color: inherit;\n  z-index: 2;\n  position: relative;\n  overflow: visible;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-font-variant-ligatures: contextual;\n  font-variant-ligatures: contextual;\n}\n.CodeMirror-wrap pre {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  word-break: normal;\n}\n\n.CodeMirror-linebackground {\n  position: absolute;\n  left: 0; right: 0; top: 0; bottom: 0;\n  z-index: 0;\n}\n\n.CodeMirror-linewidget {\n  position: relative;\n  z-index: 2;\n  overflow: auto;\n}\n\n.CodeMirror-widget {}\n\n.CodeMirror-code {\n  outline: none;\n}\n\n/* Force content-box sizing for the elements where we expect it */\n.CodeMirror-scroll,\n.CodeMirror-sizer,\n.CodeMirror-gutter,\n.CodeMirror-gutters,\n.CodeMirror-linenumber {\n  -moz-box-sizing: content-box;\n  box-sizing: content-box;\n}\n\n.CodeMirror-measure {\n  position: absolute;\n  width: 100%;\n  height: 0;\n  overflow: hidden;\n  visibility: hidden;\n}\n\n.CodeMirror-cursor {\n  position: absolute;\n  pointer-events: none;\n}\n.CodeMirror-measure pre { position: static; }\n\ndiv.CodeMirror-cursors {\n  visibility: hidden;\n  position: relative;\n  z-index: 3;\n}\ndiv.CodeMirror-dragcursors {\n  visibility: visible;\n}\n\n.CodeMirror-focused div.CodeMirror-cursors {\n  visibility: visible;\n}\n\n.CodeMirror-selected { background: #d9d9d9; }\n.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }\n.CodeMirror-crosshair { cursor: crosshair; }\n.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }\n.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }\n\n.cm-searching {\n  background: #ffa;\n  background: rgba(255, 255, 0, .4);\n}\n\n/* Used to force a border model for a node */\n.cm-force-border { padding-right: .1px; }\n\n@media print {\n  /* Hide the cursor when printing */\n  .CodeMirror div.CodeMirror-cursors {\n    visibility: hidden;\n  }\n}\n\n/* See issue #2901 */\n.cm-tab-wrap-hack:after { content: ''; }\n\n/* Help users use markselection to safely style text background */\nspan.CodeMirror-selectedtext { background: none; }\n",".CodeMirror {\n  background-color: $color-background;\n  border: 1px solid $color-border;\n  border-bottom-left-radius: $width-border-radius;\n  border-bottom-right-radius: $width-border-radius;\n  color: $color-text;\n  font-family: $font-family;\n  font-size: $font-size;\n  height: $smde-height-container;\n  line-height: $line-height;\n  min-height: $smde-min-height-container;\n  padding: $width-gap;\n  z-index: $smde-z-index-container;\n}\n\n.CodeMirror-scroll {\n  margin-bottom: -$smde-margin-hidden-scrollbar;\n  margin-right: -$smde-margin-hidden-scrollbar;\n  min-height: $smde-min-height-container;\n  padding-bottom: $smde-margin-hidden-scrollbar;\n}\n\n.CodeMirror-fullscreen {\n  background-color: $color-background;\n  border: 0;\n  border-top: 1px solid $color-border;\n  bottom: 0;\n  height: auto;\n  left: 0;\n  position: fixed !important;\n  right: 0;\n  top: $smde-height-toolbar-fullscreen;\n  z-index: $smde-z-index-fullscreen;\n}\n\n.CodeMirror-sided {\n  width: 50% !important;\n}\n\n// Placeholder\n.CodeMirror .CodeMirror-placeholder {\n  color: $color-text-muted;\n}\n\n// Cursor\n.CodeMirror-cursor {\n  border-left-color: $color-text;\n}\n\n.CodeMirror-lines {\n  padding: 0;\n}\n\n// Override the default every-line-paddings in codemirror.css\n.CodeMirror pre {\n  padding: 0 $smde-padding-line;\n}\n\n\n//\n// Selected text background-color\n//\n\n.CodeMirror-selected,\n.CodeMirror-focused .CodeMirror-selected,\n.CodeMirror-line::selection,\n.CodeMirror-line > span::selection,\n.CodeMirror-line > span > span::selection {\n  background-color: $color-background-selected;\n}\n","// All variables need to be named as ${rule}-${element}-${modifier}\n\n//\n//\n// Colors\n//\n\n// Add !default so _custom.scss can override it\n$color-background: white !default;\n$color-text: #333 !default;\n$color-text-muted: #777 !default;\n$color-border: #ddd !default;\n\n$color-primary: hsl(210, 70%, 50%) !default;\n$color-danger: hsl(0, 65%, 60%) !default;\n\n$color-background-faded: darken($color-background, 5%) !default;\n$color-background-selected: rgba(0, 0, 0, 0.1) !default;\n\n//\n//\n// Layout\n//\n\n$max-width-container: 800px !default;\n$max-width-container-wider: 1200px !default;\n\n$width-breakpoint: 768px !default;\n\n//\n//\n// Spacing\n//\n\n// The base size, all other size are based on it\n$size-base: 10px !default;\n\n$width-gap: $size-base * 1.5 !default;\n$width-gap-double: $width-gap * 2 !default;\n$width-gap-half: $width-gap * 0.5 !default;\n\n$width-padding-input: $size-base * 0.5 !default;\n\n$width-border-radius: $size-base * 0.3 !default;\n\n$width-border: 1px !default;\n\n$padding-code: 0.2em 0.3em !default;\n\n//\n//\n// Typography\n//\n\n$font-size: $size-base * 1.6 !default;\n\n$font-size-h1: $size-base * 3.2 !default;\n$font-size-h2: $size-base * 2.6 !default;\n$font-size-h3: $size-base * 2.2 !default;\n$font-size-h4: $size-base * 2 !default;\n$font-size-h5: $size-base * 1.8 !default;\n$font-size-h6: $size-base * 1.6 !default;\n\n$font-size-pre: $size-base * 1.3 !default;\n\n$font-size-small: 85% !default;\n\n$line-height: 1.5 !default;\n$line-height-header: 2 !default;\n\n$line-height-input: 1.25 !default;\n// line-height need to be set to pre, not code\n$line-height-pre: 1.2 !default;\n\n$font-weight-bold: 600 !default;\n\n$font-family: inherit !default;\n\n$font-family-monospace:\n  Menlo,\n  Monaco,\n  Consolas,\n  \"Liberation Mono\",\n  \"Courier New\",\n  monospace !default;\n\n//\n//\n// SimpleMDE specific variables, prefixed with smde-\n//\n\n// For preview section\n$smde-color-background-preview: #fff !default;\n// Image alt, HTML tag and attribute\n$smde-color-text-tag: hsl(120, 50%, 50%) !default;\n\n// Icon size\n$smde-width-toolbar-icon: 30px !default;\n\n// The height of toolbar in fullscreen mode\n$smde-height-toolbar-fullscreen: $smde-width-toolbar-icon + ($width-gap * 2) !default;\n\n//\n//\n// Be careful\n//\n\n// A margin need to be set to hidden the right and bottom scrollbar of container\n// By default it's set in the codemirror project, default to 30px\n// For some reasons, if you resize the padding of the container,\n// you need to reset this margin size\n// Delete all the textarea content and hide the border of the container to test it\n// Be careful!\n$smde-margin-hidden-scrollbar: 32px !default;\n\n// This is hard coded in simplemde/src/js/simplemde.js\n// Be careful if you want to change it \n$smde-breakpoint-mobile: $width-breakpoint !default;\n\n// z-index\n$smde-z-index-container: 1 !default;\n$smde-z-index-fullscreen: 9 !default;\n\n// The left and right padding for every line\n// This is not needed because SimpleMDE doesn't has line-number\n$smde-padding-line: 0 !default;\n\n// Height for container\n// This should be set by user, not theme\n$smde-height-container: auto !default;\n// Minimun height for container\n// This should be set by user, not theme\n$smde-min-height-container: 300px !default;\n\n// <sub> relative bottom\n// Defines the <sub> position of H1, H2, H3 icon\n$smde-bottom-sub: -0.25em !default;\n",".CodeMirror .CodeMirror-code {\n  //\n  // Colors\n  //\n\n  // HTML tag and image alt\n  .cm-tag {\n    color: $smde-color-text-tag;\n  }\n  // HTML attribute key\n  .cm-attribute {\n    color: $smde-color-text-tag;\n  }\n  // HTML attribute value\n  .cm-string {\n    color: $color-text-muted;\n  }\n  .cm-link {\n    color: $color-primary;\n  }\n  // Url part can be muted since link is highlighted\n  .cm-url {\n    color: $color-text-muted;\n  }\n  .cm-hr {\n    color: $color-text-muted;\n  }\n  // Text that won't rendered should be muted\n  .cm-formatting-header,\n  .cm-formatting-em,\n  .cm-formatting-strong,\n  .cm-formatting-strikethrough,\n  .cm-formatting-code,\n  .cm-formatting-code-block {\n    color: $color-text-muted;\n  }\n\n\n  //\n  // Typography\n  //\n\n  // Headings\n  .cm-header-1,\n  .cm-header-2,\n  .cm-header-3,\n  .cm-header-4,\n  .cm-header-5,\n  .cm-header-6 {\n    line-height: $line-height-header;\n  }\n  .cm-header-1 {\n    font-size: $font-size-h1;\n  }\n  .cm-header-2 {\n    font-size: $font-size-h2;\n  }\n  .cm-header-3 {\n    font-size: $font-size-h3;\n  }\n  .cm-header-4 {\n    font-size: $font-size-h4;\n  }\n  .cm-header-5 {\n    font-size: $font-size-h5;\n  }\n  .cm-header-6 {\n    font-size: $font-size-h6;\n  }\n\n  .cm-header,\n  .cm-strong {\n    font-weight: $font-weight-bold;\n  }\n\n  // Code\n  .cm-comment {\n    background-color: $color-background-faded;\n    font-family: $font-family-monospace;\n    font-size: $font-size-pre;\n    padding: ($size-base * 0.6) 0 ($size-base * 0.3);\n  }\n  span.CodeMirror-selectedtext.cm-comment {\n    background-color: $color-background-faded;\n  }\n\n  .cm-quote {\n    color: $color-text-muted;\n  }\n\n  .cm-strikethrough {\n    text-decoration: line-through;\n  }\n}\n",".editor-preview {\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: $smde-z-index-container + 1;\n}\n\n.editor-preview-side {\n  border: 0;\n  border-left: 1px solid $color-border;\n  border-top: 1px solid $color-border;\n  bottom: 0;\n  position: fixed;\n  right: 0;\n  top: $smde-height-toolbar-fullscreen;\n  width: 50%;\n  z-index: $smde-z-index-fullscreen;\n}\n\n.editor-preview,\n.editor-preview-side {\n  background-color: $smde-color-background-preview;\n  box-sizing: border-box;\n  color: $color-text;\n  display: none;\n  font-family: $font-family;\n  font-size: $font-size;\n  line-height: $line-height;\n  overflow: auto;\n  padding: 0 $width-gap $width-gap;\n\n  & pre {\n    background-color: $color-background-faded;\n    font-family: $font-family-monospace;\n    font-size: $font-size-pre;\n    line-height: $line-height-pre;\n    margin-top: $width-gap;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    padding: $width-gap;\n\n    // Override the code styles\n    code {\n      background-color: transparent;\n      font-size: $font-size-pre;\n      padding: 0;\n    }\n  }\n}\n\n.editor-preview-active,\n.editor-preview-active-side {\n  display: block;\n}\n",".editor-preview,\n.editor-preview-side {\n  table {\n    // Reset for nesting within parents with `background-color`.\n    background-color: $color-background;\n    border: 0;\n    border-collapse: collapse;\n    border-spacing: 0;\n    width: 100%;\n\n    caption {\n      caption-side: bottom;\n      color: $color-text-muted;\n      font-size: $font-size-small;\n      padding: $width-padding-input;\n      text-align: left;\n    }\n\n    th,\n    td {\n      border: 0;\n      border-bottom: $width-border solid $color-border;\n      padding: $width-padding-input;\n      text-align: left;\n    }\n\n    th {\n      background-color: $color-background-faded;\n      font-weight: $font-weight-bold;\n    }\n  }\n}\n",".editor-preview,\n.editor-preview-side {\n  // Add the correct display in iOS 4-7.\n  audio:not([controls]) {\n    display: none;\n    height: 0;\n  }\n\n  img {\n    max-width: 100%;\n    vertical-align: middle;\n  }\n\n  audio,\n  video {\n    width: 100%;\n  }\n}\n",".editor-toolbar {\n  // \n  // Container\n  //\n\n  background-color: $color-background;\n  border: 1px solid $color-border;\n  border-bottom: 0;\n  border-top-left-radius: $width-border-radius;\n  border-top-right-radius: $width-border-radius;\n  font-size: $font-size;\n  padding: 0 $width-gap;\n  position: relative;\n  user-select: none;\n\n  &::before,\n  &::after {\n    content: ' ';\n    display: block;\n    height: 1px;\n  }\n  &::before {\n    margin-bottom: $width-gap-half;\n  }\n  &::after {\n    margin-top: $width-gap-half;\n  }\n\n\n  //\n  // Icons\n  //\n\n  a {\n    border: 1px solid transparent;\n    border-radius: $width-border-radius;\n    color: $color-text-muted !important;\n    cursor: pointer;\n    display: inline-block;\n    font-size: $font-size-small;\n    height: $smde-width-toolbar-icon;\n    margin: 0;\n    text-align: center;\n    text-decoration: none !important;\n    width: $smde-width-toolbar-icon;\n\n    &.active,\n    &:hover {\n      border-color: $color-border;\n      color: $color-text !important;\n    }\n\n    &::before {\n      line-height: $smde-width-toolbar-icon;\n    }\n\n    // Header icons\n    &.fa-header-x::after {\n      bottom: $smde-bottom-sub;\n      font-family: $font-family;\n      font-size: $font-size-small;\n      line-height: 0;\n      position: relative;\n      vertical-align: baseline;\n    }\n    &.fa-header-1::after {\n      content: \"1\";\n    }\n    &.fa-header-2::after {\n      content: \"2\";\n    }\n    &.fa-header-3::after {\n      content: \"3\";\n    }\n    &.fa-header-bigger::after {\n      content: \"▲\";\n    }\n    &.fa-header-smaller::after {\n      content: \"▼\";\n    }\n  }\n\n\n  //\n  // Separator\n  //\n\n  & i.separator {\n    border-right: 1px solid $color-border;\n    color: transparent;\n    display: inline-block;\n    margin: 0 $width-gap-half;\n    // Hide the true charector `|`\n    text-indent: -10px;\n    width: 0;\n  }\n\n  &:hover a {\n    color: $color-text !important;\n  }\n}\n\n\n//\n// Fullscreen mode\n//\n\n.editor-toolbar.fullscreen {\n  background-color: $color-background;\n  border: 0;\n  box-sizing: border-box;\n  height: $smde-height-toolbar-fullscreen;\n  left: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  padding-bottom: $width-gap;\n  padding-top: $width-gap;\n  position: fixed;\n  top: 0;\n  white-space: nowrap;\n  width: 100%;\n  z-index: $smde-z-index-fullscreen;\n\n  &::before,\n  &::after {\n    height: $smde-height-toolbar-fullscreen;\n    left: 0;\n    margin: 0;\n    padding: 0;\n    position: fixed;\n    top: 0;\n    width: 20px;\n  }\n}\n\n\n//\n// Mobile mode\n//\n\n@media only screen and (max-width: $smde-breakpoint-mobile) {\n  .editor-toolbar a.no-mobile {\n    display: none;\n  }\n}\n\n\n//\n// Disable when priview\n//\n\n.editor-toolbar.disabled-for-preview a:not(.no-disable) {\n  background-color: $smde-color-background-preview;\n  border-color: transparent;\n  pointer-events: none;\n  text-shadow: inherit;\n}\n","//\r\n// Statusbar\r\n//\r\n\r\n.editor-statusbar {\r\n  color: $color-text-muted;\r\n  font-family: $font-family;\r\n  font-size: $font-size-small;\r\n  padding: $width-gap-half $width-gap;\r\n  text-align: right;\r\n}\r\n\r\n.editor-statusbar span {\r\n  display: inline-block;\r\n  margin-left: 1em;\r\n}\r\n\r\n.editor-statusbar .lines::before {\r\n  content: 'lines: ';\r\n}\r\n\r\n.editor-statusbar .words::before {\r\n  content: 'words: ';\r\n}\r\n\r\n.editor-statusbar .characters::before {\r\n  content: 'characters: ';\r\n}\r\n"]}