@pierre/diffs 1.3.0-beta.4 → 1.3.0-beta.6

package/dist/ssr/preloadDiffs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preloadDiffs.d.ts","names":["FileDiffOptions","UnresolvedFileOptions","DiffLineAnnotation","FileContents","FileDiffMetadata","PreloadDiffOptions","LAnnotation","preloadDiffHTML","fileDiff","oldFile","newFile","options","annotations","Promise","preloadUnresolvedFileHTML","file","PreloadUnresolvedFileOptions","PreloadMultiFileDiffOptions","PreloadMultiFileDiffResult","preloadMultiFileDiff","PreloadFileDiffOptions","PreloadFileDiffResult","preloadFileDiff","Omit","PreloadUnresolvedFileResult","preloadUnresolvedFile","PreloadPatchDiffOptions","PreloadPatchDiffResult","preloadPatchDiff","patch"],"sources":["../../src/ssr/preloadDiffs.d.ts"],"sourcesContent":["import type { FileDiffOptions } from '../components/FileDiff';\nimport { type UnresolvedFileOptions } from '../components/UnresolvedFile';\nimport type { DiffLineAnnotation, FileContents, FileDiffMetadata } from '../types';\nexport interface PreloadDiffOptions<LAnnotation> {\n    fileDiff?: FileDiffMetadata;\n    oldFile?: FileContents;\n    newFile?: FileContents;\n    options?: FileDiffOptions<LAnnotation>;\n    annotations?: DiffLineAnnotation<LAnnotation>[];\n}\nexport declare function preloadDiffHTML<LAnnotation = undefined>({ fileDiff, oldFile, newFile, options, annotations }: PreloadDiffOptions<LAnnotation>): Promise<string>;\nexport declare function preloadUnresolvedFileHTML<LAnnotation = undefined>({ file, options, annotations }: PreloadUnresolvedFileOptions<LAnnotation>): Promise<string>;\nexport interface PreloadMultiFileDiffOptions<LAnnotation> {\n    oldFile: FileContents;\n    newFile: FileContents;\n    options?: FileDiffOptions<LAnnotation>;\n    annotations?: DiffLineAnnotation<LAnnotation>[];\n}\nexport interface PreloadMultiFileDiffResult<LAnnotation> extends PreloadMultiFileDiffOptions<LAnnotation> {\n    prerenderedHTML: string;\n}\nexport declare function preloadMultiFileDiff<LAnnotation = undefined>({ oldFile, newFile, options, annotations }: PreloadMultiFileDiffOptions<LAnnotation>): Promise<PreloadMultiFileDiffResult<LAnnotation>>;\nexport interface PreloadFileDiffOptions<LAnnotation> {\n    fileDiff: FileDiffMetadata;\n    options?: FileDiffOptions<LAnnotation>;\n    annotations?: DiffLineAnnotation<LAnnotation>[];\n}\nexport interface PreloadFileDiffResult<LAnnotation> extends PreloadFileDiffOptions<LAnnotation> {\n    prerenderedHTML: string;\n}\nexport declare function preloadFileDiff<LAnnotation = undefined>({ fileDiff, options, annotations }: PreloadFileDiffOptions<LAnnotation>): Promise<PreloadFileDiffResult<LAnnotation>>;\nexport interface PreloadUnresolvedFileOptions<LAnnotation> {\n    file: FileContents;\n    options?: Omit<UnresolvedFileOptions<LAnnotation>, 'onMergeConflictAction' | 'onMergeConflictResolve' | 'onPostRender'>;\n    annotations?: DiffLineAnnotation<LAnnotation>[];\n}\nexport interface PreloadUnresolvedFileResult<LAnnotation> extends PreloadUnresolvedFileOptions<LAnnotation> {\n    prerenderedHTML: string;\n}\nexport declare function preloadUnresolvedFile<LAnnotation = undefined>({ file, options, annotations }: PreloadUnresolvedFileOptions<LAnnotation>): Promise<PreloadUnresolvedFileResult<LAnnotation>>;\nexport interface PreloadPatchDiffOptions<LAnnotation> {\n    patch: string;\n    options?: FileDiffOptions<LAnnotation>;\n    annotations?: DiffLineAnnotation<LAnnotation>[];\n}\nexport interface PreloadPatchDiffResult<LAnnotation> extends PreloadPatchDiffOptions<LAnnotation> {\n    prerenderedHTML: string;\n}\nexport declare function preloadPatchDiff<LAnnotation = undefined>({ patch, options, annotations }: PreloadPatchDiffOptions<LAnnotation>): Promise<PreloadPatchDiffResult<LAnnotation>>;\n//# sourceMappingURL=preloadDiffs.d.ts.map"],"mappings":";;;;;UAGiBK;aACFD;EADEC,OAAAA,CAAAA,EAEHF,YAFqB;EACpBC,OAAAA,CAAAA,EAEDD,YAFCC;EACDD,OAAAA,CAAAA,EAEAH,eAFAG,CAEgBG,WAFhBH,CAAAA;EACAA,WAAAA,CAAAA,EAEID,kBAFJC,CAEuBG,WAFvBH,CAAAA,EAAAA;;AACAH,iBAGUO,eAHVP,CAAAA,cAAAA,SAAAA,CAAAA,CAAAA;EAAAA,QAAAA;EAAAA,OAAAA;EAAAA,OAAAA;EAAAA,OAAAA;EAAAA;AAAAA,CAAAA,EAGyGK,kBAHzGL,CAG4HM,WAH5HN,CAAAA,CAAAA,EAG2Ia,OAH3Ib,CAAAA,MAAAA,CAAAA;AACuBM,iBAGbQ,yBAHaR,CAAAA,cAAAA,SAAAA,CAAAA,CAAAA;EAAAA,IAAAA;EAAAA,OAAAA;EAAAA;AAAAA,CAAAA,EAGsEU,4BAHtEV,CAGmGA,WAHnGA,CAAAA,CAAAA,EAGkHO,OAHlHP,CAAAA,MAAAA,CAAAA;AAAnBJ,UAIDe,2BAJCf,CAAAA,WAAAA,CAAAA,CAAAA;EAAkB,OAAA,EAKvBC,YALuB;EAEZI,OAAAA,EAIXJ,YAJ0B;EAA4BK,OAAAA,CAAAA,EAKrDR,eALqDQ,CAKrCF,WALqCE,CAAAA;EAAUC,WAAAA,CAAAA,EAM3DP,kBAN2DO,CAMxCH,WANwCG,CAAAA,EAAAA;;AAAkBE,UAQ9EO,0BAR8EP,CAAAA,WAAAA,CAAAA,SAQ9BM,2BAR8BN,CAQFL,WAREK,CAAAA,CAAAA;EAASC,eAAAA,EAAAA,MAAAA;;AAAeP,iBAW/Fc,oBAX+Fd,CAAAA,cAAAA,SAAAA,CAAAA,CAAAA;EAAAA,OAAAA;EAAAA,OAAAA;EAAAA,OAAAA;EAAAA;AAAAA,CAAAA,EAWLY,2BAXKZ,CAWuBC,WAXvBD,CAAAA,CAAAA,EAWsCQ,OAXtCR,CAW8Ca,0BAX9Cb,CAWyEC,WAXzED,CAAAA,CAAAA;AAAkCQ,UAYxIO,sBAZwIP,CAAAA,WAAAA,CAAAA,CAAAA;EAAO,QAAA,EAalJT,gBAbkJ;EACxIU,OAAAA,CAAAA,EAaVd,eAbUc,CAaMR,WAbmBA,CAAAA;EAA4BS,WAAAA,CAAAA,EAc3Db,kBAd2Da,CAcxCT,WAdwCS,CAAAA,EAAAA;;AAAeH,UAgB3ES,qBAhB2ET,CAAAA,WAAAA,CAAAA,SAgBhCQ,sBAhBgCR,CAgBTN,WAhBSM,CAAAA,CAAAA;EAA4CN,eAAAA,EAAAA,MAAAA;;AAAeO,iBAmB/HS,eAnB+HT,CAAAA,cAAAA,SAAAA,CAAAA,CAAAA;EAAAA,QAAAA;EAAAA,OAAAA;EAAAA;AAAAA,CAAAA,EAmBlDO,sBAnBkDP,CAmB3BP,WAnB2BO,CAAAA,CAAAA,EAmBZA,OAnBYA,CAmBJQ,qBAnBIR,CAmBkBP,WAnBlBO,CAAAA,CAAAA;AAAO,UAoB7IG,4BApB6I,CAAA,WAAA,CAAA,CAAA;EAC7IC,IAAAA,EAoBPd,YApBOc;EACJd,OAAAA,CAAAA,EAoBCoB,IApBDpB,CAoBMF,qBApBNE,CAoB4BG,WApB5BH,CAAAA,EAAAA,uBAAAA,GAAAA,wBAAAA,GAAAA,cAAAA,CAAAA;EACAA,WAAAA,CAAAA,EAoBKD,kBApBLC,CAoBwBG,WApBxBH,CAAAA,EAAAA;;AACCH,UAqBGwB,2BArBHxB,CAAAA,WAAAA,CAAAA,SAqBoDgB,4BArBpDhB,CAqBiFM,WArBjFN,CAAAA,CAAAA;EACuBM,eAAAA,EAAAA,MAAAA;;AAAD,iBAuBZmB,qBAvBY,CAAA,cAAA,SAAA,CAAA,CAAA;EAAA,IAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAuBmET,4BAvBnE,CAuBgGV,WAvBhG,CAAA,CAAA,EAuB+GO,OAvB/G,CAuBuHW,2BAvBvH,CAuBmJlB,WAvBnJ,CAAA,CAAA;AAEnBY,UAsBAQ,uBAtB0BpB,CAAAA,WAAAA,CAAAA,CAAAA;EAGnBa,KAAAA,EAAAA,MAAAA;EAAgDV,OAAAA,CAAAA,EAqB1DT,eArB0DS,CAqB1CH,WArB0CG,CAAAA;EAASC,WAAAA,CAAAA,EAsB/DR,kBAtB+DQ,CAsB5CJ,WAtB4CI,CAAAA,EAAAA;;AAAkBE,UAwBlFe,sBAxBkFf,CAAAA,WAAAA,CAAAA,SAwBtCc,uBAxBsCd,CAwBdN,WAxBcM,CAAAA,CAAAA;EAA2CN,eAAAA,EAAAA,MAAAA;;AAAkDA,iBA2BxKsB,gBA3BwKtB,CAAAA,cAAAA,SAAAA,CAAAA,CAAAA;EAAAA,KAAAA;EAAAA,OAAAA;EAAAA;AAAAA,CAAAA,EA2B7FoB,uBA3B6FpB,CA2BrEA,WA3BqEA,CAAAA,CAAAA,EA2BtDO,OA3BsDP,CA2B9CqB,sBA3B8CrB,CA2BvBA,WA3BuBA,CAAAA,CAAAA"}
+{"version":3,"file":"preloadDiffs.d.ts","names":[],"sources":["../../src/ssr/preloadDiffs.ts"],"mappings":";;;;;UA0BiB,kBAAA;EACf,QAAA,GAAW,gBAAA;EACX,OAAA,GAAU,YAAA;EACV,OAAA,GAAU,YAAA;EACV,OAAA,GAAU,eAAA,CAAgB,WAAA;EAC1B,WAAA,GAAc,kBAAA,CAAmB,WAAA;AAAA;AAAA,iBAGb,eAAA;EACpB,QAAA;EACA,OAAA;EACA,OAAA;EACA,OAAA;EACA;AAAA,GACC,kBAAA,CAAmB,WAAA,IAAe,OAAA;AAAA,iBAyBf,yBAAA;EACpB,IAAA;EACA,OAAA;EACA;AAAA,GACC,4BAAA,CAA6B,WAAA,IAAe,OAAA;AAAA,UAsB9B,2BAAA;EACf,OAAA,EAAS,YAAA;EACT,OAAA,EAAS,YAAA;EACT,OAAA,GAAU,eAAA,CAAgB,WAAA;EAC1B,WAAA,GAAc,kBAAA,CAAmB,WAAA;AAAA;AAAA,UAGlB,0BAAA,sBAEP,2BAA2B,CAAC,WAAA;EACpC,eAAA;AAAA;AAAA,iBAGoB,oBAAA;EACpB,OAAA;EACA,OAAA;EACA,OAAA;EACA;AAAA,GACC,2BAAA,CAA4B,WAAA,IAAe,OAAA,CAC5C,0BAAA,CAA2B,WAAA;AAAA,UAgBZ,sBAAA;EACf,QAAA,EAAU,gBAAA;EACV,OAAA,GAAU,eAAA,CAAgB,WAAA;EAC1B,WAAA,GAAc,kBAAA,CAAmB,WAAA;AAAA;AAAA,UAGlB,qBAAA,sBAEP,sBAAsB,CAAC,WAAA;EAC/B,eAAA;AAAA;AAAA,iBAGoB,eAAA;EACpB,QAAA;EACA,OAAA;EACA;AAAA,GACC,sBAAA,CAAuB,WAAA,IAAe,OAAA,CACvC,qBAAA,CAAsB,WAAA;AAAA,UAcP,4BAAA;EACf,IAAA,EAAM,YAAA;EACN,OAAA,GAAU,IAAA,CACR,qBAAA,CAAsB,WAAA;EAGxB,WAAA,GAAc,kBAAA,CAAmB,WAAA;AAAA;AAAA,UAGlB,2BAAA,sBAEP,4BAA4B,CAAC,WAAA;EACrC,eAAA;AAAA;AAAA,iBAGoB,qBAAA;EACpB,IAAA;EACA,OAAA;EACA;AAAA,GACC,4BAAA,CAA6B,WAAA,IAAe,OAAA,CAC7C,2BAAA,CAA4B,WAAA;AAAA,UAcb,uBAAA;EACf,KAAA;EACA,OAAA,GAAU,eAAA,CAAgB,WAAA;EAC1B,WAAA,GAAc,kBAAA,CAAmB,WAAA;AAAA;AAAA,UAGlB,sBAAA,sBAEP,uBAAuB,CAAC,WAAA;EAChC,eAAA;AAAA;AAAA,iBAGoB,gBAAA;EACpB,KAAA;EACA,OAAA;EACA;AAAA,GACC,uBAAA,CAAwB,WAAA,IAAe,OAAA,CACxC,sBAAA,CAAuB,WAAA"}

package/dist/ssr/preloadDiffs.js

@@ -7,7 +7,6 @@ import { getUnresolvedDiffHunksRendererOptions } from "../components/UnresolvedF
 import { createStyleElement, createThemeStyleElement } from "../utils/createStyleElement.js";
 import { getSingularPatch } from "../utils/getSingularPatch.js";
 import { renderHTML } from "./renderHTML.js";
-
 //#region src/ssr/preloadDiffs.ts
 async function preloadDiffHTML({ fileDiff, oldFile, newFile, options, annotations }) {
 	if (fileDiff == null && oldFile != null && newFile != null) fileDiff = parseDiffFromFile(oldFile, newFile, options?.parseDiffOptions);
@@ -90,7 +89,7 @@ function getHunksRendererOptions(options) {
 		hunkSeparators: typeof options?.hunkSeparators === "function" ? "custom" : options?.hunkSeparators
 	};
 }
-
 //#endregion
 export { preloadDiffHTML, preloadFileDiff, preloadMultiFileDiff, preloadPatchDiff, preloadUnresolvedFile, preloadUnresolvedFileHTML };
+
 //# sourceMappingURL=preloadDiffs.js.map

package/dist/ssr/preloadDiffs.js.map

