.cm-s-mariadb-style{width:100%;height:100%;background:#fff;color:#525a65;line-height:1.75;border:1px solid #e7eef1;font-family:Operator Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace}.cm-s-mariadb-style .CodeMirror-cursor{border-color:#424f62}.cm-s-mariadb-style .CodeMirror-activeline-background{background:red}.cm-s-mariadb-style .CodeMirror-selected{opacity:.5}.cm-s-mariadb-style .cm-comment{font-style:italic;color:#abc74a}.cm-s-mariadb-style .cm-operator{color:#a6a4a6}.cm-s-mariadb-style .cm-string,.cm-s-mariadb-style .cm-string-2{color:#ffb86c}.cm-s-mariadb-style .cm-tag{color:#ff2c6d}.cm-s-mariadb-style .cm-meta{color:#b084eb}.cm-s-mariadb-style .cm-number{color:#ffb86c}.cm-s-mariadb-style .cm-atom{color:#ff2c6d}.cm-s-mariadb-style .cm-keyword{color:#2d9cdb}.cm-s-mariadb-style .cm-variable{color:#ffb86c}.cm-s-mariadb-style .cm-type,.cm-s-mariadb-style .cm-variable-2,.cm-s-mariadb-style .cm-variable-3{color:#ff9ac1}.cm-s-mariadb-style .cm-def{color:#e6e6e6}.cm-s-mariadb-style .cm-property{color:#f3f3f3}.cm-s-mariadb-style .cm-attribute,.cm-s-mariadb-style .cm-unit{color:#ffb86c}.cm-s-mariadb-style .CodeMirror-matchingbracket{border-bottom:1px dotted #19f9d8;padding-bottom:2px;color:#e6e6e6}.cm-s-mariadb-style .CodeMirror-gutters{background:#fff;border:none;border-right:1px solid #e7eef1}.cm-s-mariadb-style .CodeMirror-linenumber{color:#a3bac0;text-align:center;padding:0 8px}.cm-s-mariadb-style pre.CodeMirror-line,.cm-s-mariadb-style pre.CodeMirror-line-like{color:#525a65;padding:0 8px}.CodeMirror-hints{position:absolute;z-index:2;overflow:hidden;list-style:none;margin:0;padding:2px;box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:4px;border:1px solid #e7eef1;background:#fff;font-size:90%;font-family:Operator Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-hint-keyword{color:#2d9cdb}.CodeMirror-hint-keyword:after{content:"Keyword";padding-left:20px;font-style:italic;float:right;color:#525a65}.CodeMirror-hint-table{color:#a3bac0}.CodeMirror-hint-table:after{content:"Table";padding-left:20px;font-style:italic;float:right;color:#525a65}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}.title{text-align:center;margin-bottom:30px}.row{flex-wrap:nowrap;display:flex}.table-col{flex:0 0 20%;max-width:20%}.editor-view{flex:0 0 50%;max-width:50%;height:50vh}.query{padding-left:20px;flex:0 0 30%;max-width:30%;height:50vh}