/** Adapted from https://github.com/atom-material/atom-material-syntax-light */
.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: #b0bec5;
    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;
}