// Adapted from https://github.com/atom-material/atom-material-syntax-light
// stylelint-disable material/no-prefixes
.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
  background: #fafafa;
  color: #37474f;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: 100%;
  font: 300 100%/1 Roboto Mono, monospace;
  font-size: 14px;
}

.hljs > *::selection,
.hljs-section {
  background-color: #d6edea;
}

.hljs-comment {
  color: #616161;
  font-style: italic;
}

.hljs-tag,
.hljs-selector-tag,
.hljs-regexp,
.hljs-meta {
  color: #9c27b0;
}

.hljs-string,
.hljs-subst {
  color: #0d904f;
}

.hljs-number,
.hljs-variable,
.hljs-template-variable {
  color: #80cbc4;
}

.hljs-name,
.hljs-keyword,
.hljs-type,
.hljs-attribute {
  color: #3b78e7;
}

.hljs-title,
.hljs-function > .hljs-title,
.hljs-symbol,
.hljs-bullet,
.hljs-built_in,
.hljs-builtin-name,
.hljs-link {
  color: #6182b8;
}

.hljs-params {
  color: #d81b60;
}

.hljs-addition {
  color: #3b78e7;
  display: inline-block;
  width: 100%;
}

.hljs-deletion {
  color: #e53935;
  display: inline-block;
  width: 100%;
}

.hljs-selector-id,
.hljs-selector-class {
  color: #8796b0;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}
