pre[class*=language-], code[class*=language-], .token[class*=language-] {
    color: #a3b7c6;
    background: #2b2b2b;
    text-shadow: none;
    font-size: 14px;
    font-family: Source Code Pro, PT Mono, Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    line-height: 20px;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    tab-size: 4;
    hyphens: none
}

pre[class*=language-] ::selection, pre[class*=language-]::selection, code[class*=language-] ::selection, code[class*=language-]::selection, .token[class*=language-] ::selection, .token[class*=language-]::selection {
    text-shadow: none;
    background-color: #214283
}

pre[class*=language-] {
    padding: 2px 4px
}

:not(pre) > code[class*=language-] {
    padding: 2px 4px
}

.token.comment:not(.doc-comment) {
    color: gray
}

.token.keyword, .token.boolean, .token.constant, .token.constant.boolean, .token.null, .token.important, .token.rule {
    color: #cc7832
}

.token.this.keyword,
.token.property,
.token.variable,
.token.global {
    color: #9876aa;
}

.token.number {
    color: #6897bb
}

.doc-comment .class-name .token.keyword {
    color: #a3b7c6;
    text-decoration: none;
}
.token.doctype, .token.function, .token.selector {
    color: #e8bf6a
}

.token.tag {
    color: #e8bf6a
}

.token.tag .attr-name {
    color: #a3b7c6
}

.token.tag .attr-value {
    color: #a5c261
}

.token.string, .token.regex, .token.char {
    color: #629755
}

.token.doc-comment {
    color: #629755;
    font-style: italic
}

.token.doc-comment .keyword {
    color: #629755;
    font-weight: bold;
    text-decoration: underline
}

.token.doc-comment .parameter {
    color: #9876aa
}

.token.doc-comment .class-name {
    color: #a3b7c6;
}

.token.annotation {
    color: #bbb529
}

.token.constant {
    color: #9876aa
}

.token.important {
    font-weight: bold
}

.token.bold {
    font-weight: bold
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.language-css .token.atrule .keyword {
    color: #e8bf6a
}

.language-json .token.property {
    color: #9876aa
}

.language-json .token.operator {
    color: #cc7832
}

.language-yaml .token {
    color: #a3b7c6
}

.language-yaml .token.comment {
    color: #629755;
    font-style: italic
}

.language-yaml .token.key {
    color: #cc7832
}

.language-yaml .token.string {
    color: #629755
}

div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}