/* Colors */
/* Code highlighting */
pre {
    overflow: hidden;
    display: grid;
}

pre code {
    overflow: auto;
}

code {
    font-size: 1em;
}

.code-inline {
    color: #173b6c;
}

.token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata {
    color: #999;
}

.token.property, .token.delimiter {
    color: #149ddd;
}

.token.punctuation {
    color: #8c8c8c;
}

.token.tag, .token.attr-name, .token.namespace, .token.deleted {
    color: #c32949;
}

.token.class-name, .token.function-name, .token.function {
    color: #173b6c;
}

.token.boolean, .token.number {
    color: #905;
}

.token.constant, .token.symbol, .token.variable {
    color: #e29100;
}

.token.selector, .token.important, .token.atrule, .token.keyword, .token.builtin {
    color: #c32949;
}

.token.string, .token.char, .token.attr-value, .token.regex {
    color: #690;
}

.token.operator, .token.entity, .token.url {
    color: #07a;
}

.token.important, .token.bold {
    font-weight: bold;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

.token.inserted {
    color: #173b6c;
}

/* Colors */
/* Size */
.chip {
    padding: 0.25rem;
    margin: 0.5rem 0 0;
    background-color: #149ddd;
    color: #fff;
    font-size: 0.8em;
    border-radius: 0.3rem;
}