@@ -1 +1 @@
-{"version":3,"file":"preloadDiffs.js","names":[],"sources":["../../src/ssr/preloadDiffs.ts"],"sourcesContent":["import type { FileDiffOptions } from '../components/FileDiff';\nimport {\n  getUnresolvedDiffHunksRendererOptions,\n  type UnresolvedFileOptions,\n} from '../components/UnresolvedFile';\nimport {\n  DiffHunksRenderer,\n  type DiffHunksRendererOptions,\n  type HunksRenderResult,\n} from '../renderers/DiffHunksRenderer';\nimport { UnresolvedFileHunksRenderer } from '../renderers/UnresolvedFileHunksRenderer';\nimport type {\n  DiffLineAnnotation,\n  FileContents,\n  FileDiffMetadata,\n} from '../types';\nimport {\n  createStyleElement,\n  createThemeStyleElement,\n} from '../utils/createStyleElement';\nimport { wrapThemeCSS } from '../utils/cssWrappers';\nimport { getSingularPatch } from '../utils/getSingularPatch';\nimport { parseDiffFromFile } from '../utils/parseDiffFromFile';\nimport { parseMergeConflictDiffFromFile } from '../utils/parseMergeConflictDiffFromFile';\nimport { renderHTML } from './renderHTML';\n\nexport interface PreloadDiffOptions<LAnnotation> {\n  fileDiff?: FileDiffMetadata;\n  oldFile?: FileContents;\n  newFile?: FileContents;\n  options?: FileDiffOptions<LAnnotation>;\n  annotations?: DiffLineAnnotation<LAnnotation>[];\n}\n\nexport async function preloadDiffHTML<LAnnotation = undefined>({\n  fileDiff,\n  oldFile,\n  newFile,\n  options,\n  annotations,\n}: PreloadDiffOptions<LAnnotation>): Promise<string> {\n  if (fileDiff == null && oldFile != null && newFile != null) {\n    fileDiff = parseDiffFromFile(oldFile, newFile, options?.parseDiffOptions);\n  }\n  if (fileDiff == null) {\n    throw new Error(\n      'preloadFileDiff: You must pass at least a fileDiff prop or oldFile/newFile props'\n    );\n  }\n  const renderer = new DiffHunksRenderer<LAnnotation>(\n    getHunksRendererOptions(options)\n  );\n  if (annotations != null && annotations.length > 0) {\n    renderer.setLineAnnotations(annotations);\n  }\n  return renderHTML(\n    processHunkResult(\n      await renderer.asyncRender(fileDiff),\n      renderer,\n      options?.unsafeCSS,\n      options?.themeType ?? 'system'\n    )\n  );\n}\n\nexport async function preloadUnresolvedFileHTML<LAnnotation = undefined>({\n  file,\n  options,\n  annotations,\n}: PreloadUnresolvedFileOptions<LAnnotation>): Promise<string> {\n  const { fileDiff, actions, markerRows } = parseMergeConflictDiffFromFile(\n    file,\n    options?.maxContextLines\n  );\n  const renderer = new UnresolvedFileHunksRenderer<LAnnotation>(\n    getUnresolvedDiffHunksRendererOptions(options)\n  );\n  if (annotations != null && annotations.length > 0) {\n    renderer.setLineAnnotations(annotations);\n  }\n  renderer.setConflictState(actions, markerRows, fileDiff);\n  return renderHTML(\n    processHunkResult(\n      await renderer.asyncRender(fileDiff),\n      renderer,\n      options?.unsafeCSS,\n      options?.themeType ?? 'system'\n    )\n  );\n}\n\nexport interface PreloadMultiFileDiffOptions<LAnnotation> {\n  oldFile: FileContents;\n  newFile: FileContents;\n  options?: FileDiffOptions<LAnnotation>;\n  annotations?: DiffLineAnnotation<LAnnotation>[];\n}\n\nexport interface PreloadMultiFileDiffResult<\n  LAnnotation,\n> extends PreloadMultiFileDiffOptions<LAnnotation> {\n  prerenderedHTML: string;\n}\n\nexport async function preloadMultiFileDiff<LAnnotation = undefined>({\n  oldFile,\n  newFile,\n  options,\n  annotations,\n}: PreloadMultiFileDiffOptions<LAnnotation>): Promise<\n  PreloadMultiFileDiffResult<LAnnotation>\n> {\n  return {\n    newFile,\n    oldFile,\n    options,\n    annotations,\n    prerenderedHTML: await preloadDiffHTML({\n      oldFile,\n      newFile,\n      options,\n      annotations,\n    }),\n  };\n}\n\nexport interface PreloadFileDiffOptions<LAnnotation> {\n  fileDiff: FileDiffMetadata;\n  options?: FileDiffOptions<LAnnotation>;\n  annotations?: DiffLineAnnotation<LAnnotation>[];\n}\n\nexport interface PreloadFileDiffResult<\n  LAnnotation,\n> extends PreloadFileDiffOptions<LAnnotation> {\n  prerenderedHTML: string;\n}\n\nexport async function preloadFileDiff<LAnnotation = undefined>({\n  fileDiff,\n  options,\n  annotations,\n}: PreloadFileDiffOptions<LAnnotation>): Promise<\n  PreloadFileDiffResult<LAnnotation>\n> {\n  return {\n    fileDiff,\n    options,\n    annotations,\n    prerenderedHTML: await preloadDiffHTML({\n      fileDiff,\n      options,\n      annotations,\n    }),\n  };\n}\n\nexport interface PreloadUnresolvedFileOptions<LAnnotation> {\n  file: FileContents;\n  options?: Omit<\n    UnresolvedFileOptions<LAnnotation>,\n    'onMergeConflictAction' | 'onMergeConflictResolve' | 'onPostRender'\n  >;\n  annotations?: DiffLineAnnotation<LAnnotation>[];\n}\n\nexport interface PreloadUnresolvedFileResult<\n  LAnnotation,\n> extends PreloadUnresolvedFileOptions<LAnnotation> {\n  prerenderedHTML: string;\n}\n\nexport async function preloadUnresolvedFile<LAnnotation = undefined>({\n  file,\n  options,\n  annotations,\n}: PreloadUnresolvedFileOptions<LAnnotation>): Promise<\n  PreloadUnresolvedFileResult<LAnnotation>\n> {\n  return {\n    file,\n    options,\n    annotations,\n    prerenderedHTML: await preloadUnresolvedFileHTML({\n      file,\n      options,\n      annotations,\n    }),\n  };\n}\n\nexport interface PreloadPatchDiffOptions<LAnnotation> {\n  patch: string;\n  options?: FileDiffOptions<LAnnotation>;\n  annotations?: DiffLineAnnotation<LAnnotation>[];\n}\n\nexport interface PreloadPatchDiffResult<\n  LAnnotation,\n> extends PreloadPatchDiffOptions<LAnnotation> {\n  prerenderedHTML: string;\n}\n\nexport async function preloadPatchDiff<LAnnotation = undefined>({\n  patch,\n  options,\n  annotations,\n}: PreloadPatchDiffOptions<LAnnotation>): Promise<\n  PreloadPatchDiffResult<LAnnotation>\n> {\n  const fileDiff = getSingularPatch(patch);\n  return {\n    patch,\n    options,\n    annotations,\n    prerenderedHTML: await preloadDiffHTML({\n      fileDiff,\n      options,\n      annotations,\n    }),\n  };\n}\n\nfunction processHunkResult<LAnnotation>(\n  hunkResult: HunksRenderResult,\n  renderer:\n    | DiffHunksRenderer<LAnnotation>\n    | UnresolvedFileHunksRenderer<LAnnotation>,\n  unsafeCSS: string | undefined,\n  themeType: 'system' | 'light' | 'dark'\n) {\n  const children = [createStyleElement(hunkResult.css, true)];\n  children.push(\n    createThemeStyleElement(\n      wrapThemeCSS(\n        hunkResult.themeStyles,\n        hunkResult.baseThemeType ?? themeType\n      )\n    )\n  );\n  if (unsafeCSS != null) {\n    children.push(createStyleElement(unsafeCSS));\n  }\n  if (hunkResult.headerElement != null) {\n    children.push(hunkResult.headerElement);\n  }\n  const code = renderer.renderFullAST(hunkResult);\n  code.properties['data-dehydrated'] = '';\n  children.push(code);\n  return children;\n}\n\nfunction getHunksRendererOptions<LAnnotation>(\n  options: FileDiffOptions<LAnnotation> | undefined\n): DiffHunksRendererOptions {\n  return {\n    ...options,\n    headerRenderMode:\n      options?.renderCustomHeader != null ? 'custom' : 'default',\n    hunkSeparators:\n      typeof options?.hunkSeparators === 'function'\n        ? 'custom'\n        : options?.hunkSeparators,\n  };\n}\n"],"mappings":";;;;;;;;;;;AAkCA,eAAsB,gBAAyC,EAC7D,UACA,SACA,SACA,SACA,eACmD;AACnD,KAAI,YAAY,QAAQ,WAAW,QAAQ,WAAW,KACpD,YAAW,kBAAkB,SAAS,SAAS,SAAS,iBAAiB;AAE3E,KAAI,YAAY,KACd,OAAM,IAAI,MACR,mFACD;CAEH,MAAM,WAAW,IAAI,kBACnB,wBAAwB,QAAQ,CACjC;AACD,KAAI,eAAe,QAAQ,YAAY,SAAS,EAC9C,UAAS,mBAAmB,YAAY;AAE1C,QAAO,WACL,kBACE,MAAM,SAAS,YAAY,SAAS,EACpC,UACA,SAAS,WACT,SAAS,aAAa,SACvB,CACF;;AAGH,eAAsB,0BAAmD,EACvE,MACA,SACA,eAC6D;CAC7D,MAAM,EAAE,UAAU,SAAS,eAAe,+BACxC,MACA,SAAS,gBACV;CACD,MAAM,WAAW,IAAI,4BACnB,sCAAsC,QAAQ,CAC/C;AACD,KAAI,eAAe,QAAQ,YAAY,SAAS,EAC9C,UAAS,mBAAmB,YAAY;AAE1C,UAAS,iBAAiB,SAAS,YAAY,SAAS;AACxD,QAAO,WACL,kBACE,MAAM,SAAS,YAAY,SAAS,EACpC,UACA,SAAS,WACT,SAAS,aAAa,SACvB,CACF;;AAgBH,eAAsB,qBAA8C,EAClE,SACA,SACA,SACA,eAGA;AACA,QAAO;EACL;EACA;EACA;EACA;EACA,iBAAiB,MAAM,gBAAgB;GACrC;GACA;GACA;GACA;GACD,CAAC;EACH;;AAeH,eAAsB,gBAAyC,EAC7D,UACA,SACA,eAGA;AACA,QAAO;EACL;EACA;EACA;EACA,iBAAiB,MAAM,gBAAgB;GACrC;GACA;GACA;GACD,CAAC;EACH;;AAkBH,eAAsB,sBAA+C,EACnE,MACA,SACA,eAGA;AACA,QAAO;EACL;EACA;EACA;EACA,iBAAiB,MAAM,0BAA0B;GAC/C;GACA;GACA;GACD,CAAC;EACH;;AAeH,eAAsB,iBAA0C,EAC9D,OACA,SACA,eAGA;AAEA,QAAO;EACL;EACA;EACA;EACA,iBAAiB,MAAM,gBAAgB;GACrC,UANa,iBAAiB,MAAM;GAOpC;GACA;GACD,CAAC;EACH;;AAGH,SAAS,kBACP,YACA,UAGA,WACA,WACA;CACA,MAAM,WAAW,CAAC,mBAAmB,WAAW,KAAK,KAAK,CAAC;AAC3D,UAAS,KACP,wBACE,aACE,WAAW,aACX,WAAW,iBAAiB,UAC7B,CACF,CACF;AACD,KAAI,aAAa,KACf,UAAS,KAAK,mBAAmB,UAAU,CAAC;AAE9C,KAAI,WAAW,iBAAiB,KAC9B,UAAS,KAAK,WAAW,cAAc;CAEzC,MAAM,OAAO,SAAS,cAAc,WAAW;AAC/C,MAAK,WAAW,qBAAqB;AACrC,UAAS,KAAK,KAAK;AACnB,QAAO;;AAGT,SAAS,wBACP,SAC0B;AAC1B,QAAO;EACL,GAAG;EACH,kBACE,SAAS,sBAAsB,OAAO,WAAW;EACnD,gBACE,OAAO,SAAS,mBAAmB,aAC/B,WACA,SAAS;EAChB"}
+{"version":3,"file":"preloadDiffs.js","names":[],"sources":["../../src/ssr/preloadDiffs.ts"],"sourcesContent":["import type { FileDiffOptions } from '../components/FileDiff';\nimport {\n  getUnresolvedDiffHunksRendererOptions,\n  type UnresolvedFileOptions,\n} from '../components/UnresolvedFile';\nimport {\n  DiffHunksRenderer,\n  type DiffHunksRendererOptions,\n  type HunksRenderResult,\n} from '../renderers/DiffHunksRenderer';\nimport { UnresolvedFileHunksRenderer } from '../renderers/UnresolvedFileHunksRenderer';\nimport type {\n  DiffLineAnnotation,\n  FileContents,\n  FileDiffMetadata,\n} from '../types';\nimport {\n  createStyleElement,\n  createThemeStyleElement,\n} from '../utils/createStyleElement';\nimport { wrapThemeCSS } from '../utils/cssWrappers';\nimport { getSingularPatch } from '../utils/getSingularPatch';\nimport { parseDiffFromFile } from '../utils/parseDiffFromFile';\nimport { parseMergeConflictDiffFromFile } from '../utils/parseMergeConflictDiffFromFile';\nimport { renderHTML } from './renderHTML';\n\nexport interface PreloadDiffOptions<LAnnotation> {\n  fileDiff?: FileDiffMetadata;\n  oldFile?: FileContents;\n  newFile?: FileContents;\n  options?: FileDiffOptions<LAnnotation>;\n  annotations?: DiffLineAnnotation<LAnnotation>[];\n}\n\nexport async function preloadDiffHTML<LAnnotation = undefined>({\n  fileDiff,\n  oldFile,\n  newFile,\n  options,\n  annotations,\n}: PreloadDiffOptions<LAnnotation>): Promise<string> {\n  if (fileDiff == null && oldFile != null && newFile != null) {\n    fileDiff = parseDiffFromFile(oldFile, newFile, options?.parseDiffOptions);\n  }\n  if (fileDiff == null) {\n    throw new Error(\n      'preloadFileDiff: You must pass at least a fileDiff prop or oldFile/newFile props'\n    );\n  }\n  const renderer = new DiffHunksRenderer<LAnnotation>(\n    getHunksRendererOptions(options)\n  );\n  if (annotations != null && annotations.length > 0) {\n    renderer.setLineAnnotations(annotations);\n  }\n  return renderHTML(\n    processHunkResult(\n      await renderer.asyncRender(fileDiff),\n      renderer,\n      options?.unsafeCSS,\n      options?.themeType ?? 'system'\n    )\n  );\n}\n\nexport async function preloadUnresolvedFileHTML<LAnnotation = undefined>({\n  file,\n  options,\n  annotations,\n}: PreloadUnresolvedFileOptions<LAnnotation>): Promise<string> {\n  const { fileDiff, actions, markerRows } = parseMergeConflictDiffFromFile(\n    file,\n    options?.maxContextLines\n  );\n  const renderer = new UnresolvedFileHunksRenderer<LAnnotation>(\n    getUnresolvedDiffHunksRendererOptions(options)\n  );\n  if (annotations != null && annotations.length > 0) {\n    renderer.setLineAnnotations(annotations);\n  }\n  renderer.setConflictState(actions, markerRows, fileDiff);\n  return renderHTML(\n    processHunkResult(\n      await renderer.asyncRender(fileDiff),\n      renderer,\n      options?.unsafeCSS,\n      options?.themeType ?? 'system'\n    )\n  );\n}\n\nexport interface PreloadMultiFileDiffOptions<LAnnotation> {\n  oldFile: FileContents;\n  newFile: FileContents;\n  options?: FileDiffOptions<LAnnotation>;\n  annotations?: DiffLineAnnotation<LAnnotation>[];\n}\n\nexport interface PreloadMultiFileDiffResult<\n  LAnnotation,\n> extends PreloadMultiFileDiffOptions<LAnnotation> {\n  prerenderedHTML: string;\n}\n\nexport async function preloadMultiFileDiff<LAnnotation = undefined>({\n  oldFile,\n  newFile,\n  options,\n  annotations,\n}: PreloadMultiFileDiffOptions<LAnnotation>): Promise<\n  PreloadMultiFileDiffResult<LAnnotation>\n> {\n  return {\n    newFile,\n    oldFile,\n    options,\n    annotations,\n    prerenderedHTML: await preloadDiffHTML({\n      oldFile,\n      newFile,\n      options,\n      annotations,\n    }),\n  };\n}\n\nexport interface PreloadFileDiffOptions<LAnnotation> {\n  fileDiff: FileDiffMetadata;\n  options?: FileDiffOptions<LAnnotation>;\n  annotations?: DiffLineAnnotation<LAnnotation>[];\n}\n\nexport interface PreloadFileDiffResult<\n  LAnnotation,\n> extends PreloadFileDiffOptions<LAnnotation> {\n  prerenderedHTML: string;\n}\n\nexport async function preloadFileDiff<LAnnotation = undefined>({\n  fileDiff,\n  options,\n  annotations,\n}: PreloadFileDiffOptions<LAnnotation>): Promise<\n  PreloadFileDiffResult<LAnnotation>\n> {\n  return {\n    fileDiff,\n    options,\n    annotations,\n    prerenderedHTML: await preloadDiffHTML({\n      fileDiff,\n      options,\n      annotations,\n    }),\n  };\n}\n\nexport interface PreloadUnresolvedFileOptions<LAnnotation> {\n  file: FileContents;\n  options?: Omit<\n    UnresolvedFileOptions<LAnnotation>,\n    'onMergeConflictAction' | 'onMergeConflictResolve' | 'onPostRender'\n  >;\n  annotations?: DiffLineAnnotation<LAnnotation>[];\n}\n\nexport interface PreloadUnresolvedFileResult<\n  LAnnotation,\n> extends PreloadUnresolvedFileOptions<LAnnotation> {\n  prerenderedHTML: string;\n}\n\nexport async function preloadUnresolvedFile<LAnnotation = undefined>({\n  file,\n  options,\n  annotations,\n}: PreloadUnresolvedFileOptions<LAnnotation>): Promise<\n  PreloadUnresolvedFileResult<LAnnotation>\n> {\n  return {\n    file,\n    options,\n    annotations,\n    prerenderedHTML: await preloadUnresolvedFileHTML({\n      file,\n      options,\n      annotations,\n    }),\n  };\n}\n\nexport interface PreloadPatchDiffOptions<LAnnotation> {\n  patch: string;\n  options?: FileDiffOptions<LAnnotation>;\n  annotations?: DiffLineAnnotation<LAnnotation>[];\n}\n\nexport interface PreloadPatchDiffResult<\n  LAnnotation,\n> extends PreloadPatchDiffOptions<LAnnotation> {\n  prerenderedHTML: string;\n}\n\nexport async function preloadPatchDiff<LAnnotation = undefined>({\n  patch,\n  options,\n  annotations,\n}: PreloadPatchDiffOptions<LAnnotation>): Promise<\n  PreloadPatchDiffResult<LAnnotation>\n> {\n  const fileDiff = getSingularPatch(patch);\n  return {\n    patch,\n    options,\n    annotations,\n    prerenderedHTML: await preloadDiffHTML({\n      fileDiff,\n      options,\n      annotations,\n    }),\n  };\n}\n\nfunction processHunkResult<LAnnotation>(\n  hunkResult: HunksRenderResult,\n  renderer:\n    | DiffHunksRenderer<LAnnotation>\n    | UnresolvedFileHunksRenderer<LAnnotation>,\n  unsafeCSS: string | undefined,\n  themeType: 'system' | 'light' | 'dark'\n) {\n  const children = [createStyleElement(hunkResult.css, true)];\n  children.push(\n    createThemeStyleElement(\n      wrapThemeCSS(\n        hunkResult.themeStyles,\n        hunkResult.baseThemeType ?? themeType\n      )\n    )\n  );\n  if (unsafeCSS != null) {\n    children.push(createStyleElement(unsafeCSS));\n  }\n  if (hunkResult.headerElement != null) {\n    children.push(hunkResult.headerElement);\n  }\n  const code = renderer.renderFullAST(hunkResult);\n  code.properties['data-dehydrated'] = '';\n  children.push(code);\n  return children;\n}\n\nfunction getHunksRendererOptions<LAnnotation>(\n  options: FileDiffOptions<LAnnotation> | undefined\n): DiffHunksRendererOptions {\n  return {\n    ...options,\n    headerRenderMode:\n      options?.renderCustomHeader != null ? 'custom' : 'default',\n    hunkSeparators:\n      typeof options?.hunkSeparators === 'function'\n        ? 'custom'\n        : options?.hunkSeparators,\n  };\n}\n"],"mappings":";;;;;;;;;;AAkCA,eAAsB,gBAAyC,EAC7D,UACA,SACA,SACA,SACA,eACmD;CACnD,IAAI,YAAY,QAAQ,WAAW,QAAQ,WAAW,MACpD,WAAW,kBAAkB,SAAS,SAAS,SAAS,gBAAgB;CAE1E,IAAI,YAAY,MACd,MAAM,IAAI,MACR,kFACF;CAEF,MAAM,WAAW,IAAI,kBACnB,wBAAwB,OAAO,CACjC;CACA,IAAI,eAAe,QAAQ,YAAY,SAAS,GAC9C,SAAS,mBAAmB,WAAW;CAEzC,OAAO,WACL,kBACE,MAAM,SAAS,YAAY,QAAQ,GACnC,UACA,SAAS,WACT,SAAS,aAAa,QACxB,CACF;AACF;AAEA,eAAsB,0BAAmD,EACvE,MACA,SACA,eAC6D;CAC7D,MAAM,EAAE,UAAU,SAAS,eAAe,+BACxC,MACA,SAAS,eACX;CACA,MAAM,WAAW,IAAI,4BACnB,sCAAsC,OAAO,CAC/C;CACA,IAAI,eAAe,QAAQ,YAAY,SAAS,GAC9C,SAAS,mBAAmB,WAAW;CAEzC,SAAS,iBAAiB,SAAS,YAAY,QAAQ;CACvD,OAAO,WACL,kBACE,MAAM,SAAS,YAAY,QAAQ,GACnC,UACA,SAAS,WACT,SAAS,aAAa,QACxB,CACF;AACF;AAeA,eAAsB,qBAA8C,EAClE,SACA,SACA,SACA,eAGA;CACA,OAAO;EACL;EACA;EACA;EACA;EACA,iBAAiB,MAAM,gBAAgB;GACrC;GACA;GACA;GACA;EACF,CAAC;CACH;AACF;AAcA,eAAsB,gBAAyC,EAC7D,UACA,SACA,eAGA;CACA,OAAO;EACL;EACA;EACA;EACA,iBAAiB,MAAM,gBAAgB;GACrC;GACA;GACA;EACF,CAAC;CACH;AACF;AAiBA,eAAsB,sBAA+C,EACnE,MACA,SACA,eAGA;CACA,OAAO;EACL;EACA;EACA;EACA,iBAAiB,MAAM,0BAA0B;GAC/C;GACA;GACA;EACF,CAAC;CACH;AACF;AAcA,eAAsB,iBAA0C,EAC9D,OACA,SACA,eAGA;CAEA,OAAO;EACL;EACA;EACA;EACA,iBAAiB,MAAM,gBAAgB;GACrC,UANa,iBAAiB,KAMvB;GACP;GACA;EACF,CAAC;CACH;AACF;AAEA,SAAS,kBACP,YACA,UAGA,WACA,WACA;CACA,MAAM,WAAW,CAAC,mBAAmB,WAAW,KAAK,IAAI,CAAC;CAC1D,SAAS,KACP,wBACE,aACE,WAAW,aACX,WAAW,iBAAiB,SAC9B,CACF,CACF;CACA,IAAI,aAAa,MACf,SAAS,KAAK,mBAAmB,SAAS,CAAC;CAE7C,IAAI,WAAW,iBAAiB,MAC9B,SAAS,KAAK,WAAW,aAAa;CAExC,MAAM,OAAO,SAAS,cAAc,UAAU;CAC9C,KAAK,WAAW,qBAAqB;CACrC,SAAS,KAAK,IAAI;CAClB,OAAO;AACT;AAEA,SAAS,wBACP,SAC0B;CAC1B,OAAO;EACL,GAAG;EACH,kBACE,SAAS,sBAAsB,OAAO,WAAW;EACnD,gBACE,OAAO,SAAS,mBAAmB,aAC/B,WACA,SAAS;CACjB;AACF"}

package/dist/ssr/preloadFile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preloadFile.d.ts","names":["FileOptions","FileContents","LineAnnotation","PreloadFileOptions","LAnnotation","PreloadedFileResult","preloadFile","file","options","annotations","Promise"],"sources":["../../src/ssr/preloadFile.d.ts"],"sourcesContent":["import type { FileOptions } from '../components/File';\nimport type { FileContents, LineAnnotation } from '../types';\nexport type PreloadFileOptions<LAnnotation> = {\n    file: FileContents;\n    options?: FileOptions<LAnnotation>;\n    annotations?: LineAnnotation<LAnnotation>[];\n};\nexport interface PreloadedFileResult<LAnnotation> {\n    file: FileContents;\n    options?: FileOptions<LAnnotation>;\n    annotations?: LineAnnotation<LAnnotation>[];\n    prerenderedHTML: string;\n}\nexport declare function preloadFile<LAnnotation = undefined>({ file, options, annotations }: PreloadFileOptions<LAnnotation>): Promise<PreloadedFileResult<LAnnotation>>;\n//# sourceMappingURL=preloadFile.d.ts.map"],"mappings":";;;;KAEYG;QACFF;EADEE,OAAAA,CAAAA,EAEEH,WAFgB,CAEJI,WAFIA,CAAAA;EACpBH,WAAAA,CAAAA,EAEQC,cAFRD,CAEuBG,WAFvBH,CAAAA,EAAAA;CACgBG;AAAZJ,UAGGK,mBAHHL,CAAAA,WAAAA,CAAAA,CAAAA;EACmBI,IAAAA,EAGvBH,YAHuBG;EAAfF,OAAAA,CAAAA,EAIJF,WAJIE,CAIQE,WAJRF,CAAAA;EAAc,WAAA,CAAA,EAKdA,cALc,CAKCE,WALD,CAAA,EAAA;EAEfC,eAAAA,EAAAA,MAAmB;;AAEVD,iBAIFE,WAJEF,CAAAA,cAAAA,SAAAA,CAAAA,CAAAA;EAAAA,IAAAA;EAAAA,OAAAA;EAAAA;AAAAA,CAAAA,EAImED,kBAJnEC,CAIsFA,WAJtFA,CAAAA,CAAAA,EAIqGM,OAJrGN,CAI6GC,mBAJ7GD,CAIiIA,WAJjIA,CAAAA,CAAAA"}
+{"version":3,"file":"preloadFile.d.ts","names":[],"sources":["../../src/ssr/preloadFile.ts"],"mappings":";;;;KAUY,kBAAA;EACV,IAAA,EAAM,YAAA;EACN,OAAA,GAAU,WAAA,CAAY,WAAA;EACtB,WAAA,GAAc,cAAA,CAAe,WAAA;AAAA;AAAA,UAGd,mBAAA;EACf,IAAA,EAAM,YAAA;EACN,OAAA,GAAU,WAAA,CAAY,WAAA;EACtB,WAAA,GAAc,cAAA,CAAe,WAAA;EAC7B,eAAA;AAAA;AAAA,iBAGoB,WAAA;EACpB,IAAA;EACA,OAAA;EACA;AAAA,GACC,kBAAA,CAAmB,WAAA,IAAe,OAAA,CAAQ,mBAAA,CAAoB,WAAA"}

package/dist/ssr/preloadFile.js

@@ -2,7 +2,6 @@ import { FileRenderer } from "../renderers/FileRenderer.js";
 import { wrapThemeCSS } from "../utils/cssWrappers.js";
 import { createStyleElement, createThemeStyleElement } from "../utils/createStyleElement.js";
 import { renderHTML } from "./renderHTML.js";
