/* Forked from https://github.com/PrismJS/prism-themes/blob/master/themes/prism-material-oceanic.css */

code[class*="language-"],
pre[class*="language-"] {
    text-align: left;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;

    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;

    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.language-css > code,
.language-sass > code,
.language-scss > code {
    color: #fd9170;
}

[class*="language-"] .namespace {
    opacity: 0.7;
}

.token.atrule {
    color: #c792ea;
}

.token.attr-name {
    color: #ffcb6b;
}

.token.attr-value {
    color: #c3e88d;
}

.token.attribute {
    color: #c3e88d;
}

.token.boolean {
    color: #c792ea;
}

.token.builtin {
    color: #ffcb6b;
}

.token.cdata {
    color: #80cbc4;
}

.token.char {
    color: #80cbc4;
}

.token.class {
    color: #ffcb6b;
}

.token.class-name {
    color: #f2ff00;
}

.token.color {
    color: #f2ff00;
}

.token.comment {
    color: #546e7a;
}

.token.constant {
    color: #c792ea;
}

.token.deleted {
    color: #f07178;
}

.token.doctype {
    color: #546e7a;
}

.token.entity {
    color: #f07178;
}

.token.function {
    color: #c792ea;
}

.token.hexcode {
    color: #f2ff00;
}

.token.id {
    color: #c792ea;
    font-weight: bold;
}

.token.important {
    color: #c792ea;
    font-weight: bold;
}

.token.inserted {
    color: #80cbc4;
}

.token.keyword {
    color: #c792ea;
    font-style: italic;
}

.token.number {
    color: #fd9170;
}

.token.operator {
    color: #89ddff;
}

.token.prolog {
    color: #546e7a;
}

.token.property {
    color: #80cbc4;
}

.token.pseudo-class {
    color: #c3e88d;
}

.token.pseudo-element {
    color: #c3e88d;
}

.token.punctuation {
    color: #89ddff;
}

.token.regex {
    color: #f2ff00;
}

.token.selector {
    color: #f07178;
}

.token.string {
    color: #c3e88d;
}

.token.symbol {
    color: #c792ea;
}

.token.tag {
    color: #f07178;
}

.token.unit {
    color: #f07178;
}

.token.url {
    color: #fd9170;
}

.token.variable {
    color: #f07178;
}

/* Forked from https://github.com/PrismJS/prism-themes/blob/master/themes/prism-material-light.css */
[data-theme="light"] {
    .language-css > code,
    .language-sass > code,
    .language-scss > code {
        color: #f76d47;
    }

    [class*="language-"] .namespace {
        opacity: 0.7;
    }

    .token.atrule {
        color: #7c4dff;
    }

    .token.attr-name {
        color: #39adb5;
    }

    .token.attr-value {
        color: #f6a434;
    }

    .token.attribute {
        color: #f6a434;
    }

    .token.boolean {
        color: #7c4dff;
    }

    .token.builtin {
        color: #39adb5;
    }

    .token.cdata {
        color: #39adb5;
    }

    .token.char {
        color: #39adb5;
    }

    .token.class {
        color: #39adb5;
    }

    .token.class-name {
        color: #6182b8;
    }

    .token.comment {
        color: #aabfc9;
    }

    .token.constant {
        color: #7c4dff;
    }

    .token.deleted {
        color: #e53935;
    }

    .token.doctype {
        color: #aabfc9;
    }

    .token.entity {
        color: #e53935;
    }

    .token.function {
        color: #7c4dff;
    }

    .token.hexcode {
        color: #f76d47;
    }

    .token.id {
        color: #7c4dff;
        font-weight: bold;
    }

    .token.important {
        color: #7c4dff;
        font-weight: bold;
    }

    .token.inserted {
        color: #39adb5;
    }

    .token.keyword {
        color: #7c4dff;
    }

    .token.number {
        color: #f76d47;
    }

    .token.operator {
        color: #39adb5;
    }

    .token.prolog {
        color: #aabfc9;
    }

    .token.property {
        color: #39adb5;
    }

    .token.pseudo-class {
        color: #f6a434;
    }

    .token.pseudo-element {
        color: #f6a434;
    }

    .token.punctuation {
        color: #39adb5;
    }

    .token.regex {
        color: #6182b8;
    }

    .token.selector {
        color: #e53935;
    }

    .token.string {
        color: #f6a434;
    }

    .token.symbol {
        color: #7c4dff;
    }

    .token.tag {
        color: #e53935;
    }

    .token.unit {
        color: #f76d47;
    }

    .token.url {
        color: #e53935;
    }

    .token.variable {
        color: #e53935;
    }
}
