/*
 * Copyright 2018 The CodeWorld Authors. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.CodeMirror {
  font-family: "Source Code Pro", monospace;
  font-size: 9pt;
}

.CodeMirror-ruler {
  z-index: 1;
}

pre.cm-s-default span.cm-builtin,    div.CodeMirror span.cm-builtin    {color: #30a; font-weight: bold}
pre.cm-s-default span.cm-builtin-2,  div.CodeMirror span.cm-builtin-2  {color: #38c; font-weight: bold}
pre.cm-s-default span.cm-keyword,    div.CodeMirror span.cm-keyword    {color: #828; font-weight: bold}
pre.cm-s-default span.cm-deprecated, div.CodeMirror span.cm-deprecated {color: #888; font-weight: bold; text-decoration: line-through}
pre.cm-s-default span.cm-variable,   div.CodeMirror span.cm-variable   {color: black;}
pre.cm-s-default span.cm-variable-2, div.CodeMirror span.cm-variable-2 {color: #38c;}
pre.cm-s-default span.cm-comment,    div.CodeMirror span.cm-comment    {color: #161;}
pre.cm-s-default span.cm-string,     div.CodeMirror span.cm-string     {color: #660;}
pre.cm-s-default span.cm-meta,       div.CodeMirror span.cm-meta       {color: #555;}
pre.cm-s-default span.cm-qualifier,  div.CodeMirror span.cm-qualifier  {color: #666;}
pre.cm-s-default span.cm-number,     div.CodeMirror span.cm-number     {color: #a10;}
pre.cm-s-default span.cm-bracket,    div.CodeMirror span.cm-bracket    {color: #000;}
pre.cm-s-default span.cm-bracket-0,  div.CodeMirror span.cm-bracket-0  {font-weight: bold; color: hsl( 80, 80%, 40%); font-size: 1.25em; letter-spacing: -0.12em}
pre.cm-s-default span.cm-bracket-1,  div.CodeMirror span.cm-bracket-1  {font-weight: bold; color: hsl(225, 60%, 60%); font-size: 1.12em; letter-spacing: -0.064em;}
pre.cm-s-default span.cm-bracket-2,  div.CodeMirror span.cm-bracket-2  {font-weight: bold; color: hsl(320, 60%, 50%);}
pre.cm-s-default span.cm-bracket-3,  div.CodeMirror span.cm-bracket-3  {font-weight: bold; color: hsl( 60, 60%, 40%);}
pre.cm-s-default span.cm-bracket-4,  div.CodeMirror span.cm-bracket-4  {font-weight: bold; color: hsl(175, 60%, 40%);}
pre.cm-s-default span.cm-bracket-5,  div.CodeMirror span.cm-bracket-5  {font-weight: bold; color: hsl(265, 60%, 55%);}
pre.cm-s-default span.cm-bracket-6,  div.CodeMirror span.cm-bracket-6  {font-weight: bold; color: hsl( 20, 60%, 50%);}
pre.cm-s-default span.cm-bracket-7,  div.CodeMirror span.cm-error      {color: #f00;}

/* Make bracket matching look nicer. */
div.CodeMirror span.CodeMirror-matchingbracket { outline: solid rgba(0,0,0,0.15) 0.1em }
div.CodeMirror span.CodeMirror-nonmatchingbracket { outline: solid rgba(255,0,0,0.5) 0.1em }

/* Highlighting for matches to the selected word. */
div.CodeMirror span.cm-matchhighlight { background-color: rgba(128, 255, 128, 0.3) }
.CodeMirror-selection-highlight-scrollbar { background-color: rgba(95, 255, 95, 0.8) }

/* Grayed-out style for the empty editor placeholder. */
.CodeMirror pre.CodeMirror-placeholder {
  color: #999;
}

/* Style overrides for the autocomplete box. */

.CodeMirror-hint {
  max-width: 100em;
  color: #555;
}

li.CodeMirror-hint-active {
  background: #def;
  color: #555;
}

.CodeMirror-hint .hint-word {
  font-weight: bold;
  color: #30a;
}

.CodeMirror-hint .hint-keyword {
  font-weight: bold;
  color: #828;
}

/* Styles needed for the dialog add-on, used for search. */

.CodeMirror-dialog {
  position: absolute;
  left: 0; right: 0;
  background-color: #f5deb3;
  z-index: 15;
  padding: .1em .8em;
  overflow: hidden;
  color: #333;
}

.CodeMirror-dialog-top {
  border-bottom: 1px solid #eee;
  top: 0;
}

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0;
}

.CodeMirror-dialog input {
  border: none;
  outline: none;
  background: transparent;
  width: 20em;
  color: inherit;
  font-family: "Source Code Pro", monospace;
}

.CodeMirror-dialog button {
  font-size: 70%;
}

.marked {
    background: #FFFF00;
}

/* source-code-pro-regular - latin */
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 400;
  src: url('../SourceCodePro/source-code-pro-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro'), local('SourceCodePro-Regular'),
       url('../SourceCodePro/source-code-pro-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../SourceCodePro/source-code-pro-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../SourceCodePro/source-code-pro-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../SourceCodePro/source-code-pro-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../SourceCodePro/source-code-pro-v7-latin-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}