/*
|--------------------------------------------------------------------------
| PRISM CODE STYLE
|--------------------------------------------------------------------------
*/

code[class*="language-"],
pre[class*="language-"]{
    color:#f8f8f2;

    background:none;

    font-family:Consolas, Monaco, monospace;

    font-size:14px;

    text-align:left;

    white-space:pre;

    word-spacing:normal;

    word-break:normal;

    line-height:1.7;
}

/*
|--------------------------------------------------------------------------
| CODE BLOCK
|--------------------------------------------------------------------------
*/

pre[class*="language-"]{
    background:#1e1e1e;

    padding:20px;

    border-radius:14px;

    overflow:auto;

    margin:20px 0;
}

/*
|--------------------------------------------------------------------------
| INLINE CODE
|--------------------------------------------------------------------------
*/

:not(pre) > code[class*="language-"]{
    background:#2d2d2d;

    padding:4px 8px;

    border-radius:6px;
}

/*
|--------------------------------------------------------------------------
| TOKENS
|--------------------------------------------------------------------------
*/

.token.comment{
    color:#6a9955;
}

.token.keyword{
    color:#569cd6;
}

.token.string{
    color:#ce9178;
}

.token.function{
    color:#dcdcaa;
}

.token.number{
    color:#b5cea8;
}

.token.operator{
    color:#d4d4d4;
}

.token.punctuation{
    color:#d4d4d4;
}