-
 //#region src/ssr/preloadFile.ts
 async function preloadFile({ file, options, annotations }) {
 	const fileRenderer = new FileRenderer({
@@ -25,7 +24,7 @@ async function preloadFile({ file, options, annotations }) {
 		prerenderedHTML: renderHTML(children)
 	};
 }
-
 //#endregion
 export { preloadFile };
+
 //# sourceMappingURL=preloadFile.js.map

package/dist/ssr/preloadFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"preloadFile.js","names":[],"sources":["../../src/ssr/preloadFile.ts"],"sourcesContent":["import type { FileOptions } from '../components/File';\nimport { FileRenderer } from '../renderers/FileRenderer';\nimport type { FileContents, LineAnnotation } from '../types';\nimport {\n  createStyleElement,\n  createThemeStyleElement,\n} from '../utils/createStyleElement';\nimport { wrapThemeCSS } from '../utils/cssWrappers';\nimport { renderHTML } from './renderHTML';\n\nexport type PreloadFileOptions<LAnnotation> = {\n  file: FileContents;\n  options?: FileOptions<LAnnotation>;\n  annotations?: LineAnnotation<LAnnotation>[];\n};\n\nexport interface PreloadedFileResult<LAnnotation> {\n  file: FileContents;\n  options?: FileOptions<LAnnotation>;\n  annotations?: LineAnnotation<LAnnotation>[];\n  prerenderedHTML: string;\n}\n\nexport async function preloadFile<LAnnotation = undefined>({\n  file,\n  options,\n  annotations,\n}: PreloadFileOptions<LAnnotation>): Promise<PreloadedFileResult<LAnnotation>> {\n  const fileRenderer = new FileRenderer<LAnnotation>({\n    ...options,\n    headerRenderMode:\n      options?.renderCustomHeader != null ? 'custom' : 'default',\n  });\n\n  // Set line annotations if provided\n  if (annotations !== undefined && annotations.length > 0) {\n    fileRenderer.setLineAnnotations(annotations);\n  }\n\n  const fileResult = await fileRenderer.asyncRender(file);\n  const children = [createStyleElement(fileResult.css, true)];\n\n  children.push(\n    createThemeStyleElement(\n      wrapThemeCSS(\n        fileResult.themeStyles,\n        fileResult.baseThemeType ?? options?.themeType ?? 'system'\n      )\n    )\n  );\n\n  if (options?.unsafeCSS != null) {\n    children.push(createStyleElement(options.unsafeCSS));\n  }\n\n  if (fileResult.headerAST != null) {\n    children.push(fileResult.headerAST);\n  }\n  const code = fileRenderer.renderFullAST(fileResult);\n  code.properties['data-dehydrated'] = '';\n  children.push(code);\n\n  return {\n    file,\n    options,\n    annotations,\n    prerenderedHTML: renderHTML(children),\n  };\n}\n"],"mappings":";;;;;;AAuBA,eAAsB,YAAqC,EACzD,MACA,SACA,eAC6E;CAC7E,MAAM,eAAe,IAAI,aAA0B;EACjD,GAAG;EACH,kBACE,SAAS,sBAAsB,OAAO,WAAW;EACpD,CAAC;AAGF,KAAI,gBAAgB,UAAa,YAAY,SAAS,EACpD,cAAa,mBAAmB,YAAY;CAG9C,MAAM,aAAa,MAAM,aAAa,YAAY,KAAK;CACvD,MAAM,WAAW,CAAC,mBAAmB,WAAW,KAAK,KAAK,CAAC;AAE3D,UAAS,KACP,wBACE,aACE,WAAW,aACX,WAAW,iBAAiB,SAAS,aAAa,SACnD,CACF,CACF;AAED,KAAI,SAAS,aAAa,KACxB,UAAS,KAAK,mBAAmB,QAAQ,UAAU,CAAC;AAGtD,KAAI,WAAW,aAAa,KAC1B,UAAS,KAAK,WAAW,UAAU;CAErC,MAAM,OAAO,aAAa,cAAc,WAAW;AACnD,MAAK,WAAW,qBAAqB;AACrC,UAAS,KAAK,KAAK;AAEnB,QAAO;EACL;EACA;EACA;EACA,iBAAiB,WAAW,SAAS;EACtC"}
+{"version":3,"file":"preloadFile.js","names":[],"sources":["../../src/ssr/preloadFile.ts"],"sourcesContent":["import type { FileOptions } from '../components/File';\nimport { FileRenderer } from '../renderers/FileRenderer';\nimport type { FileContents, LineAnnotation } from '../types';\nimport {\n  createStyleElement,\n  createThemeStyleElement,\n} from '../utils/createStyleElement';\nimport { wrapThemeCSS } from '../utils/cssWrappers';\nimport { renderHTML } from './renderHTML';\n\nexport type PreloadFileOptions<LAnnotation> = {\n  file: FileContents;\n  options?: FileOptions<LAnnotation>;\n  annotations?: LineAnnotation<LAnnotation>[];\n};\n\nexport interface PreloadedFileResult<LAnnotation> {\n  file: FileContents;\n  options?: FileOptions<LAnnotation>;\n  annotations?: LineAnnotation<LAnnotation>[];\n  prerenderedHTML: string;\n}\n\nexport async function preloadFile<LAnnotation = undefined>({\n  file,\n  options,\n  annotations,\n}: PreloadFileOptions<LAnnotation>): Promise<PreloadedFileResult<LAnnotation>> {\n  const fileRenderer = new FileRenderer<LAnnotation>({\n    ...options,\n    headerRenderMode:\n      options?.renderCustomHeader != null ? 'custom' : 'default',\n  });\n\n  // Set line annotations if provided\n  if (annotations !== undefined && annotations.length > 0) {\n    fileRenderer.setLineAnnotations(annotations);\n  }\n\n  const fileResult = await fileRenderer.asyncRender(file);\n  const children = [createStyleElement(fileResult.css, true)];\n\n  children.push(\n    createThemeStyleElement(\n      wrapThemeCSS(\n        fileResult.themeStyles,\n        fileResult.baseThemeType ?? options?.themeType ?? 'system'\n      )\n    )\n  );\n\n  if (options?.unsafeCSS != null) {\n    children.push(createStyleElement(options.unsafeCSS));\n  }\n\n  if (fileResult.headerAST != null) {\n    children.push(fileResult.headerAST);\n  }\n  const code = fileRenderer.renderFullAST(fileResult);\n  code.properties['data-dehydrated'] = '';\n  children.push(code);\n\n  return {\n    file,\n    options,\n    annotations,\n    prerenderedHTML: renderHTML(children),\n  };\n}\n"],"mappings":";;;;;AAuBA,eAAsB,YAAqC,EACzD,MACA,SACA,eAC6E;CAC7E,MAAM,eAAe,IAAI,aAA0B;EACjD,GAAG;EACH,kBACE,SAAS,sBAAsB,OAAO,WAAW;CACrD,CAAC;CAGD,IAAI,gBAAgB,KAAA,KAAa,YAAY,SAAS,GACpD,aAAa,mBAAmB,WAAW;CAG7C,MAAM,aAAa,MAAM,aAAa,YAAY,IAAI;CACtD,MAAM,WAAW,CAAC,mBAAmB,WAAW,KAAK,IAAI,CAAC;CAE1D,SAAS,KACP,wBACE,aACE,WAAW,aACX,WAAW,iBAAiB,SAAS,aAAa,QACpD,CACF,CACF;CAEA,IAAI,SAAS,aAAa,MACxB,SAAS,KAAK,mBAAmB,QAAQ,SAAS,CAAC;CAGrD,IAAI,WAAW,aAAa,MAC1B,SAAS,KAAK,WAAW,SAAS;CAEpC,MAAM,OAAO,aAAa,cAAc,UAAU;CAClD,KAAK,WAAW,qBAAqB;CACrC,SAAS,KAAK,IAAI;CAElB,OAAO;EACL;EACA;EACA;EACA,iBAAiB,WAAW,QAAQ;CACtC;AACF"}

package/dist/ssr/preloadPatchFile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preloadPatchFile.d.ts","names":["FileDiffOptions","PreloadFileDiffResult","PreloadPatchFileOptions","LAnnotation","preloadPatchFile","patch","options","Promise"],"sources":["../../src/ssr/preloadPatchFile.d.ts"],"sourcesContent":["import type { FileDiffOptions } from '../components/FileDiff';\nimport { type PreloadFileDiffResult } from './preloadDiffs';\nexport type PreloadPatchFileOptions<LAnnotation> = {\n    patch: string;\n    options?: FileDiffOptions<LAnnotation>;\n};\nexport declare function preloadPatchFile<LAnnotation = undefined>({ patch, options }: PreloadPatchFileOptions<LAnnotation>): Promise<PreloadFileDiffResult<LAnnotation>[]>;\n//# sourceMappingURL=preloadPatchFile.d.ts.map"],"mappings":";;;;KAEYE;;EAAAA,OAAAA,CAAAA,EAEEF,eAFFE,CAEkBC,WAFKA,CAAAA;AAInC,CAAA;AAAoEE,iBAA5CD,gBAA4CC,CAAAA,cAAAA,SAAAA,CAAAA,CAAAA;EAAAA,KAAAA;EAAAA;AAAAA,CAAAA,EAAkBH,uBAAlBG,CAA0CF,WAA1CE,CAAAA,CAAAA,EAAyDE,OAAzDF,CAAiEJ,qBAAjEI,CAAuFF,WAAvFE,CAAAA,EAAAA,CAAAA"}
+{"version":3,"file":"preloadPatchFile.d.ts","names":[],"sources":["../../src/ssr/preloadPatchFile.ts"],"mappings":";;;;KAIY,uBAAA;EACV,KAAA;EACA,OAAA,GAAU,eAAe,CAAC,WAAA;AAAA;AAAA,iBAMN,gBAAA;EACpB,KAAA;EACA;AAAA,GACC,uBAAA,CAAwB,WAAA,IAAe,OAAA,CACxC,qBAAA,CAAsB,WAAA"}

package/dist/ssr/preloadPatchFile.js

@@ -1,17 +1,16 @@
 import { parsePatchFiles } from "../utils/parsePatchFiles.js";
 import { preloadFileDiff } from "./preloadDiffs.js";
-
 //#region src/ssr/preloadPatchFile.ts
 async function preloadPatchFile({ patch, options }) {
 	const diffs = [];
 	const patches = parsePatchFiles(patch);
-	for (const patch$1 of patches) for (const fileDiff of patch$1.files) diffs.push(preloadFileDiff({
+	for (const patch of patches) for (const fileDiff of patch.files) diffs.push(preloadFileDiff({
 		fileDiff,
 		options
 	}));
 	return await Promise.all(diffs);
 }
-
 //#endregion
 export { preloadPatchFile };
+
 //# sourceMappingURL=preloadPatchFile.js.map

package/dist/ssr/preloadPatchFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"preloadPatchFile.js","names":["diffs: Promise<PreloadFileDiffResult<LAnnotation>>[]","patch"],"sources":["../../src/ssr/preloadPatchFile.ts"],"sourcesContent":["import type { FileDiffOptions } from '../components/FileDiff';\nimport { parsePatchFiles } from '../utils/parsePatchFiles';\nimport { preloadFileDiff, type PreloadFileDiffResult } from './preloadDiffs';\n\nexport type PreloadPatchFileOptions<LAnnotation> = {\n  patch: string;\n  options?: FileDiffOptions<LAnnotation>;\n  // We need to support annotations, but it's unclear the best way to do this\n  // right now... (i.e. what API people would want, so intentionally leaving\n  // this blank for now)\n};\n\nexport async function preloadPatchFile<LAnnotation = undefined>({\n  patch,\n  options,\n}: PreloadPatchFileOptions<LAnnotation>): Promise<\n  PreloadFileDiffResult<LAnnotation>[]\n> {\n  const diffs: Promise<PreloadFileDiffResult<LAnnotation>>[] = [];\n  const patches = parsePatchFiles(patch);\n  for (const patch of patches) {\n    for (const fileDiff of patch.files) {\n      diffs.push(preloadFileDiff<LAnnotation>({ fileDiff, options }));\n    }\n  }\n  return await Promise.all(diffs);\n}\n"],"mappings":";;;;AAYA,eAAsB,iBAA0C,EAC9D,OACA,WAGA;CACA,MAAMA,QAAuD,EAAE;CAC/D,MAAM,UAAU,gBAAgB,MAAM;AACtC,MAAK,MAAMC,WAAS,QAClB,MAAK,MAAM,YAAYA,QAAM,MAC3B,OAAM,KAAK,gBAA6B;EAAE;EAAU;EAAS,CAAC,CAAC;AAGnE,QAAO,MAAM,QAAQ,IAAI,MAAM"}
+{"version":3,"file":"preloadPatchFile.js","names":[],"sources":["../../src/ssr/preloadPatchFile.ts"],"sourcesContent":["import type { FileDiffOptions } from '../components/FileDiff';\nimport { parsePatchFiles } from '../utils/parsePatchFiles';\nimport { preloadFileDiff, type PreloadFileDiffResult } from './preloadDiffs';\n\nexport type PreloadPatchFileOptions<LAnnotation> = {\n  patch: string;\n  options?: FileDiffOptions<LAnnotation>;\n  // We need to support annotations, but it's unclear the best way to do this\n  // right now... (i.e. what API people would want, so intentionally leaving\n  // this blank for now)\n};\n\nexport async function preloadPatchFile<LAnnotation = undefined>({\n  patch,\n  options,\n}: PreloadPatchFileOptions<LAnnotation>): Promise<\n  PreloadFileDiffResult<LAnnotation>[]\n> {\n  const diffs: Promise<PreloadFileDiffResult<LAnnotation>>[] = [];\n  const patches = parsePatchFiles(patch);\n  for (const patch of patches) {\n    for (const fileDiff of patch.files) {\n      diffs.push(preloadFileDiff<LAnnotation>({ fileDiff, options }));\n    }\n  }\n  return await Promise.all(diffs);\n}\n"],"mappings":";;;AAYA,eAAsB,iBAA0C,EAC9D,OACA,WAGA;CACA,MAAM,QAAuD,CAAC;CAC9D,MAAM,UAAU,gBAAgB,KAAK;CACrC,KAAK,MAAM,SAAS,SAClB,KAAK,MAAM,YAAY,MAAM,OAC3B,MAAM,KAAK,gBAA6B;EAAE;EAAU;CAAQ,CAAC,CAAC;CAGlE,OAAO,MAAM,QAAQ,IAAI,KAAK;AAChC"}

package/dist/ssr/renderHTML.d.ts

@@ -1,4 +1,4 @@
-import { Element } from "hast";
+import { Element } from "../node_modules/.pnpm/@types_hast@3.0.4/node_modules/@types/hast/index.js";
 
 //#region src/ssr/renderHTML.d.ts
 declare function renderHTML(children: Element[]): string;

package/dist/ssr/renderHTML.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderHTML.d.ts","names":["Element","HASTElement","renderHTML"],"sources":["../../src/ssr/renderHTML.d.ts"],"sourcesContent":["import type { Element as HASTElement } from 'hast';\nexport declare function renderHTML(children: HASTElement[]): string;\n//# sourceMappingURL=renderHTML.d.ts.map"],"mappings":";;;iBACwBE,UAAAA,WAAqBD"}
+{"version":3,"file":"renderHTML.d.ts","names":[],"sources":["../../src/ssr/renderHTML.ts"],"mappings":";;;iBAKgB,UAAA,CAAW,QAAuB,EAAb,OAAW"}

package/dist/ssr/renderHTML.js

@@ -1,11 +1,10 @@
 import { SVGSpriteSheet } from "../sprite.js";
 import { toHtml } from "hast-util-to-html";
-
 //#region src/ssr/renderHTML.ts
 function renderHTML(children) {
 	return `${SVGSpriteSheet}${toHtml(children)}`;
 }
-
 //#endregion
 export { renderHTML };
+
 //# sourceMappingURL=renderHTML.js.map

package/dist/ssr/renderHTML.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderHTML.js","names":[],"sources":["../../src/ssr/renderHTML.ts"],"sourcesContent":["import type { Element as HASTElement } from 'hast';\nimport { toHtml } from 'hast-util-to-html';\n\nimport { SVGSpriteSheet } from '../sprite';\n\nexport function renderHTML(children: HASTElement[]) {\n  return `${SVGSpriteSheet}${toHtml(children)}`;\n}\n"],"mappings":";;;;AAKA,SAAgB,WAAW,UAAyB;AAClD,QAAO,GAAG,iBAAiB,OAAO,SAAS"}
+{"version":3,"file":"renderHTML.js","names":[],"sources":["../../src/ssr/renderHTML.ts"],"sourcesContent":["import type { Element as HASTElement } from 'hast';\nimport { toHtml } from 'hast-util-to-html';\n\nimport { SVGSpriteSheet } from '../sprite';\n\nexport function renderHTML(children: HASTElement[]) {\n  return `${SVGSpriteSheet}${toHtml(children)}`;\n}\n"],"mappings":";;;AAKA,SAAgB,WAAW,UAAyB;CAClD,OAAO,GAAG,iBAAiB,OAAO,QAAQ;AAC5C"}

package/dist/string-import.d.ts

@@ -3,4 +3,8 @@ declare module '*.css' {
   const file: string;
   export default file;
 }
+declare module '*.css?inline' {
+  const file: string;
+  export default file;
+}
 //# sourceMappingURL=string-import.d.ts.map

package/dist/string-import.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"string-import.d.ts","names":[],"sources":["../src/string-import.d.ts"],"sourcesContent":["declare module '*.css' {\n  const file: string;\n  export default file;\n}\n"],"mappings":""}
+{"version":3,"file":"string-import.d.ts","names":["file"],"sources":["../src/string-import.d.ts"],"mappings":";;QACQA,IAAAA;EAAAA,eACSA,IAAI;AAAA;AAAA;EAAA,MAIbA,IAAAA;EAAAA,eACSA,IAAI;AAAA"}

package/dist/style.js

@@ -1,6 +1,6 @@
-//#region src/style.css
-var style_default = "@layer base,theme,rendered,unsafe;@layer base{:host{--diffs-font-fallback:\"SF Mono\", Monaco, Consolas, \"Ubuntu Mono\", \"Liberation Mono\", \"Courier New\", monospace;--diffs-header-font-fallback:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif;--diffs-mixer:light-dark(#000,#fff);--diffs-gap-fallback:8px;--diffs-scrollbar-gutter-fallback:6px;--diffs-scrollbar-gutter:var(--diffs-scrollbar-gutter-override,var(--diffs-scrollbar-gutter-measured,var(--diffs-scrollbar-gutter-fallback)));--diffs-added-light:#0dbe4e;--diffs-added-dark:#5ecc71;--diffs-modified-light:#009fff;--diffs-modified-dark:#69b1ff;--diffs-deleted-light:#ff2e3f;--diffs-deleted-dark:#ff6762;color-scheme:light dark;font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback));font-size:var(--diffs-font-size,13px);line-height:var(--diffs-line-height,20px);font-feature-settings:var(--diffs-font-features);--diffs-bg:light-dark(var(--diffs-light-bg,#fff),var(--diffs-dark-bg,#000));--diffs-bg-buffer:var(--diffs-bg-buffer-override,light-dark(color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer))));--diffs-bg-context:var(--diffs-bg-context-override,light-dark(color-mix(in lab, var(--diffs-bg) 98.5%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-bg) 92.5%, var(--diffs-mixer))));--diffs-bg-context-gutter:var(--diffs-bg-context-gutter-override,light-dark(color-mix(in lab, var(--diffs-bg-context) 90%, var(--diffs-bg)),color-mix(in lab, var(--diffs-bg-context) 45%, var(--diffs-bg))));--diffs-bg-separator:var(--diffs-bg-separator-override,light-dark(color-mix(in lab, var(--diffs-bg) 96%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-mixer))));--diffs-fg:light-dark(var(--diffs-light,#000),var(--diffs-dark,#fff));--diffs-fg-number:var(--diffs-fg-number-override,light-dark(color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg)),color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg))));--diffs-fg-conflict-marker:var(--diffs-fg-conflict-marker-override,var(--diffs-fg-number));--diffs-deletion-base:var(--diffs-deletion-color-override,light-dark(var(--diffs-light-deletion-color,var(--diffs-deletion-color,var(--diffs-deleted-light))),var(--diffs-dark-deletion-color,var(--diffs-deletion-color,var(--diffs-deleted-dark)))));--diffs-addition-base:var(--diffs-addition-color-override,light-dark(var(--diffs-light-addition-color,var(--diffs-addition-color,var(--diffs-added-light))),var(--diffs-dark-addition-color,var(--diffs-addition-color,var(--diffs-added-dark)))));--diffs-modified-base:var(--diffs-modified-color-override,light-dark(var(--diffs-light-modified-color,var(--diffs-modified-color,var(--diffs-modified-light))),var(--diffs-dark-modified-color,var(--diffs-modified-color,var(--diffs-modified-dark)))));--diffs-bg-deletion:var(--diffs-bg-deletion-override,light-dark(color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-deletion-base)),color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-deletion-base))));--diffs-bg-deletion-emphasis:var(--diffs-bg-deletion-emphasis-override,light-dark(rgb(from var(--diffs-deletion-base) r g b / .15),rgb(from var(--diffs-deletion-base) r g b / .2)));--diffs-bg-addition:var(--diffs-bg-addition-override,light-dark(color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-addition-base)),color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-addition-base))));--diffs-bg-addition-emphasis:var(--diffs-bg-addition-emphasis-override,light-dark(rgb(from var(--diffs-addition-base) r g b / .15),rgb(from var(--diffs-addition-base) r g b / .2)));--diffs-selection-base:var(--diffs-modified-base);--diffs-selection-number-fg:light-dark(color-mix(in lab, var(--diffs-selection-base) 65%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-selection-base) 75%, var(--diffs-mixer)));background-color:var(--diffs-bg);color:var(--diffs-fg);display:block}pre,code,[data-error-wrapper]{isolation:isolate;font-family:var(--diffs-font-family,var(--diffs-font-fallback));outline:none;margin:0;padding:0;display:block}pre,code{background-color:var(--diffs-bg)}code{contain:content}*,:before,:after{box-sizing:border-box}[data-icon-sprite]{display:none}[data-diffs-header],[data-separator]{font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback))}[data-diffs-header][data-sticky]{z-index:1;background-color:var(--diffs-bg);position:sticky;top:0}[data-file-info]{color:var(--fg);background-color:color-mix(in lab, var(--bg) 98%, var(--fg));border-block:1px solid color-mix(in lab, var(--bg) 95%, var(--fg));padding:10px;font-weight:700}[data-diff],[data-file]{--diffs-grid-number-column-width:minmax(min-content, max-content);--diffs-code-grid:var(--diffs-grid-number-column-width) 1fr}[data-dehydrated]:is([data-diff],[data-file]){--diffs-code-grid:var(--diffs-grid-number-column-width) minmax(0, 1fr)}:is([data-diff],[data-file]):hover [data-code]::-webkit-scrollbar-thumb{background-color:var(--diffs-bg-context)}@supports (-webkit-touch-callout:none){:host{--diffs-scrollbar-gutter-fallback:0px}}[data-line] span{color:light-dark(var(--diffs-token-light,var(--diffs-light)),var(--diffs-token-dark,var(--diffs-dark)));background-color:light-dark(var(--diffs-token-light-bg,inherit),var(--diffs-token-dark-bg,inherit));font-weight:light-dark(var(--diffs-token-light-font-weight,inherit),var(--diffs-token-dark-font-weight,inherit));font-style:light-dark(var(--diffs-token-light-font-style,inherit),var(--diffs-token-dark-font-style,inherit));-webkit-text-decoration:light-dark(var(--diffs-token-light-text-decoration,inherit),var(--diffs-token-dark-text-decoration,inherit));text-decoration:light-dark(var(--diffs-token-light-text-decoration,inherit),var(--diffs-token-dark-text-decoration,inherit))}[data-line],[data-gutter-buffer],[data-column-number],[data-line-annotation],[data-no-newline],[data-merge-conflict],[data-merge-conflict-actions],[data-editor-overlay]{--diffs-computed-decoration-bg:var(--diffs-bg);--diffs-computed-diff-line-bg:var(--diffs-bg);--diffs-computed-selected-line-bg:var(--diffs-bg);color:var(--diffs-fg);background-color:var(--diffs-line-bg,var(--diffs-bg))}@media (pointer:fine){:is([data-line],[data-gutter-buffer],[data-column-number],[data-line-annotation],[data-no-newline],[data-merge-conflict],[data-merge-conflict-actions],[data-editor-overlay]):where([data-hovered]){--diffs-computed-hovered-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-selected-line-bg) 97%, var(--diffs-bg-hover-override,var(--diffs-mixer))),color-mix(in lab, var(--diffs-computed-selected-line-bg) 91%, var(--diffs-bg-hover-override,var(--diffs-mixer))));--diffs-line-bg:var(--diffs-computed-hovered-line-bg,inherit)}}[data-decoration-bg]:is([data-line],[data-no-newline]){--mix-deco-light:92%;--mix-deco-dark:85%}[data-decoration-bg][data-decoration-bg-depth=\"2\"]:is([data-line],[data-no-newline]){--mix-deco-light:88%;--mix-deco-dark:80%}[data-decoration-bg][data-decoration-bg-depth=\"3\"]:is([data-line],[data-no-newline]){--mix-deco-light:85%;--mix-deco-dark:78%}@media (pointer:fine){[data-decoration-bg][data-hovered]:is([data-line],[data-no-newline]):not([data-selected-line]){--mix-deco-light:85%;--mix-deco-dark:85%}[data-decoration-bg][data-hovered][data-decoration-bg-depth=\"2\"]:is([data-line],[data-no-newline]):not([data-selected-line]){--mix-deco-light:83%;--mix-deco-dark:83%}[data-decoration-bg][data-hovered][data-decoration-bg-depth=\"3\"]:is([data-line],[data-no-newline]):not([data-selected-line]){--mix-deco-light:81%;--mix-deco-dark:81%}}[data-decoration-bg]:is([data-line],[data-no-newline]){--diffs-computed-decoration-bg:light-dark(color-mix(in lab, var(--diffs-bg) var(--mix-deco-light), var(--diffs-decoration-bg)),color-mix(in lab, var(--diffs-bg) var(--mix-deco-dark), var(--diffs-decoration-bg)));--diffs-computed-diff-line-bg:var(--diffs-computed-decoration-bg);--diffs-computed-selected-line-bg:var(--diffs-computed-decoration-bg);--diffs-line-bg:var(--diffs-computed-decoration-bg)}[data-line-annotation],[data-gutter-buffer=annotation]{--diffs-annotation-bg:var(--diffs-bg-context);--diffs-computed-decoration-bg:var(--diffs-annotation-bg);--diffs-computed-diff-line-bg:var(--diffs-annotation-bg);--diffs-computed-selected-line-bg:var(--diffs-annotation-bg);--diffs-line-bg:var(--diffs-annotation-bg)}[data-merge-conflict-actions],[data-gutter-buffer=merge-conflict-action],[data-gutter-buffer=merge-conflict-marker-base],[data-gutter-buffer=merge-conflict-marker-separator],[data-merge-conflict=marker-base],[data-merge-conflict=marker-separator]{--diffs-computed-decoration-bg:var(--diffs-bg-context);--diffs-computed-diff-line-bg:var(--diffs-bg-context);--diffs-computed-selected-line-bg:var(--diffs-bg-context);--diffs-line-bg:var(--diffs-bg-context)}[data-gutter-buffer=merge-conflict-marker-start],[data-merge-conflict=marker-start]{--diffs-computed-decoration-bg:light-dark(color-mix(in lab, var(--diffs-bg) 78%, var(--conflict-bg-current-header-override,var(--diffs-addition-base))),color-mix(in lab, var(--diffs-bg) 68%, var(--conflict-bg-current-header-override,var(--diffs-addition-base))));--diffs-computed-diff-line-bg:var(--diffs-computed-decoration-bg);--diffs-computed-selected-line-bg:var(--diffs-computed-decoration-bg);--diffs-line-bg:var(--diffs-computed-decoration-bg)}[data-gutter-buffer=merge-conflict-marker-end],[data-merge-conflict=marker-end]{--diffs-computed-decoration-bg:light-dark(color-mix(in lab, var(--diffs-bg) 78%, var(--conflict-bg-incoming-header-override,var(--diffs-modified-base))),color-mix(in lab, var(--diffs-bg) 68%, var(--conflict-bg-incoming-header-override,var(--diffs-modified-base))));--diffs-computed-diff-line-bg:var(--diffs-computed-decoration-bg);--diffs-computed-selected-line-bg:var(--diffs-computed-decoration-bg);--diffs-line-bg:var(--diffs-computed-decoration-bg)}[data-has-merge-conflict] [data-line-annotation],[data-has-merge-conflict] [data-gutter-buffer=annotation]{--diffs-computed-decoration-bg:var(--diffs-bg);--diffs-computed-diff-line-bg:var(--diffs-bg);--diffs-computed-selected-line-bg:var(--diffs-bg);--diffs-line-bg:var(--diffs-bg)}:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number]{--mix-light:91%;--mix-dark:85%}:where([data-background]) [data-line],:where([data-background]) [data-no-newline]{--mix-light:88%;--mix-dark:80%}:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]{--diffs-diff-line-mix-target:var(--diffs-bg)}[data-line-type=change-deletion]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--diffs-bg-deletion-override,var(--diffs-deletion-base))}@media (pointer:fine){[data-line-type=change-deletion][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:75%}}[data-line-type=change-deletion]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-fg-number-deletion-override,var(--diffs-deletion-base));--diffs-diff-line-mix-target:var(--diffs-bg-deletion-number-override,var(--diffs-deletion-base))}[data-line-type=change-deletion]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-line-type=change-addition]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--diffs-bg-addition-override,var(--diffs-addition-base))}@media (pointer:fine){[data-line-type=change-addition][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:70%}}[data-line-type=change-addition]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-fg-number-addition-override,var(--diffs-addition-base));--diffs-diff-line-mix-target:var(--diffs-bg-addition-number-override,var(--diffs-addition-base))}[data-line-type=change-addition]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-merge-conflict=current]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--conflict-bg-current-override,var(--diffs-addition-base))}[data-merge-conflict=current]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-fg-number-addition-override,var(--diffs-addition-base));--diffs-diff-line-mix-target:var(--conflict-bg-current-number-override,var(--diffs-addition-base))}@media (pointer:fine){[data-merge-conflict=current][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:70%}}[data-merge-conflict=current]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-merge-conflict=incoming]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--conflict-bg-incoming-override,var(--diffs-modified-base))}[data-merge-conflict=incoming]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-modified-base);--diffs-diff-line-mix-target:var(--conflict-bg-incoming-number-override,var(--diffs-modified-base))}@media (pointer:fine){[data-merge-conflict=incoming][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:70%}}[data-merge-conflict=incoming]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline],[data-editor-overlay]{--diffs-selection-mix-target:var(--diffs-bg-selection-override,var(--diffs-selection-base))}:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline],[data-editor-overlay]):where([data-editor-overlay]),[data-selected-line]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline],[data-editor-overlay]):where([data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]){--mix-selection-light:82%;--mix-selection-dark:75%}@media (pointer:fine){[data-hovered]:is(:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline],[data-editor-overlay]):where([data-editor-overlay]),[data-selected-line]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline],[data-editor-overlay]):where([data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline])):not([data-merge-conflict],[data-line-type=change-addition],[data-line-type=change-deletion]){--mix-selection-light:75%;--mix-selection-dark:70%}}[data-selected-line]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline],[data-editor-overlay]):where([data-gutter-buffer],[data-column-number]){--mix-selection-light:75%;--mix-selection-dark:60%;--diffs-selection-mix-target:var(--diffs-bg-selection-number-override,var(--diffs-selection-base))}@media (pointer:fine){[data-selected-line][data-hovered]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline],[data-editor-overlay]):where([data-gutter-buffer],[data-column-number]):not([data-merge-conflict],[data-line-type=change-addition],[data-line-type=change-deletion]){--mix-selection-light:70%;--mix-selection-dark:55%}}:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline],[data-editor-overlay]):where([data-editor-overlay]),[data-selected-line]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline],[data-editor-overlay]){--diffs-computed-selected-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-diff-line-bg) var(--mix-selection-light), var(--diffs-selection-mix-target)),color-mix(in lab, var(--diffs-computed-diff-line-bg) var(--mix-selection-dark), var(--diffs-selection-mix-target)));--diffs-line-bg:var(--diffs-computed-selected-line-bg,inherit)}[data-selected-line]:is([data-gutter-buffer],[data-column-number]){color:var(--diffs-selection-number-fg)}[data-no-newline]{-webkit-user-select:none;user-select:none}[data-no-newline] span{opacity:.6}[data-diff-type=split][data-overflow=scroll]{grid-template-columns:1fr 1fr;display:grid}[data-diff-type=split][data-overflow=scroll] [data-additions]{border-left:1px solid var(--diffs-bg)}[data-diff-type=split][data-overflow=scroll] [data-deletions]{border-right:1px solid var(--diffs-bg)}[data-code]{grid-auto-flow:dense;grid-template-columns:var(--diffs-code-grid);overflow:var(--diffs-overflow-override,scroll) clip;overscroll-behavior-x:none;tab-size:var(--diffs-tab-size,2);padding-top:var(--diffs-gap-block,var(--diffs-gap-fallback));padding-bottom:max(0px, calc(var(--diffs-gap-block,var(--diffs-gap-fallback)) - var(--diffs-scrollbar-gutter)));scrollbar-gutter:stable;align-self:flex-start;display:grid}[data-diffs-scrollbar-measure]{opacity:0;pointer-events:none;scrollbar-gutter:auto;grid-template-columns:none;width:100px;height:100px;padding:0;position:absolute;top:-200px;left:-200px}[data-container-size]{container-type:inline-size}[data-code]::-webkit-scrollbar{width:0;height:var(--diffs-scrollbar-gutter)}[data-code]::-webkit-scrollbar-track{background:0 0}[data-code]::-webkit-scrollbar-thumb{background-color:#0000;background-clip:content-box;border:1px solid #0000;border-radius:3px}[data-code]::-webkit-scrollbar-corner{background-color:#0000}@supports ((-moz-appearance:none)){[data-code]{scrollbar-width:thin;scrollbar-color:var(--diffs-bg-context) transparent;padding-bottom:var(--diffs-gap-block,var(--diffs-gap-fallback))}}:is([data-diffs-header]~[data-diff],[data-diffs-header]~[data-file]) [data-code],[data-overflow=wrap]:is([data-diffs-header]~[data-diff],[data-diffs-header]~[data-file]){padding-top:0}[data-gutter]{grid-template-rows:subgrid;grid-template-columns:subgrid;z-index:3;background-color:var(--diffs-bg);grid-column:1;display:grid;position:relative}[data-gutter] [data-gutter-buffer],[data-gutter] [data-column-number]{border-right:var(--diffs-gap-style,2px solid var(--diffs-bg))}[data-content]{grid-template-rows:subgrid;grid-template-columns:subgrid;background-color:var(--diffs-bg);grid-column:2;min-width:0;display:grid}[data-diff-type=split][data-overflow=wrap]{grid-auto-flow:dense;grid-template-columns:repeat(2, var(--diffs-code-grid));padding-block:var(--diffs-gap-block,var(--diffs-gap-fallback));display:grid}[data-diff-type=split][data-overflow=wrap] [data-deletions]{display:contents}:is([data-diff-type=split][data-overflow=wrap] [data-deletions]) [data-gutter]{grid-column:1}:is([data-diff-type=split][data-overflow=wrap] [data-deletions]) [data-content]{border-right:1px solid var(--diffs-bg);grid-column:2}[data-diff-type=split][data-overflow=wrap] [data-additions]{display:contents}:is([data-diff-type=split][data-overflow=wrap] [data-additions]) [data-gutter]{border-left:1px solid var(--diffs-bg);grid-column:3}:is([data-diff-type=split][data-overflow=wrap] [data-additions]) [data-content]{grid-column:4}[data-overflow=scroll] [data-gutter]{position:sticky;left:0}[data-interactive-lines] [data-line]{cursor:pointer}[data-interactive-line-numbers] [data-column-number]{cursor:pointer;touch-action:none}[data-content-buffer],[data-gutter-buffer]{-webkit-user-select:none;user-select:none;min-height:1lh;position:relative}[data-gutter-buffer]{padding-left:2ch;padding-right:1ch}[data-gutter-buffer]:before{content:\"\";min-width:var(--diffs-min-number-column-width,var(--diffs-min-number-column-width-default,3ch));display:block}[data-gutter-buffer=annotation]{--diffs-annotation-bg:var(--diffs-bg-context-gutter);min-height:0}[data-gutter-buffer=buffer]{--diffs-line-bg:var(--diffs-bg-context-gutter)}[data-content-buffer]{background-position:5px 0;background-size:8px 8px;background-origin:border-box;background-image:repeating-linear-gradient(-45deg, transparent, transparent 4.242px, var(--diffs-bg-buffer) 4.242px, var(--diffs-bg-buffer) 5.656px);grid-column:1}[data-separator]{box-sizing:content-box;background-color:var(--diffs-bg)}[data-separator=simple]{min-height:4px}[data-separator=line-info],[data-separator=line-info-basic],[data-separator=metadata],[data-separator=simple]{background-color:var(--diffs-bg-separator)}[data-separator=line-info],[data-separator=line-info-basic],[data-separator=metadata]{height:32px;position:relative}[data-separator-wrapper]{-webkit-user-select:none;user-select:none;fill:currentColor;background-color:var(--diffs-bg);align-items:center;height:100%;display:flex;position:absolute;inset-inline:0}[data-content] [data-separator-wrapper]{display:none}[data-separator=metadata] [data-separator-wrapper]{background-color:var(--diffs-bg-separator);height:100%;color:var(--diffs-fg-number);white-space:nowrap;text-overflow:ellipsis;min-width:min-content;padding-inline:1ch;inset-inline:100% auto;overflow:hidden}[data-separator=line-info]{margin-block:var(--diffs-gap-block,var(--diffs-gap-fallback))}[data-separator=line-info] [data-separator-wrapper]{min-width:16px}[data-separator=line-info-basic],[data-separator=metadata]{margin-block:0}[data-separator=line-info][data-separator-first]{margin-top:0}[data-separator=line-info][data-separator-last]{margin-bottom:0}[data-expand-index] [data-separator-wrapper]{grid-template-columns:32px auto;display:grid}[data-expand-index] [data-separator-wrapper][data-separator-multi-button]{grid-template-columns:32px 32px auto}[data-expand-button],[data-separator-content]{background-color:var(--diffs-bg-separator);flex:none;align-items:center;display:flex}[data-expand-index] [data-separator-content]:hover{cursor:pointer;text-decoration:underline}[data-expand-button]{cursor:pointer;min-width:32px;color:var(--diffs-fg-number);border-right:2px solid var(--diffs-bg);flex-shrink:0;justify-content:center;align-self:stretch}[data-expand-button]:hover{color:var(--diffs-fg)}[data-expand-button][data-expand-all-button]{display:none}[data-expand-down] [data-icon]{transform:scaleY(-1)}[data-separator-content]{height:100%;color:var(--diffs-fg-number);flex:auto;justify-content:flex-start;padding:0 1ch;overflow:hidden}:is([data-separator=line-info],[data-separator=line-info-basic]) [data-separator-content]{-webkit-user-select:none;user-select:none;height:100%;overflow:clip}[data-unmodified-lines]{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;display:block;overflow:hidden}@supports (width:1cqi){[data-unified] [data-separator=line-info] [data-separator-wrapper]{padding-inline:var(--diffs-gap-inline,var(--diffs-gap-fallback));width:100cqi}:is([data-unified] [data-separator=line-info] [data-separator-wrapper]) [data-separator-content]{border-radius:6px}[data-unified] [data-separator=line-info][data-expand-index] [data-separator-wrapper] [data-separator-content]{border-top-left-radius:unset;border-bottom-left-radius:unset}[data-gutter] [data-separator=line-info] [data-separator-wrapper]{padding-left:var(--diffs-gap-inline,var(--diffs-gap-fallback))}[data-gutter] [data-separator=line-info] [data-separator-content]{border-top-left-radius:6px;border-bottom-left-radius:6px}[data-gutter] [data-separator=line-info][data-expand-index] [data-separator-content]{border-top-left-radius:unset;border-bottom-left-radius:unset}[data-additions] [data-content] [data-separator=line-info]{background-color:var(--diffs-bg)}:is([data-additions] [data-content] [data-separator=line-info]) [data-separator-wrapper]{display:none}[data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]{background-color:var(--diffs-bg-separator);border-top-right-radius:6px;border-bottom-right-radius:6px;height:100%;display:block}:is([data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]) [data-separator-content],:is([data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]) [data-expand-button]{display:none}[data-overflow=scroll] [data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]{width:calc(100cqi - var(--diffs-gap-inline,var(--diffs-gap-fallback)))}[data-overflow=wrap] [data-additions] [data-content] [data-separator=line-info] [data-separator-wrapper]{background-color:var(--diffs-bg-separator);height:100%;margin-right:var(--diffs-gap-inline,var(--diffs-gap-fallback));border-top-right-radius:6px;border-bottom-right-radius:6px;display:block}:is([data-overflow=wrap] [data-additions] [data-content] [data-separator=line-info] [data-separator-wrapper]) [data-separator-content],:is([data-overflow=wrap] [data-additions] [data-content] [data-separator=line-info] [data-separator-wrapper]) [data-expand-button]{display:none}:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-both],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up]{border-top-left-radius:6px;border-bottom-left-radius:6px}@media (pointer:fine){[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up]{border-top-left-radius:6px;border-bottom-left-radius:unset}[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down]{border-bottom-left-radius:6px;border-top-left-radius:unset}}}@media (pointer:coarse){[data-separator=line-info-basic] [data-separator-wrapper][data-separator-multi-button]{grid-template-columns:34px 34px auto}:is([data-separator=line-info-basic] [data-separator-wrapper][data-separator-multi-button]) [data-separator-content]{grid-column:unset;grid-row:unset}@supports (width:1cqi){:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-both],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up],[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up]{border-top-left-radius:6px;border-bottom-left-radius:6px}[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down]{border-bottom-left-radius:unset;border-top-left-radius:unset}}}@media (pointer:fine){[data-separator-wrapper][data-separator-multi-button]{grid-template-rows:50% 50%;display:grid}[data-separator-wrapper][data-separator-multi-button] [data-separator-content]{grid-area:1/2/-1;min-width:min-content}[data-separator-wrapper][data-separator-multi-button] [data-expand-button]{grid-column:1}[data-separator=line-info] [data-separator-wrapper],[data-separator=line-info] [data-separator-wrapper][data-separator-multi-button]{grid-template-columns:34px auto}[data-separator=line-info-basic][data-expand-index] [data-separator-wrapper]{grid-template-columns:100% auto}:is(:is([data-separator=line-info],[data-separator=line-info-basic]) [data-separator-multi-button]) [data-expand-up]{border-bottom:1px solid var(--diffs-bg);border-right:2px solid var(--diffs-bg)}:is(:is([data-separator=line-info],[data-separator=line-info-basic]) [data-separator-multi-button]) [data-expand-down]{border-top:1px solid var(--diffs-bg);border-right:2px solid var(--diffs-bg)}}[data-additions] [data-gutter] [data-separator-wrapper],[data-additions] [data-separator=line-info-basic] [data-separator-wrapper],[data-content] [data-separator-wrapper]{display:none}[data-line-annotation]{min-height:var(--diffs-annotation-min-height,0);z-index:2}[data-merge-conflict-actions]{z-index:2}[data-separator=custom]{grid-template-columns:subgrid;display:grid}[data-line],[data-column-number],[data-no-newline]{padding-inline:1ch;position:relative}[data-indicators=classic] [data-line]{padding-inline-start:2ch}:is([data-no-newline]:is([data-indicators=classic] [data-line-type=change-addition],[data-indicators=classic] [data-line-type=change-deletion]),[data-line]:is([data-indicators=classic] [data-line-type=change-addition],[data-indicators=classic] [data-line-type=change-deletion])):before{-webkit-user-select:none;user-select:none;width:1ch;height:1lh;display:inline-block;position:absolute;top:0;left:0}:is([data-line]:is([data-indicators=classic] [data-line-type=change-addition]),[data-no-newline]:is([data-indicators=classic] [data-line-type=change-addition])):before{content:\"+\";color:var(--diffs-addition-base)}:is([data-line]:is([data-indicators=classic] [data-line-type=change-deletion]),[data-no-newline]:is([data-indicators=classic] [data-line-type=change-deletion])):before{content:\"-\";color:var(--diffs-deletion-base)}[data-column-number]:is([data-indicators=bars] [data-line-type=change-deletion],[data-indicators=bars] [data-line-type=change-addition]):before{content:\"\";-webkit-user-select:none;user-select:none;contain:strict;width:4px;height:100%;display:block;position:absolute;top:0;left:0}[data-column-number]:is([data-indicators=bars] [data-line-type=change-deletion]):before{background-image:linear-gradient(0deg, var(--diffs-bg-deletion) 50%, var(--diffs-deletion-base) 50%);background-repeat:repeat;background-size:2px 2px;background-size:calc(1lh/round(1lh / 2px)) calc(1lh/round(1lh / 2px))}[data-column-number]:is([data-indicators=bars] [data-line-type=change-addition]):before{background-color:var(--diffs-addition-base)}[data-overflow=wrap] [data-line],[data-overflow=wrap] [data-annotation-content]{white-space:pre-wrap;word-break:break-word}[data-overflow=scroll] [data-line]{white-space:pre;min-height:1lh}[data-column-number]{box-sizing:content-box;text-align:right;-webkit-user-select:none;user-select:none;color:var(--diffs-fg-number);padding-left:2ch}[data-line-number-content]{min-width:var(--diffs-min-number-column-width,var(--diffs-min-number-column-width-default,3ch));z-index:1;display:inline-block;position:relative}[data-disable-line-numbers] [data-gutter-buffer],[data-disable-line-numbers] [data-column-number]{min-width:4px;padding:0}:is([data-disable-line-numbers] [data-gutter-buffer],[data-disable-line-numbers] [data-column-number]):before{min-width:0}[data-disable-line-numbers] [data-line-number-content]{display:none}[data-disable-line-numbers] [data-gutter-utility-slot]{right:unset;justify-content:flex-start;left:0}[data-disable-line-numbers][data-indicators=bars] [data-gutter-utility-slot]{left:6px}[data-file][data-disable-line-numbers] [data-gutter-buffer],[data-file][data-disable-line-numbers] [data-column-number]{border-right:0;min-width:0}[data-diff-span]{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px}[data-line-type=change-addition] [data-diff-span]{background-color:var(--diffs-bg-addition-emphasis)}[data-line-type=change-deletion] [data-diff-span]{background-color:var(--diffs-bg-deletion-emphasis)}[data-merge-conflict=marker-start],[data-merge-conflict=marker-base],[data-merge-conflict=marker-separator],[data-merge-conflict=marker-end]{color:var(--diffs-fg);padding-left:1ch}[data-merge-conflict=marker-start],[data-merge-conflict=marker-end]{align-items:center;display:flex}:is([data-merge-conflict=marker-start],[data-merge-conflict=marker-end]):after{color:var(--diffs-fg-conflict-marker);font-size:.75rem;font-style:normal;line-height:1.25rem;font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback));padding-left:1ch}[data-merge-conflict=marker-start]:after{content:\"(Current Change)\"}[data-merge-conflict=marker-end]:after{content:\"(Incoming Change)\"}[data-merge-conflict-actions-content]{min-height:1.75rem;font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback));color:var(--diffs-fg);align-items:center;gap:.25rem;padding-inline:.5rem;font-size:.75rem;line-height:1.2;display:flex}[data-merge-conflict-action]{appearance:none;color:var(--diffs-fg-number);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-style:normal}[data-merge-conflict-action]:hover{color:var(--diffs-fg)}[data-merge-conflict-action=current]:hover{color:var(--diffs-addition-base)}[data-merge-conflict-action=incoming]:hover{color:var(--diffs-modified-base)}[data-merge-conflict-action-separator]{color:var(--diffs-fg-number);opacity:.6;-webkit-user-select:none;user-select:none}[data-diffs-header=default]{background-color:var(--diffs-bg);justify-content:space-between;align-items:center;gap:var(--diffs-gap-inline,var(--diffs-gap-fallback));min-height:calc(1lh + var(--diffs-gap-block,var(--diffs-gap-fallback))*3);z-index:2;flex-direction:row;padding-inline:16px;display:flex;position:relative;top:0}[data-header-content]{align-items:center;gap:var(--diffs-gap-inline,var(--diffs-gap-fallback));white-space:nowrap;flex-direction:row;min-width:0;display:flex}[data-header-content] [data-prev-name],[data-header-content] [data-title]{text-overflow:ellipsis;white-space:nowrap;direction:rtl;min-width:0;overflow:hidden}[data-prev-name]{opacity:.7}[data-rename-icon]{fill:currentColor;flex-grow:0;flex-shrink:0}[data-diffs-header=default] [data-metadata]{white-space:nowrap;align-items:center;gap:1ch;display:flex}[data-diffs-header=default] [data-additions-count]{font-family:var(--diffs-font-family,var(--diffs-font-fallback));color:var(--diffs-addition-base)}[data-diffs-header=default] [data-deletions-count]{font-family:var(--diffs-font-family,var(--diffs-font-fallback));color:var(--diffs-deletion-base)}[data-change-icon]{fill:currentColor;flex-shrink:0}[data-change-icon=change],[data-change-icon=rename-pure],[data-change-icon=rename-changed]{color:var(--diffs-modified-base)}[data-change-icon=new]{color:var(--diffs-addition-base)}[data-change-icon=deleted]{color:var(--diffs-deletion-base)}[data-change-icon=file]{opacity:.6}[data-annotation-content]{z-index:2;isolation:isolate;align-self:flex-start;min-width:0;display:flow-root;position:relative}[data-overflow=scroll] [data-annotation-content],[data-overflow=scroll] [data-merge-conflict-actions-content]{width:var(--diffs-column-content-width,auto);left:var(--diffs-column-number-width,0);position:sticky}[data-annotation-slot]{text-wrap-mode:wrap;word-break:normal;white-space-collapse:collapse}[data-gutter-utility-slot]{touch-action:none;justify-content:flex-end;display:flex;position:absolute;top:0;bottom:0;right:0}[data-utility-button]{appearance:none;cursor:pointer;width:1lh;height:1lh;font-size:var(--diffs-font-size,13px);line-height:var(--diffs-line-height,20px);background-color:var(--diffs-modified-base);color:var(--diffs-bg);fill:currentColor;z-index:4;touch-action:none;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:calc(1ch - 1lh);padding:0;display:flex;position:relative}[data-utility-button]:before{content:\"\";display:block;position:absolute;inset:0 0 0 -4px}[data-decoration-bar-stack]{pointer-events:none;isolation:isolate;z-index:1;background-color:var(--diffs-decoration-bar-color,transparent);box-sizing:content-box;border-left:2px solid var(--diffs-bg);border-right:2px solid var(--diffs-bg);width:6px;position:absolute;top:0;bottom:0;right:-2px}[data-decoration-bar-depth=\"1\"] [data-decoration-bar-stack]{background-color:color-mix(in lab, var(--diffs-bg) 20%, var(--diffs-decoration-bar-color,transparent))}[data-decoration-bar-depth=\"2\"] [data-decoration-bar-stack]{background-color:color-mix(in lab, var(--diffs-bg) 45%, var(--diffs-decoration-bar-color,transparent))}[data-decoration-bar-depth=\"3\"] [data-decoration-bar-stack]{background-color:color-mix(in lab, var(--diffs-bg) 65%, var(--diffs-decoration-bar-color,transparent))}[data-decoration-bar-start] [data-decoration-bar-stack]{border-top-left-radius:5px;border-top-right-radius:5px}[data-decoration-bar-end] [data-decoration-bar-stack]{z-index:3;border-bottom-right-radius:5px;border-bottom-left-radius:5px}[data-placeholder]{contain:strict}[data-error-wrapper]{padding:var(--diffs-gap-block,var(--diffs-gap-fallback)) var(--diffs-gap-inline,var(--diffs-gap-fallback));scrollbar-width:none;max-height:400px;overflow:auto}[data-error-wrapper] [data-error-message]{color:var(--diffs-deletion-base);font-size:18px;font-weight:700}[data-error-wrapper] [data-error-stack]{color:var(--diffs-fg-number)}}@layer theme,rendered,unsafe;";
-
+//#region src/style.css?inline
+var style_default = "@layer base {\n  :host {\n    --diffs-font-fallback: \"SF Mono\", Monaco, Consolas, \"Ubuntu Mono\", \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --diffs-header-font-fallback: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\",\n      \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif;\n    --diffs-mixer: light-dark(#000, #fff);\n    --diffs-gap-fallback: 8px;\n    --diffs-scrollbar-gutter-fallback: 6px;\n    --diffs-scrollbar-gutter: var(--diffs-scrollbar-gutter-override, var(--diffs-scrollbar-gutter-measured, var(--diffs-scrollbar-gutter-fallback)));\n    --diffs-added-light: #0dbe4e;\n    --diffs-added-dark: #5ecc71;\n    --diffs-modified-light: #009fff;\n    --diffs-modified-dark: #69b1ff;\n    --diffs-deleted-light: #ff2e3f;\n    --diffs-deleted-dark: #ff6762;\n    --diffs-warning-light: #d5a910;\n    --diffs-warning-dark: #ffd452;\n    color-scheme: light dark;\n    font-family: var(--diffs-header-font-family, var(--diffs-header-font-fallback));\n    font-size: var(--diffs-font-size, 13px);\n    line-height: var(--diffs-line-height, 20px);\n    font-feature-settings: var(--diffs-font-features);\n    --diffs-bg: light-dark(var(--diffs-light-bg, #fff), var(--diffs-dark-bg, #000));\n    --diffs-bg-buffer: var(--diffs-bg-buffer-override, light-dark(color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer)), color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer))));\n    --diffs-bg-context: var(--diffs-bg-context-override, light-dark(color-mix(in lab, var(--diffs-bg) 98.5%, var(--diffs-mixer)), color-mix(in lab, var(--diffs-bg) 92.5%, var(--diffs-mixer))));\n    --diffs-bg-context-gutter: var(--diffs-bg-context-gutter-override, light-dark(color-mix(in lab, var(--diffs-bg-context) 90%, var(--diffs-bg)), color-mix(in lab, var(--diffs-bg-context) 45%, var(--diffs-bg))));\n    --diffs-bg-separator: var(--diffs-bg-separator-override, light-dark(color-mix(in lab, var(--diffs-bg) 96%, var(--diffs-mixer)), color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-mixer))));\n    --diffs-fg: light-dark(var(--diffs-light, #000), var(--diffs-dark, #fff));\n    --diffs-fg-number: var(--diffs-fg-number-override, light-dark(color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg)), color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg))));\n    --diffs-fg-conflict-marker: var(--diffs-fg-conflict-marker-override, var(--diffs-fg-number));\n    --diffs-deletion-base: var(--diffs-deletion-color-override, light-dark(var(--diffs-light-deletion-color, var(--diffs-deletion-color, var(--diffs-deleted-light))), var(--diffs-dark-deletion-color, var(--diffs-deletion-color, var(--diffs-deleted-dark)))));\n    --diffs-addition-base: var(--diffs-addition-color-override, light-dark(var(--diffs-light-addition-color, var(--diffs-addition-color, var(--diffs-added-light))), var(--diffs-dark-addition-color, var(--diffs-addition-color, var(--diffs-added-dark)))));\n    --diffs-modified-base: var(--diffs-modified-color-override, light-dark(var(--diffs-light-modified-color, var(--diffs-modified-color, var(--diffs-modified-light))), var(--diffs-dark-modified-color, var(--diffs-modified-color, var(--diffs-modified-dark)))));\n    --diffs-bg-deletion: var(--diffs-bg-deletion-override, light-dark(color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-deletion-base)), color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-deletion-base))));\n    --diffs-bg-deletion-emphasis: var(--diffs-bg-deletion-emphasis-override, light-dark(rgb(from var(--diffs-deletion-base) r g b / .15), rgb(from var(--diffs-deletion-base) r g b / .2)));\n    --diffs-bg-addition: var(--diffs-bg-addition-override, light-dark(color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-addition-base)), color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-addition-base))));\n    --diffs-bg-addition-emphasis: var(--diffs-bg-addition-emphasis-override, light-dark(rgb(from var(--diffs-addition-base) r g b / .15), rgb(from var(--diffs-addition-base) r g b / .2)));\n    --diffs-selection-base: var(--diffs-modified-base);\n    --diffs-selection-number-fg: light-dark(color-mix(in lab, var(--diffs-selection-base) 65%, var(--diffs-mixer)), color-mix(in lab, var(--diffs-selection-base) 75%, var(--diffs-mixer)));\n    background-color: var(--diffs-bg);\n    color: var(--diffs-fg);\n    display: block;\n  }\n\n  pre, code, [data-error-wrapper] {\n    isolation: isolate;\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n    outline: none;\n    margin: 0;\n    padding: 0;\n    display: block;\n  }\n\n  pre, code {\n    background-color: var(--diffs-bg);\n  }\n\n  code {\n    contain: content;\n  }\n\n  input, button {\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n  }\n\n  *, :before, :after {\n    box-sizing: border-box;\n  }\n\n  [data-icon-sprite] {\n    display: none;\n  }\n\n  [data-diffs-header], [data-separator] {\n    font-family: var(--diffs-header-font-family, var(--diffs-header-font-fallback));\n  }\n\n  [data-diffs-header][data-sticky] {\n    z-index: 1;\n    background-color: var(--diffs-bg);\n    position: sticky;\n    top: 0;\n  }\n\n  [data-file-info] {\n    color: var(--fg);\n    background-color: color-mix(in lab, var(--bg) 98%, var(--fg));\n    border-block: 1px solid color-mix(in lab, var(--bg) 95%, var(--fg));\n    padding: 10px;\n    font-weight: 700;\n  }\n\n  [data-diff], [data-file] {\n    --diffs-grid-number-column-width: minmax(min-content, max-content);\n    --diffs-code-grid: var(--diffs-grid-number-column-width) 1fr;\n\n    &[data-dehydrated] {\n      --diffs-code-grid: var(--diffs-grid-number-column-width) minmax(0, 1fr);\n    }\n\n    &:hover [data-code]::-webkit-scrollbar-thumb {\n      background-color: var(--diffs-bg-context);\n    }\n  }\n\n  @supports (-webkit-touch-callout: none) {\n    :host {\n      --diffs-scrollbar-gutter-fallback: 0px;\n    }\n  }\n\n  [data-line] span {\n    color: light-dark(var(--diffs-token-light, var(--diffs-light)), var(--diffs-token-dark, var(--diffs-dark)));\n    background-color: light-dark(var(--diffs-token-light-bg, inherit), var(--diffs-token-dark-bg, inherit));\n    font-weight: light-dark(var(--diffs-token-light-font-weight, inherit), var(--diffs-token-dark-font-weight, inherit));\n    font-style: light-dark(var(--diffs-token-light-font-style, inherit), var(--diffs-token-dark-font-style, inherit));\n    text-decoration: light-dark(var(--diffs-token-light-text-decoration, inherit), var(--diffs-token-dark-text-decoration, inherit));\n  }\n\n  [data-line], [data-gutter-buffer], [data-column-number], [data-line-annotation], [data-no-newline], [data-merge-conflict], [data-merge-conflict-actions], [data-editor-overlay] {\n    --diffs-computed-decoration-bg: var(--diffs-bg);\n    --diffs-computed-diff-line-bg: var(--diffs-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-bg);\n    color: var(--diffs-fg);\n    background-color: var(--diffs-line-bg, var(--diffs-bg));\n\n    @media (pointer: fine) {\n      &:where([data-hovered]) {\n        --diffs-computed-hovered-line-bg: light-dark(color-mix(in lab,\n            var(--diffs-computed-selected-line-bg) 97%,\n            var(--diffs-bg-hover-override, var(--diffs-mixer))), color-mix(in lab,\n            var(--diffs-computed-selected-line-bg) 91%,\n            var(--diffs-bg-hover-override, var(--diffs-mixer))));\n        --diffs-line-bg: var(--diffs-computed-hovered-line-bg, inherit);\n      }\n    }\n  }\n\n  [data-line], [data-no-newline] {\n    &[data-decoration-bg] {\n      --mix-deco-light: 92%;\n      --mix-deco-dark: 85%;\n\n      &[data-decoration-bg-depth=\"2\"] {\n        --mix-deco-light: 88%;\n        --mix-deco-dark: 80%;\n      }\n\n      &[data-decoration-bg-depth=\"3\"] {\n        --mix-deco-light: 85%;\n        --mix-deco-dark: 78%;\n      }\n\n      @media (pointer: fine) {\n        &[data-hovered]:not([data-selected-line]) {\n          --mix-deco-light: 85%;\n          --mix-deco-dark: 85%;\n        }\n\n        &[data-hovered]:not([data-selected-line])[data-decoration-bg-depth=\"2\"] {\n          --mix-deco-light: 83%;\n          --mix-deco-dark: 83%;\n        }\n\n        &[data-hovered]:not([data-selected-line])[data-decoration-bg-depth=\"3\"] {\n          --mix-deco-light: 81%;\n          --mix-deco-dark: 81%;\n        }\n      }\n\n      --diffs-computed-decoration-bg: light-dark(color-mix(in lab,\n          var(--diffs-bg) var(--mix-deco-light),\n          var(--diffs-decoration-bg)), color-mix(in lab,\n          var(--diffs-bg) var(--mix-deco-dark),\n          var(--diffs-decoration-bg)));\n      --diffs-computed-diff-line-bg: var(--diffs-computed-decoration-bg);\n      --diffs-computed-selected-line-bg: var(--diffs-computed-decoration-bg);\n      --diffs-line-bg: var(--diffs-computed-decoration-bg);\n    }\n  }\n\n  [data-line-annotation], [data-gutter-buffer=\"annotation\"] {\n    --diffs-annotation-bg: var(--diffs-bg-context);\n    --diffs-computed-decoration-bg: var(--diffs-annotation-bg);\n    --diffs-computed-diff-line-bg: var(--diffs-annotation-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-annotation-bg);\n    --diffs-line-bg: var(--diffs-annotation-bg);\n  }\n\n  [data-merge-conflict-actions], [data-gutter-buffer=\"merge-conflict-action\"], [data-gutter-buffer=\"merge-conflict-marker-base\"], [data-gutter-buffer=\"merge-conflict-marker-separator\"], [data-merge-conflict=\"marker-base\"], [data-merge-conflict=\"marker-separator\"] {\n    --diffs-computed-decoration-bg: var(--diffs-bg-context);\n    --diffs-computed-diff-line-bg: var(--diffs-bg-context);\n    --diffs-computed-selected-line-bg: var(--diffs-bg-context);\n    --diffs-line-bg: var(--diffs-bg-context);\n  }\n\n  [data-gutter-buffer=\"merge-conflict-marker-start\"], [data-merge-conflict=\"marker-start\"] {\n    --diffs-computed-decoration-bg: light-dark(color-mix(in lab,\n        var(--diffs-bg) 78%,\n        var(--conflict-bg-current-header-override, var(--diffs-addition-base))), color-mix(in lab,\n        var(--diffs-bg) 68%,\n        var(--conflict-bg-current-header-override, var(--diffs-addition-base))));\n    --diffs-computed-diff-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-line-bg: var(--diffs-computed-decoration-bg);\n  }\n\n  [data-gutter-buffer=\"merge-conflict-marker-end\"], [data-merge-conflict=\"marker-end\"] {\n    --diffs-computed-decoration-bg: light-dark(color-mix(in lab,\n        var(--diffs-bg) 78%,\n        var(--conflict-bg-incoming-header-override, var(--diffs-modified-base))), color-mix(in lab,\n        var(--diffs-bg) 68%,\n        var(--conflict-bg-incoming-header-override, var(--diffs-modified-base))));\n    --diffs-computed-diff-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-line-bg: var(--diffs-computed-decoration-bg);\n  }\n\n  [data-has-merge-conflict] [data-line-annotation], [data-has-merge-conflict] [data-gutter-buffer=\"annotation\"] {\n    --diffs-computed-decoration-bg: var(--diffs-bg);\n    --diffs-computed-diff-line-bg: var(--diffs-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-bg);\n    --diffs-line-bg: var(--diffs-bg);\n  }\n\n  :where([data-background]) {\n    & [data-gutter-buffer], & [data-column-number] {\n      --mix-light: 91%;\n      --mix-dark: 85%;\n    }\n\n    & [data-line], & [data-no-newline] {\n      --mix-light: 88%;\n      --mix-dark: 80%;\n    }\n\n    & [data-gutter-buffer], & [data-column-number], & [data-line], & [data-no-newline] {\n      --diffs-diff-line-mix-target: var(--diffs-bg);\n\n      &[data-line-type=\"change-deletion\"] {\n        --diffs-diff-line-mix-target: var(--diffs-bg-deletion-override, var(--diffs-deletion-base));\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 75%;\n          }\n        }\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(--diffs-fg-number-deletion-override, var(--diffs-deletion-base));\n          --diffs-diff-line-mix-target: var(--diffs-bg-deletion-number-override, var(--diffs-deletion-base));\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(color-mix(in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)), color-mix(in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)));\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n\n      &[data-line-type=\"change-addition\"] {\n        --diffs-diff-line-mix-target: var(--diffs-bg-addition-override, var(--diffs-addition-base));\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 70%;\n          }\n        }\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(--diffs-fg-number-addition-override, var(--diffs-addition-base));\n          --diffs-diff-line-mix-target: var(--diffs-bg-addition-number-override, var(--diffs-addition-base));\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(color-mix(in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)), color-mix(in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)));\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n\n      &[data-merge-conflict=\"current\"] {\n        --diffs-diff-line-mix-target: var(--conflict-bg-current-override, var(--diffs-addition-base));\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(--diffs-fg-number-addition-override, var(--diffs-addition-base));\n          --diffs-diff-line-mix-target: var(--conflict-bg-current-number-override, var(--diffs-addition-base));\n        }\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 70%;\n          }\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(color-mix(in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)), color-mix(in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)));\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n\n      &[data-merge-conflict=\"incoming\"] {\n        --diffs-diff-line-mix-target: var(--conflict-bg-incoming-override, var(--diffs-modified-base));\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(--diffs-modified-base);\n          --diffs-diff-line-mix-target: var(--conflict-bg-incoming-number-override, var(--diffs-modified-base));\n        }\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 70%;\n          }\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(color-mix(in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)), color-mix(in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)));\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n    }\n  }\n\n  [data-gutter-buffer], [data-column-number], [data-line], [data-line-annotation], [data-merge-conflict], [data-merge-conflict-actions], [data-no-newline], [data-editor-overlay] {\n    --diffs-selection-mix-target: var(--diffs-bg-selection-override, var(--diffs-selection-base));\n\n    &:where([data-editor-overlay]), &:where([data-line], [data-line-annotation], [data-merge-conflict], [data-merge-conflict-actions], [data-no-newline])[data-selected-line] {\n      --mix-selection-light: 82%;\n      --mix-selection-dark: 75%;\n\n      @media (pointer: fine) {\n        &[data-hovered]:not([data-merge-conflict], [data-line-type=\"change-addition\"], [data-line-type=\"change-deletion\"]) {\n          --mix-selection-light: 75%;\n          --mix-selection-dark: 70%;\n        }\n      }\n    }\n\n    &:where([data-gutter-buffer], [data-column-number])[data-selected-line] {\n      --mix-selection-light: 75%;\n      --mix-selection-dark: 60%;\n      --diffs-selection-mix-target: var(--diffs-bg-selection-number-override, var(--diffs-selection-base));\n\n      @media (pointer: fine) {\n        &[data-hovered]:not([data-merge-conflict], [data-line-type=\"change-addition\"], [data-line-type=\"change-deletion\"]) {\n          --mix-selection-light: 70%;\n          --mix-selection-dark: 55%;\n        }\n      }\n    }\n\n    &:where([data-editor-overlay]), &[data-selected-line] {\n      --diffs-computed-selected-line-bg: light-dark(color-mix(in lab,\n          var(--diffs-computed-diff-line-bg) var(--mix-selection-light),\n          var(--diffs-selection-mix-target)), color-mix(in lab,\n          var(--diffs-computed-diff-line-bg) var(--mix-selection-dark),\n          var(--diffs-selection-mix-target)));\n      --diffs-line-bg: var(--diffs-computed-selected-line-bg, inherit);\n    }\n  }\n\n  [data-gutter-buffer], [data-column-number] {\n    &[data-selected-line] {\n      color: var(--diffs-selection-number-fg);\n    }\n  }\n\n  [data-no-newline] {\n    user-select: none;\n\n    & span {\n      opacity: .6;\n    }\n  }\n\n  [data-diff-type=\"split\"][data-overflow=\"scroll\"] {\n    grid-template-columns: 1fr 1fr;\n    display: grid;\n\n    & [data-additions] {\n      border-left: 1px solid var(--diffs-bg);\n    }\n\n    & [data-deletions] {\n      border-right: 1px solid var(--diffs-bg);\n    }\n  }\n\n  [data-code] {\n    grid-auto-flow: dense;\n    grid-template-columns: var(--diffs-code-grid);\n    overflow: var(--diffs-overflow-override, scroll) clip;\n    overscroll-behavior-x: none;\n    tab-size: var(--diffs-tab-size, 2);\n    padding-top: var(--diffs-gap-block, var(--diffs-gap-fallback));\n    padding-bottom: max(0px,\n      calc(var(--diffs-gap-block, var(--diffs-gap-fallback)) -\n          var(--diffs-scrollbar-gutter)));\n    scrollbar-gutter: stable;\n    align-self: flex-start;\n    display: grid;\n  }\n\n  [data-diffs-scrollbar-measure] {\n    opacity: 0;\n    pointer-events: none;\n    scrollbar-gutter: auto;\n    grid-template-columns: none;\n    width: 100px;\n    height: 100px;\n    padding: 0;\n    position: absolute;\n    top: -200px;\n    left: -200px;\n  }\n\n  [data-container-size] {\n    container-type: inline-size;\n  }\n\n  [data-code]::-webkit-scrollbar {\n    width: 0;\n    height: var(--diffs-scrollbar-gutter);\n  }\n\n  [data-code]::-webkit-scrollbar-track {\n    background: none;\n  }\n\n  [data-code]::-webkit-scrollbar-thumb {\n    background-color: #0000;\n    background-clip: content-box;\n    border: 1px solid #0000;\n    border-radius: 3px;\n  }\n\n  [data-code]::-webkit-scrollbar-corner {\n    background-color: #0000;\n  }\n\n  @supports ((-moz-appearance: none)) {\n    [data-code] {\n      scrollbar-width: thin;\n      scrollbar-color: var(--diffs-bg-context) transparent;\n      padding-bottom: var(--diffs-gap-block, var(--diffs-gap-fallback));\n    }\n  }\n\n  [data-diffs-header] ~ [data-diff], [data-diffs-header] ~ [data-file] {\n    & [data-code], &[data-overflow=\"wrap\"] {\n      padding-top: 0;\n    }\n  }\n\n  [data-gutter] {\n    grid-template-rows: subgrid;\n    grid-template-columns: subgrid;\n    z-index: 3;\n    background-color: var(--diffs-bg);\n    grid-column: 1;\n    display: grid;\n    position: relative;\n\n    & [data-gutter-buffer], & [data-column-number] {\n      border-right: var(--diffs-gap-style, 2px solid var(--diffs-bg));\n    }\n  }\n\n  [data-content] {\n    grid-template-rows: subgrid;\n    grid-template-columns: subgrid;\n    background-color: var(--diffs-bg);\n    grid-column: 2;\n    min-width: 0;\n    display: grid;\n  }\n\n  [data-diff-type=\"split\"][data-overflow=\"wrap\"] {\n    grid-auto-flow: dense;\n    grid-template-columns: repeat(2, var(--diffs-code-grid));\n    padding-block: var(--diffs-gap-block, var(--diffs-gap-fallback));\n    display: grid;\n\n    & [data-deletions] {\n      display: contents;\n\n      & [data-gutter] {\n        grid-column: 1;\n      }\n\n      & [data-content] {\n        border-right: 1px solid var(--diffs-bg);\n        grid-column: 2;\n      }\n    }\n\n    & [data-additions] {\n      display: contents;\n\n      & [data-gutter] {\n        border-left: 1px solid var(--diffs-bg);\n        grid-column: 3;\n      }\n\n      & [data-content] {\n        grid-column: 4;\n      }\n    }\n  }\n\n  [data-overflow=\"scroll\"] [data-gutter] {\n    position: sticky;\n    left: 0;\n  }\n\n  [data-interactive-lines] [data-line] {\n    cursor: pointer;\n  }\n\n  [data-interactive-line-numbers] [data-column-number] {\n    cursor: pointer;\n    touch-action: none;\n  }\n\n  [data-content-buffer], [data-gutter-buffer] {\n    user-select: none;\n    min-height: 1lh;\n    position: relative;\n  }\n\n  [data-gutter-buffer] {\n    padding-left: 2ch;\n    padding-right: 1ch;\n\n    &:before {\n      content: \"\";\n      min-width: var(--diffs-min-number-column-width, var(--diffs-min-number-column-width-default, 3ch));\n      display: block;\n    }\n  }\n\n  [data-gutter-buffer=\"annotation\"] {\n    --diffs-annotation-bg: var(--diffs-bg-context-gutter);\n    min-height: 0;\n  }\n\n  [data-gutter-buffer=\"buffer\"] {\n    --diffs-line-bg: var(--diffs-bg-context-gutter);\n  }\n\n  [data-content-buffer] {\n    background-position: 5px 0;\n    background-size: 8px 8px;\n    background-origin: border-box;\n    background-image: repeating-linear-gradient(-45deg,\n      transparent,\n      transparent calc(3px * 1.414),\n      var(--diffs-bg-buffer) calc(3px * 1.414),\n      var(--diffs-bg-buffer) calc(4px * 1.414));\n    grid-column: 1;\n  }\n\n  [data-separator] {\n    box-sizing: content-box;\n    background-color: var(--diffs-bg);\n  }\n\n  [data-separator=\"simple\"] {\n    min-height: 4px;\n  }\n\n  [data-separator=\"line-info\"], [data-separator=\"line-info-basic\"], [data-separator=\"metadata\"], [data-separator=\"simple\"] {\n    background-color: var(--diffs-bg-separator);\n  }\n\n  [data-separator=\"line-info\"], [data-separator=\"line-info-basic\"], [data-separator=\"metadata\"] {\n    height: 32px;\n    position: relative;\n  }\n\n  [data-separator-wrapper] {\n    user-select: none;\n    fill: currentColor;\n    background-color: var(--diffs-bg);\n    align-items: center;\n    height: 100%;\n    display: flex;\n    position: absolute;\n    inset-inline: 0;\n  }\n\n  [data-content] [data-separator-wrapper] {\n    display: none;\n  }\n\n  [data-separator=\"metadata\"] [data-separator-wrapper] {\n    background-color: var(--diffs-bg-separator);\n    height: 100%;\n    color: var(--diffs-fg-number);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    min-width: min-content;\n    padding-inline: 1ch;\n    inset-inline: 100% auto;\n    overflow: hidden;\n  }\n\n  [data-separator=\"line-info\"] {\n    margin-block: var(--diffs-gap-block, var(--diffs-gap-fallback));\n\n    & [data-separator-wrapper] {\n      min-width: 16px;\n    }\n  }\n\n  [data-separator=\"line-info-basic\"], [data-separator=\"metadata\"] {\n    margin-block: 0;\n  }\n\n  [data-separator=\"line-info\"][data-separator-first] {\n    margin-top: 0;\n  }\n\n  [data-separator=\"line-info\"][data-separator-last] {\n    margin-bottom: 0;\n  }\n\n  [data-expand-index] [data-separator-wrapper] {\n    grid-template-columns: 32px auto;\n    display: grid;\n  }\n\n  [data-expand-index] [data-separator-wrapper][data-separator-multi-button] {\n    grid-template-columns: 32px 32px auto;\n  }\n\n  [data-expand-button], [data-separator-content] {\n    background-color: var(--diffs-bg-separator);\n    flex: none;\n    align-items: center;\n    display: flex;\n  }\n\n  [data-expand-index] [data-separator-content]:hover {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n\n  [data-expand-button] {\n    cursor: pointer;\n    min-width: 32px;\n    color: var(--diffs-fg-number);\n    border-right: 2px solid var(--diffs-bg);\n    flex-shrink: 0;\n    justify-content: center;\n    align-self: stretch;\n\n    &:hover {\n      color: var(--diffs-fg);\n    }\n\n    &[data-expand-all-button] {\n      display: none;\n    }\n  }\n\n  [data-expand-down] [data-icon] {\n    transform: scaleY(-1);\n  }\n\n  [data-separator-content] {\n    height: 100%;\n    color: var(--diffs-fg-number);\n    flex: auto;\n    justify-content: flex-start;\n    padding: 0 1ch;\n    overflow: hidden;\n  }\n\n  [data-separator=\"line-info\"], [data-separator=\"line-info-basic\"] {\n    & [data-separator-content] {\n      user-select: none;\n      height: 100%;\n      overflow: clip;\n    }\n  }\n\n  [data-unmodified-lines] {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex: 0 auto;\n    min-width: 0;\n    display: block;\n    overflow: hidden;\n  }\n\n  @supports (width: 1cqi) {\n    [data-unified] {\n      & [data-separator=\"line-info\"] [data-separator-wrapper] {\n        padding-inline: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n        width: 100cqi;\n\n        & [data-separator-content] {\n          border-radius: 6px;\n        }\n      }\n\n      & [data-separator=\"line-info\"][data-expand-index] [data-separator-wrapper] [data-separator-content] {\n        border-top-left-radius: unset;\n        border-bottom-left-radius: unset;\n      }\n    }\n\n    [data-gutter] {\n      & [data-separator=\"line-info\"] [data-separator-wrapper] {\n        padding-left: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n      }\n\n      & [data-separator=\"line-info\"] [data-separator-content] {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n\n      & [data-separator=\"line-info\"][data-expand-index] [data-separator-content] {\n        border-top-left-radius: unset;\n        border-bottom-left-radius: unset;\n      }\n    }\n\n    [data-additions] {\n      & [data-content] [data-separator=\"line-info\"] {\n        background-color: var(--diffs-bg);\n\n        & [data-separator-wrapper] {\n          display: none;\n        }\n      }\n\n      & [data-gutter] [data-separator=\"line-info\"] [data-separator-wrapper] {\n        background-color: var(--diffs-bg-separator);\n        border-top-right-radius: 6px;\n        border-bottom-right-radius: 6px;\n        height: 100%;\n        display: block;\n\n        & [data-separator-content], & [data-expand-button] {\n          display: none;\n        }\n      }\n    }\n\n    [data-overflow=\"scroll\"] [data-additions] [data-gutter] [data-separator=\"line-info\"] [data-separator-wrapper] {\n      width: calc(100cqi - var(--diffs-gap-inline, var(--diffs-gap-fallback)));\n    }\n\n    [data-overflow=\"wrap\"] [data-additions] [data-content] [data-separator=\"line-info\"] [data-separator-wrapper] {\n      background-color: var(--diffs-bg-separator);\n      height: 100%;\n      margin-right: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n      display: block;\n\n      & [data-separator-content], & [data-expand-button] {\n        display: none;\n      }\n    }\n\n    [data-separator=\"line-info\"] [data-separator-wrapper] {\n      & [data-expand-both], & [data-expand-down], & [data-expand-up] {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n    }\n\n    @media (pointer: fine) {\n      [data-separator=\"line-info\"] [data-separator-wrapper] {\n        &[data-separator-multi-button] {\n          & [data-expand-up] {\n            border-top-left-radius: 6px;\n            border-bottom-left-radius: unset;\n          }\n\n          & [data-expand-down] {\n            border-bottom-left-radius: 6px;\n            border-top-left-radius: unset;\n          }\n        }\n      }\n    }\n  }\n\n  @media (pointer: coarse) {\n    [data-separator=\"line-info-basic\"] [data-separator-wrapper][data-separator-multi-button] {\n      grid-template-columns: 34px 34px auto;\n\n      & [data-separator-content] {\n        grid-column: unset;\n        grid-row: unset;\n      }\n    }\n\n    @supports (width: 1cqi) {\n      [data-separator=\"line-info\"] [data-separator-wrapper] {\n        & [data-expand-both], & [data-expand-down], & [data-expand-up] {\n          border-top-left-radius: 6px;\n          border-bottom-left-radius: 6px;\n        }\n\n        &[data-separator-multi-button] {\n          & [data-expand-up] {\n            border-top-left-radius: 6px;\n            border-bottom-left-radius: 6px;\n          }\n\n          & [data-expand-down] {\n            border-bottom-left-radius: unset;\n            border-top-left-radius: unset;\n          }\n        }\n      }\n    }\n  }\n\n  @media (pointer: fine) {\n    [data-separator-wrapper][data-separator-multi-button] {\n      grid-template-rows: 50% 50%;\n      display: grid;\n\n      & [data-separator-content] {\n        grid-area: 1 / 2 / -1;\n        min-width: min-content;\n      }\n\n      & [data-expand-button] {\n        grid-column: 1;\n      }\n    }\n\n    [data-separator=\"line-info\"] [data-separator-wrapper], [data-separator=\"line-info\"] [data-separator-wrapper][data-separator-multi-button] {\n      grid-template-columns: 34px auto;\n    }\n\n    [data-separator=\"line-info-basic\"][data-expand-index] [data-separator-wrapper] {\n      grid-template-columns: 100% auto;\n    }\n\n    [data-separator=\"line-info\"], [data-separator=\"line-info-basic\"] {\n      & [data-separator-multi-button] {\n        & [data-expand-up] {\n          border-bottom: 1px solid var(--diffs-bg);\n          border-right: 2px solid var(--diffs-bg);\n        }\n\n        & [data-expand-down] {\n          border-top: 1px solid var(--diffs-bg);\n          border-right: 2px solid var(--diffs-bg);\n        }\n      }\n    }\n  }\n\n  [data-additions] [data-gutter] [data-separator-wrapper], [data-additions] [data-separator=\"line-info-basic\"] [data-separator-wrapper], [data-content] [data-separator-wrapper] {\n    display: none;\n  }\n\n  [data-line-annotation] {\n    min-height: var(--diffs-annotation-min-height, 0);\n    z-index: 2;\n  }\n\n  [data-merge-conflict-actions] {\n    z-index: 2;\n  }\n\n  [data-separator=\"custom\"] {\n    grid-template-columns: subgrid;\n    display: grid;\n  }\n\n  [data-line], [data-column-number], [data-no-newline] {\n    padding-inline: 1ch;\n    position: relative;\n  }\n\n  [data-indicators=\"classic\"] [data-line] {\n    padding-inline-start: 2ch;\n  }\n\n  [data-indicators=\"classic\"] {\n    & [data-line-type=\"change-addition\"], & [data-line-type=\"change-deletion\"] {\n      &[data-no-newline], &[data-line] {\n        &:before {\n          user-select: none;\n          width: 1ch;\n          height: 1lh;\n          display: inline-block;\n          position: absolute;\n          top: 0;\n          left: 0;\n        }\n      }\n    }\n\n    & [data-line-type=\"change-addition\"] {\n      &[data-line], &[data-no-newline] {\n        &:before {\n          content: \"+\";\n          color: var(--diffs-addition-base);\n        }\n      }\n    }\n\n    & [data-line-type=\"change-deletion\"] {\n      &[data-line], &[data-no-newline] {\n        &:before {\n          content: \"-\";\n          color: var(--diffs-deletion-base);\n        }\n      }\n    }\n  }\n\n  [data-indicators=\"bars\"] {\n    & [data-line-type=\"change-deletion\"], & [data-line-type=\"change-addition\"] {\n      &[data-column-number] {\n        &:before {\n          content: \"\";\n          user-select: none;\n          contain: strict;\n          width: 4px;\n          height: 100%;\n          display: block;\n          position: absolute;\n          top: 0;\n          left: 0;\n        }\n      }\n    }\n\n    & [data-line-type=\"change-deletion\"] {\n      &[data-column-number] {\n        &:before {\n          background-image: linear-gradient(0deg,\n            var(--diffs-bg-deletion) 50%,\n            var(--diffs-deletion-base) 50%);\n          background-repeat: repeat;\n          background-size: 2px 2px;\n          background-size: calc(1lh / round(1lh / 2px))\n            calc(1lh / round(1lh / 2px));\n        }\n      }\n    }\n\n    & [data-line-type=\"change-addition\"] {\n      &[data-column-number] {\n        &:before {\n          background-color: var(--diffs-addition-base);\n        }\n      }\n    }\n  }\n\n  [data-overflow=\"wrap\"] {\n    & [data-line], & [data-annotation-content] {\n      white-space: pre-wrap;\n      word-break: break-word;\n    }\n  }\n\n  [data-overflow=\"scroll\"] [data-line] {\n    white-space: pre;\n    min-height: 1lh;\n  }\n\n  [data-column-number] {\n    box-sizing: content-box;\n    text-align: right;\n    user-select: none;\n    color: var(--diffs-fg-number);\n    padding-left: 2ch;\n  }\n\n  [data-line-number-content] {\n    min-width: var(--diffs-min-number-column-width, var(--diffs-min-number-column-width-default, 3ch));\n    z-index: 1;\n    display: inline-block;\n    position: relative;\n  }\n\n  [data-disable-line-numbers] {\n    & [data-gutter-buffer], & [data-column-number] {\n      min-width: 4px;\n      padding: 0;\n\n      &:before {\n        min-width: 0;\n      }\n    }\n\n    & [data-line-number-content] {\n      display: none;\n    }\n\n    & [data-gutter-utility-slot] {\n      right: unset;\n      justify-content: flex-start;\n      left: 0;\n    }\n\n    &[data-indicators=\"bars\"] [data-gutter-utility-slot] {\n      left: 6px;\n    }\n  }\n\n  [data-file][data-disable-line-numbers] {\n    & [data-gutter-buffer], & [data-column-number] {\n      border-right: 0;\n      min-width: 0;\n    }\n  }\n\n  [data-diff-span] {\n    box-decoration-break: clone;\n    border-radius: 3px;\n  }\n\n  [data-line-type=\"change-addition\"] [data-diff-span] {\n    background-color: var(--diffs-bg-addition-emphasis);\n  }\n\n  [data-line-type=\"change-deletion\"] [data-diff-span] {\n    background-color: var(--diffs-bg-deletion-emphasis);\n  }\n\n  [data-merge-conflict=\"marker-start\"], [data-merge-conflict=\"marker-base\"], [data-merge-conflict=\"marker-separator\"], [data-merge-conflict=\"marker-end\"] {\n    color: var(--diffs-fg);\n    padding-left: 1ch;\n  }\n\n  [data-merge-conflict=\"marker-start\"], [data-merge-conflict=\"marker-end\"] {\n    align-items: center;\n    display: flex;\n\n    &:after {\n      color: var(--diffs-fg-conflict-marker);\n      font-size: .75rem;\n      font-style: normal;\n      line-height: 1.25rem;\n      font-family: var(--diffs-header-font-family, var(--diffs-header-font-fallback));\n      padding-left: 1ch;\n    }\n  }\n\n  [data-merge-conflict=\"marker-start\"]:after {\n    content: \"(Current Change)\";\n  }\n\n  [data-merge-conflict=\"marker-end\"]:after {\n    content: \"(Incoming Change)\";\n  }\n\n  [data-merge-conflict-actions-content] {\n    min-height: 1.75rem;\n    font-family: var(--diffs-header-font-family, var(--diffs-header-font-fallback));\n    color: var(--diffs-fg);\n    align-items: center;\n    gap: .25rem;\n    padding-inline: .5rem;\n    font-size: .75rem;\n    line-height: 1.2;\n    display: flex;\n  }\n\n  [data-merge-conflict-action] {\n    appearance: none;\n    color: var(--diffs-fg-number);\n    font: inherit;\n    cursor: pointer;\n    background: none;\n    border: 0;\n    padding: 0;\n    font-style: normal;\n  }\n\n  [data-merge-conflict-action]:hover {\n    color: var(--diffs-fg);\n  }\n\n  [data-merge-conflict-action=\"current\"]:hover {\n    color: var(--diffs-addition-base);\n  }\n\n  [data-merge-conflict-action=\"incoming\"]:hover {\n    color: var(--diffs-modified-base);\n  }\n\n  [data-merge-conflict-action-separator] {\n    color: var(--diffs-fg-number);\n    opacity: .6;\n    user-select: none;\n  }\n\n  [data-diffs-header=\"default\"] {\n    background-color: var(--diffs-bg);\n    justify-content: space-between;\n    align-items: center;\n    gap: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    min-height: calc(1lh + (var(--diffs-gap-block, var(--diffs-gap-fallback)) * 3));\n    z-index: 2;\n    flex-direction: row;\n    padding-inline: 16px;\n    display: flex;\n    position: relative;\n    top: 0;\n  }\n\n  [data-header-content] {\n    align-items: center;\n    gap: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    white-space: nowrap;\n    flex-direction: row;\n    min-width: 0;\n    display: flex;\n  }\n\n  [data-header-content] [data-prev-name], [data-header-content] [data-title] {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    direction: rtl;\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  [data-prev-name] {\n    opacity: .7;\n  }\n\n  [data-rename-icon] {\n    fill: currentColor;\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n\n  [data-diffs-header=\"default\"] [data-metadata] {\n    white-space: nowrap;\n    align-items: center;\n    gap: 1ch;\n    display: flex;\n  }\n\n  [data-diffs-header=\"default\"] [data-additions-count] {\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n    color: var(--diffs-addition-base);\n  }\n\n  [data-diffs-header=\"default\"] [data-deletions-count] {\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n    color: var(--diffs-deletion-base);\n  }\n\n  [data-change-icon] {\n    fill: currentColor;\n    flex-shrink: 0;\n  }\n\n  [data-change-icon=\"change\"], [data-change-icon=\"rename-pure\"], [data-change-icon=\"rename-changed\"] {\n    color: var(--diffs-modified-base);\n  }\n\n  [data-change-icon=\"new\"] {\n    color: var(--diffs-addition-base);\n  }\n\n  [data-change-icon=\"deleted\"] {\n    color: var(--diffs-deletion-base);\n  }\n\n  [data-change-icon=\"file\"] {\n    opacity: .6;\n  }\n\n  [data-annotation-content] {\n    z-index: 2;\n    isolation: isolate;\n    align-self: flex-start;\n    min-width: 0;\n    display: flow-root;\n    position: relative;\n  }\n\n  [data-overflow=\"scroll\"] [data-annotation-content], [data-overflow=\"scroll\"] [data-merge-conflict-actions-content] {\n    width: var(--diffs-column-content-width, auto);\n    left: var(--diffs-column-number-width, 0);\n    position: sticky;\n  }\n\n  [data-annotation-slot] {\n    text-wrap-mode: wrap;\n    word-break: normal;\n    white-space-collapse: collapse;\n  }\n\n  [data-gutter-utility-slot] {\n    touch-action: none;\n    justify-content: flex-end;\n    display: flex;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n  }\n\n  [data-utility-button] {\n    appearance: none;\n    cursor: pointer;\n    width: 1lh;\n    height: 1lh;\n    font-size: var(--diffs-font-size, 13px);\n    line-height: var(--diffs-line-height, 20px);\n    background-color: var(--diffs-modified-base);\n    color: var(--diffs-bg);\n    fill: currentColor;\n    z-index: 4;\n    touch-action: none;\n    border: none;\n    border-radius: 4px;\n    justify-content: center;\n    align-items: center;\n    margin-right: calc(-1lh + 1ch);\n    padding: 0;\n    display: flex;\n    position: relative;\n\n    &:before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      inset: 0 0 0 -4px;\n    }\n  }\n\n  [data-decoration-bar-stack] {\n    pointer-events: none;\n    isolation: isolate;\n    z-index: 1;\n    background-color: var(--diffs-decoration-bar-color, transparent);\n    box-sizing: content-box;\n    border-left: 2px solid var(--diffs-bg);\n    border-right: 2px solid var(--diffs-bg);\n    width: 6px;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: -2px;\n\n    [data-decoration-bar-depth=\"1\"] & {\n      background-color: color-mix(in lab,\n        var(--diffs-bg) 20%,\n        var(--diffs-decoration-bar-color, transparent));\n    }\n\n    [data-decoration-bar-depth=\"2\"] & {\n      background-color: color-mix(in lab,\n        var(--diffs-bg) 45%,\n        var(--diffs-decoration-bar-color, transparent));\n    }\n\n    [data-decoration-bar-depth=\"3\"] & {\n      background-color: color-mix(in lab,\n        var(--diffs-bg) 65%,\n        var(--diffs-decoration-bar-color, transparent));\n    }\n\n    [data-decoration-bar-start] & {\n      border-top-left-radius: 5px;\n      border-top-right-radius: 5px;\n    }\n\n    [data-decoration-bar-end] & {\n      z-index: 3;\n      border-bottom-right-radius: 5px;\n      border-bottom-left-radius: 5px;\n    }\n  }\n\n  [data-placeholder] {\n    contain: strict;\n  }\n\n  [data-error-wrapper] {\n    padding: var(--diffs-gap-block, var(--diffs-gap-fallback))\n      var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    scrollbar-width: none;\n    max-height: 400px;\n    overflow: auto;\n\n    & [data-error-message] {\n      color: var(--diffs-deletion-base);\n      font-size: 18px;\n      font-weight: bold;\n    }\n\n    & [data-error-stack] {\n      color: var(--diffs-fg-number);\n    }\n  }\n}\n\n@layer theme, rendered, unsafe;\n";
 //#endregion
 export { style_default as default };
+
 //# sourceMappingURL=style.js.map

package/dist/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../src/style.css"],"sourcesContent":["@layer base, theme, rendered, unsafe;\n\n@layer base {\n  :host {\n    --diffs-font-fallback:\n      'SF Mono', Monaco, Consolas, 'Ubuntu Mono', 'Liberation Mono',\n      'Courier New', monospace;\n    --diffs-header-font-fallback:\n      system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',\n      'Noto Sans', 'Liberation Sans', Arial, sans-serif;\n\n    --diffs-mixer: light-dark(black, white);\n    --diffs-gap-fallback: 8px;\n    --diffs-scrollbar-gutter-fallback: 6px;\n    --diffs-scrollbar-gutter: var(\n      --diffs-scrollbar-gutter-override,\n      var(\n        --diffs-scrollbar-gutter-measured,\n        var(--diffs-scrollbar-gutter-fallback)\n      )\n    );\n\n    --diffs-added-light: #0dbe4e;\n    --diffs-added-dark: #5ecc71;\n    --diffs-modified-light: #009fff;\n    --diffs-modified-dark: #69b1ff;\n    --diffs-deleted-light: #ff2e3f;\n    --diffs-deleted-dark: #ff6762;\n\n    /*\n    // Available CSS Color Overrides\n    --diffs-bg-buffer-override\n    --diffs-bg-hover-override\n    --diffs-bg-context-override\n    --diffs-bg-context-gutter-override\n    --diffs-bg-separator-override\n    --diffs-bg-caret-override\n\n    --diffs-fg-number-override\n    --diffs-fg-number-addition-override\n    --diffs-fg-number-deletion-override\n    --diffs-fg-conflict-marker-override\n\n    --diffs-deletion-color-override\n    --diffs-addition-color-override\n    --diffs-modified-color-override\n\n    --diffs-bg-deletion-override\n    --diffs-bg-deletion-number-override\n    --diffs-bg-deletion-emphasis-override\n\n    --diffs-bg-addition-override\n    --diffs-bg-addition-number-override\n    --diffs-bg-addition-emphasis-override\n\n    --conflict-bg-current-override\n    --conflict-bg-current-number-override\n    --conflict-bg-current-header-override\n    --conflict-bg-incoming-override\n    --conflict-bg-incoming-number-override\n    --conflict-bg-incoming-header-override\n\n    // Line Selection Color Overrides (for enableLineSelection)\n    --diffs-selection-color-override\n    --diffs-bg-selection-override\n    --diffs-bg-selection-number-override\n\n    // Available CSS Layout Overrides\n    --diffs-gap-inline\n    --diffs-gap-block\n    --diffs-gap-style\n    --diffs-scrollbar-gutter-override\n    --diffs-tab-size\n    */\n\n    color-scheme: light dark;\n    display: block;\n    font-family: var(\n      --diffs-header-font-family,\n      var(--diffs-header-font-fallback)\n    );\n    font-size: var(--diffs-font-size, 13px);\n    line-height: var(--diffs-line-height, 20px);\n    font-feature-settings: var(--diffs-font-features);\n\n    /* NOTE(amadeus): we cannot use 'in oklch' because current versions of cursor\n     * and vscode use an older build of chrome that appears to have a bug with\n     * color-mix and 'in oklch', so use 'in lab' instead */\n    --diffs-bg: light-dark(\n      var(--diffs-light-bg, #fff),\n      var(--diffs-dark-bg, #000)\n    );\n    --diffs-bg-buffer: var(\n      --diffs-bg-buffer-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer)),\n        color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer))\n      )\n    );\n    --diffs-bg-context: var(\n      --diffs-bg-context-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 98.5%, var(--diffs-mixer)),\n        color-mix(in lab, var(--diffs-bg) 92.5%, var(--diffs-mixer))\n      )\n    );\n    --diffs-bg-context-gutter: var(\n      --diffs-bg-context-gutter-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg-context) 90%, var(--diffs-bg)),\n        color-mix(in lab, var(--diffs-bg-context) 45%, var(--diffs-bg))\n      )\n    );\n    --diffs-bg-separator: var(\n      --diffs-bg-separator-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 96%, var(--diffs-mixer)),\n        color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-mixer))\n      )\n    );\n\n    --diffs-fg: light-dark(var(--diffs-light, #000), var(--diffs-dark, #fff));\n    --diffs-fg-number: var(\n      --diffs-fg-number-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg)),\n        color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg))\n      )\n    );\n    --diffs-fg-conflict-marker: var(\n      --diffs-fg-conflict-marker-override,\n      var(--diffs-fg-number)\n    );\n\n    --diffs-deletion-base: var(\n      --diffs-deletion-color-override,\n      light-dark(\n        var(\n          --diffs-light-deletion-color,\n          var(--diffs-deletion-color, var(--diffs-deleted-light))\n        ),\n        var(\n          --diffs-dark-deletion-color,\n          var(--diffs-deletion-color, var(--diffs-deleted-dark))\n        )\n      )\n    );\n    --diffs-addition-base: var(\n      --diffs-addition-color-override,\n      light-dark(\n        var(\n          --diffs-light-addition-color,\n          var(--diffs-addition-color, var(--diffs-added-light))\n        ),\n        var(\n          --diffs-dark-addition-color,\n          var(--diffs-addition-color, var(--diffs-added-dark))\n        )\n      )\n    );\n    --diffs-modified-base: var(\n      --diffs-modified-color-override,\n      light-dark(\n        var(\n          --diffs-light-modified-color,\n          var(--diffs-modified-color, var(--diffs-modified-light))\n        ),\n        var(\n          --diffs-dark-modified-color,\n          var(--diffs-modified-color, var(--diffs-modified-dark))\n        )\n      )\n    );\n\n    /* NOTE(amadeus): we cannot use 'in oklch' because current versions of cursor\n   * and vscode use an older build of chrome that appears to have a bug with\n   * color-mix and 'in oklch', so use 'in lab' instead */\n    --diffs-bg-deletion: var(\n      --diffs-bg-deletion-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-deletion-base)),\n        color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-deletion-base))\n      )\n    );\n    --diffs-bg-deletion-emphasis: var(\n      --diffs-bg-deletion-emphasis-override,\n      light-dark(\n        rgb(from var(--diffs-deletion-base) r g b / 0.15),\n        rgb(from var(--diffs-deletion-base) r g b / 0.2)\n      )\n    );\n\n    --diffs-bg-addition: var(\n      --diffs-bg-addition-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-addition-base)),\n        color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-addition-base))\n      )\n    );\n    --diffs-bg-addition-emphasis: var(\n      --diffs-bg-addition-emphasis-override,\n      light-dark(\n        rgb(from var(--diffs-addition-base) r g b / 0.15),\n        rgb(from var(--diffs-addition-base) r g b / 0.2)\n      )\n    );\n\n    --diffs-selection-base: var(--diffs-modified-base);\n    --diffs-selection-number-fg: light-dark(\n      color-mix(in lab, var(--diffs-selection-base) 65%, var(--diffs-mixer)),\n      color-mix(in lab, var(--diffs-selection-base) 75%, var(--diffs-mixer))\n    );\n    background-color: var(--diffs-bg);\n    color: var(--diffs-fg);\n  }\n\n  /* NOTE(mdo): Some semantic HTML elements (e.g. `pre`, `code`) have default\n * user-agent styles. These must be overridden to use our custom styles. */\n  pre,\n  code,\n  [data-error-wrapper] {\n    isolation: isolate;\n    margin: 0;\n    padding: 0;\n    display: block;\n    outline: none;\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n  }\n\n  pre,\n  code {\n    background-color: var(--diffs-bg);\n  }\n\n  code {\n    contain: content;\n  }\n\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  [data-icon-sprite] {\n    display: none;\n  }\n\n  /* NOTE(mdo): Headers and separators are within pre/code, so we need to reset\n   * their font-family explicitly. */\n  [data-diffs-header],\n  [data-separator] {\n    font-family: var(\n      --diffs-header-font-family,\n      var(--diffs-header-font-fallback)\n    );\n  }\n\n  [data-diffs-header][data-sticky] {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    background-color: var(--diffs-bg);\n  }\n\n  [data-file-info] {\n    padding: 10px;\n    font-weight: 700;\n    color: var(--fg);\n    /* NOTE(amadeus): we cannot use 'in oklch' because current versions of cursor\n   * and vscode use an older build of chrome that appears to have a bug with\n   * color-mix and 'in oklch', so use 'in lab' instead */\n    background-color: color-mix(in lab, var(--bg) 98%, var(--fg));\n    border-block: 1px solid color-mix(in lab, var(--bg) 95%, var(--fg));\n  }\n\n  [data-diff],\n  [data-file] {\n    /* This feels a bit crazy to me... so I need to think about it a bit more... */\n    --diffs-grid-number-column-width: minmax(min-content, max-content);\n    --diffs-code-grid: var(--diffs-grid-number-column-width) 1fr;\n\n    &[data-dehydrated] {\n      --diffs-code-grid: var(--diffs-grid-number-column-width) minmax(0, 1fr);\n    }\n\n    &:hover [data-code]::-webkit-scrollbar-thumb {\n      background-color: var(--diffs-bg-context);\n    }\n  }\n\n  /* iOS WebKit uses overlay scrollbars, so unmeasured layout compensation\n   * should start at zero rather than the desktop custom-scrollbar fallback. */\n  @supports (-webkit-touch-callout: none) {\n    :host {\n      --diffs-scrollbar-gutter-fallback: 0px;\n    }\n  }\n\n  [data-line] span {\n    color: light-dark(\n      var(--diffs-token-light, var(--diffs-light)),\n      var(--diffs-token-dark, var(--diffs-dark))\n    );\n    background-color: light-dark(\n      var(--diffs-token-light-bg, inherit),\n      var(--diffs-token-dark-bg, inherit)\n    );\n    font-weight: light-dark(\n      var(--diffs-token-light-font-weight, inherit),\n      var(--diffs-token-dark-font-weight, inherit)\n    );\n    font-style: light-dark(\n      var(--diffs-token-light-font-style, inherit),\n      var(--diffs-token-dark-font-style, inherit)\n    );\n    text-decoration: light-dark(\n      var(--diffs-token-light-text-decoration, inherit),\n      var(--diffs-token-dark-text-decoration, inherit)\n    );\n  }\n\n  /* Line Color and BG Calculations */\n  [data-line],\n  [data-gutter-buffer],\n  [data-column-number],\n  [data-line-annotation],\n  [data-no-newline],\n  [data-merge-conflict],\n  [data-merge-conflict-actions],\n  [data-editor-overlay] {\n    /* Pre-fill css variables for appropriate up-mixing */\n    --diffs-computed-decoration-bg: var(--diffs-bg);\n    --diffs-computed-diff-line-bg: var(--diffs-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-bg);\n\n    color: var(--diffs-fg);\n    background-color: var(--diffs-line-bg, var(--diffs-bg));\n\n    @media (pointer: fine) {\n      &:where([data-hovered]) {\n        --diffs-computed-hovered-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-selected-line-bg) 97%,\n            var(--diffs-bg-hover-override, var(--diffs-mixer))\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-selected-line-bg) 91%,\n            var(--diffs-bg-hover-override, var(--diffs-mixer))\n          )\n        );\n        --diffs-line-bg: var(--diffs-computed-hovered-line-bg, inherit);\n      }\n    }\n  }\n\n  [data-line],\n  [data-no-newline] {\n    &[data-decoration-bg] {\n      --mix-deco-light: 92%;\n      --mix-deco-dark: 85%;\n\n      &[data-decoration-bg-depth='2'] {\n        --mix-deco-light: 88%;\n        --mix-deco-dark: 80%;\n      }\n\n      &[data-decoration-bg-depth='3'] {\n        --mix-deco-light: 85%;\n        --mix-deco-dark: 78%;\n      }\n\n      @media (pointer: fine) {\n        &[data-hovered]:not([data-selected-line]) {\n          --mix-deco-light: 85%;\n          --mix-deco-dark: 85%;\n        }\n\n        &[data-hovered]:not(\n            [data-selected-line]\n          )[data-decoration-bg-depth='2'] {\n          --mix-deco-light: 83%;\n          --mix-deco-dark: 83%;\n        }\n\n        &[data-hovered]:not(\n            [data-selected-line]\n          )[data-decoration-bg-depth='3'] {\n          --mix-deco-light: 81%;\n          --mix-deco-dark: 81%;\n        }\n      }\n\n      --diffs-computed-decoration-bg: light-dark(\n        color-mix(\n          in lab,\n          var(--diffs-bg) var(--mix-deco-light),\n          var(--diffs-decoration-bg)\n        ),\n        color-mix(\n          in lab,\n          var(--diffs-bg) var(--mix-deco-dark),\n          var(--diffs-decoration-bg)\n        )\n      );\n      /* Lets up-select all lines */\n      --diffs-computed-diff-line-bg: var(--diffs-computed-decoration-bg);\n      --diffs-computed-selected-line-bg: var(--diffs-computed-decoration-bg);\n\n      /* Apply the appropriately computed bg line color */\n      --diffs-line-bg: var(--diffs-computed-decoration-bg);\n    }\n  }\n\n  [data-line-annotation],\n  [data-gutter-buffer='annotation'] {\n    --diffs-annotation-bg: var(--diffs-bg-context);\n    --diffs-computed-decoration-bg: var(--diffs-annotation-bg);\n    --diffs-computed-diff-line-bg: var(--diffs-annotation-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-annotation-bg);\n    --diffs-line-bg: var(--diffs-annotation-bg);\n  }\n\n  [data-merge-conflict-actions],\n  [data-gutter-buffer='merge-conflict-action'],\n  [data-gutter-buffer='merge-conflict-marker-base'],\n  [data-gutter-buffer='merge-conflict-marker-separator'],\n  [data-merge-conflict='marker-base'],\n  [data-merge-conflict='marker-separator'] {\n    --diffs-computed-decoration-bg: var(--diffs-bg-context);\n    --diffs-computed-diff-line-bg: var(--diffs-bg-context);\n    --diffs-computed-selected-line-bg: var(--diffs-bg-context);\n    --diffs-line-bg: var(--diffs-bg-context);\n  }\n\n  [data-gutter-buffer='merge-conflict-marker-start'],\n  [data-merge-conflict='marker-start'] {\n    --diffs-computed-decoration-bg: light-dark(\n      color-mix(\n        in lab,\n        var(--diffs-bg) 78%,\n        var(--conflict-bg-current-header-override, var(--diffs-addition-base))\n      ),\n      color-mix(\n        in lab,\n        var(--diffs-bg) 68%,\n        var(--conflict-bg-current-header-override, var(--diffs-addition-base))\n      )\n    );\n    --diffs-computed-diff-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-line-bg: var(--diffs-computed-decoration-bg);\n  }\n\n  [data-gutter-buffer='merge-conflict-marker-end'],\n  [data-merge-conflict='marker-end'] {\n    --diffs-computed-decoration-bg: light-dark(\n      color-mix(\n        in lab,\n        var(--diffs-bg) 78%,\n        var(--conflict-bg-incoming-header-override, var(--diffs-modified-base))\n      ),\n      color-mix(\n        in lab,\n        var(--diffs-bg) 68%,\n        var(--conflict-bg-incoming-header-override, var(--diffs-modified-base))\n      )\n    );\n    --diffs-computed-diff-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-line-bg: var(--diffs-computed-decoration-bg);\n  }\n\n  [data-has-merge-conflict] [data-line-annotation],\n  [data-has-merge-conflict] [data-gutter-buffer='annotation'] {\n    --diffs-computed-decoration-bg: var(--diffs-bg);\n    --diffs-computed-diff-line-bg: var(--diffs-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-bg);\n    --diffs-line-bg: var(--diffs-bg);\n  }\n\n  /* We are using where here to not affect the nesting impacts later on for\n   * hover and selection */\n  :where([data-background]) {\n    [data-gutter-buffer],\n    [data-column-number] {\n      --mix-light: 91%;\n      --mix-dark: 85%;\n    }\n\n    [data-line],\n    [data-no-newline] {\n      --mix-light: 88%;\n      --mix-dark: 80%;\n    }\n\n    [data-gutter-buffer],\n    [data-column-number],\n    [data-line],\n    [data-no-newline] {\n      --diffs-diff-line-mix-target: var(--diffs-bg);\n\n      &[data-line-type='change-deletion'] {\n        --diffs-diff-line-mix-target: var(\n          --diffs-bg-deletion-override,\n          var(--diffs-deletion-base)\n        );\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 75%;\n          }\n        }\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(\n            --diffs-fg-number-deletion-override,\n            var(--diffs-deletion-base)\n          );\n\n          --diffs-diff-line-mix-target: var(\n            --diffs-bg-deletion-number-override,\n            var(--diffs-deletion-base)\n          );\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)\n          )\n        );\n\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n\n      &[data-line-type='change-addition'] {\n        --diffs-diff-line-mix-target: var(\n          --diffs-bg-addition-override,\n          var(--diffs-addition-base)\n        );\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 70%;\n          }\n        }\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(\n            --diffs-fg-number-addition-override,\n            var(--diffs-addition-base)\n          );\n\n          --diffs-diff-line-mix-target: var(\n            --diffs-bg-addition-number-override,\n            var(--diffs-addition-base)\n          );\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)\n          )\n        );\n\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n\n      &[data-merge-conflict='current'] {\n        --diffs-diff-line-mix-target: var(\n          --conflict-bg-current-override,\n          var(--diffs-addition-base)\n        );\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(\n            --diffs-fg-number-addition-override,\n            var(--diffs-addition-base)\n          );\n\n          --diffs-diff-line-mix-target: var(\n            --conflict-bg-current-number-override,\n            var(--diffs-addition-base)\n          );\n        }\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 70%;\n          }\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)\n          )\n        );\n\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n\n      &[data-merge-conflict='incoming'] {\n        --diffs-diff-line-mix-target: var(\n          --conflict-bg-incoming-override,\n          var(--diffs-modified-base)\n        );\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(--diffs-modified-base);\n\n          --diffs-diff-line-mix-target: var(\n            --conflict-bg-incoming-number-override,\n            var(--diffs-modified-base)\n          );\n        }\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 70%;\n          }\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)\n          )\n        );\n\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n    }\n  }\n\n  /* Order is important for rationalizing these selectors and for order of\n   * application, therefore we need to disable this style-lint rule */\n  /* stylelint-disable-next-line no-duplicate-selectors */\n  [data-gutter-buffer],\n  [data-column-number],\n  [data-line],\n  [data-line-annotation],\n  [data-merge-conflict],\n  [data-merge-conflict-actions],\n  [data-no-newline],\n  [data-editor-overlay] {\n    --diffs-selection-mix-target: var(\n      --diffs-bg-selection-override,\n      var(--diffs-selection-base)\n    );\n\n    &:where([data-editor-overlay]),\n    &:where(\n        [data-line],\n        [data-line-annotation],\n        [data-merge-conflict],\n        [data-merge-conflict-actions],\n        [data-no-newline]\n      )[data-selected-line] {\n      --mix-selection-light: 82%;\n      --mix-selection-dark: 75%;\n\n      @media (pointer: fine) {\n        &[data-hovered]:not(\n            [data-merge-conflict],\n            [data-line-type='change-addition'],\n            [data-line-type='change-deletion']\n          ) {\n          --mix-selection-light: 75%;\n          --mix-selection-dark: 70%;\n        }\n      }\n    }\n\n    &:where([data-gutter-buffer], [data-column-number])[data-selected-line] {\n      --mix-selection-light: 75%;\n      --mix-selection-dark: 60%;\n      --diffs-selection-mix-target: var(\n        --diffs-bg-selection-number-override,\n        var(--diffs-selection-base)\n      );\n\n      @media (pointer: fine) {\n        &[data-hovered]:not(\n            [data-merge-conflict],\n            [data-line-type='change-addition'],\n            [data-line-type='change-deletion']\n          ) {\n          --mix-selection-light: 70%;\n          --mix-selection-dark: 55%;\n        }\n      }\n    }\n\n    &:where([data-editor-overlay]),\n    &[data-selected-line] {\n      --diffs-computed-selected-line-bg: light-dark(\n        color-mix(\n          in lab,\n          var(--diffs-computed-diff-line-bg) var(--mix-selection-light),\n          var(--diffs-selection-mix-target)\n        ),\n        color-mix(\n          in lab,\n          var(--diffs-computed-diff-line-bg) var(--mix-selection-dark),\n          var(--diffs-selection-mix-target)\n        )\n      );\n      --diffs-line-bg: var(--diffs-computed-selected-line-bg, inherit);\n    }\n  }\n\n  [data-gutter-buffer],\n  [data-column-number] {\n    &[data-selected-line] {\n      color: var(--diffs-selection-number-fg);\n    }\n  }\n\n  [data-no-newline] {\n    user-select: none;\n\n    span {\n      opacity: 0.6;\n    }\n  }\n\n  [data-diff-type='split'][data-overflow='scroll'] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n\n    [data-additions] {\n      border-left: 1px solid var(--diffs-bg);\n    }\n\n    [data-deletions] {\n      border-right: 1px solid var(--diffs-bg);\n    }\n  }\n\n  [data-code] {\n    display: grid;\n    grid-auto-flow: dense;\n    grid-template-columns: var(--diffs-code-grid);\n    overflow: var(--diffs-overflow-override, scroll) clip;\n    overscroll-behavior-x: none;\n    tab-size: var(--diffs-tab-size, 2);\n    align-self: flex-start;\n    padding-top: var(--diffs-gap-block, var(--diffs-gap-fallback));\n    padding-bottom: max(\n      0px,\n      calc(\n        var(--diffs-gap-block, var(--diffs-gap-fallback)) -\n          var(--diffs-scrollbar-gutter)\n      )\n    );\n    scrollbar-gutter: stable;\n  }\n\n  [data-diffs-scrollbar-measure] {\n    position: absolute;\n    top: -200px;\n    left: -200px;\n    opacity: 0;\n    pointer-events: none;\n    width: 100px;\n    height: 100px;\n    padding: 0;\n    grid-template-columns: none;\n    scrollbar-gutter: auto;\n  }\n\n  [data-container-size] {\n    container-type: inline-size;\n  }\n\n  [data-code]::-webkit-scrollbar {\n    width: 0;\n    height: var(--diffs-scrollbar-gutter);\n  }\n\n  [data-code]::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  [data-code]::-webkit-scrollbar-thumb {\n    background-color: transparent;\n    border: 1px solid transparent;\n    background-clip: content-box;\n    border-radius: 3px;\n  }\n\n  [data-code]::-webkit-scrollbar-corner {\n    background-color: transparent;\n  }\n\n  /*\n   * If we apply these rules globally it will mean that webkit will opt into the\n   * standards compliant version of custom css scrollbars, which we do not want\n   * because the custom stuff will look better\n  */\n  @supports (-moz-appearance: none) {\n    [data-code] {\n      scrollbar-width: thin;\n      scrollbar-color: var(--diffs-bg-context) transparent;\n      padding-bottom: var(--diffs-gap-block, var(--diffs-gap-fallback));\n    }\n  }\n\n  [data-diffs-header] ~ [data-diff],\n  [data-diffs-header] ~ [data-file] {\n    [data-code],\n    &[data-overflow='wrap'] {\n      padding-top: 0;\n    }\n  }\n\n  [data-gutter] {\n    display: grid;\n    grid-template-rows: subgrid;\n    grid-template-columns: subgrid;\n    grid-column: 1;\n    z-index: 3;\n    position: relative;\n    background-color: var(--diffs-bg);\n\n    [data-gutter-buffer],\n    [data-column-number] {\n      border-right: var(--diffs-gap-style, 2px solid var(--diffs-bg));\n    }\n  }\n\n  [data-content] {\n    display: grid;\n    grid-template-rows: subgrid;\n    grid-template-columns: subgrid;\n    grid-column: 2;\n    min-width: 0;\n    background-color: var(--diffs-bg);\n  }\n\n  [data-diff-type='split'][data-overflow='wrap'] {\n    display: grid;\n    grid-auto-flow: dense;\n    grid-template-columns: repeat(2, var(--diffs-code-grid));\n    padding-block: var(--diffs-gap-block, var(--diffs-gap-fallback));\n\n    [data-deletions] {\n      display: contents;\n\n      [data-gutter] {\n        grid-column: 1;\n      }\n\n      [data-content] {\n        grid-column: 2;\n        border-right: 1px solid var(--diffs-bg);\n      }\n    }\n\n    [data-additions] {\n      display: contents;\n\n      [data-gutter] {\n        grid-column: 3;\n        border-left: 1px solid var(--diffs-bg);\n      }\n\n      [data-content] {\n        grid-column: 4;\n      }\n    }\n  }\n\n  [data-overflow='scroll'] [data-gutter] {\n    position: sticky;\n    left: 0;\n  }\n\n  [data-interactive-lines] [data-line] {\n    cursor: pointer;\n  }\n\n  [data-interactive-line-numbers] [data-column-number] {\n    cursor: pointer;\n    touch-action: none;\n  }\n\n  [data-content-buffer],\n  [data-gutter-buffer] {\n    position: relative;\n    user-select: none;\n    min-height: 1lh;\n  }\n\n  [data-gutter-buffer] {\n    padding-left: 2ch;\n    padding-right: 1ch;\n\n    &::before {\n      content: '';\n      display: block;\n      min-width: var(\n        --diffs-min-number-column-width,\n        var(--diffs-min-number-column-width-default, 3ch)\n      );\n    }\n  }\n\n  [data-gutter-buffer='annotation'] {\n    --diffs-annotation-bg: var(--diffs-bg-context-gutter);\n    min-height: 0;\n  }\n\n  [data-gutter-buffer='buffer'] {\n    --diffs-line-bg: var(--diffs-bg-context-gutter);\n  }\n\n  [data-content-buffer] {\n    grid-column: 1;\n    /* We multiply by 1.414 (√2) to better approximate the diagonal repeat distance */\n    background-size: 8px 8px;\n    background-position: 5px 0;\n    background-origin: border-box;\n    /* This is incredibley expensive... */\n    background-image: repeating-linear-gradient(\n      -45deg,\n      transparent,\n      transparent calc(3px * 1.414),\n      var(--diffs-bg-buffer) calc(3px * 1.414),\n      var(--diffs-bg-buffer) calc(4px * 1.414)\n    );\n  }\n\n  /* Hunk Separators */\n  /* --------------- */\n  [data-separator] {\n    box-sizing: content-box;\n    background-color: var(--diffs-bg);\n  }\n\n  [data-separator='simple'] {\n    min-height: 4px;\n  }\n\n  [data-separator='line-info'],\n  [data-separator='line-info-basic'],\n  [data-separator='metadata'],\n  [data-separator='simple'] {\n    background-color: var(--diffs-bg-separator);\n  }\n\n  [data-separator='line-info'],\n  [data-separator='line-info-basic'],\n  [data-separator='metadata'] {\n    height: 32px;\n    position: relative;\n  }\n\n  [data-separator-wrapper] {\n    user-select: none;\n    fill: currentColor;\n    position: absolute;\n    inset-inline: 0;\n    display: flex;\n    align-items: center;\n    background-color: var(--diffs-bg);\n    height: 100%;\n  }\n\n  [data-content] [data-separator-wrapper] {\n    display: none;\n  }\n\n  [data-separator='metadata'] [data-separator-wrapper] {\n    inset-inline: 100% auto;\n    padding-inline: 1ch;\n    height: 100%;\n    background-color: var(--diffs-bg-separator);\n    color: var(--diffs-fg-number);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: min-content;\n  }\n\n  [data-separator='line-info'] {\n    margin-block: var(--diffs-gap-block, var(--diffs-gap-fallback));\n\n    [data-separator-wrapper] {\n      min-width: 16px;\n    }\n  }\n\n  [data-separator='line-info-basic'],\n  [data-separator='metadata'] {\n    margin-block: 0;\n  }\n\n  [data-separator='line-info'][data-separator-first] {\n    margin-top: 0;\n  }\n\n  [data-separator='line-info'][data-separator-last] {\n    margin-bottom: 0;\n  }\n\n  [data-expand-index] [data-separator-wrapper] {\n    display: grid;\n    grid-template-columns: 32px auto;\n  }\n\n  [data-expand-index] [data-separator-wrapper][data-separator-multi-button] {\n    grid-template-columns: 32px 32px auto;\n  }\n\n  [data-expand-button],\n  [data-separator-content] {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    background-color: var(--diffs-bg-separator);\n  }\n\n  [data-expand-index] [data-separator-content]:hover {\n    text-decoration: underline;\n    cursor: pointer;\n  }\n\n  [data-expand-button] {\n    justify-content: center;\n    flex-shrink: 0;\n    cursor: pointer;\n    min-width: 32px;\n    align-self: stretch;\n    color: var(--diffs-fg-number);\n    border-right: 2px solid var(--diffs-bg);\n\n    &:hover {\n      color: var(--diffs-fg);\n    }\n\n    &[data-expand-all-button] {\n      display: none;\n    }\n  }\n\n  [data-expand-down] [data-icon] {\n    transform: scaleY(-1);\n  }\n\n  [data-separator-content] {\n    flex: 1 1 auto;\n    padding: 0 1ch;\n    height: 100%;\n    color: var(--diffs-fg-number);\n\n    overflow: hidden;\n    justify-content: flex-start;\n  }\n\n  [data-separator='line-info'],\n  [data-separator='line-info-basic'] {\n    [data-separator-content] {\n      height: 100%;\n      user-select: none;\n      overflow: clip;\n    }\n  }\n\n  [data-unmodified-lines] {\n    display: block;\n    overflow: hidden;\n    min-width: 0;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex: 0 1 auto;\n  }\n\n  @supports (width: 1cqi) {\n    [data-unified] {\n      [data-separator='line-info'] [data-separator-wrapper] {\n        padding-inline: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n        width: 100cqi;\n\n        [data-separator-content] {\n          border-radius: 6px;\n        }\n      }\n\n      [data-separator='line-info'][data-expand-index]\n        [data-separator-wrapper]\n        [data-separator-content] {\n        border-top-left-radius: unset;\n        border-bottom-left-radius: unset;\n      }\n    }\n\n    [data-gutter] {\n      [data-separator='line-info'] [data-separator-wrapper] {\n        padding-left: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n      }\n\n      [data-separator='line-info'] [data-separator-content] {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n\n      [data-separator='line-info'][data-expand-index] [data-separator-content] {\n        border-top-left-radius: unset;\n        border-bottom-left-radius: unset;\n      }\n    }\n\n    [data-additions] {\n      [data-content] [data-separator='line-info'] {\n        background-color: var(--diffs-bg);\n\n        [data-separator-wrapper] {\n          display: none;\n        }\n      }\n\n      [data-gutter] [data-separator='line-info'] [data-separator-wrapper] {\n        display: block;\n        height: 100%;\n        background-color: var(--diffs-bg-separator);\n        border-top-right-radius: 6px;\n        border-bottom-right-radius: 6px;\n\n        [data-separator-content],\n        [data-expand-button] {\n          display: none;\n        }\n      }\n    }\n\n    [data-overflow='scroll']\n      [data-additions]\n      [data-gutter]\n      [data-separator='line-info']\n      [data-separator-wrapper] {\n      width: calc(100cqi - var(--diffs-gap-inline, var(--diffs-gap-fallback)));\n    }\n\n    [data-overflow='wrap']\n      [data-additions]\n      [data-content]\n      [data-separator='line-info']\n      [data-separator-wrapper] {\n      background-color: var(--diffs-bg-separator);\n      display: block;\n      height: 100%;\n      margin-right: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n\n      [data-separator-content],\n      [data-expand-button] {\n        display: none;\n      }\n    }\n\n    [data-separator='line-info'] [data-separator-wrapper] {\n      [data-expand-both],\n      [data-expand-down],\n      [data-expand-up] {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n    }\n\n    @media (pointer: fine) {\n      [data-separator='line-info'] [data-separator-wrapper] {\n        &[data-separator-multi-button] {\n          [data-expand-up] {\n            border-top-left-radius: 6px;\n            border-bottom-left-radius: unset;\n          }\n\n          [data-expand-down] {\n            border-bottom-left-radius: 6px;\n            border-top-left-radius: unset;\n          }\n        }\n      }\n    }\n  }\n\n  @media (pointer: coarse) {\n    [data-separator='line-info-basic']\n      [data-separator-wrapper][data-separator-multi-button] {\n      grid-template-columns: 34px 34px auto;\n\n      [data-separator-content] {\n        grid-column: unset;\n        grid-row: unset;\n      }\n    }\n\n    @supports (width: 1cqi) {\n      [data-separator='line-info'] [data-separator-wrapper] {\n        [data-expand-both],\n        [data-expand-down],\n        [data-expand-up] {\n          border-top-left-radius: 6px;\n          border-bottom-left-radius: 6px;\n        }\n\n        &[data-separator-multi-button] {\n          [data-expand-up] {\n            border-top-left-radius: 6px;\n            border-bottom-left-radius: 6px;\n          }\n\n          [data-expand-down] {\n            border-bottom-left-radius: unset;\n            border-top-left-radius: unset;\n          }\n        }\n      }\n    }\n  }\n\n  @media (pointer: fine) {\n    [data-separator-wrapper][data-separator-multi-button] {\n      display: grid;\n      grid-template-rows: 50% 50%;\n\n      [data-separator-content] {\n        grid-column: 2;\n        grid-row: 1 / -1;\n        min-width: min-content;\n      }\n\n      [data-expand-button] {\n        grid-column: 1;\n      }\n    }\n\n    [data-separator='line-info'] [data-separator-wrapper],\n    [data-separator='line-info']\n      [data-separator-wrapper][data-separator-multi-button] {\n      grid-template-columns: 34px auto;\n    }\n\n    [data-separator='line-info-basic'][data-expand-index]\n      [data-separator-wrapper] {\n      grid-template-columns: 100% auto;\n    }\n\n    [data-separator='line-info'],\n    [data-separator='line-info-basic'] {\n      [data-separator-multi-button] {\n        [data-expand-up] {\n          border-bottom: 1px solid var(--diffs-bg);\n          border-right: 2px solid var(--diffs-bg);\n        }\n        [data-expand-down] {\n          border-top: 1px solid var(--diffs-bg);\n          border-right: 2px solid var(--diffs-bg);\n        }\n      }\n    }\n  }\n\n  /* Hunk separator content is duplicated across gutters and content columns,\n   * so custom CSS can do some stuff. Lets hide things for defaults */\n  [data-additions] [data-gutter] [data-separator-wrapper],\n  [data-additions] [data-separator='line-info-basic'] [data-separator-wrapper],\n  [data-content] [data-separator-wrapper] {\n    display: none;\n  }\n\n  [data-line-annotation] {\n    min-height: var(--diffs-annotation-min-height, 0);\n    z-index: 2;\n  }\n\n  [data-merge-conflict-actions] {\n    z-index: 2;\n  }\n\n  [data-separator='custom'] {\n    display: grid;\n    grid-template-columns: subgrid;\n  }\n\n  [data-line],\n  [data-column-number],\n  [data-no-newline] {\n    position: relative;\n    padding-inline: 1ch;\n  }\n\n  [data-indicators='classic'] [data-line] {\n    padding-inline-start: 2ch;\n  }\n\n  [data-indicators='classic'] {\n    [data-line-type='change-addition'],\n    [data-line-type='change-deletion'] {\n      &[data-no-newline],\n      &[data-line] {\n        &::before {\n          display: inline-block;\n          width: 1ch;\n          height: 1lh;\n          position: absolute;\n          top: 0;\n          left: 0;\n          user-select: none;\n        }\n      }\n    }\n\n    [data-line-type='change-addition'] {\n      &[data-line],\n      &[data-no-newline] {\n        &::before {\n          content: '+';\n          color: var(--diffs-addition-base);\n        }\n      }\n    }\n\n    [data-line-type='change-deletion'] {\n      &[data-line],\n      &[data-no-newline] {\n        &::before {\n          content: '-';\n          color: var(--diffs-deletion-base);\n        }\n      }\n    }\n  }\n\n  [data-indicators='bars'] {\n    [data-line-type='change-deletion'],\n    [data-line-type='change-addition'] {\n      &[data-column-number] {\n        &::before {\n          content: '';\n          display: block;\n          width: 4px;\n          height: 100%;\n          position: absolute;\n          top: 0;\n          left: 0;\n          user-select: none;\n          contain: strict;\n        }\n      }\n    }\n\n    [data-line-type='change-deletion'] {\n      &[data-column-number] {\n        &::before {\n          background-image: linear-gradient(\n            0deg,\n            var(--diffs-bg-deletion) 50%,\n            var(--diffs-deletion-base) 50%\n          );\n          background-repeat: repeat;\n          background-size: 2px 2px;\n          background-size: calc(1lh / round(1lh / 2px))\n            calc(1lh / round(1lh / 2px));\n        }\n      }\n    }\n\n    [data-line-type='change-addition'] {\n      &[data-column-number] {\n        &::before {\n          background-color: var(--diffs-addition-base);\n        }\n      }\n    }\n  }\n\n  [data-overflow='wrap'] {\n    [data-line],\n    [data-annotation-content] {\n      white-space: pre-wrap;\n      word-break: break-word;\n    }\n  }\n\n  [data-overflow='scroll'] [data-line] {\n    white-space: pre;\n    min-height: 1lh;\n  }\n\n  [data-column-number] {\n    box-sizing: content-box;\n    text-align: right;\n    user-select: none;\n    color: var(--diffs-fg-number);\n    padding-left: 2ch;\n  }\n\n  [data-line-number-content] {\n    display: inline-block;\n    min-width: var(\n      --diffs-min-number-column-width,\n      var(--diffs-min-number-column-width-default, 3ch)\n    );\n    position: relative;\n    z-index: 1;\n  }\n\n  [data-disable-line-numbers] {\n    [data-gutter-buffer],\n    [data-column-number] {\n      min-width: 4px;\n      padding: 0;\n\n      &::before {\n        min-width: 0;\n      }\n    }\n\n    [data-line-number-content] {\n      display: none;\n    }\n\n    [data-gutter-utility-slot] {\n      right: unset;\n      left: 0;\n      justify-content: flex-start;\n    }\n\n    &[data-indicators='bars'] [data-gutter-utility-slot] {\n      /* Using 5px here because theres a 2px separator after the bar */\n      left: 6px;\n    }\n  }\n\n  [data-file][data-disable-line-numbers] {\n    [data-gutter-buffer],\n    [data-column-number] {\n      min-width: 0;\n      border-right: 0;\n    }\n  }\n\n  [data-diff-span] {\n    border-radius: 3px;\n    box-decoration-break: clone;\n  }\n\n  [data-line-type='change-addition'] [data-diff-span] {\n    background-color: var(--diffs-bg-addition-emphasis);\n  }\n\n  [data-line-type='change-deletion'] [data-diff-span] {\n    background-color: var(--diffs-bg-deletion-emphasis);\n  }\n\n  [data-merge-conflict='marker-start'],\n  [data-merge-conflict='marker-base'],\n  [data-merge-conflict='marker-separator'],\n  [data-merge-conflict='marker-end'] {\n    padding-left: 1ch;\n    color: var(--diffs-fg);\n  }\n\n  [data-merge-conflict='marker-start'],\n  [data-merge-conflict='marker-end'] {\n    display: flex;\n    align-items: center;\n\n    &::after {\n      color: var(--diffs-fg-conflict-marker);\n      font-style: normal;\n      font-size: 0.75rem;\n      line-height: 1.25rem;\n      padding-left: 1ch;\n      font-family: var(\n        --diffs-header-font-family,\n        var(--diffs-header-font-fallback)\n      );\n    }\n  }\n\n  [data-merge-conflict='marker-start']::after {\n    content: '(Current Change)';\n  }\n\n  [data-merge-conflict='marker-end']::after {\n    content: '(Incoming Change)';\n  }\n\n  [data-merge-conflict-actions-content] {\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n    padding-inline: 0.5rem;\n    min-height: 1.75rem;\n    font-family: var(\n      --diffs-header-font-family,\n      var(--diffs-header-font-fallback)\n    );\n    font-size: 0.75rem;\n    line-height: 1.2;\n    color: var(--diffs-fg);\n  }\n\n  [data-merge-conflict-action] {\n    appearance: none;\n    border: 0;\n    background: transparent;\n    color: var(--diffs-fg-number);\n    font: inherit;\n    font-style: normal;\n    cursor: pointer;\n    padding: 0;\n  }\n\n  [data-merge-conflict-action]:hover {\n    color: var(--diffs-fg);\n  }\n\n  [data-merge-conflict-action='current']:hover {\n    color: var(--diffs-addition-base);\n  }\n\n  [data-merge-conflict-action='incoming']:hover {\n    color: var(--diffs-modified-base);\n  }\n\n  [data-merge-conflict-action-separator] {\n    color: var(--diffs-fg-number);\n    opacity: 0.6;\n    user-select: none;\n  }\n\n  /* Default Header Styles */\n  /* --------------------- */\n  [data-diffs-header='default'] {\n    position: relative;\n    background-color: var(--diffs-bg);\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    gap: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    min-height: calc(\n      1lh + (var(--diffs-gap-block, var(--diffs-gap-fallback)) * 3)\n    );\n    padding-inline: 16px;\n    top: 0;\n    z-index: 2;\n  }\n\n  [data-header-content] {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    min-width: 0;\n    white-space: nowrap;\n  }\n\n  [data-header-content] [data-prev-name],\n  [data-header-content] [data-title] {\n    direction: rtl;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n    white-space: nowrap;\n  }\n\n  [data-prev-name] {\n    opacity: 0.7;\n  }\n\n  [data-rename-icon] {\n    fill: currentColor;\n    flex-shrink: 0;\n    flex-grow: 0;\n  }\n\n  [data-diffs-header='default'] [data-metadata] {\n    display: flex;\n    align-items: center;\n    gap: 1ch;\n    white-space: nowrap;\n  }\n\n  [data-diffs-header='default'] [data-additions-count] {\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n    color: var(--diffs-addition-base);\n  }\n\n  [data-diffs-header='default'] [data-deletions-count] {\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n    color: var(--diffs-deletion-base);\n  }\n\n  [data-change-icon] {\n    fill: currentColor;\n    flex-shrink: 0;\n  }\n\n  [data-change-icon='change'],\n  [data-change-icon='rename-pure'],\n  [data-change-icon='rename-changed'] {\n    color: var(--diffs-modified-base);\n  }\n\n  [data-change-icon='new'] {\n    color: var(--diffs-addition-base);\n  }\n\n  [data-change-icon='deleted'] {\n    color: var(--diffs-deletion-base);\n  }\n\n  [data-change-icon='file'] {\n    opacity: 0.6;\n  }\n\n  [data-annotation-content] {\n    position: relative;\n    display: flow-root;\n    align-self: flex-start;\n    z-index: 2;\n    min-width: 0;\n    isolation: isolate;\n  }\n\n  /* Sticky positioning has a composite costs, so we should _only_ pay it if we\n   * need to */\n  [data-overflow='scroll'] [data-annotation-content] {\n    position: sticky;\n    width: var(--diffs-column-content-width, auto);\n    left: var(--diffs-column-number-width, 0);\n  }\n\n  [data-overflow='scroll'] [data-merge-conflict-actions-content] {\n    position: sticky;\n    width: var(--diffs-column-content-width, auto);\n    left: var(--diffs-column-number-width, 0);\n  }\n\n  /* Undo some of the stuff that the 'pre' tag does */\n  [data-annotation-slot] {\n    text-wrap-mode: wrap;\n    word-break: normal;\n    white-space-collapse: collapse;\n  }\n\n  [data-gutter-utility-slot] {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    display: flex;\n    justify-content: flex-end;\n    touch-action: none;\n  }\n\n  [data-utility-button] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    appearance: none;\n    width: 1lh;\n    height: 1lh;\n    margin-right: calc((1lh - 1ch) * -1);\n    padding: 0;\n    cursor: pointer;\n    font-size: var(--diffs-font-size, 13px);\n    line-height: var(--diffs-line-height, 20px);\n    border-radius: 4px;\n    background-color: var(--diffs-modified-base);\n    color: var(--diffs-bg);\n    fill: currentColor;\n    position: relative;\n    z-index: 4;\n    touch-action: none;\n\n    &::before {\n      content: '';\n      display: block;\n      position: absolute;\n      inset: 0 0 0 -4px;\n    }\n  }\n\n  /* Decoration Bars */\n  /* --------------- */\n  [data-decoration-bar-stack] {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: -2px;\n    width: 6px;\n    pointer-events: none;\n    isolation: isolate;\n    z-index: 1;\n    background-color: var(--diffs-decoration-bar-color, transparent);\n    /* overflow: clip visible; */\n    box-sizing: content-box;\n    border-left: 2px solid var(--diffs-bg);\n    border-right: 2px solid var(--diffs-bg);\n\n    [data-decoration-bar-depth='1'] & {\n      background-color: color-mix(\n        in lab,\n        var(--diffs-bg) 20%,\n        var(--diffs-decoration-bar-color, transparent)\n      );\n    }\n\n    [data-decoration-bar-depth='2'] & {\n      background-color: color-mix(\n        in lab,\n        var(--diffs-bg) 45%,\n        var(--diffs-decoration-bar-color, transparent)\n      );\n    }\n\n    [data-decoration-bar-depth='3'] & {\n      background-color: color-mix(\n        in lab,\n        var(--diffs-bg) 65%,\n        var(--diffs-decoration-bar-color, transparent)\n      );\n    }\n\n    [data-decoration-bar-start] & {\n      border-top-left-radius: 5px;\n      border-top-right-radius: 5px;\n\n      /* &::before { */\n      /*   content: ''; */\n      /*   position: absolute; */\n      /*   box-sizing: content-box; */\n      /*   display: block; */\n      /*   width: 6px; */\n      /*   height: 6px; */\n      /*   z-index: 1; */\n      /*   border-top-left-radius: 3px; */\n      /*   border-top-right-radius: 3px; */\n      /*   border-top: 2px solid var(--diffs-bg); */\n      /*   border-left: 2px solid var(--diffs-bg); */\n      /*   border-right: 2px solid var(--diffs-bg); */\n      /*   left: -2px; */\n      /*   top: -2px; */\n      /* } */\n    }\n\n    [data-decoration-bar-end] & {\n      z-index: 3;\n      border-bottom-left-radius: 5px;\n      border-bottom-right-radius: 5px;\n\n      /* &::after { */\n      /*   content: ''; */\n      /*   position: absolute; */\n      /*   box-sizing: content-box; */\n      /*   display: block; */\n      /*   width: 6px; */\n      /*   height: 6px; */\n      /*   border-bottom-left-radius: 3px; */\n      /*   border-bottom-right-radius: 3px; */\n      /*   border-bottom: 2px solid var(--diffs-bg); */\n      /*   border-left: 2px solid var(--diffs-bg); */\n      /*   border-right: 2px solid var(--diffs-bg); */\n      /*   left: -2px; */\n      /*   bottom: -2px; */\n      /* } */\n    }\n\n    /* [data-decoration-bar-end] & { */\n    /*   border-bottom-left-radius: 5px; */\n    /*   border-bottom-right-radius: 5px; */\n    /*   border-bottom: 2px solid var(--diffs-bg); */\n    /*   border-left: 2px solid var(--diffs-bg); */\n    /*   border-right: 2px solid var(--diffs-bg); */\n    /*   right: -2px; */\n    /*   bottom: -2px; */\n    /*   z-index: 3; */\n    /* } */\n  }\n\n  [data-placeholder] {\n    contain: strict;\n  }\n\n  [data-error-wrapper] {\n    overflow: auto;\n    padding: var(--diffs-gap-block, var(--diffs-gap-fallback))\n      var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    max-height: 400px;\n    scrollbar-width: none;\n\n    [data-error-message] {\n      font-weight: bold;\n      font-size: 18px;\n      color: var(--diffs-deletion-base);\n    }\n\n    [data-error-stack] {\n      color: var(--diffs-fg-number);\n    }\n  }\n}\n"],"mappings":";oBAAA"}
+{"version":3,"file":"style.js","names":[],"sources":[],"mappings":""}