/* Syntax Chroma base sheet */
code {
  /* structure */
  display: block;
  white-space: pre-line;
  padding: 0px 0px 0px 6px;
  position: relative;
  /* keep code selection inside the code block */

  /* base theme colors and styles */
  color: #333;
  border-left-width: 40px;
  vertical-align: baseline;
}

code ol {
  position: relative;
  margin: 0 0 0 -5px;
  padding: 0 0 0 0;
  list-style: none;
}

code li {
  padding: 2px 5px;
  list-style: none !important;
  margin: 0 !important;
}

code li.js-wrapper {
  color: #666;
}

code li .val {
  color: #2AA503;
}

span.keyword {
  color: #B64C05;
}

/* alternate row styles */
code.rows-alternate li:nth-child(even) {
  background: #E7E7E7;
}

/* JS-specific styling */
code[data-lang="JS"] span.keyword {
  color: #000;
  font-weight: bold;
}

span.method {
  color: #075ABF;
}

span.reserved,
span.reserved * {
  color: #058800 !important;
}

span.bcons,
span.bcons * {
  color: #0795c0 !important;
}

span.html-tag {
  color: #075ABF;
}

span.css-dec {
  color: #09F;
}

span.css-vals {
  color: #f60;
}

span.css-attr-sel {
  color: #B535CE;
}

.comment,
.comment * {
  color: #999 !important;
}

/* override keywords appearing within comments */
.comment span.keywords,
.comment span.method,
.comment span.reserved {
  color: inherit !important;
}