:root {
  --background-1: #181a1f;
  --background-2: #181a1f;
  --foreground-1: #aab1c0;
  --foreground-2: #aab1c0;
  --foreground-3: #abb2bf;
  --highlight-color: #2c313a;
  --neutral-color: #72767e;
  --danger-color: #cc241d;
  --success-color: #458588;
  --warning-color: #d65d0e;
  --border-color: #181a1f;
  /* Footer */
  --footer-bar-border-top-color: 0;
  --sn-stylekit-info-color: var(--highlight-color);
  --sn-stylekit-info-contrast-color: var(--foreground-1);
  --sn-stylekit-neutral-color: var(--neutral-color);
  --sn-stylekit-neutral-contrast-color: var(--background-2);
  --sn-stylekit-success-color: var(--success-color);
  --sn-stylekit-success-contrast-color: var(--background-2);
  --sn-stylekit-warning-color: var(--warning-color);
  --sn-stylekit-warning-contrast-color: var(--background-2);
  --sn-stylekit-danger-color: var(--danger-color);
  --sn-stylekit-danger-contrast-color: var(--background-2);
  --sn-stylekit-shadow-color: var(--background-2);
  --sn-stylekit-background-color: var(--background-1);
  --sn-stylekit-foreground-color: var(--foreground-1);
  --sn-stylekit-border-color: var(--border-color);
  --sn-stylekit-paragraph-text-color: var(--foreground-1);
  --sn-stylekit-contrast-background-color: var(--background-2);
  --sn-stylekit-contrast-foreground-color: var(--foreground-1);
  --sn-stylekit-contrast-border-color: var(--border-color);
  --sn-stylekit-secondary-background-color: var(--background-2);
  --sn-stylekit-secondary-foreground-color: var(--foreground-2);
  --sn-stylekit-secondary-border-color: var(--border-color);
  --sn-stylekit-secondary-contrast-background-color: var(--background-1);
  --sn-stylekit-secondary-contrast-foreground-color: var(--foreground-1);
  --sn-stylekit-secondary-contrast-border-color: var(--border-color);
  --sn-stylekit-editor-background-color: var(--background-1);
  --sn-stylekit-editor-foreground-color: var(--foreground-1);
  --sn-stylekit-input-placeholder-color: var(--foreground-2);
  --sn-stylekit-input-border-color: var(--border-color);
  --sn-stylekit-scrollbar-track-border-color: var(--border-color);
  --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
  --sn-desktop-titlebar-bg-color: var(--background-1);
  --sn-desktop-titlebar-border-color: var(--border-color);
  --sn-desktop-titlebar-ui-color: var(--foreground-1);
  --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
  /* Note flags */
  /* Note selected */
  /* Sidebar note properties: Dates, tags, etc. */
  /* Workaround for subitems in Markdown lists not colored using StyleKit */
  /* Progress bars */
  /* Text selection color */
  /* Use lighter blue for Minimal Markdown Editor sublists and other CodeMirror elements */
}



.CodeMirror, .CodeMirror-fullscreen, .gKsMQS, .gKsMQS p, .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like  {
  font-family: "SF Mono",Monaco,Menlo,Courier,monospace;
  line-height: 20px;
  font-feature-settings: "liga" 0, "calt" 0;
  letter-spacing: 0px;
  font-weight: 500;
  font-size: 14px;
}

.CodeMirror, .CodeMirror-fullscreen {
  padding: 0;
  top: 0;
}

.editor-preview {
  top: 0;
  padding: 20px;
}

.CodeMirror-lines {
  padding: 40px 60px;
}

.gKsMQS h1:not(.placeholder)::before, 
.gKsMQS h2:not(.placeholder)::before, 
.gKsMQS h3:not(.placeholder)::before, 
.gKsMQS h4:not(.placeholder)::before, 
.gKsMQS h5:not(.placeholder)::before, 
.gKsMQS h6:not(.placeholder)::before {
  display: none;
} 

.CodeMirror .cm-header-1, .gKsMQS h1, 
.CodeMirror .cm-header-2, .gKsMQS h2,
.CodeMirror .cm-header-3, .gKsMQS h3,
.CodeMirror .cm-header-4, .gKsMQS h4,
.CodeMirror .cm-header-5, .gKsMQS h5,
.CodeMirror .cm-header-6  .gKsMQS h6 {
  font-size: 14px;
} 

.CodeMirror .cm-formatting-header {
  opacity: 1;
  font-size: .8 em;
}

.CodeMirror .cm-header-1, .gKsMQS h1 span {
  color: #d55fdeff;
  font-size: 26px;
  font-weight: bold;
}
.CodeMirror .cm-header-2, .gKsMQS h2 span {
  color: #e06c75ff;
  border-bottom: 2px solid;
}
.CodeMirror .cm-header-3, .gKsMQS h3 span {
  color: #d19a66ff;
  border-bottom: 2px solid;
}
.CodeMirror .cm-header-4, .gKsMQS h4 span {
  color: #98c378;
}
.CodeMirror .cm-header-5, .gKsMQS h5 span {
  color: #aaa;
}
.CodeMirror .cm-header-6, .gKsMQS h6 span {
  color: #5C6370;
}

.CodeMirror .cm-link.cm-variable-2, .CodeMirror .cm-url.cm-variable-2,
.CodeMirror .cm-link, 
.CodeMirror .cm-string,
.editor-preview-active a, 
.editor-preview-active-side a,
.gKsMQS a {
  color: #1d69cc !important;
  text-decoration: none;
}

.editor-toolbar,
.editor-toolbar.fullscreen {
  height: 1px;
  opacity: 0;
  padding-top: 0;
}

.editor-toolbar:hover {
  height: 50px;
  opacity: 1;
}

.editor-toolbar button {
  color: var(--neutral-color) !important;
}

#editor-title-bar {
  margin-top: 0px;
  margin-left: -5px;
  padding-bottom: 0;
  width: 50%;
}

#editor-title-bar>.title>.input {
  /* font-family: 'SF Mono', Consolas; */
  color: var(--neutral-color);
  font-size: 14px;
}

#editor-title-bar #save-status {
  top: 50px;
  display: none;
}

.editor-tags {
  opacity: 0
}

.editor-tags:hover {
  opacity: 1;
}

.sk-panel, .sk-menu-panel {
  box-shadow: 2px 2px 4px 2px rgba(15, 15, 15, 0.363) !important; 
}

#editor-menu-bar {
  margin-top: -55px;
  padding-left: 10px;
  padding-right: 20px;
  opacity: 0.2;
  flex-direction: row-reverse;
}

#editor-menu-bar .left, .sn-component .sk-app-bar .left {
  align-items: right;
  justify-content: right;
}

#editor-menu-bar:hover,
#editor-menu-bar:active,
#editor-menu-bar:focus {
  opacity: 1;
}

#notes-column .note, .notes .note {
  padding: 6px 10px;
}

#notes-column .note>.name, .notes .note>.name {
  font-size: 14px;
  font-weight: 500;
  font-family: 'SF Pro Display',sans-serif;
  white-space: nowrap;
}

.app .section .scrollable {
  overflow-y: hidden;
}

#notes-column .infinite-scroll, .notes .infinite-scroll>div:last-child {
  height: 1000px;
}

.dropdown-menu {
  right: 0;
  left: unset;
}