@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="light"]) .expressive-code[data-theme="light"] {
    --ec-brdRad: 0px;
    --ec-brdWd: 1px;
    --ec-brdCol: #e1e4e8;
    --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: #fff;
    --ec-codeFg: #24292e;
    --ec-codeSelBg: #0366d625;
    --ec-gtrFg: #1b1f2381;
    --ec-gtrBrdCol: #1b1f2333;
    --ec-gtrBrdWd: 1.5px;
    --ec-gtrHlFg: #24292eab;
    --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: #e2e5e9;
    --ec-uiSelFg: #2f363d;
    --ec-focusBrd: #2188ff;
    --ec-sbThumbCol: #959da533;
    --ec-sbThumbHoverCol: #959da5eb;
    --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: #9ab6ff99;
    --ec-tm-markBrdCol: #4d70bcd0;
    --ec-tm-insBg: #8ec77d99;
    --ec-tm-insBrdCol: #487f3bd0;
    --ec-tm-insDiffIndCol: #336a28d0;
    --ec-tm-delBg: #ff9c8e99;
    --ec-tm-delBrdCol: #b4554bd0;
    --ec-tm-delDiffIndCol: #9d4138d0;
    --ec-frm-shdCol: #00000028;
    --ec-frm-frameBoxShdCssVal: 0.1rem 0.1rem 0.2rem #00000028;
    --ec-frm-edActTabBg: #fff;
    --ec-frm-edActTabFg: #2f363d;
    --ec-frm-edActTabBrdCol: transparent;
    --ec-frm-edActTabIndHt: 1px;
    --ec-frm-edActTabIndTopCol: #f9826c;
    --ec-frm-edActTabIndBtmCol: #fff;
    --ec-frm-edTabsMargInlStart: 0;
    --ec-frm-edTabsMargBlkStart: 0;
    --ec-frm-edTabBrdRad: 0px;
    --ec-frm-edTabBarBg: #f6f8fa;
    --ec-frm-edTabBarBrdCol: #e1e4e8;
    --ec-frm-edTabBarBrdBtmCol: #e1e4e8;
    --ec-frm-edBg: #fff;
    --ec-frm-trmTtbFg: #2f363d;
    --ec-frm-trmTtbDotsFg: #2f363d;
    --ec-frm-trmTtbDotsOpa: 0.15;
    --ec-frm-trmTtbBg: #fff;
    --ec-frm-trmTtbBrdBtmCol: #e1e4e8;
    --ec-frm-trmBg: #f6f8fa;
    --ec-frm-inlBtnFg: #24292e;
    --ec-frm-inlBtnBg: #24292e;
    --ec-frm-inlBtnBgIdleOpa: 0;
    --ec-frm-inlBtnBgHoverOrFocusOpa: 0.2;
    --ec-frm-inlBtnBgActOpa: 0.3;
    --ec-frm-inlBtnBrd: #24292e;
    --ec-frm-inlBtnBrdOpa: 0.4;
    --ec-frm-tooltipSuccessBg: #208638;
    --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="light"]) .expressive-code[data-theme="light"] .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: dark) {
    :root:not([data-theme="light"]) {
      --ec-brdCol: #1b1f23;
      --ec-codeBg: #24292e;
      --ec-codeFg: #e1e4e8;
      --ec-codeSelBg: #3392ff44;
      --ec-gtrFg: #727980;
      --ec-gtrBrdCol: #72798033;
      --ec-gtrHlFg: #e1e4e896;
      --ec-uiSelBg: #39414a;
      --ec-uiSelFg: #e1e4e8;
      --ec-focusBrd: #005cc5;
      --ec-sbThumbCol: #6a737d33;
      --ec-sbThumbHoverCol: #6a737dd1;
      --ec-tm-markBg: #174a9099;
      --ec-tm-insBg: #1e571599;
      --ec-tm-insDiffIndCol: #79b169d0;
      --ec-tm-delBg: #862d2799;
      --ec-tm-delDiffIndCol: #ed8779d0;
      --ec-frm-shdCol: #0000005b;
      --ec-frm-frameBoxShdCssVal: 0.1rem 0.1rem 0.2rem #0000005b;
      --ec-frm-edActTabBg: #24292e;
      --ec-frm-edActTabFg: #e1e4e8;
      --ec-frm-edActTabIndBtmCol: #24292e;
      --ec-frm-edTabBarBg: #1f2428;
      --ec-frm-edTabBarBrdCol: #1b1f23;
      --ec-frm-edTabBarBrdBtmCol: #1b1f23;
      --ec-frm-edBg: #24292e;
      --ec-frm-trmTtbFg: #e1e4e8;
      --ec-frm-trmTtbDotsFg: #e1e4e8;
      --ec-frm-trmTtbBg: #24292e;
      --ec-frm-trmTtbBrdBtmCol: #1b1f23;
      --ec-frm-trmBg: #1f2428;
      --ec-frm-inlBtnFg: #e1e4e8;
      --ec-frm-inlBtnBg: #e1e4e8;
      --ec-frm-inlBtnBrd: #e1e4e8;
      --ec-frm-tooltipSuccessBg: #228739;
    }
    :root:not([data-theme="light"]) .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="dark"] .expressive-code:not([data-theme="light"]),
  .expressive-code[data-theme="dark"] {
    --ec-brdCol: #1b1f23;
    --ec-codeBg: #24292e;
    --ec-codeFg: #e1e4e8;
    --ec-codeSelBg: #3392ff44;
    --ec-gtrFg: #727980;
    --ec-gtrBrdCol: #72798033;
    --ec-gtrHlFg: #e1e4e896;
    --ec-uiSelBg: #39414a;
    --ec-uiSelFg: #e1e4e8;
    --ec-focusBrd: #005cc5;
    --ec-sbThumbCol: #6a737d33;
    --ec-sbThumbHoverCol: #6a737dd1;
    --ec-tm-markBg: #174a9099;
    --ec-tm-insBg: #1e571599;
    --ec-tm-insDiffIndCol: #79b169d0;
    --ec-tm-delBg: #862d2799;
    --ec-tm-delDiffIndCol: #ed8779d0;
    --ec-frm-shdCol: #0000005b;
    --ec-frm-frameBoxShdCssVal: 0.1rem 0.1rem 0.2rem #0000005b;
    --ec-frm-edActTabBg: #24292e;
    --ec-frm-edActTabFg: #e1e4e8;
    --ec-frm-edActTabIndBtmCol: #24292e;
    --ec-frm-edTabBarBg: #1f2428;
    --ec-frm-edTabBarBrdCol: #1b1f23;
    --ec-frm-edTabBarBrdBtmCol: #1b1f23;
    --ec-frm-edBg: #24292e;
    --ec-frm-trmTtbFg: #e1e4e8;
    --ec-frm-trmTtbDotsFg: #e1e4e8;
    --ec-frm-trmTtbBg: #24292e;
    --ec-frm-trmTtbBrdBtmCol: #1b1f23;
    --ec-frm-trmBg: #1f2428;
    --ec-frm-inlBtnFg: #e1e4e8;
    --ec-frm-inlBtnBg: #e1e4e8;
    --ec-frm-inlBtnBrd: #e1e4e8;
    --ec-frm-tooltipSuccessBg: #228739;
  }
  :root[data-theme="dark"] .expressive-code:not([data-theme="light"]) .ec-line :where(span[style^="--"]:not([class])),
  .expressive-code[data-theme="dark"] .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);
  }
}