:root {
    --chroma-bg: #111;
    --comment: #9e9e9e;
    --cyan: #8be9fd; 
    --green: #50fa7b;
    --orange: #ffb86c;
    --pink: #f5a;
    --purple: #bd93f9;
    --red: #f55;
    --yellow: #f1fa8c;
}
/* @media (prefers-color-scheme: light) {
    :root {
        --chroma-bg: #eee;
        --comment: #666;
        --cyan: #04a5e5; 
        --green: #40a02b;
        --orange: #fe640b;
        --pink: #ea76cb;
        --purple: #8839ef;
        --red: #d20f39;
        --yellow: #df8e1d;
    }
} */
/* Background */ .bg,
/* PreWrapper */ .chroma { background-color:var(--chroma-bg); }
/* Other */ .chroma .x {  }
/* Error */ .chroma .err {  }
/* CodeLine */ .chroma .cl {  }
/* LineLink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit }
/* LineTableTD */ .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
/* LineTable */ .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }
/* LineHighlight */ .chroma .hl { background-color:#3d3f4a }
/* LineNumbersTable */ .chroma .lnt,
/* LineNumbers */ .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:var(--comment) }
/* Line */ .chroma .line { display:flex; }
/* Keyword */ .chroma .k,
/* KeywordConstant */ .chroma .kc,
/* KeywordNamespace */ .chroma .kn,
/* KeywordPseudo */ .chroma .kp,
/* KeywordReserved */ .chroma .kr { color:var(--pink) }
/* KeywordType */ .chroma .kt { color:var(--cyan) }
/* KeywordDeclaration */ .chroma .kd { color:var(--cyan);font-style:italic }
/* Name */ .chroma .n {  }
/* NameBuiltinPseudo */ .chroma .bp {  }
/* NameConstant */ .chroma .no {  }
/* NameDecorator */ .chroma .nd {  }
/* NameEntity */ .chroma .ni {  }
/* NameException */ .chroma .ne {  }
/* NameAttribute */ .chroma .na,
/* NameClass */ .chroma .nc,
/* NameFunctionMagic */ .chroma .fm,
/* NameFunction */ .chroma .nf { color:var(--green) }
/* NameNamespace */ .chroma .nn {  }
/* NameOther */ .chroma .nx {  }
/* NameProperty */ .chroma .py {  }
/* NameTag */ .chroma .nt { color:var(--pink) }
/* NameBuiltin */ .chroma .nb,
/* NameLabel */ .chroma .nl,
/* NameVariable */ .chroma .nv,
/* NameVariableClass */ .chroma .vc,
/* NameVariableGlobal */ .chroma .vg,
/* NameVariableInstance */ .chroma .vi { color:var(--cyan);font-style:italic }
/* NameVariableMagic */ .chroma .vm {  }
/* Literal */ .chroma .l {  }
/* LiteralDate */ .chroma .ld {  }
/* LiteralString */ .chroma .s,
/* LiteralStringAffix */ .chroma .sa,
/* LiteralStringBacktick */ .chroma .sb,
/* LiteralStringChar */ .chroma .sc,
/* LiteralStringDelimiter */ .chroma .dl,
/* LiteralStringDoc */ .chroma .sd,
/* LiteralStringDouble */ .chroma .s2,
/* LiteralStringEscape */ .chroma .se,
/* LiteralStringHeredoc */ .chroma .sh,
/* LiteralStringInterpol */ .chroma .si,
/* LiteralStringOther */ .chroma .sx,
/* LiteralStringRegex */ .chroma .sr,
/* LiteralStringSingle */ .chroma .s1,
/* LiteralStringSymbol */ .chroma .ss { color:var(--yellow) }
/* LiteralNumber */ .chroma .m,
/* LiteralNumberBin */ .chroma .mb,
/* LiteralNumberFloat */ .chroma .mf,
/* LiteralNumberHex */ .chroma .mh,
/* LiteralNumberInteger */ .chroma .mi,
/* LiteralNumberIntegerLong */ .chroma .il,
/* LiteralNumberOct */ .chroma .mo { color:var(--purple) }
/* Operator */ .chroma .o,
/* OperatorWord */ .chroma .ow { color:var(--pink) }
/* Punctuation */ .chroma .p {  }
/* Comment */ .chroma .c,
/* CommentHashbang */ .chroma .ch,
/* CommentMultiline */ .chroma .cm,
/* CommentSingle */ .chroma .c1,
/* CommentSpecial */ .chroma .cs { color:var(--comment) }
/* CommentPreproc */ .chroma .cp,
/* CommentPreprocFile */ .chroma .cpf { color:var(--pink) }
/* Generic */ .chroma .g {  }
/* GenericDeleted */ .chroma .gd { color:var(--red) }
/* GenericEmph */ .chroma .ge { text-decoration:underline }
/* GenericError */ .chroma .gr {  }
/* GenericHeading */ .chroma .gh { font-weight:bold }
/* GenericInserted */ .chroma .gi { color:var(--green);font-weight:bold }
/* GenericOutput */ .chroma .go { color:var(--comment) }
/* GenericPrompt */ .chroma .gp {  }
/* GenericStrong */ .chroma .gs {  }
/* GenericSubheading */ .chroma .gu { font-weight:bold }
/* GenericTraceback */ .chroma .gt {  }
/* GenericUnderline */ .chroma .gl { text-decoration:underline }
/* TextWhitespace */ .chroma .w {  }