.code-block{--code-bg:var(--card);--code-header-bg:var(--muted);--code-fg:var(--foreground);--code-muted:var(--muted-foreground);--code-token-comment:var(--muted-foreground);--code-token-punctuation:var(--foreground);--code-token-constant:#7a6240;--code-token-keyword:var(--primary);--code-token-tag:var(--destructive);--code-token-string:var(--pixel-shadow);--code-token-function:#127a66;--code-token-url:var(--primary);--code-token-template:#8a4f28;--code-selection:var(--secondary)}.dark .code-block{--code-bg:var(--card);--code-header-bg:var(--muted);--code-fg:var(--foreground);--code-muted:var(--muted-foreground);--code-token-comment:var(--muted-foreground);--code-token-punctuation:var(--foreground);--code-token-constant:#e8b86d;--code-token-keyword:var(--primary);--code-token-tag:var(--destructive);--code-token-string:#4ec9a0;--code-token-function:#7ee8c8;--code-token-url:var(--primary);--code-token-template:#d4845c;--code-selection:var(--secondary)}.code-block .refractor,.code-block pre[class*=language-],.code-block code[class*=language-]{color:var(--code-fg);font-family:var(--font-mono);text-shadow:none;background:0 0;margin:0}.code-block .refractor *{background-color:inherit!important}.code-block .token.comment,.code-block .token.prolog,.code-block .token.cdata{color:var(--code-token-comment)}.code-block .token.doctype,.code-block .token.punctuation,.code-block .token.entity{color:var(--code-token-punctuation)}.code-block .token.attr-name,.code-block .token.class-name,.code-block .token.boolean,.code-block .token.constant,.code-block .token.number,.code-block .token.atrule{color:var(--code-token-constant)}.code-block .token.keyword{color:var(--code-token-keyword)}.code-block .token.property,.code-block .token.tag,.code-block .token.symbol,.code-block .token.deleted,.code-block .token.important{color:var(--code-token-tag)}.code-block .token.selector,.code-block .token.string,.code-block .token.char,.code-block .token.builtin,.code-block .token.inserted,.code-block .token.regex,.code-block .token.attr-value,.code-block .token.attr-value>.token.punctuation{color:var(--code-token-string)}.code-block .token.variable,.code-block .token.operator,.code-block .token.function{color:var(--code-token-function)}.code-block .token.url{color:var(--code-token-url)}.code-block .language-javascript .token.operator,.code-block .language-typescript .token.operator,.code-block .language-tsx .token.operator,.code-block .language-jsx .token.operator{color:var(--code-token-keyword)}.code-block .language-javascript .token.template-string>.token.interpolation>.token.interpolation-punctuation.punctuation,.code-block .language-typescript .token.template-string>.token.interpolation>.token.interpolation-punctuation.punctuation{color:var(--code-token-template)}.code-block .language-css .token.selector{color:var(--code-token-tag)}.code-block .language-css .token.property{color:var(--code-token-punctuation)}.code-block .language-css .token.function,.code-block .language-css .token.url>.token.function{color:var(--code-token-url)}.code-block .language-css .token.url>.token.string.url{color:var(--code-token-string)}.code-block .language-css .token.important,.code-block .language-css .token.atrule .token.rule{color:var(--code-token-keyword)}.code-block .language-json .token.operator{color:var(--code-token-punctuation)}.code-block .language-json .token.null.keyword{color:var(--code-token-constant)}.code-block .token.bold{font-weight:700}.code-block .token.comment,.code-block .token.italic{font-style:italic}.code-block .token.entity{cursor:help}.code-block .token.namespace{opacity:.8}.code-block ::selection,.code-block ::selection{background:var(--code-selection);color:inherit}