/* CodeMirror 6 base styles (generated) */
.cm-editor { position: relative; height: 100%; box-sizing: border-box; }
.cm-editor.cm-focused { outline: none; }
.cm-scroller { display: flex; align-items: flex-start; font-family: monospace; line-height: 1.4; height: 100%; overflow-x: auto; overflow-y: hidden; }
.cm-scroller > .cm-content { height: 100%; }
.cm-content { margin: 0; flex-grow: 1; flex-shrink: 1; display: block; white-space: pre; word-break: normal; padding: 8px 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
.cm-lineWrapping .cm-content { white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; }
.cm-line { padding: 0 2px 0 6px; display: block; }

.cm-selectionBackground { background: #264f78 !important; }
.cm-content ::selection { background: #264f78; }
.cm-content ::-moz-selection { background: #264f78; }
.cm-selectionLayer { z-index: -1; contain: strict; }

.cm-cursorLayer { z-index: 10; contain: strict; }
.cm-cursor { border-left-color: #ddd; border-left-width: 1.4px; border-left-style: solid; margin-left: -0.7px; pointer-events: none; display: none; position: relative; }
.cm-fat-cursor .cm-cursor { width: auto; background: #7e7; opacity: 1; }
.cm-cursor:focus { animation: cm-blink 1.2s steps(2, start) infinite; }
@keyframes cm-blink { to { visibility: hidden; } }

.cm-gutters { position: sticky; display: flex; box-sizing: content-box; min-height: 100%; white-space: nowrap; overflow: hidden; border-right: 1px solid transparent; flex-shrink: 0; z-index: 3; }
.cm-gutter { box-sizing: content-box; flex-shrink: 0; height: 100%; }
.cm-lineNumbers .cm-gutter { min-width: 3em; padding: 0 4px; text-align: right; }
.cm-lineNumber { padding: 0 6px; }
.cm-foldGutter .cm-gutter { width: 1.1em; padding: 0 3px; }
.cm-foldPlaceholder { background: rgba(255,255,255,0.08); border: 1px solid #444; color: #999; border-radius: 3px; margin: 0 4px; padding: 0 3px; }
.cm-foldGutter .cm-gutterElement { cursor: pointer; }
.cm-gutterElement { padding: 0 3px; display: flex; align-items: center; justify-content: center; }

.cm-activeLine { background: rgba(255,255,255,0.04); }
.cm-activeLineGutter { background: rgba(255,255,255,0.06); }

.cm-specialChar { color: #aaa; }
.cm-tab { display: inline-block; }
.cm-tab::before { content: '→'; opacity: 0.3; }

.cm-panels { background-color: transparent; box-sizing: border-box; position: relative; z-index: 5; }
.cm-panel { padding: 4px 8px; }
.cm-textfield { border: 1px solid #555; font: inherit; border-radius: 3px; background: transparent; color: inherit; }
.cm-button { border-radius: 3px; border: 1px solid #555; background: #333; padding: 3px 8px; cursor: pointer; font: inherit; color: inherit; }
.cm-button:hover { background: #444; }
.cm-panel input[type=checkbox] { margin-right: 4px; }

.cm-searchMatch { background: rgba(198,154,63,0.5); box-shadow: 0 0 2px #c69a3f; }
.cm-searchMatch.cm-searchMatch-selected { background: #c69a3f; color: #1b1b1b; }

.cm-placeholder { color: #888; display: inline-block; vertical-align: top; pointer-events: none; }
.cm-tooltip { border: 1px solid #444; background-color: #1f1f1f; color: #e8e8e8; z-index: 100; position: relative; }
.cm-tooltip-autocomplete ul li[aria-selected] { background: rgba(198,154,63,0.25); }

.cm-widgetBuffer { display: inline-block; width: 0; }
.cm-editor pre { font: inherit; }
.cm-editor .cm-content img { max-width: 100%; }