/*
 * TODO: Remove this file once 3.0.2 is released
 */

rh-code-block {
    --_styles-applied: true;

    & pre[class*="language-"]::selection,
    & pre[class*="language-"] ::selection,
    & code[class*="language-"]::selection,
    & code[class*="language-"] ::selection {
        text-shadow: none;
        background: var(--_selected-text-background);
    }

    @media print {

        & code[class*="language-"],
        & pre[class*="language-"] {
            text-shadow: none;
        }
    }

    & .token.atrule {
        color: var(--_at-rule-color);
    }

    & .token.attr-name {
        color: var(--_attr-name-color);
    }

    & .token.attr-value {
        color: var(--_attr-value-color);
    }

    & .token.bold {
        font-weight: var(--_important-color);
    }

    & .token.boolean {
        color: var(--_boolean-color);
    }

    & .token.builtin {
        color: var(--_built-in-color);
    }

    & .token.cdata {
        color: var(--_cdata-color);
    }

    & .token.char {
        color: var(--_character-color);
    }

    & .token.class-name {
        color: var(--_class-name-color);
    }

    & .token.comment {
        color: var(--_comment-color);
    }

    & .token.constant {
        color: var(--_constant-color);
    }

    & .token.deleted {
        color: var(--_deleted-color);
    }

    & .token.function {
        color: var(--_function-name-color);
    }

    & .token.important {
        color: var(--_important-color);
    }

    & .token.inserted {
        color: var(--_inserted-color);
    }

    & .token.keyword {
        color: var(--_keyword-color);
    }

    & .token.namespace {
        color: var(--_namespace-color);
    }

    & .token.number {
        color: var(--_number-color);
    }

    & .token.operator {
        color: var(--_operator-color);
    }

    & .token.property {
        color: var(--_property-color);
    }

    & .token.punctuation {
        color: var(--_punctuation-color);
    }

    & .token.regex {
        color: var(--_regex-color);
    }

    & .token.selector {
        color: var(--_selector-color);
    }

    & .token.string {
        color: var(--_string-color);
    }

    & .token.symbol {
        color: var(--_symbol-color);
    }

    & .token.tag {
        color: var(--_tag-color);
    }

    & .token.url {
        color: var(--_url-color);
    }

    & .token.variable {
        color: var(--_variable-color);
    }

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

    & .token.entity {
        color: var(--_entity-color);
        cursor: help;
    }

    & .token.prolog,
    & .token.doctype {
        color: var(--_doctype-color);
    }

    & .language-css .token.string,
    & .style .token.string {
        color: var(--_operator-color);
    }

    &>pre {
        opacity: 1;
    }
}