.repl .textarea,
.repl input[type='search'],
.repl pre,
.repl textarea {
    box-shadow: none;
}

.repl textarea {
    background: none;
    border: 0;
    color: #2a2734;
    font-family: 'mono', Consolas, monospace;
    font-size: 16px;
    line-height: 1.5;
    resize: none;
    height: 100%;
    width: 100%;
}

.repl textarea:focus {
    outline: none;
}

/*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
*/

.cm-s-material-darker.CodeMirror {
    background-color: #212121;
    color: #eeffff;
}

.cm-s-material-darker .CodeMirror-gutters {
    background: #212121;
    color: #545454;
    border: none;
}

.cm-s-material-darker .CodeMirror-guttermarker,
.cm-s-material-darker .CodeMirror-guttermarker-subtle,
.cm-s-material-darker .CodeMirror-linenumber {
    color: #545454;
}

.cm-s-material-darker .CodeMirror-cursor {
    border-left: 1px solid #ffcc00;
}

.cm-s-material-darker div.CodeMirror-selected {
    background: rgba(97, 97, 97, 0.2);
}

.cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected {
    background: rgba(97, 97, 97, 0.2);
}

.cm-s-material-darker .CodeMirror-line::selection,
.cm-s-material-darker .CodeMirror-line > span::selection,
.cm-s-material-darker .CodeMirror-line > span > span::selection {
    background: rgba(128, 203, 196, 0.2);
}

.cm-s-material-darker .CodeMirror-line::-moz-selection,
.cm-s-material-darker .CodeMirror-line > span::-moz-selection,
.cm-s-material-darker .CodeMirror-line > span > span::-moz-selection {
    background: rgba(128, 203, 196, 0.2);
}

.cm-s-material-darker .CodeMirror-activeline-background {
    background: rgba(0, 0, 0, 0.5);
}

.cm-s-material-darker .cm-keyword {
    color: #c792ea;
}

.cm-s-material-darker .cm-operator {
    color: #89ddff;
}

.cm-s-material-darker .cm-variable-2 {
    color: #eeffff;
}

.cm-s-material-darker .cm-variable-3,
.cm-s-material-darker .cm-type {
    color: #f07178;
}

.cm-s-material-darker .cm-builtin {
    color: #ffcb6b;
}

.cm-s-material-darker .cm-atom {
    color: #f78c6c;
}

.cm-s-material-darker .cm-number {
    color: #ff5370;
}

.cm-s-material-darker .cm-def {
    color: #82aaff;
}

.cm-s-material-darker .cm-string {
    color: #c3e88d;
}

.cm-s-material-darker .cm-string-2 {
    color: #f07178;
}

.cm-s-material-darker .cm-comment {
    color: #545454;
}

.cm-s-material-darker .cm-variable {
    color: #f07178;
}

.cm-s-material-darker .cm-tag {
    color: #ff5370;
}

.cm-s-material-darker .cm-meta {
    color: #ffcb6b;
}

.cm-s-material-darker .cm-attribute {
    color: #c792ea;
}

.cm-s-material-darker .cm-property {
    color: #c792ea;
}

.cm-s-material-darker .cm-qualifier {
    color: #decb6b;
}

.cm-s-material-darker .cm-variable-3,
.cm-s-material-darker .cm-type {
    color: #decb6b;
}

.cm-s-material-darker .cm-error {
    color: rgba(255, 255, 255, 1);
    background-color: #ff5370;
}

.cm-s-material-darker .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important;
}
