.CodeMirror {
  background: var(--color-white);
  border: 1px solid var(--Input-borderColor);
  color: var(--color-black);
  height: auto;
}

.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: var(--color-white);
}

.CodeMirror-gutters {
  background-color: var(--color-gray1);
  border-right-color: var(--Input-borderColor);
}

.CodeMirror-linenumber {
  color: var(--color-gray5);
}

.CodeMirror-guttermarker {
  color: var(--color-black);
}

.CodeMirror-guttermarker-subtle {
  color: var(--color-gray5);
}

.CodeMirror-cursor {
  border-left-color: var(--color-black);
}

.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid var(--color-gray2);
}

.cm-fat-cursor .CodeMirror-cursor {
  background: var(--color-green2);
}

.cm-fat-cursor-mark {
  background-color: rgb(var(--rgb-green) / 50%);
}

.cm-animate-fat-cursor {
  background-color: var(--color-green2);
}

.CodeMirror-ruler {
  border-left: 1px solid var(--color-gray2);
}

.cm-s-default .cm-header {
  color: var(--color-blue5);
}

.cm-s-default .cm-quote {
  color: var(--color-green5);
}

.cm-negative {
  color: var(--color-red5);
}

.cm-positive {
  color: var(--color-green5);
}

.cm-s-default .cm-keyword {
  color: var(--color-purple5);
}

.cm-s-default .cm-atom {
  color: var(--color-blue5);
}

.cm-s-default .cm-number {
  color: var(--color-green5);
}

.cm-s-default .cm-def {
  color: var(--color-blue5);
}

.cm-s-default .cm-variable-2 {
  color: var(--color-blue5);
}

.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
  color: var(--color-green5);
}

.cm-s-default .cm-comment {
  color: var(--color-orange5);
}

.cm-s-default .cm-string {
  color: var(--color-red5);
}

.cm-s-default .cm-string-2 {
  color: var(--color-orange5);
}

.cm-s-default .cm-meta {
  color: var(--color-gray5);
}

.cm-s-default .cm-qualifier {
  color: var(--color-gray5);
}

.cm-s-default .cm-builtin {
  color: var(--color-blue5);
}

.cm-s-default .cm-bracket {
  color: var(--color-gray5);
}

.cm-s-default .cm-tag {
  color: var(--color-green5);
}

.cm-s-default .cm-attribute {
  color: var(--color-blue5);
}

.cm-s-default .cm-hr {
  color: var(--color-gray5);
}

.cm-s-default .cm-link {
  color: var(--color-blue5);
}

.cm-s-default .cm-error {
  color: var(--color-red5);
}

.cm-invalidchar {
  color: var(--color-red5);
}

div.CodeMirror span.CodeMirror-matchingbracket {
  color: var(--color-green5);
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: var(--color-red5);
}

.CodeMirror-matchingtag {
  background: var(--color-orange5);
}

.CodeMirror-activeline-background {
  background: var(--color-gray1);
}

.CodeMirror pre.CodeMirror-placeholder {
  color: var(--Input-placeholderColor);
  font-style: italic;
  height: auto !important;
  margin-bottom: calc(0px - var(--Text-height));
}
