/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+pug&plugins=line-numbers+toolbar+copy-to-clipboard */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*=language-], pre[class*=language-] {
    color: #000;
    background: 0 0;
    font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.token.cdata, .token.comment, .token.doctype, .token.prolog {
    color: #888;
}

.token.namespace {
    opacity: .7
}

.token.attr-value, .token.string {
    color: #e3116c
}

.token.operator, .token.punctuation {
    color: #393A34
}

.token.boolean, .token.constant, .token.entity, .token.inserted, .token.number, .token.property, .token.regex, .token.symbol, .token.url, .token.variable {
    color: #36acaa
}

.language-autohotkey .token.selector, .token.atrule, .token.attr-name, .token.keyword {
    color: #00a4db
}

.language-autohotkey .token.tag, .token.deleted, .token.function {
    color: #9a050f
}

.language-autohotkey .token.keyword, .token.selector, .token.tag {
    color: #00009f
}

.token.bold, .token.function, .token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

pre[class*=language-].line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber
}

    pre[class*=language-].line-numbers > code {
        position: relative;
        white-space: inherit
    }

.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber
}

    .line-numbers-rows > span:before {
        content: counter(linenumber);
        color: #999;
        display: block;
        padding-right: .8em;
        text-align: right
    }

div.code-toolbar {
    position: relative
}

    div.code-toolbar > .toolbar {
        position: absolute;
        top: .3em;
        right: .2em;
        transition: opacity .3s ease-in-out;
        opacity: 0
    }

    div.code-toolbar:hover > .toolbar {
        opacity: 1
    }

    div.code-toolbar > .toolbar .toolbar-item {
        display: inline-block
    }

    div.code-toolbar > .toolbar a {
        cursor: pointer
    }

    div.code-toolbar > .toolbar button {
        border: 0;
        font: inherit;
        line-height: normal;
        overflow: visible;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }

    div.code-toolbar > .toolbar a, div.code-toolbar > .toolbar button, div.code-toolbar > .toolbar 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 a:focus, div.code-toolbar > .toolbar a:hover, div.code-toolbar > .toolbar button:focus, div.code-toolbar > .toolbar button:hover, div.code-toolbar > .toolbar span:focus, div.code-toolbar > .toolbar span:hover {
            color: inherit;
            text-decoration: none
        }