/* Background */ .chroma-bg { color: #f8f8f2; background-color: #282a36; }
/* PreWrapper */ .chroma-chroma { color: #f8f8f2; background-color: #282a36; }
/* LineLink */ .chroma-chroma .chroma-lnlinks { outline: none; text-decoration: none; color: inherit }
/* LineTableTD */ .chroma-chroma .chroma-lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
/* LineTable */ .chroma-chroma .chroma-lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma-chroma .chroma-hl { background-color: #3d3f4a }
/* LineNumbersTable */ .chroma-chroma .chroma-lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* LineNumbers */ .chroma-chroma .chroma-ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* Line */ .chroma-chroma .chroma-line { display: flex; }
/* Keyword */ .chroma-chroma .chroma-k { color: #ff79c6 }
/* KeywordConstant */ .chroma-chroma .chroma-kc { color: #ff79c6 }
/* KeywordDeclaration */ .chroma-chroma .chroma-kd { color: #8be9fd; font-style: italic }
/* KeywordNamespace */ .chroma-chroma .chroma-kn { color: #ff79c6 }
/* KeywordPseudo */ .chroma-chroma .chroma-kp { color: #ff79c6 }
/* KeywordReserved */ .chroma-chroma .chroma-kr { color: #ff79c6 }
/* KeywordType */ .chroma-chroma .chroma-kt { color: #8be9fd }
/* NameAttribute */ .chroma-chroma .chroma-na { color: #50fa7b }
/* NameClass */ .chroma-chroma .chroma-nc { color: #50fa7b }
/* NameLabel */ .chroma-chroma .chroma-nl { color: #8be9fd; font-style: italic }
/* NameTag */ .chroma-chroma .chroma-nt { color: #ff79c6 }
/* NameBuiltin */ .chroma-chroma .chroma-nb { color: #8be9fd; font-style: italic }
/* NameBuiltinPseudo */ .chroma-chroma .chroma-bp { font-style: italic }
/* NameVariable */ .chroma-chroma .chroma-nv { color: #8be9fd; font-style: italic }
/* NameVariableClass */ .chroma-chroma .chroma-vc { color: #8be9fd; font-style: italic }
/* NameVariableGlobal */ .chroma-chroma .chroma-vg { color: #8be9fd; font-style: italic }
/* NameVariableInstance */ .chroma-chroma .chroma-vi { color: #8be9fd; font-style: italic }
/* NameVariableMagic */ .chroma-chroma .chroma-vm { color: #8be9fd; font-style: italic }
/* NameFunction */ .chroma-chroma .chroma-nf { color: #50fa7b }
/* NameFunctionMagic */ .chroma-chroma .chroma-fm { color: #50fa7b }
/* LiteralString */ .chroma-chroma .chroma-s { color: #f1fa8c }
/* LiteralStringAffix */ .chroma-chroma .chroma-sa { color: #f1fa8c }
/* LiteralStringBacktick */ .chroma-chroma .chroma-sb { color: #f1fa8c }
/* LiteralStringChar */ .chroma-chroma .chroma-sc { color: #f1fa8c }
/* LiteralStringDelimiter */ .chroma-chroma .chroma-dl { color: #f1fa8c }
/* LiteralStringDoc */ .chroma-chroma .chroma-sd { color: #f1fa8c }
/* LiteralStringDouble */ .chroma-chroma .chroma-s2 { color: #f1fa8c }
/* LiteralStringEscape */ .chroma-chroma .chroma-se { color: #f1fa8c }
/* LiteralStringHeredoc */ .chroma-chroma .chroma-sh { color: #f1fa8c }
/* LiteralStringInterpol */ .chroma-chroma .chroma-si { color: #f1fa8c }
/* LiteralStringOther */ .chroma-chroma .chroma-sx { color: #f1fa8c }
/* LiteralStringRegex */ .chroma-chroma .chroma-sr { color: #f1fa8c }
/* LiteralStringSingle */ .chroma-chroma .chroma-s1 { color: #f1fa8c }
/* LiteralStringSymbol */ .chroma-chroma .chroma-ss { color: #f1fa8c }
/* LiteralNumber */ .chroma-chroma .chroma-m { color: #bd93f9 }
/* LiteralNumberBin */ .chroma-chroma .chroma-mb { color: #bd93f9 }
/* LiteralNumberFloat */ .chroma-chroma .chroma-mf { color: #bd93f9 }
/* LiteralNumberHex */ .chroma-chroma .chroma-mh { color: #bd93f9 }
/* LiteralNumberInteger */ .chroma-chroma .chroma-mi { color: #bd93f9 }
/* LiteralNumberIntegerLong */ .chroma-chroma .chroma-il { color: #bd93f9 }
/* LiteralNumberOct */ .chroma-chroma .chroma-mo { color: #bd93f9 }
/* Operator */ .chroma-chroma .chroma-o { color: #ff79c6 }
/* OperatorWord */ .chroma-chroma .chroma-ow { color: #ff79c6 }
/* Comment */ .chroma-chroma .chroma-c { color: #6272a4 }
/* CommentHashbang */ .chroma-chroma .chroma-ch { color: #6272a4 }
/* CommentMultiline */ .chroma-chroma .chroma-cm { color: #6272a4 }
/* CommentSingle */ .chroma-chroma .chroma-c1 { color: #6272a4 }
/* CommentSpecial */ .chroma-chroma .chroma-cs { color: #6272a4 }
/* CommentPreproc */ .chroma-chroma .chroma-cp { color: #ff79c6 }
/* CommentPreprocFile */ .chroma-chroma .chroma-cpf { color: #ff79c6 }
/* GenericDeleted */ .chroma-chroma .chroma-gd { color: #ff5555 }
/* GenericEmph */ .chroma-chroma .chroma-ge { text-decoration: underline }
/* GenericHeading */ .chroma-chroma .chroma-gh { font-weight: bold }
/* GenericInserted */ .chroma-chroma .chroma-gi { color: #50fa7b; font-weight: bold }
/* GenericOutput */ .chroma-chroma .chroma-go { color: #44475a }
/* GenericSubheading */ .chroma-chroma .chroma-gu { font-weight: bold }
/* GenericUnderline */ .chroma-chroma .chroma-gl { text-decoration: underline }

/* Additional code block styles */
.code-block {
	background-color: #282a36;
	color: #f8f8f2;
	padding: 1.5rem;
	border-radius: 8px;
	overflow-x: auto;
	margin: 1.5rem 0;
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
	font-size: 0.875rem;
	line-height: 1.6;
	tab-size: 4;
}

.code-block code {
	background: none;
	padding: 0;
	color: inherit;
	font-size: inherit;
}

/* Override inline code styles for highlighted blocks */
.code-block code.chroma {
	display: block;
}

/* Scrollbar styling for code blocks */
.code-block::-webkit-scrollbar {
	height: 8px;
}

.code-block::-webkit-scrollbar-track {
	background: #1a1c24;
}

.code-block::-webkit-scrollbar-thumb {
	background: #44475a;
	border-radius: 4px;
}

.code-block::-webkit-scrollbar-thumb:hover {
	background: #6272a4;
}