.codeblock code { max-height: 350px; margin: 10px 0; }

.CodeMirror { font-family: "Consolas", monospace; height: 100%; font-size: 10pt; }
.CodeMirror-scroll { overflow: auto; }
.CodeMirror-lines { padding: 4px 0; }
.CodeMirror pre { padding: 0 4px; }
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; }
.CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #eee; white-space: nowrap; }
.CodeMirror-linenumber { color: #666; padding: 0 3px 0 5px; min-width: 20px; text-align: right; }
.CodeMirror div.CodeMirror-cursor { border-left: 1px solid black; z-index: 3; }
.CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; }
.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor { width: auto; border: 0; background: #7e7; z-index: 1; }
.cm-tab { display: inline-block; }
.cm-s-default { font-family: "Consolas", monospace; font-size: 10pt; white-space: pre; overflow: auto; max-height: 350px;
  padding-left: 40px; position: relative; }
.cm-s-default .lines { position: absolute; user-select: none; left: 0; top: 0; width: 21px; padding: 0 3px 0 5px;
  background-color: #f7f7f7; color: #999; border-right: 1px solid #e9e9e9; }
.cm-s-default .lines span { display: block; text-align: right; }
.cm-s-default .cm-keyword { color: #708; }
.cm-s-default .cm-atom { color: #219; }
.cm-s-default .cm-number { color: #164; }
.cm-s-default .cm-def { color: #00f; }
.cm-s-default .cm-variable { color: #000; }
.cm-s-default .cm-variable-2 { color: #05a; }
.cm-s-default .cm-variable-3 { color: #085; }
.cm-s-default .cm-property { color: black; }
.cm-s-default .cm-operator { color: black; }
.cm-s-default .cm-comment { color: #a50; }
.cm-s-default .cm-string { color: #a11; }
.cm-s-default .cm-string-2 { color: #f50; }
.cm-s-default .cm-meta { color: #555; }
.cm-s-default .cm-error { color: #f00; }
.cm-s-default .cm-qualifier { color: #555; }
.cm-s-default .cm-builtin { color: #127; }
.cm-s-default .cm-bracket { color: #997; }
.cm-s-default .cm-tag { color: #170; }
.cm-s-default .cm-attribute { color: #00c; }
.cm-s-default .cm-header { color: blue; }
.cm-s-default .cm-quote { color: #090; }
.cm-s-default .cm-hr { color: #999; }
.cm-s-default .cm-link { color: #00c; }
.cm-negative { color: #d44; }
.cm-positive { color: #292; }
.cm-header, .cm-strong { font-weight: bold; }
.cm-em { font-style: italic; }
.cm-link { text-decoration: underline; }
.cm-invalidchar { color: #f00; }
div.CodeMirror span.CodeMirror-matchingbracket { color: #0f0; }
div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #f22; }
.CodeMirror { line-height: 1.2em; position: relative; overflow: hidden; background: white; color: black; }
.CodeMirror-scroll { margin-bottom: -30px; margin-right: -30px; padding-bottom: 30px; padding-right: 30px; height: 100%; outline: none; position: relative; }
.CodeMirror-sizer { position: relative; }
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; }
.CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; }
.CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; }
.CodeMirror-scrollbar-filler { right: 0; bottom: 0; }
.CodeMirror-gutter-filler { left: 0; bottom: 0; }
.CodeMirror-gutters { position: absolute; left: 0; top: 0; height: 100%; padding-bottom: 30px; z-index: 3; }
.CodeMirror-gutter { white-space: normal; height: 100%; padding-bottom: 30px; margin-bottom: -32px; display: inline-block; *zoom:1; *display:inline; }
.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }
.CodeMirror-lines { cursor: text; }
.CodeMirror pre { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-width: 0; background: transparent; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; }
.CodeMirror-wrap pre { word-wrap: break-word; white-space: pre-wrap; word-break: normal; }
.CodeMirror-code pre { border-right: 30px solid transparent; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
.CodeMirror-wrap .CodeMirror-code pre { border-right: none; width: auto; }
.CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }
.CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; }
.CodeMirror-wrap .CodeMirror-scroll { overflow-x: hidden; }
.CodeMirror-measure { position: absolute; width: 100%; height: 0px; overflow: hidden; visibility: hidden; }
.CodeMirror-measure pre { position: static; }
.CodeMirror div.CodeMirror-cursor { position: absolute; visibility: hidden; border-right: none; width: 0; }
.CodeMirror-focused div.CodeMirror-cursor { visibility: visible; }
.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #DFE8F6; }