@layer starlight.components {
	.expressive-code {
		font-family: var(--ec-uiFontFml);
		font-size: var(--ec-uiFontSize);
		font-weight: var(--ec-uiFontWg);
		line-height: var(--ec-uiLineHt);
		text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
	.expressive-code *:not(:is(svg, svg *)) {
		all: revert;
		box-sizing: border-box;
	}
	.expressive-code pre {
		display: flex;
		margin: 0;
		padding: 0;
		border: var(--ec-brdWd) solid var(--ec-brdCol);
		border-radius: calc(var(--ec-brdRad) + var(--ec-brdWd));
		background: var(--ec-codeBg);
	}
	.expressive-code pre:focus-visible {
		outline: 3px solid var(--ec-focusBrd);
		outline-offset: -3px;
	}
	.expressive-code pre > code {
		all: unset;
		display: block;
		flex: 1 0 100%;
		padding: var(--ec-codePadBlk) 0;
		color: var(--ec-codeFg);
		font-family: var(--ec-codeFontFml);
		font-size: var(--ec-codeFontSize);
		font-weight: var(--ec-codeFontWg);
		line-height: var(--ec-codeLineHt);
	}
	.expressive-code pre {
		overflow-x: auto;
	}
	.expressive-code pre.wrap .ec-line .code {
		white-space: pre-wrap;
		overflow-wrap: break-word;
		min-width: min(20ch, var(--ecMaxLine, 20ch));
	}
	.expressive-code pre.wrap .ec-line .code span.indent {
		white-space: pre;
	}
	.expressive-code pre::-webkit-scrollbar,
	.expressive-code pre::-webkit-scrollbar-track {
		background-color: inherit;
		border-radius: calc(var(--ec-brdRad) + var(--ec-brdWd));
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.expressive-code pre::-webkit-scrollbar-thumb {
		background-color: var(--ec-sbThumbCol);
		border: 4px solid transparent;
		background-clip: content-box;
		border-radius: 10px;
	}
	.expressive-code pre::-webkit-scrollbar-thumb:hover {
		background-color: var(--ec-sbThumbHoverCol);
	}
	.expressive-code .ec-line {
		direction: ltr;
		unicode-bidi: isolate;
		display: grid;
		grid-template-areas: 'gutter code';
		grid-template-columns: auto 1fr;
		position: relative;
	}
	.expressive-code .ec-line .gutter {
		grid-area: gutter;
		color: var(--ec-gtrFg);
	}
	.expressive-code .ec-line .gutter > * {
		pointer-events: none;
		user-select: none;
		-webkit-user-select: none;
	}
	.expressive-code .ec-line .gutter ~ .code {
		--ecLineBrdCol: var(--ec-gtrBrdCol);
	}
	.expressive-code .ec-line.highlight .gutter {
		color: var(--ec-gtrHlFg);
	}
	.expressive-code .ec-line .code {
		grid-area: code;
		position: relative;
		box-sizing: content-box;
		padding-inline-start: calc(
			var(--ecIndent, 0ch) + var(--ec-codePadInl) - var(--ecGtrBrdWd)
		);
		padding-inline-end: var(--ec-codePadInl);
		text-indent: calc(var(--ecIndent, 0ch) * -1);
	}
	.expressive-code .ec-line .code::before,
	.expressive-code .ec-line .code::after,
	.expressive-code .ec-line .code :where(*) {
		text-indent: 0;
	}
	.expressive-code .ec-line .code {
		--ecGtrBrdWd: var(--ec-gtrBrdWd);
		border-inline-start: var(--ecGtrBrdWd) solid
			var(--ecLineBrdCol, transparent);
	}
	.expressive-code .sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border-width: 0;
	}
	.expressive-code .ec-line.mark {
		--tmLineBgCol: var(--ec-tm-markBg);
	}
	.expressive-code .ec-line.mark .code {
		--ecLineBrdCol: var(--ec-tm-markBrdCol);
	}
	.expressive-code .ec-line.ins {
		--tmLineBgCol: var(--ec-tm-insBg);
		--tmLabel: var(--ec-tm-insDiffIndContent);
	}
	.expressive-code .ec-line.ins .code {
		--ecLineBrdCol: var(--ec-tm-insBrdCol);
	}
	.expressive-code .ec-line.ins .code::before {
		color: var(--ec-tm-insDiffIndCol);
	}
	.expressive-code .ec-line.del {
		--tmLineBgCol: var(--ec-tm-delBg);
		--tmLabel: var(--ec-tm-delDiffIndContent);
	}
	.expressive-code .ec-line.del .code {
		--ecLineBrdCol: var(--ec-tm-delBrdCol);
	}
	.expressive-code .ec-line.del .code::before {
		color: var(--ec-tm-delDiffIndCol);
	}
	.expressive-code .ec-line.mark,
	.expressive-code .ec-line.ins,
	.expressive-code .ec-line.del {
		background: var(--tmLineBgCol);
	}
	.expressive-code .ec-line.mark .code,
	.expressive-code .ec-line.ins .code,
	.expressive-code .ec-line.del .code {
		--ecGtrBrdWd: var(--ec-tm-lineMarkerAccentWd);
	}
	.expressive-code .ec-line.mark .code::before,
	.expressive-code .ec-line.ins .code::before,
	.expressive-code .ec-line.del .code::before {
		display: block;
		position: absolute;
		left: 0;
		box-sizing: border-box;
		content: var(--tmLabel, ' ');
		padding-inline-start: var(--ec-tm-lineDiffIndMargLeft);
		text-align: center;
		white-space: pre;
	}
	.expressive-code .ec-line.mark.tm-label .code::before,
	.expressive-code .ec-line.ins.tm-label .code::before,
	.expressive-code .ec-line.del.tm-label .code::before {
		background: var(--ecLineBrdCol);
		padding: 0
			calc(
				var(--ec-tm-lineMarkerLabelPadInl) +
					var(--ec-tm-lineMarkerAccentWd)
			)
			0 var(--ec-tm-lineMarkerLabelPadInl);
		color: var(--ec-tm-lineMarkerLabelCol);
	}
	.expressive-code .ec-line mark {
		--tmInlineBgCol: var(--ec-tm-markBg);
		--tmInlineBrdCol: var(--ec-tm-markBrdCol);
	}
	.expressive-code .ec-line ins {
		--tmInlineBgCol: var(--ec-tm-insBg);
		--tmInlineBrdCol: var(--ec-tm-insBrdCol);
	}
	.expressive-code .ec-line del {
		--tmInlineBgCol: var(--ec-tm-delBg);
		--tmInlineBrdCol: var(--ec-tm-delBrdCol);
	}
	.expressive-code .ec-line mark,
	.expressive-code .ec-line ins,
	.expressive-code .ec-line del {
		all: unset;
		display: inline-block;
		position: relative;
		--tmBrdL: var(--ec-tm-inlMarkerBrdWd);
		--tmBrdR: var(--ec-tm-inlMarkerBrdWd);
		--tmRadL: var(--ec-tm-inlMarkerBrdRad);
		--tmRadR: var(--ec-tm-inlMarkerBrdRad);
		margin-inline: 0.025rem;
		padding-inline: var(--ec-tm-inlMarkerPad);
		border-radius: var(--tmRadL) var(--tmRadR) var(--tmRadR) var(--tmRadL);
		background: var(--tmInlineBgCol);
		background-clip: padding-box;
	}
	.expressive-code .ec-line mark.open-start,
	.expressive-code .ec-line ins.open-start,
	.expressive-code .ec-line del.open-start {
		margin-inline-start: 0;
		padding-inline-start: 0;
		--tmBrdL: 0px;
		--tmRadL: 0;
	}
	.expressive-code .ec-line mark.open-end,
	.expressive-code .ec-line ins.open-end,
	.expressive-code .ec-line del.open-end {
		margin-inline-end: 0;
		padding-inline-end: 0;
		--tmBrdR: 0px;
		--tmRadR: 0;
	}
	.expressive-code .ec-line mark::before,
	.expressive-code .ec-line ins::before,
	.expressive-code .ec-line del::before {
		content: '';
		position: absolute;
		pointer-events: none;
		display: inline-block;
		inset: 0;
		border-radius: var(--tmRadL) var(--tmRadR) var(--tmRadR) var(--tmRadL);
		border: var(--ec-tm-inlMarkerBrdWd) solid var(--tmInlineBrdCol);
		border-inline-width: var(--tmBrdL) var(--tmBrdR);
	}
	.expressive-code .frame {
		all: unset;
		position: relative;
		display: block;
		--header-border-radius: calc(var(--ec-brdRad) + var(--ec-brdWd));
		--tab-border-radius: calc(var(--ec-frm-edTabBrdRad) + var(--ec-brdWd));
		--button-spacing: 0.4rem;
		--code-background: var(--ec-frm-edBg);
		border-radius: var(--header-border-radius);
		box-shadow: var(--ec-frm-frameBoxShdCssVal);
	}
	.expressive-code .frame .header {
		display: none;
		z-index: 1;
		position: relative;
		border-radius: var(--header-border-radius) var(--header-border-radius) 0
			0;
	}
	.expressive-code .frame.has-title pre,
	.expressive-code .frame.has-title code,
	.expressive-code .frame.is-terminal pre,
	.expressive-code .frame.is-terminal code {
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.expressive-code .frame .title:empty:before {
		content: '\a0';
	}
	.expressive-code .frame.has-title:not(.is-terminal) {
		--button-spacing: calc(
			1.9rem + 2 * (var(--ec-uiPadBlk) + var(--ec-frm-edActTabIndHt))
		);
	}
	.expressive-code .frame.has-title:not(.is-terminal) .title {
		position: relative;
		color: var(--ec-frm-edActTabFg);
		background: var(--ec-frm-edActTabBg);
		background-clip: padding-box;
		margin-block-start: var(--ec-frm-edTabsMargBlkStart);
		padding: calc(var(--ec-uiPadBlk) + var(--ec-frm-edActTabIndHt))
			var(--ec-uiPadInl);
		border: var(--ec-brdWd) solid var(--ec-frm-edActTabBrdCol);
		border-radius: var(--tab-border-radius) var(--tab-border-radius) 0 0;
		border-bottom: none;
		overflow: hidden;
	}
	.expressive-code .frame.has-title:not(.is-terminal) .title::after {
		content: '';
		position: absolute;
		pointer-events: none;
		inset: 0;
		border-top: var(--ec-frm-edActTabIndHt) solid
			var(--ec-frm-edActTabIndTopCol);
		border-bottom: var(--ec-frm-edActTabIndHt) solid
			var(--ec-frm-edActTabIndBtmCol);
	}
	.expressive-code .frame.has-title:not(.is-terminal) .header {
		display: flex;
		background:
			linear-gradient(
				to top,
				var(--ec-frm-edTabBarBrdBtmCol) var(--ec-brdWd),
				transparent var(--ec-brdWd)
			),
			linear-gradient(var(--ec-frm-edTabBarBg), var(--ec-frm-edTabBarBg));
		background-repeat: no-repeat;
		padding-inline-start: var(--ec-frm-edTabsMargInlStart);
	}
	.expressive-code .frame.has-title:not(.is-terminal) .header::before {
		content: '';
		position: absolute;
		pointer-events: none;
		inset: 0;
		border: var(--ec-brdWd) solid var(--ec-frm-edTabBarBrdCol);
		border-radius: inherit;
		border-bottom: none;
	}
	.expressive-code .frame.is-terminal {
		--button-spacing: calc(
			1.9rem + var(--ec-brdWd) + 2 * var(--ec-uiPadBlk)
		);
		--code-background: var(--ec-frm-trmBg);
	}
	.expressive-code .frame.is-terminal .header {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-block: var(--ec-uiPadBlk);
		padding-block-end: calc(var(--ec-uiPadBlk) + var(--ec-brdWd));
		position: relative;
		font-weight: 500;
		letter-spacing: 0.025ch;
		color: var(--ec-frm-trmTtbFg);
		background: var(--ec-frm-trmTtbBg);
		border: var(--ec-brdWd) solid var(--ec-brdCol);
		border-bottom: none;
	}
	.expressive-code .frame.is-terminal .header::before {
		content: '';
		position: absolute;
		pointer-events: none;
		left: var(--ec-uiPadInl);
		width: 2.1rem;
		height: 0.56rem;
		line-height: 0;
		background-color: var(--ec-frm-trmTtbDotsFg);
		opacity: var(--ec-frm-trmTtbDotsOpa);
		-webkit-mask-image: var(--ec-frm-trmIcon);
		-webkit-mask-repeat: no-repeat;
		mask-image: var(--ec-frm-trmIcon);
		mask-repeat: no-repeat;
	}
	.expressive-code .frame.is-terminal .header::after {
		content: '';
		position: absolute;
		pointer-events: none;
		inset: 0;
		border-bottom: var(--ec-brdWd) solid var(--ec-frm-trmTtbBrdBtmCol);
	}
	.expressive-code .frame pre {
		background: var(--code-background);
	}
	.expressive-code .copy {
		display: flex;
		gap: 0.25rem;
		flex-direction: row;
		position: absolute;
		inset-block-start: calc(var(--ec-brdWd) + var(--button-spacing));
		inset-inline-end: calc(var(--ec-brdWd) + var(--ec-uiPadInl) / 2);
	}
	@media (scripting: none) {
		.expressive-code .copy {
			display: none;
		}
	}
	.expressive-code .copy {
		direction: ltr;
		unicode-bidi: isolate;
	}
	.expressive-code .copy button {
		position: relative;
		align-self: flex-end;
		margin: 0;
		padding: 0;
		border: none;
		border-radius: 0.2rem;
		z-index: 1;
		cursor: pointer;
		transition-property: opacity, background, border-color;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		width: 2.5rem;
		height: 2.5rem;
		background: var(--code-background);
		opacity: 0.75;
	}
	.expressive-code .copy button div {
		position: absolute;
		inset: 0;
		border-radius: inherit;
		background: var(--ec-frm-inlBtnBg);
		opacity: var(--ec-frm-inlBtnBgIdleOpa);
		transition-property: inherit;
		transition-duration: inherit;
		transition-timing-function: inherit;
	}
	.expressive-code .copy button::before {
		content: '';
		position: absolute;
		pointer-events: none;
		inset: 0;
		border-radius: inherit;
		border: var(--ec-brdWd) solid var(--ec-frm-inlBtnBrd);
		opacity: var(--ec-frm-inlBtnBrdOpa);
	}
	.expressive-code .copy button::after {
		content: '';
		position: absolute;
		pointer-events: none;
		inset: 0;
		background-color: var(--ec-frm-inlBtnFg);
		-webkit-mask-image: var(--ec-frm-copyIcon);
		-webkit-mask-repeat: no-repeat;
		mask-image: var(--ec-frm-copyIcon);
		mask-repeat: no-repeat;
		margin: 0.475rem;
		line-height: 0;
	}
	.expressive-code .copy button:hover,
	.expressive-code .copy button:focus:focus-visible {
		opacity: 1;
	}
	.expressive-code .copy button:hover div,
	.expressive-code .copy button:focus:focus-visible div {
		opacity: var(--ec-frm-inlBtnBgHoverOrFocusOpa);
	}
	.expressive-code .copy button:active {
		opacity: 1;
	}
	.expressive-code .copy button:active div {
		opacity: var(--ec-frm-inlBtnBgActOpa);
	}
	.expressive-code .copy .feedback {
		--tooltip-arrow-size: 0.35rem;
		--tooltip-bg: var(--ec-frm-tooltipSuccessBg);
		color: var(--ec-frm-tooltipSuccessFg);
		pointer-events: none;
		user-select: none;
		-webkit-user-select: none;
		position: relative;
		align-self: center;
		background-color: var(--tooltip-bg);
		z-index: 99;
		padding: 0.125rem 0.75rem;
		border-radius: 0.2rem;
		margin-inline-end: var(--tooltip-arrow-size);
		opacity: 0;
		transition-property: opacity, transform;
		transition-duration: 0.2s;
		transition-timing-function: ease-in-out;
		transform: translate3d(0, 0.25rem, 0);
	}
	.expressive-code .copy .feedback::after {
		content: '';
		position: absolute;
		pointer-events: none;
		top: calc(50% - var(--tooltip-arrow-size));
		inset-inline-end: calc(-2 * (var(--tooltip-arrow-size) - 0.5px));
		border: var(--tooltip-arrow-size) solid transparent;
		border-inline-start-color: var(--tooltip-bg);
	}
	.expressive-code .copy .feedback.show {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
	@media (hover: hover) {
		.expressive-code {
		}
		.expressive-code .copy button {
			opacity: 0;
			width: 2rem;
			height: 2rem;
		}
		.expressive-code .frame:hover .copy button:not(:hover),
		.expressive-code
			.frame:focus-within
			:focus-visible
			~ .copy
			button:not(:hover),
		.expressive-code .frame .copy .feedback.show ~ button:not(:hover) {
			opacity: 0.75;
		}
	}
	.expressive-code :nth-child(1 of .ec-line) .code {
		padding-inline-end: calc(2rem + var(--ec-codePadInl));
	}
}
@layer starlight.components {
	:root,
	:root:not([data-theme='dark']) .expressive-code[data-theme='dark'] {
		--ec-brdRad: 0px;
		--ec-brdWd: 1px;
		--ec-brdCol: color-mix(
			in srgb,
			var(--sl-color-gray-5),
			transparent 25%
		);
		--ec-codeFontFml: var(--__sl-font-mono);
		--ec-codeFontSize: var(--sl-text-code);
		--ec-codeFontWg: 400;
		--ec-codeLineHt: var(--sl-line-height);
		--ec-codePadBlk: 0.75rem;
		--ec-codePadInl: 1rem;
		--ec-codeBg: #23262f;
		--ec-codeFg: #d6deeb;
		--ec-codeSelBg: #1d3b53;
		--ec-gtrFg: #63798b;
		--ec-gtrBrdCol: #63798b33;
		--ec-gtrBrdWd: 1.5px;
		--ec-gtrHlFg: #c5e4fd97;
		--ec-uiFontFml: var(--__sl-font);
		--ec-uiFontSize: 0.9rem;
		--ec-uiFontWg: 400;
		--ec-uiLineHt: 1.65;
		--ec-uiPadBlk: 0.25rem;
		--ec-uiPadInl: 1rem;
		--ec-uiSelBg: #234d708c;
		--ec-uiSelFg: #ffffff;
		--ec-focusBrd: #122d42;
		--ec-sbThumbCol: #ffffff17;
		--ec-sbThumbHoverCol: #ffffff47;
		--ec-tm-lineMarkerAccentMarg: 0rem;
		--ec-tm-lineMarkerAccentWd: 0.15rem;
		--ec-tm-lineMarkerLabelPadInl: 0.2rem;
		--ec-tm-lineMarkerLabelCol: white;
		--ec-tm-lineDiffIndMargLeft: 0.25rem;
		--ec-tm-inlMarkerBrdWd: 1.5px;
		--ec-tm-inlMarkerBrdRad: 0.2rem;
		--ec-tm-inlMarkerPad: 0.15rem;
		--ec-tm-insDiffIndContent: '+';
		--ec-tm-delDiffIndContent: '-';
		--ec-tm-markBg: #ffffff17;
		--ec-tm-markBrdCol: #ffffff40;
		--ec-tm-insBg: #1e571599;
		--ec-tm-insBrdCol: #487f3bd0;
		--ec-tm-insDiffIndCol: #79b169d0;
		--ec-tm-delBg: #862d2799;
		--ec-tm-delBrdCol: #b4554bd0;
		--ec-tm-delDiffIndCol: #ed8779d0;
		--ec-frm-shdCol: #011627;
		--ec-frm-frameBoxShdCssVal: none;
		--ec-frm-edActTabBg: var(--sl-color-gray-6);
		--ec-frm-edActTabFg: var(--sl-color-text);
		--ec-frm-edActTabBrdCol: transparent;
		--ec-frm-edActTabIndHt: 1px;
		--ec-frm-edActTabIndTopCol: var(--sl-color-accent-high);
		--ec-frm-edActTabIndBtmCol: transparent;
		--ec-frm-edTabsMargInlStart: 0;
		--ec-frm-edTabsMargBlkStart: 0;
		--ec-frm-edTabBrdRad: 0px;
		--ec-frm-edTabBarBg: var(--sl-color-black);
		--ec-frm-edTabBarBrdCol: color-mix(
			in srgb,
			var(--sl-color-gray-5),
			transparent 25%
		);
		--ec-frm-edTabBarBrdBtmCol: color-mix(
			in srgb,
			var(--sl-color-gray-5),
			transparent 25%
		);
		--ec-frm-edBg: var(--sl-color-gray-6);
		--ec-frm-trmTtbDotsFg: color-mix(
			in srgb,
			var(--sl-color-gray-5),
			transparent 25%
		);
		--ec-frm-trmTtbDotsOpa: 0.75;
		--ec-frm-trmTtbBg: var(--sl-color-black);
		--ec-frm-trmTtbFg: var(--sl-color-text);
		--ec-frm-trmTtbBrdBtmCol: color-mix(
			in srgb,
			var(--sl-color-gray-5),
			transparent 25%
		);
		--ec-frm-trmBg: var(--sl-color-gray-6);
		--ec-frm-inlBtnFg: var(--sl-color-text);
		--ec-frm-inlBtnBg: var(--sl-color-text);
		--ec-frm-inlBtnBgIdleOpa: 0;
		--ec-frm-inlBtnBgHoverOrFocusOpa: 0.2;
		--ec-frm-inlBtnBgActOpa: 0.3;
		--ec-frm-inlBtnBrd: var(--sl-color-text);
		--ec-frm-inlBtnBrdOpa: 0.4;
		--ec-frm-tooltipSuccessBg: #158744;
		--ec-frm-tooltipSuccessFg: white;
		--ec-frm-copyIcon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.75'%3E%3Cpath%20d%3D'M3%2019a2%202%200%200%201-1-2V2a2%202%200%200%201%201-1h13a2%202%200%200%201%202%201'%2F%3E%3Crect%20x%3D'6'%20y%3D'5'%20width%3D'16'%20height%3D'18'%20rx%3D'1.5'%20ry%3D'1.5'%2F%3E%3C%2Fsvg%3E");
		--ec-frm-trmIcon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2016'%20preserveAspectRatio%3D'xMidYMid%20meet'%3E%3Ccircle%20cx%3D'8'%20cy%3D'8'%20r%3D'8'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'8'%20r%3D'8'%2F%3E%3Ccircle%20cx%3D'52'%20cy%3D'8'%20r%3D'8'%2F%3E%3C%2Fsvg%3E");
	}
	.expressive-code .ec-line :where(span[style^='--']:not([class])),
	:root:not([data-theme='dark'])
		.expressive-code[data-theme='dark']
		.ec-line
		:where(span[style^='--']:not([class])) {
		color: var(--0, inherit);
		background-color: var(--0bg, transparent);
		font-style: var(--0fs, inherit);
		font-weight: var(--0fw, inherit);
		text-decoration: var(--0td, inherit);
	}
	@media (prefers-color-scheme: light) {
		:root:not([data-theme='dark']) {
			--ec-codeBg: #f6f7f9;
			--ec-codeFg: #403f53;
			--ec-codeSelBg: #e0e0e0;
			--ec-gtrFg: #788b94;
			--ec-gtrBrdCol: #788b9433;
			--ec-gtrHlFg: #403f53c4;
			--ec-uiSelBg: #d3e8f8;
			--ec-uiSelFg: #403f53;
			--ec-focusBrd: #93a1a1;
			--ec-sbThumbCol: #0000001a;
			--ec-sbThumbHoverCol: #0000005c;
			--ec-tm-markBg: #0000001a;
			--ec-tm-markBrdCol: #00000055;
			--ec-tm-insBg: #8ec77d99;
			--ec-tm-insDiffIndCol: #336a28d0;
			--ec-tm-delBg: #ff9c8e99;
			--ec-tm-delDiffIndCol: #9d4138d0;
			--ec-frm-shdCol: #d9d9d9;
			--ec-frm-edActTabBg: var(--sl-color-gray-7);
			--ec-frm-edActTabIndTopCol: var(--sl-color-accent);
			--ec-frm-edTabBarBg: var(--sl-color-gray-6);
			--ec-frm-edBg: var(--sl-color-gray-7);
			--ec-frm-trmTtbBg: var(--sl-color-gray-6);
			--ec-frm-trmBg: var(--sl-color-gray-7);
			--ec-frm-tooltipSuccessBg: #078662;
		}
		:root:not([data-theme='dark'])
			.expressive-code
			.ec-line
			:where(span[style^='--']:not([class])) {
			color: var(--1, inherit);
			background-color: var(--1bg, transparent);
			font-style: var(--1fs, inherit);
			font-weight: var(--1fw, inherit);
			text-decoration: var(--1td, inherit);
		}
	}
	:root[data-theme='light'] .expressive-code:not([data-theme='dark']),
	.expressive-code[data-theme='light'] {
		--ec-codeBg: #f6f7f9;
		--ec-codeFg: #403f53;
		--ec-codeSelBg: #e0e0e0;
		--ec-gtrFg: #788b94;
		--ec-gtrBrdCol: #788b9433;
		--ec-gtrHlFg: #403f53c4;
		--ec-uiSelBg: #d3e8f8;
		--ec-uiSelFg: #403f53;
		--ec-focusBrd: #93a1a1;
		--ec-sbThumbCol: #0000001a;
		--ec-sbThumbHoverCol: #0000005c;
		--ec-tm-markBg: #0000001a;
		--ec-tm-markBrdCol: #00000055;
		--ec-tm-insBg: #8ec77d99;
		--ec-tm-insDiffIndCol: #336a28d0;
		--ec-tm-delBg: #ff9c8e99;
		--ec-tm-delDiffIndCol: #9d4138d0;
		--ec-frm-shdCol: #d9d9d9;
		--ec-frm-edActTabBg: var(--sl-color-gray-7);
		--ec-frm-edActTabIndTopCol: var(--sl-color-accent);
		--ec-frm-edTabBarBg: var(--sl-color-gray-6);
		--ec-frm-edBg: var(--sl-color-gray-7);
		--ec-frm-trmTtbBg: var(--sl-color-gray-6);
		--ec-frm-trmBg: var(--sl-color-gray-7);
		--ec-frm-tooltipSuccessBg: #078662;
	}
	:root[data-theme='light']
		.expressive-code:not([data-theme='dark'])
		.ec-line
		:where(span[style^='--']:not([class])),
	.expressive-code[data-theme='light']
		.ec-line
		:where(span[style^='--']:not([class])) {
		color: var(--1, inherit);
		background-color: var(--1bg, transparent);
		font-style: var(--1fs, inherit);
		font-weight: var(--1fw, inherit);
		text-decoration: var(--1td, inherit);
	}
}