.cm-s-monokai.CodeMirror {
  background: #0f172a;
  color: #e5eefc;
}

.cm-s-monokai .CodeMirror-gutters {
  background: #162033;
  border-right: 1px solid #334155;
}

.cm-s-monokai .CodeMirror-linenumber {
  color: #64748b;
}

.cm-s-monokai .CodeMirror-cursor {
  border-left: 1px solid #f8fafc;
}

.cm-s-monokai .CodeMirror-selected {
  background: rgba(56, 189, 248, 0.22);
}

.cm-s-monokai .CodeMirror-line::selection,
.cm-s-monokai .CodeMirror-line > span::selection,
.cm-s-monokai .CodeMirror-line > span > span::selection {
  background: rgba(56, 189, 248, 0.22);
}

.cm-s-monokai .CodeMirror-line::-moz-selection,
.cm-s-monokai .CodeMirror-line > span::-moz-selection,
.cm-s-monokai .CodeMirror-line > span > span::-moz-selection {
  background: rgba(56, 189, 248, 0.22);
}

.cm-s-monokai .CodeMirror-activeline-background {
  background: rgba(30, 41, 59, 0.72);
}

.cm-s-monokai span.cm-comment {
  color: #7c8ba1;
  font-style: italic;
}

.cm-s-monokai span.cm-keyword {
  color: #93c5fd;
  font-weight: 600;
}

.cm-s-monokai span.cm-atom,
.cm-s-monokai span.cm-builtin {
  color: #c084fc;
}

.cm-s-monokai span.cm-number {
  color: #fbbf24;
}

.cm-s-monokai span.cm-def,
.cm-s-monokai span.cm-variable-2 {
  color: #67e8f9;
}

.cm-s-monokai span.cm-variable,
.cm-s-monokai span.cm-property {
  color: #e5eefc;
}

.cm-s-monokai span.cm-variable-3,
.cm-s-monokai span.cm-type,
.cm-s-monokai span.cm-tag {
  color: #34d399;
}

.cm-s-monokai span.cm-string,
.cm-s-monokai span.cm-string-2 {
  color: #86efac;
}

.cm-s-monokai span.cm-operator,
.cm-s-monokai span.cm-qualifier {
  color: #fda4af;
}

.cm-s-monokai span.cm-meta,
.cm-s-monokai span.cm-attribute {
  color: #f9a8d4;
}

.cm-s-monokai span.cm-bracket,
.cm-s-monokai span.cm-punctuation {
  color: #cbd5e1;
}

.cm-s-monokai span.cm-link {
  color: #38bdf8;
}

.cm-s-monokai span.cm-error {
  color: #fecaca;
  background: rgba(239, 68, 68, 0.18);
}

.cm-s-monokai .CodeMirror-matchingbracket {
  color: #f8fafc !important;
  background: rgba(52, 211, 153, 0.22);
  border-bottom: 1px solid rgba(52, 211, 153, 0.55);
}

.cm-s-monokai .CodeMirror-nonmatchingbracket {
  color: #fecaca !important;
  background: rgba(239, 68, 68, 0.18);
}