/* PrismJS Modified with MudBlazor Variables */
code[class*=language-], pre[class*=language-] {
    color: var(--mud-palette-text-primary);
    background: transparent;
    text-shadow: 0 1px var(--mud-palette-surface);
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1em;
    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;
}

code[class*=language-]::-moz-selection, pre[class*=language-]::-moz-selection {
    text-shadow: none;
    background: var(--mud-palette-secondary);
}

code[class*=language-]::selection, pre[class*=language-]::selection {
    text-shadow: none;
    background: var(--mud-palette-secondary);
}

@media print {
    code[class*=language-], pre[class*=language-] {
        text-shadow: none;
    }
}

pre[class*=language-] {
    padding: 1em;
    margin: 0.5em 0;
    overflow: auto;
    background: var(--mud-palette-surface);
}

:not(pre) > code[class*=language-], pre[class*=language-] {
    background: var(--mud-palette-surface);
}

:not(pre) > code[class*=language-] {
    padding: 0.1em;
    border-radius: 0.3em;
    white-space: normal;
}

.token.cdata, .token.comment, .token.doctype, .token.prolog {
    color: var(--mud-palette-text-secondary);
}

.token.punctuation {
    color: var(--mud-palette-primary);
}

.token.namespace {
    opacity: 0.7;
}

.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
    color: var(--mud-palette-error);
}

.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
    color: var(--mud-palette-success);
}

.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url {
    color: var(--mud-palette-secondary);
    /*background: hsla(0, 0%, 100%, 0.5);*/
}

.token.atrule, .token.attr-value, .token.keyword {
    color: var(--mud-palette-info);
}

.token.class-name, .token.function {
    color: var(--mud-palette-warning);
}

.token.important, .token.regex, .token.variable {
    color: var(--mud-palette-error);
}

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

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

.token.entity {
    cursor: help;
}