benglewis · August 9, 2026 13:39
diff --git a/gistfile1.txt b/gistfile1.txt
 From: <Saved by Blink>
 Snapshot-Content-Location: https://claude.ai/code/artifact/b960d3b0-e3ee-41d4-aaaf-008bd295cd15?open_in_browser=1&via=user_open&org=b1115f54-04d8-40a8-a2cb-bea6cd7a2255
 Subject: Why the spec PDF search lands on the wrong page
 Date: Sun, 9 Aug 2026 16:37:48 +0300
 MIME-Version: 1.0
 Content-Type: multipart/related;
 	type="text/html";
 	boundary="----MultipartBoundary--MrHHygFPIxOijrTfdmtvfVNjCzhnJRXUwRXKPFWD7W----"


 ------MultipartBoundary--MrHHygFPIxOijrTfdmtvfVNjCzhnJRXUwRXKPFWD7W----
 Content-Type: text/html
 Content-ID: <frame-26728BAE3C89C8158F45DF58FFF07B76@mhtml.blink>
 Content-Transfer-Encoding: quoted-printable
 Content-Location: https://claude.ai/code/artifact/b960d3b0-e3ee-41d4-aaaf-008bd295cd15?open_in_browser=1&via=user_open&org=b1115f54-04d8-40a8-a2cb-bea6cd7a2255

 <!DOCTYPE html><html lang=3D"en" data-frame-uuid=3D"b960d3b0-e3ee-41d4-aaaf=
 -008bd295cd15" style=3D"--frame-print-h: 5474px;"><head><meta http-equiv=3D=
 "Content-Type" content=3D"text/html; charset=3DUTF-8"><link rel=3D"styleshe=
 et" type=3D"text/css" href=3D"cid:css-1c92e82f-1175-443c-be80-299ac024f3fc@=
 mhtml.blink" /><link rel=3D"stylesheet" type=3D"text/css" href=3D"cid:css-0=
 da78243-5c73-4c41-ba6e-c50b30f10acc@mhtml.blink" /><link rel=3D"stylesheet"=
 type=3D"text/css" href=3D"cid:css-247a2d1d-340a-4c22-a22e-f5897cc9fe15@mht=
 ml.blink" /><meta property=3D"og:title" content=3D"Claude Artifact"><meta n=
 ame=3D"twitter:title" content=3D"Claude Artifact"><meta name=3D"description=
 " content=3D"Try out Artifacts created by Claude users"><meta property=3D"o=
 g:description" content=3D"Try out Artifacts created by Claude users"><meta =
 name=3D"twitter:description" content=3D"Try out Artifacts created by Claude=
 users"><meta property=3D"og:image" content=3D"https://claude.ai/images/cla=
 ude_ogimage.png"><meta name=3D"twitter:image" content=3D"https://claude.ai/=
 images/claude_ogimage.png"><meta property=3D"og:image:width" content=3D"113=
 8"><meta property=3D"og:image:height" content=3D"640"><meta property=3D"og:=
 image:alt" content=3D"Claude Artifact"><meta name=3D"twitter:card" content=
 =3D"summary"><meta name=3D"robots" content=3D"noindex, nofollow"><link rel=
 =3D"preconnect" href=3D"https://assets-proxy.anthropic.com/" crossorigin=3D=
 ""><link rel=3D"dns-prefetch" href=3D"https://assets-proxy.anthropic.com/">=
 <meta name=3D"build-timestamp" content=3D"1786210301"><meta name=3D"build-g=
 it-hash" content=3D"59c9c5ce569c937d779ca1e47a0f5acc4a059f33"><meta name=3D=
 "viewport" content=3D"width=3Ddevice-width,initial-scale=3D1"><meta name=3D=
 "robots" content=3D"noindex"><meta name=3D"referrer" content=3D"no-referrer=
 "><title>Why the spec PDF search lands on the wrong page</title><link rel=
 =3D"preload" as=3D"font" type=3D"font/woff2" crossorigin=3D"" href=3D"https=
 ://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cc27851ad-DDVos-BJ.wof=
 f2"><link rel=3D"preload" as=3D"font" type=3D"font/woff2" crossorigin=3D"" =
 href=3D"https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c0f671921=
 -_JGacpB2.woff2"><link rel=3D"modulepreload" crossorigin=3D"" href=3D"https=
 ://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/preload-helper-BE_pJ-H=
 w.js"><link rel=3D"modulepreload" crossorigin=3D"" href=3D"https://assets-p=
 roxy.anthropic.com/claude-ai/v2/assets/v1/frame-shell-chrome-EF7qabtw.js"><=
 link rel=3D"modulepreload" crossorigin=3D"" href=3D"https://assets-proxy.an=
 thropic.com/claude-ai/v2/assets/v1/rolldown-runtime-iuO8RvI4.js"><link rel=
 =3D"modulepreload" crossorigin=3D"" href=3D"https://assets-proxy.anthropic.=
 com/claude-ai/v2/assets/v1/vendor-frame-BayIWjvX.js"><link rel=3D"modulepre=
 load" crossorigin=3D"" href=3D"https://assets-proxy.anthropic.com/claude-ai=
 /v2/assets/v1/shared-frame-oSGxajKa.js"><link rel=3D"modulepreload" crossor=
 igin=3D"" href=3D"https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1=
 /frame-shell-deferred-CNPfGCFt.js"><meta name=3D"shell-inline-span" content=
 =3D"2442"><meta name=3D"robots" content=3D"noindex, nofollow"><link rel=3D"=
 preconnect" href=3D"https://b960d3b0-e3ee-41d4-aaaf-008bd295cd15.frame.clau=
 deusercontent.com/"></head><body><header id=3D"hdr"><div class=3D"cds-root =
 text-primary contents" data-density=3D"comfortable" data-platform=3D"web" d=
 ata-font=3D"anthropic" data-mode=3D"light" style=3D"font-size: var(--cds-fo=
 nt-size-body);"><div class=3D"l"><a class=3D"logo" href=3D"https://claude.a=
 i/code/artifacts" aria-label=3D"Your artifacts"><span class=3D"ico" aria-hi=
 dden=3D"true">=EE=80=97</span></a><button type=3D"button" data-cds=3D"Butto=
 n" data-size=3D"xs" class=3D"cds-reset group/btn relative isolate inline-fl=
 ex shrink-0 items-center justify-center gap-1.5 whitespace-nowrap select-no=
 ne cursor-[var(--cds-cursor-interactive)] aria-disabled:cursor-default data=
 -[disabled]:cursor-default border-0 outline-none focus-visible:outline-hidd=
 en rounded h-control font-sans text-body [&amp;:disabled:not([aria-busy])]:=
 opacity-50 disabled:pointer-events-none transition-shadow duration-fast foc=
 us-visible:shadow-focus text-primary font-normal aria-pressed:text-accent p=
 x-md ml-[2px] !pl-[6px]" data-title-menu=3D"" tabindex=3D"0" aria-haspopup=
 =3D"menu" id=3D"base-ui-_r_3_" aria-expanded=3D"false"><span aria-hidden=3D=
 "true" class=3D"absolute -z-[1] rounded-[inherit] transition-colors duratio=
 n-fast group-focus-visible/btn:shadow-[inset_0_0_0_1px_var(--cds-page-bg)] =
 bg-transparent group-hover/btn:bg-fill-ghost-hover group-[[aria-haspopup][a=
 ria-expanded=3Dtrue]]/btn:bg-fill-ghost-hover inset-0 group-aria-pressed/bt=
 n:bg-accent group-hover/btn:group-aria-pressed/btn:bg-accent cds-btn-squish=
 "></span><span class=3D"inline-flex min-w-0 items-center gap-1 "><span cla=
 ss=3D"mr-0.5 truncate text-[14px] font-medium text-primary">Why the spec PD=
 F search lands on the wrong page</span><span class=3D"-me-1 inline-flex"><s=
 pan data-cds=3D"Icon" aria-hidden=3D"true" style=3D"font-family: var(--font=
 -anthropicons, Anthropicons-Variable); font-feature-settings: &quot;liga&qu=
 ot; 0; font-optical-sizing: auto; font-style: normal; font-variation-settin=
 gs: normal; line-height: 1; width: 1em; height: 1em; display: flex; align-i=
 tems: center; justify-content: center; flex-shrink: 0; user-select: none; f=
 ont-size: 12px; font-weight: 577.8;">=EE=80=A7</span></span></span></button=
 ></div><div class=3D"r" data-chrome-root=3D"" data-size=3D"xs"><button type=
 =3D"button" data-presence=3D"" aria-label=3D"You" class=3D"cds-reset flex s=
 hrink-0 items-center rounded-full outline-none focus-visible:shadow-focus f=
 ocus-visible:outline-hidden" tabindex=3D"0" data-base-ui-click-trigger=3D""=
 id=3D"base-ui-_r_h_" aria-haspopup=3D"dialog" aria-expanded=3D"false"><div=
 data-cds=3D"AvatarStack" role=3D"group" aria-label=3D"You" class=3D"isolat=
 e inline-flex shrink-0 items-center [--cds-stack-overlap:calc(var(--cds-ava=
 tar-sm)*0.25)]"><span data-stack-item=3D"true" class=3D"relative inline-fle=
 x rounded-full bg-[var(--cds-page-bg)] [box-shadow:0_0_0_2px_var(--cds-page=
 -bg)]" style=3D"z-index: 0;"><span data-cds=3D"Avatar" data-presence-self=
 =3D"" class=3D"inline-flex shrink-0 select-none items-center justify-center=
 overflow-hidden rounded-full font-sans font-medium size-[var(--cds-avatar-=
 sm)] text-[9px] bg-fill-control text-primary" role=3D"img" aria-label=3D"Be=
 n" style=3D"background-color: rgb(91, 117, 150); color: var(--cds-gray-0);"=
 >B</span></span></div></button><button type=3D"button" data-cds=3D"Button" =
 class=3D"cds-reset group/btn isolate inline-flex shrink-0 items-center just=
 ify-center gap-1.5 whitespace-nowrap select-none cursor-[var(--cds-cursor-i=
 nteractive)] aria-disabled:cursor-default data-[disabled]:cursor-default bo=
 rder-0 outline-none focus-visible:outline-hidden rounded h-control font-san=
 s text-body [&amp;:disabled:not([aria-busy])]:opacity-50 disabled:pointer-e=
 vents-none transition-shadow duration-fast focus-visible:shadow-focus text-=
 primary font-normal aria-pressed:text-accent px-md relative" aria-label=3D"=
 Share, private" data-share-btn=3D"" tabindex=3D"0" data-base-ui-click-trigg=
 er=3D"" id=3D"base-ui-_r_8_" aria-haspopup=3D"dialog" aria-expanded=3D"fals=
 e"><span aria-hidden=3D"true" class=3D"absolute -z-[1] rounded-[inherit] tr=
 ansition-colors duration-fast group-focus-visible/btn:shadow-[inset_0_0_0_1=
 px_var(--cds-page-bg)] bg-fill-secondary group-hover/btn:bg-fill-secondary-=
 hover group-[[aria-haspopup][aria-expanded=3Dtrue]]/btn:bg-fill-secondary-h=
 over inset-0 group-aria-pressed/btn:bg-accent group-hover/btn:group-aria-pr=
 essed/btn:bg-accent cds-btn-squish shadow-field"></span><span class=3D"inli=
 ne-flex min-w-0 items-center gap-1 "><span class=3D"-ms-1 inline-flex"><spa=
 n data-cds=3D"Icon" aria-hidden=3D"true" style=3D"font-family: var(--font-a=
 nthropicons, Anthropicons-Variable); font-feature-settings: &quot;liga&quot=
 ; 0; font-optical-sizing: auto; font-style: normal; font-variation-settings=
 : normal; line-height: 1; width: 1em; height: 1em; display: flex; align-ite=
 ms: center; justify-content: center; flex-shrink: 0; user-select: none; fon=
 t-size: 16px; font-weight: 533.3;">=EE=82=A1</span></span>Share</span></but=
 ton><span class=3D"sr-only" role=3D"status" aria-live=3D"polite"></span><sp=
 an class=3D"sr-only" role=3D"alert"></span><button type=3D"button" data-cds=
 =3D"Button" class=3D"cds-reset group/btn relative isolate inline-flex shrin=
 k-0 items-center justify-center gap-1.5 whitespace-nowrap select-none curso=
 r-[var(--cds-cursor-interactive)] aria-disabled:cursor-default data-[disabl=
 ed]:cursor-default border-0 outline-none focus-visible:outline-hidden round=
 ed h-control font-sans text-body [&amp;:disabled:not([aria-busy])]:opacity-=
 50 disabled:pointer-events-none transition-shadow duration-fast focus-visib=
 le:shadow-focus text-primary font-normal aria-pressed:text-accent aspect-sq=
 uare w-control px-0" aria-label=3D"Full screen" data-fullscreen-btn=3D"" id=
 =3D"_r_i_" data-base-ui-tooltip-trigger=3D""><span aria-hidden=3D"true" cla=
 ss=3D"absolute -z-[1] rounded-[inherit] transition-colors duration-fast gro=
 up-focus-visible/btn:shadow-[inset_0_0_0_1px_var(--cds-page-bg)] bg-fill-se=
 condary group-hover/btn:bg-fill-secondary-hover group-[[aria-haspopup][aria=
 -expanded=3Dtrue]]/btn:bg-fill-secondary-hover inset-0 group-aria-pressed/b=
 tn:bg-accent group-hover/btn:group-aria-pressed/btn:bg-accent cds-btn-squis=
 h shadow-field"></span><span class=3D"inline-flex min-w-0 items-center gap-=
 1 "><span data-cds=3D"Icon" aria-hidden=3D"true" style=3D"font-family: var(=
 --font-anthropicons, Anthropicons-Variable); font-feature-settings: &quot;l=
 iga&quot; 0; font-optical-sizing: auto; font-style: normal; font-variation-=
 settings: normal; line-height: 1; width: 1em; height: 1em; display: flex; a=
 lign-items: center; justify-content: center; flex-shrink: 0; user-select: n=
 one; font-size: 16px; font-weight: 533.3;">=EE=81=A7</span></span></button>=
 </div><div class=3D"pointer-events-none fixed right-[12px] top-[calc(var(--=
 bar)+8px)] max-w-[min(280px,calc(100vw-24px))]" style=3D"z-index: 9000;"><d=
 iv role=3D"alert" aria-live=3D"assertive"></div><div role=3D"status" aria-l=
 ive=3D"polite"></div></div></div></header><div id=3D"hdr-degraded"><a class=
 =3D"logo" href=3D"https://claude.ai/code/artifacts" aria-label=3D"Your arti=
 facts"><span class=3D"ico" aria-hidden=3D"true">=EE=80=97</span></a> <span =
 class=3D"degraded-title"></span> <span class=3D"byline">Content is user-gen=
 erated and unverified.</span></div><main><div id=3D"frame-slot" data-frame-=
 uuid=3D"b960d3b0-e3ee-41d4-aaaf-008bd295cd15" data-frame-uchost=3D"b960d3b0=
 -e3ee-41d4-aaaf-008bd295cd15.frame.claudeusercontent.com"><iframe title=3D"=
 User-generated artifact content" data-ver=3D"1786267488-9acf" data-tokened=
 =3D"true" data-translate=3D"false" data-permissions=3D"false" data-reader-s=
 elf=3D"false" data-substrate=3D"" data-had-broker=3D"false" sandbox=3D"allo=
 w-scripts allow-same-origin allow-forms" referrerpolicy=3D"no-referrer" src=
 =3D"cid:frame-747BDD2C12D3BA16D90A7C4BA95D5D17@mhtml.blink" id=3D"frame-con=
 tent" class=3D"ready" style=3D""></iframe></div></main><iframe height=3D"1"=
 width=3D"1" style=3D"position: absolute; top: 0px; left: 0px; border-width=
 : medium; border-style: none; border-color: currentcolor; border-image: non=
 e; visibility: hidden;"></iframe><div class=3D"cds-root pointer-events-auto=
 " data-cds-portal=3D"" data-density=3D"comfortable" data-platform=3D"web" d=
 ata-font=3D"anthropic" data-mode=3D"light"><div data-share-kick-region=3D""=
 class=3D"pointer-events-none fixed right-[12px] top-[max(8px,calc(var(--ba=
 r)-2px))] z-30 flex flex-col items-end gap-xs"><div role=3D"status" aria-li=
 ve=3D"polite" data-share-kick-live=3D"" class=3D"max-w-[min(280px,calc(100v=
 w-24px))]"></div></div><div data-share-msg-region=3D"" class=3D"pointer-eve=
 nts-none fixed right-[12px] top-[max(8px,calc(var(--bar)-2px))] flex flex-c=
 ol items-end gap-xs z-30"></div></div></body></html>
 ------MultipartBoundary--MrHHygFPIxOijrTfdmtvfVNjCzhnJRXUwRXKPFWD7W----
 Content-Type: text/css
 Content-Transfer-Encoding: quoted-printable
 Content-Location: cid:css-247a2d1d-340a-4c22-a22e-f5897cc9fe15@mhtml.blink

 @charset "utf-8";

 @layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((=
 -moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  :root, :host { --cds-badge-x-wght: 577.8; }
  *, ::before, ::after { --tw-translate-x: 0; --tw-translate-y: 0; --tw-tra=
 nslate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate=
 -x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: i=
 nitial; --tw-skew-y: initial; --tw-divide-y-reverse: 0; --tw-border-style: =
 solid; --tw-leading: initial; --tw-font-weight: initial; --tw-ordinal: init=
 ial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric=
 -spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; =
 --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0=
 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --=
 tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color:=
 initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw=
 -ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-sha=
 dow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightn=
 ess: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rot=
 ate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: i=
 nitial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-co=
 lor: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial;=
 --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backd=
 rop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-=
 rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: init=
 ial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-du=
 ration: initial; --tw-ease: initial; --tw-content: ""; --cds-outset-x: 0px;=
 --cds-outset-y: 0px; --cds-scroll-fade-size: 28px; --cds-scroll-fade-top: =
 0px; --cds-scroll-fade-bottom: 0px; --cds-scroll-fade-left: 0px; --cds-scro=
 ll-fade-right: 0px; --cds-scroll-fade-top-raw: 0px; --cds-scroll-fade-botto=
 m-raw: 0px; --cds-scroll-fade-left-raw: 0px; --cds-scroll-fade-right-raw: 0=
 px; --cds-scroll-fade-y-active: 0; --cds-scroll-fade-x-active: 0; --cds-scr=
 oll-fade-strip-raw: 0; --cds-scroll-fade-strip-active: 0; }
  ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: =
 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initia=
 l; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --=
 tw-skew-y: initial; --tw-divide-y-reverse: 0; --tw-border-style: solid; --t=
 w-leading: initial; --tw-font-weight: initial; --tw-ordinal: initial; --tw-=
 slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: =
 initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shado=
 w-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --=
 tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-co=
 lor: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; =
 --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offs=
 et-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #=
 0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initi=
 al; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initi=
 al; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --=
 tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initi=
 al; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-back=
 drop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contra=
 st: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: in=
 itial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-=
 backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: in=
 itial; --tw-ease: initial; --tw-content: ""; --cds-outset-x: 0px; --cds-out=
 set-y: 0px; --cds-scroll-fade-size: 28px; --cds-scroll-fade-top: 0px; --cds=
 -scroll-fade-bottom: 0px; --cds-scroll-fade-left: 0px; --cds-scroll-fade-ri=
 ght: 0px; --cds-scroll-fade-top-raw: 0px; --cds-scroll-fade-bottom-raw: 0px=
 ; --cds-scroll-fade-left-raw: 0px; --cds-scroll-fade-right-raw: 0px; --cds-=
 scroll-fade-y-active: 0; --cds-scroll-fade-x-active: 0; --cds-scroll-fade-s=
 trip-raw: 0; --cds-scroll-fade-strip-active: 0; }
 }
 }

 @layer theme {
  :root, :host { --spacing: .25rem; --leading-tight: 1.25; --leading-snug: =
 1.375; --leading-relaxed: 1.625; --radius-sm: .25rem; --animate-pulse: puls=
 e 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-md: 12px; --default-transi=
 tion-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,=
 0, .2, 1); }
 }

 @layer base {
  @layer {
  :where(.cds-root), :where(.cds-root) *, :where(.cds-root) ::after, :where=
 (.cds-root) ::before, :where(.cds-root) ::backdrop, :where(.cds-root) ::fil=
 e-selector-button { box-sizing: border-box; margin: 0px; padding: 0px; bord=
 er: 0px solid; }
  .cds-root { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-f=
 amily: var(--cds-font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Col=
 or Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-f=
 eature-settings: var(--default-font-feature-settings,normal); font-variatio=
 n-settings: var(--default-font-variation-settings,normal); -webkit-tap-high=
 light-color: transparent; }
  :where(.cds-root) hr { height: 0px; color: inherit; border-top-width: 1px=
 ; }
  :where(.cds-root) abbr:where([title]) { text-decoration: underline dotted=
 ; }
  :where(.cds-root) h1, :where(.cds-root) h2, :where(.cds-root) h3, :where(=
 .cds-root) h4, :where(.cds-root) h5, :where(.cds-root) h6 { font-size: inhe=
 rit; font-weight: inherit; }
  :where(.cds-root) a { color: inherit; text-decoration: inherit; }
  :where(.cds-root) b, :where(.cds-root) strong { font-weight: bolder; }
  :where(.cds-root) code, :where(.cds-root) kbd, :where(.cds-root) samp, :w=
 here(.cds-root) pre { font-family: var(--cds-font-mono,ui-monospace, SFMono=
 -Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monosp=
 ace); font-feature-settings: var(--default-mono-font-feature-settings,norma=
 l); font-variation-settings: var(--default-mono-font-variation-settings,nor=
 mal); font-size: 1em; }
  :where(.cds-root) small { font-size: 80%; }
  :where(.cds-root) sub, :where(.cds-root) sup { font-size: 75%; line-heigh=
 t: 0; position: relative; vertical-align: baseline; }
  :where(.cds-root) sub { bottom: -0.25em; }
  :where(.cds-root) sup { top: -0.5em; }
  :where(.cds-root) table { text-indent: 0px; border-color: inherit; border=
 -collapse: collapse; }
  :where(.cds-root) progress { vertical-align: baseline; }
  :where(.cds-root) summary { display: list-item; }
  :where(.cds-root) ol, :where(.cds-root) ul, :where(.cds-root) menu { list=
 -style: none; }
  :where(.cds-root) img, :where(.cds-root) svg, :where(.cds-root) video, :w=
 here(.cds-root) canvas, :where(.cds-root) audio, :where(.cds-root) iframe, =
 :where(.cds-root) embed, :where(.cds-root) object { display: block; vertica=
 l-align: middle; }
  :where(.cds-root) img, :where(.cds-root) video { max-width: 100%; height:=
 auto; }
  :where(.cds-root) button, :where(.cds-root) input, :where(.cds-root) sele=
 ct, :where(.cds-root) optgroup, :where(.cds-root) textarea, :where(.cds-roo=
 t) ::file-selector-button { font: inherit; letter-spacing: inherit; color: =
 inherit; border-radius: 0px; background-color: rgba(0, 0, 0, 0); opacity: 1=
 ; }
  :where(.cds-root) :where(select:is([multiple], [size])) optgroup { font-w=
 eight: bolder; }
  :where(.cds-root) :where(select:is([multiple], [size])) optgroup option {=
 padding-inline-start: 20px; }
  :where(.cds-root) ::file-selector-button { margin-inline-end: 4px; }
  :where(.cds-root) ::placeholder { opacity: 1; }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intr=
 insic-size:1px) {
  :where(.cds-root) ::placeholder { color: currentcolor; }
  @supports (color:color-mix(in lab, red, red)) {
  :where(.cds-root) ::placeholder { color: color-mix(currentcolor, transpar=
 ent); }
 }
 }
  :where(.cds-root) textarea { resize: vertical; }
  :where(.cds-root) ::-webkit-search-decoration { appearance: none; }
  :where(.cds-root) ::-webkit-date-and-time-value { min-height: 1lh; text-a=
 lign: inherit; }
  :where(.cds-root) ::-webkit-datetime-edit { display: inline-flex; }
  :where(.cds-root) ::-webkit-datetime-edit-fields-wrapper { padding: 0px; =
 }
  :where(.cds-root) ::-webkit-datetime-edit, :where(.cds-root) ::-webkit-da=
 tetime-edit-year-field, :where(.cds-root) ::-webkit-datetime-edit-month-fie=
 ld, :where(.cds-root) ::-webkit-datetime-edit-day-field, :where(.cds-root) =
 ::-webkit-datetime-edit-hour-field, :where(.cds-root) ::-webkit-datetime-ed=
 it-minute-field, :where(.cds-root) ::-webkit-datetime-edit-second-field, :w=
 here(.cds-root) ::-webkit-datetime-edit-millisecond-field, :where(.cds-root=
 ) ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
  :where(.cds-root) ::-webkit-calendar-picker-indicator { line-height: 1; }
  :where(.cds-root) button, :where(.cds-root) input:where([type=3D"button"]=
 , [type=3D"reset"], [type=3D"submit"]), :where(.cds-root) ::file-selector-b=
 utton { appearance: button; }
  :where(.cds-root) ::-webkit-inner-spin-button, :where(.cds-root) ::-webki=
 t-outer-spin-button { height: auto; }
  :where(.cds-root) [hidden]:where(:not([hidden=3D"until-found"])) { displa=
 y: none !important; }
 }
  html:where(.cds-root), html:where(.cds-root)::before, html:where(.cds-roo=
 t)::after, html:where(.cds-root) *, html:where(.cds-root) ::before, html:wh=
 ere(.cds-root) ::after, html :where(.cds-root), html :where(.cds-root)::bef=
 ore, html :where(.cds-root)::after, html :where(.cds-root) *, html :where(.=
 cds-root) ::before, html :where(.cds-root) ::after { border-color: var(--cd=
 s-border); }
  :where(.cds-root) :where(button, [role=3D"button"], [role=3D"tab"], [role=
 =3D"menuitem"], [role=3D"menuitemcheckbox"], [role=3D"menuitemradio"], [rol=
 e=3D"option"], [role=3D"switch"], [role=3D"checkbox"], [role=3D"radio"]) { =
 cursor: var(--cds-cursor-interactive); }
  :where(.cds-root) :where(button, [role]):where(:disabled, [aria-disabled=
 =3D"true"], [data-disabled]) { cursor: default; }
  :where(.cds-root) ::selection { background-color: var(--cds-bg-accent); c=
 olor: var(--cds-text-accent); }
 }

 @layer cds-card {
  .cds-root [data-cds=3D"Card"] > .cds-card-fill { background-color: var(--=
 cds-surface-1); }
  .cds-root [data-cds=3D"Card"]:has([data-cds=3D"CardLink"]):hover > .cds-c=
 ard-fill { background-color: var(--cds-surface-2); }
  :where(.cds-root [data-cds=3D"Card"]:has([data-cds=3D"CardLink"])) :where=
 (a, button, input, select, textarea, label, summary, iframe, [role=3D"butto=
 n"], [contenteditable]:not([contenteditable=3D"false"]), [tabindex]:not([ta=
 bindex^=3D"-"])):where(:not([data-cds=3D"CardLink"], [data-cds=3D"CardLink"=
 ] *)) { z-index: 1; position: relative; }
  :where(.cds-root) :where([data-cds=3D"CardLink"]:focus-visible)::after { =
 outline-offset: -2px; outline: rgba(0, 0, 0, 0) solid 2px; }
 }

 @layer components {
  :where(.cds-root) :where(input, textarea, select).cds-input { appearance:=
 none; box-shadow: none; font: inherit; color: inherit; background: 0px 0px=
 ; border: 0px; border-radius: 0px; outline: none; padding: 0px; }
  :where(.cds-root) :where(input, textarea).cds-input.cds-input:focus { box=
 -shadow: none; border-color: var(--cds-border); outline: none; }
  :where(.cds-root) :where(input, textarea).cds-input.cds-input:focus-visib=
 le { box-shadow: var(--cds-focus-shadow); outline-offset: 2px; outline: rgb=
 a(0, 0, 0, 0) solid 2px; }
  :where(.cds-root) .cds-reset:focus, :where(.cds-root) .cds-reset:focus-vi=
 sible { outline: none; }
  :where(.cds-root) .cds-reset:focus-visible { outline-offset: 2px; outline=
 : rgba(0, 0, 0, 0) solid 2px; }
  :where(.cds-root) :is(b, strong) { font-weight: var(--cds-font-weight-bol=
 d); }
 }

 @layer utilities {
  .pointer-events-auto { pointer-events: auto; }
  .pointer-events-none { pointer-events: none; }
  .\!visible { visibility: visible !important; }
  .collapse { visibility: collapse; }
  .invisible { visibility: hidden; }
  .visible { visibility: visible; }
  .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0px;=
 width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; o=
 verflow: hidden; }
  .absolute { position: absolute; }
  .fixed { position: fixed; }
  .relative { position: relative; }
  .static { position: static; }
  .sticky { position: sticky; }
  .inset-0 { inset: calc(var(--spacing) * 0); }
  .inset-\[0\.5px\] { inset: 0.5px; }
  .inset-x-0 { inset-inline: calc(var(--spacing) * 0); }
  .-top-0\.5 { top: calc(var(--spacing) * -.5); }
  .top-0 { top: calc(var(--spacing) * 0); }
  .top-1\/2 { top: 50%; }
  .top-\[52px\] { top: 52px; }
  .top-\[calc\(var\(--bar\)\+8px\)\] { top: calc(var(--bar) + 8px); }
  .top-\[max\(8px\,calc\(var\(--bar\)-2px\)\)\] { top: max(8px, calc(var(--=
 bar) - 2px)); }
  .top-px { top: 1px; }
  .-right-0\.5 { right: calc(var(--spacing) * -.5); }
  .right-\[12px\] { right: 12px; }
  .right-px { right: 1px; }
  .bottom-0 { bottom: calc(var(--spacing) * 0); }
  .bottom-4 { bottom: calc(var(--spacing) * 4); }
  .left-0 { left: calc(var(--spacing) * 0); }
  .left-1\/2 { left: 50%; }
  .left-\[24px\] { left: 24px; }
  .isolate { isolation: isolate; }
  .\!z-\[42\] { z-index: 42 !important; }
  .-z-10 { z-index: calc(-10); }
  .-z-\[1\] { z-index: calc(-1); }
  .z-30 { z-index: 30; }
  .z-50 { z-index: 50; }
  .z-60 { z-index: 60; }
  .z-\[2\] { z-index: 2; }
  .z-\[55\] { z-index: 55; }
  .z-\[70\] { z-index: 70; }
  .z-auto { z-index: auto; }
  .z-modal { z-index: var(--cds-z-modal); }
  .z-popover { z-index: var(--cds-z-popover); }
  .col-span-full { grid-column: 1 / -1; }
  .row-span-full { grid-row: 1 / -1; }
  .container { width: 100%; }
  @media (min-width: 40rem) {
  .container { max-width: 40rem; }
 }
  @media (min-width: 48rem) {
  .container { max-width: 48rem; }
 }
  @media (min-width: 64rem) {
  .container { max-width: 64rem; }
 }
  @media (min-width: 80rem) {
  .container { max-width: 80rem; }
 }
  @media (min-width: 96rem) {
  .container { max-width: 96rem; }
 }
  .m-1 { margin: calc(var(--spacing) * 1); }
  .m-auto { margin: auto; }
  .-mx-1 { margin-inline: calc(var(--spacing) * -1); }
  .-mx-sm { margin-inline: calc(var(--cds-gap-sm) * -1); }
  .-mx-xs { margin-inline: calc(var(--cds-gap-xs) * -1); }
  .mx-outset { margin-inline: calc(var(--cds-outset-x,0px) * -1); }
  .mx-pad-md { margin-inline: var(--cds-pad-md); }
  .-my-\[0\.125em\] { margin-block: -0.125em; }
  .-my-xs { margin-block: calc(var(--cds-gap-xs) * -1); }
  .my-1 { margin-block: calc(var(--spacing) * 1); }
  .-ms-1 { margin-inline-start: calc(var(--spacing) * -1); }
  .ms-outset { margin-inline-start: calc(var(--cds-outset-x,0px) * -1); }
  .-me-1 { margin-inline-end: calc(var(--spacing) * -1); }
  .-me-pad-lg { margin-inline-end: calc(var(--cds-pad-lg) * -1); }
  .-me-pad-sm { margin-inline-end: calc(var(--cds-pad-sm) * -1); }
  .me-outset { margin-inline-end: calc(var(--cds-outset-x,0px) * -1); }
  .-mt-0\.5 { margin-top: calc(var(--spacing) * -.5); }
  .-mt-1 { margin-top: calc(var(--spacing) * -1); }
  .-mt-pad-sm { margin-top: calc(var(--cds-pad-sm) * -1); }
  .mt-0 { margin-top: calc(var(--spacing) * 0); }
  .mt-1 { margin-top: calc(var(--spacing) * 1); }
  .mt-2 { margin-top: calc(var(--spacing) * 2); }
  .mt-3 { margin-top: calc(var(--spacing) * 3); }
  .mt-4 { margin-top: calc(var(--spacing) * 4); }
  .mt-md { margin-top: var(--cds-gap-md); }
  .mt-pad-lg { margin-top: var(--cds-pad-lg); }
  .mt-px { margin-top: 1px; }
  .mt-sm { margin-top: var(--cds-gap-sm); }
  .mt-xs { margin-top: var(--cds-gap-xs); }
  .-mr-1 { margin-right: calc(var(--spacing) * -1); }
  .-mr-pad-sm { margin-right: calc(var(--cds-pad-sm) * -1); }
  .mr-0\.5 { margin-right: calc(var(--spacing) * .5); }
  .mr-\[-0\.8px\] { margin-right: -0.8px; }
  .mr-\[calc\(min\(3px\,\(var\(--cds-h-control-nested\)-12px\)\/2\)-var\(--=
 cds-pad-sm\)\)\] { margin-right: calc(min(3px, (var(--cds-h-control-nested)=
 - 12px) / 2) - var(--cds-pad-sm)); }
  .mb-1 { margin-bottom: calc(var(--spacing) * 1); }
  .mb-pad-md { margin-bottom: var(--cds-pad-md); }
  .-ml-0\.5 { margin-left: calc(var(--spacing) * -.5); }
  .-ml-1 { margin-left: calc(var(--spacing) * -1); }
  .-ml-\[calc\(var\(--cds-pad-md\)-\(var\(--cds-h-control\)-var\(--cds-chec=
 kbox\)\)\/2\)\] { margin-left: calc(calc(var(--cds-pad-md) - (var(--cds-h-c=
 ontrol) - var(--cds-checkbox)) / 2) * -1); }
  .ml-0\.5 { margin-left: calc(var(--spacing) * .5); }
  .ml-1 { margin-left: calc(var(--spacing) * 1); }
  .ml-\[2px\] { margin-left: 2px; }
  .ml-\[calc\(\(var\(--cds-h-control-nested\)-12px\)\/2-var\(--cds-pad-sm\)=
 \+1px\)\] { margin-left: calc((var(--cds-h-control-nested) - 12px) / 2 - va=
 r(--cds-pad-sm) + 1px); }
  .ml-\[calc\(\(var\(--cds-h-control-nested\)-16px\)\/2-var\(--cds-pad-sm\)=
 \+1px\)\] { margin-left: calc((var(--cds-h-control-nested) - 16px) / 2 - va=
 r(--cds-pad-sm) + 1px); }
  .ml-\[calc\(\(var\(--cds-h-control-nested\)-20px\)\/2-var\(--cds-pad-sm\)=
 \+1px\)\] { margin-left: calc((var(--cds-h-control-nested) - 20px) / 2 - va=
 r(--cds-pad-sm) + 1px); }
  .ml-auto { margin-left: auto; }
  .ml-md { margin-left: var(--cds-gap-md); }
  .ml-xs { margin-left: var(--cds-gap-xs); }
  .\[display\:inherit\] { display: inherit; }
  .block { display: block; }
  .contents { display: contents; }
  .flex { display: flex; }
  .grid { display: grid; }
  .hidden { display: none; }
  .inline { display: inline; }
  .inline-block { display: inline-block; }
  .inline-flex { display: inline-flex; }
  .table { display: table; }
  .\[field-sizing\:content\] { field-sizing: content; }
  .aspect-square { aspect-ratio: 1 / 1; }
  .\!size-\[var\(--fhn\)\] { width: var(--fhn) !important; height: var(--fh=
 n) !important; }
  .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * =
 2); }
  .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * =
 5); }
  .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * =
 6); }
  .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * =
 7); }
  .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * =
 8); }
  .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) =
 * 24); }
  .size-\[1lh\] { width: 1lh; height: 1lh; }
  .size-\[8px\] { width: 8px; height: 8px; }
  .size-\[calc\(var\(--cds-h-control-nested\)-4px\)\] { width: calc(var(--c=
 ds-h-control-nested) - 4px); height: calc(var(--cds-h-control-nested) - 4px=
 ); }
  .size-\[calc\(var\(--cds-switch-h\,20px\)-4px\)\] { width: calc(var(--cds=
 -switch-h,20px) - 4px); height: calc(var(--cds-switch-h,20px) - 4px); }
  .size-\[max\(calc\(var\(--cds-h-control-nested\)-6px\)\,12px\)\] { width:=
 max(calc(var(--cds-h-control-nested) - 6px), 12px); height: max(calc(var(-=
 -cds-h-control-nested) - 6px), 12px); }
  .size-\[var\(--cds-avatar-lg\)\] { width: var(--cds-avatar-lg); height: v=
 ar(--cds-avatar-lg); }
  .size-\[var\(--cds-avatar-md\)\] { width: var(--cds-avatar-md); height: v=
 ar(--cds-avatar-md); }
  .size-\[var\(--cds-avatar-sm\)\] { width: var(--cds-avatar-sm); height: v=
 ar(--cds-avatar-sm); }
  .size-\[var\(--cds-checkbox\)\] { width: var(--cds-checkbox); height: var=
 (--cds-checkbox); }
  .size-full { width: 100%; height: 100%; }
  .size-icon { width: var(--cds-icon); height: var(--cds-icon); }
  .h-4 { height: calc(var(--spacing) * 4); }
  .h-6 { height: calc(var(--spacing) * 6); }
  .h-11 { height: calc(var(--spacing) * 11); }
  .h-28 { height: calc(var(--spacing) * 28); }
  .h-32 { height: calc(var(--spacing) * 32); }
  .h-40 { height: calc(var(--spacing) * 40); }
  .h-48 { height: calc(var(--spacing) * 48); }
  .h-60 { height: calc(var(--spacing) * 60); }
  .h-\[1em\] { height: 1em; }
  .h-\[1lh\] { height: 1lh; }
  .h-\[96px\] { height: 96px; }
  .h-\[98px\] { height: 98px; }
  .h-\[var\(--cds-avatar-lg\)\] { height: var(--cds-avatar-lg); }
  .h-\[var\(--cds-avatar-md\)\] { height: var(--cds-avatar-md); }
  .h-\[var\(--cds-avatar-sm\)\] { height: var(--cds-avatar-sm); }
  .h-\[var\(--cds-switch-h\)\] { height: var(--cds-switch-h); }
  .h-auto { height: auto; }
  .h-control { height: var(--cds-h-control); }
  .h-control-nested { height: var(--cds-h-control-nested); }
  .h-dvh { height: 100dvh; }
  .h-full { height: 100%; }
  .h-icon { height: var(--cds-icon); }
  .h-px { height: 1px; }
  .\!max-h-\[240px\] { max-height: 240px !important; }
  .\!max-h-\[284px\] { max-height: 284px !important; }
  .max-h-24 { max-height: calc(var(--spacing) * 24); }
  .max-h-64 { max-height: calc(var(--spacing) * 64); }
  .max-h-72 { max-height: calc(var(--spacing) * 72); }
  .max-h-80 { max-height: calc(var(--spacing) * 80); }
  .max-h-\[60vh\] { max-height: 60vh; }
  .max-h-\[164px\] { max-height: 164px; }
  .max-h-\[320px\] { max-height: 320px; }
  .max-h-\[calc\(100dvh_-_max\(2rem\,2\*var\(--desktop-titlebar-inset\,0px\=
 )\)\)\] { max-height: calc(100dvh - max(2rem, 2 * var(--desktop-titlebar-in=
 set,0px))); }
  .max-h-\[inherit\] { max-height: inherit; }
  .max-h-\[min\(50vh\,var\(--available-height\)\)\] { max-height: min(50vh,=
 var(--available-height)); }
  .max-h-\[min\(72vh\,var\(--available-height\)\)\] { max-height: min(72vh,=
 var(--available-height)); }
  .max-h-\[min\(220px\,var\(--available-height\)\)\] { max-height: min(220p=
 x, var(--available-height)); }
  .max-h-\[min\(\<yours\>\,var\(--available-height\)\)\] { max-height: min(=
 <yours>, var(--available-height)); }
  .max-h-\[min\(var\(--available-height\)\,var\(--cds-popup-max-h\,320px\)\=
 )\] { max-height: min(var(--available-height), var(--cds-popup-max-h,320px)=
 ); }
  .max-h-\[var\(--available-height\)\] { max-height: var(--available-height=
 ); }
  .min-h-0 { min-height: calc(var(--spacing) * 0); }
  .min-h-6 { min-height: calc(var(--spacing) * 6); }
  .min-h-8 { min-height: calc(var(--spacing) * 8); }
  .min-h-\[64px\] { min-height: 64px; }
  .min-h-\[96px\] { min-height: 96px; }
  .min-h-\[480px\] { min-height: 480px; }
  .min-h-\[calc\(var\(--cds-h-control\)\*3\+48px\)\] { min-height: calc(var=
 (--cds-h-control) * 3 + 48px); }
  .min-h-\[calc\(var\(--cds-h-control\)\*5\+48px\)\] { min-height: calc(var=
 (--cds-h-control) * 5 + 48px); }
  .min-h-\[calc\(var\(--cds-h-control\)\*5\+72px\)\] { min-height: calc(var=
 (--cds-h-control) * 5 + 72px); }
  .min-h-\[calc\(var\(--cds-h-control\)\*8\+72px\)\] { min-height: calc(var=
 (--cds-h-control) * 8 + 72px); }
  .min-h-\[calc\(var\(--cds-h-control\)\*8\+96px\)\] { min-height: calc(var=
 (--cds-h-control) * 8 + 96px); }
  .min-h-\[calc\(var\(--cds-h-control\)\*9\+72px\)\] { min-height: calc(var=
 (--cds-h-control) * 9 + 72px); }
  .min-h-\[calc\(var\(--cds-h-control\)\*10\+72px\)\] { min-height: calc(va=
 r(--cds-h-control) * 10 + 72px); }
  .min-h-\[calc\(var\(--cds-h-control\)\*12\+72px\)\] { min-height: calc(va=
 r(--cds-h-control) * 12 + 72px); }
  .min-h-\[calc\(var\(--cds-h-control\)\*13\+80px\)\] { min-height: calc(va=
 r(--cds-h-control) * 13 + 80px); }
  .min-h-control { min-height: var(--cds-h-control); }
  .\!w-\[220px\] { width: 220px !important; }
  .\!w-\[260px\] { width: 260px !important; }
  .\!w-\[320px\] { width: 320px !important; }
  .w-24 { width: calc(var(--spacing) * 24); }
  .w-32 { width: calc(var(--spacing) * 32); }
  .w-36 { width: calc(var(--spacing) * 36); }
  .w-56 { width: calc(var(--spacing) * 56); }
  .w-64 { width: calc(var(--spacing) * 64); }
  .w-84 { width: calc(var(--spacing) * 84); }
  .w-\[20rem\] { width: 20rem; }
  .w-\[120px\] { width: 120px; }
  .w-\[207px\] { width: 207px; }
  .w-\[220px\] { width: 220px; }
  .w-\[240px\] { width: 240px; }
  .w-\[260px\] { width: 260px; }
  .w-\[280px\] { width: 280px; }
  .w-\[320px\] { width: 320px; }
  .w-\[435px\] { width: 435px; }
  .w-\[560px\] { width: 560px; }
  .w-\[calc\(100\%\+8px\)\] { width: calc(100% + 8px); }
  .w-\[calc\(100vw-2rem\)\] { width: calc(-2rem + 100vw); }
  .w-\[calc\(var\(--cds-switch-h\,20px\)\*1\.8\)\] { width: calc(var(--cds-=
 switch-h,20px) * 1.8); }
  .w-\[var\(--anchor-width\)\] { width: var(--anchor-width); }
  .w-auto { width: auto; }
  .w-control { width: var(--cds-h-control); }
  .w-fit { width: fit-content; }
  .w-full { width: 100%; }
  .max-w-\[28rem\] { max-width: 28rem; }
  .max-w-\[240px\] { max-width: 240px; }
  .max-w-\[280px\] { max-width: 280px; }
  .max-w-\[320px\] { max-width: 320px; }
  .max-w-\[400px\] { max-width: 400px; }
  .max-w-\[520px\] { max-width: 520px; }
  .max-w-\[720px\] { max-width: 720px; }
  .max-w-\[880px\] { max-width: 880px; }
  .max-w-\[1024px\] { max-width: 1024px; }
  .max-w-\[1152px\] { max-width: 1152px; }
  .max-w-\[calc\(100vw-24px\)\] { max-width: calc(-24px + 100vw); }
  .max-w-\[min\(280px\,calc\(100vw-24px\)\)\] { max-width: min(280px, -24px=
 + 100vw); }
  .max-w-\[min\(320px\,calc\(100vw-24px\)\)\] { max-width: min(320px, -24px=
 + 100vw); }
  .max-w-full { max-width: 100%; }
  .max-w-none { max-width: none; }
  .min-w-0 { min-width: calc(var(--spacing) * 0); }
  .min-w-80 { min-width: calc(var(--spacing) * 80); }
  .min-w-\[2ch\] { min-width: 2ch; }
  .min-w-\[12rem\] { min-width: 12rem; }
  .min-w-\[128px\] { min-width: 128px; }
  .min-w-\[var\(--cds-avatar-lg\)\] { min-width: var(--cds-avatar-lg); }
  .min-w-\[var\(--cds-avatar-md\)\] { min-width: var(--cds-avatar-md); }
  .min-w-\[var\(--cds-avatar-sm\)\] { min-width: var(--cds-avatar-sm); }
  .min-w-\[var\(--cds-h-control-nested\)\] { min-width: var(--cds-h-control=
 -nested); }
  .flex-1 { flex: 1 1 0%; }
  .flex-auto { flex: 1 1 auto; }
  .flex-none { flex: 0 0 auto; }
  .\!shrink { flex-shrink: 1 !important; }
  .shrink { flex-shrink: 1; }
  .shrink-0 { flex-shrink: 0; }
  .grow { flex-grow: 1; }
  .origin-\[var\(--transform-origin\)\] { transform-origin: var(--transform=
 -origin); }
  .origin-bottom-left { transform-origin: 0px 100%; }
  .origin-top-left { transform-origin: 0px 0px; }
  .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); tra=
 nslate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-x-\[7px\] { --tw-translate-x: 7px; translate: var(--tw-transla=
 te-x) var(--tw-translate-y); }
  .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); tra=
 nslate: var(--tw-translate-x) var(--tw-translate-y); }
  .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scal=
 e: var(--tw-scale-x) var(--tw-scale-y); }
  .rotate-412 { rotate: 412deg; }
  .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-=
 rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
  .animate-\[spin_1s_linear_infinite\] { animation: 1s linear 0s infinite n=
 ormal none running spin; }
  .animate-pulse { animation: var(--animate-pulse); }
  .cursor-\[inherit\] { cursor: inherit; }
  .cursor-\[var\(--cds-cursor-interactive\)\] { cursor: var(--cds-cursor-in=
 teractive); }
  .cursor-default { cursor: default; }
  .cursor-pointer { cursor: pointer; }
  .cursor-text { cursor: text; }
  .resize { resize: both; }
  .resize-none { resize: none; }
  .resize-y { resize: vertical; }
  .scroll-fade-y { scroll-padding-block: var(--cds-scroll-fade-size); }
  @supports (animation-timeline:scroll()) {
  .scroll-fade-y { --cds-scroll-fade-top: calc(var(--cds-scroll-fade-top-ra=
 w) * var(--cds-scroll-fade-y-active)); --cds-scroll-fade-bottom: calc(var(-=
 -cds-scroll-fade-bottom-raw) * var(--cds-scroll-fade-y-active)); mask-image=
 : linear-gradient(to bottom, transparent, #0000000d calc(var(--cds-scroll-f=
 ade-top) * .15), #00000026 calc(var(--cds-scroll-fade-top) * .3), #0000004d=
 calc(var(--cds-scroll-fade-top) * .45), #00000080 calc(var(--cds-scroll-fa=
 de-top) * .6), #000000b3 calc(var(--cds-scroll-fade-top) * .75), #000000d9 =
 calc(var(--cds-scroll-fade-top) * .87), #000 var(--cds-scroll-fade-top), #0=
 00 calc(100% - var(--cds-scroll-fade-bottom)), #000000d9 calc(100% - var(--=
 cds-scroll-fade-bottom) * .87), #000000b3 calc(100% - var(--cds-scroll-fade=
 -bottom) * .75), #00000080 calc(100% - var(--cds-scroll-fade-bottom) * .6),=
 #0000004d calc(100% - var(--cds-scroll-fade-bottom) * .45), #00000026 calc=
 (100% - var(--cds-scroll-fade-bottom) * .3), #0000000d calc(100% - var(--cd=
 s-scroll-fade-bottom) * .15), transparent); animation-name: cds-scroll-fade=
 -top, cds-scroll-fade-bottom, cds-scroll-fade-y-active; animation-timing-fu=
 nction: linear; animation-fill-mode: both, both, none; animation-duration: =
 auto; animation-timeline: scroll(self); animation-range: 0px var(--cds-scro=
 ll-fade-size), calc(100% - var(--cds-scroll-fade-size)) 100%, 0px 101%; }
 }
  .\[grid-auto-columns\:inherit\] { grid-auto-columns: inherit; }
  .\[grid-auto-flow\:inherit\] { grid-auto-flow: inherit; }
  .\[grid-auto-rows\:inherit\] { grid-auto-rows: inherit; }
  .\[grid-template-columns\:inherit\] { grid-template-columns: inherit; }
  .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .\[grid-template-rows\:inherit\] { grid-template-rows: inherit; }
  .\[flex-direction\:inherit\] { flex-direction: inherit; }
  .flex-col { flex-direction: column; }
  .flex-col-reverse { flex-direction: column-reverse; }
  .\[flex-wrap\:inherit\] { flex-wrap: inherit; }
  .flex-nowrap { flex-wrap: nowrap; }
  .flex-wrap { flex-wrap: wrap; }
  .place-items-center { place-items: center; }
  .\[align-items\:inherit\] { align-items: inherit; }
  .items-baseline { align-items: baseline; }
  .items-center { align-items: center; }
  .items-end { align-items: flex-end; }
  .items-start { align-items: flex-start; }
  .\[justify-content\:inherit\] { justify-content: inherit; }
  .justify-between { justify-content: space-between; }
  .justify-center { justify-content: center; }
  .justify-end { justify-content: flex-end; }
  .\[justify-items\:inherit\] { justify-items: inherit; }
  .\[gap\:inherit\] { gap: inherit; }
  .gap-0\.5 { gap: calc(var(--spacing) * .5); }
  .gap-1 { gap: calc(var(--spacing) * 1); }
  .gap-1\.5 { gap: calc(var(--spacing) * 1.5); }
  .gap-2 { gap: calc(var(--spacing) * 2); }
  .gap-4 { gap: calc(var(--spacing) * 4); }
  .gap-8 { gap: calc(var(--spacing) * 8); }
  .gap-96 { gap: calc(var(--spacing) * 96); }
  .gap-\[1px\] { gap: 1px; }
  .gap-\[2px\] { gap: 2px; }
  .gap-\[4px\] { gap: 4px; }
  .gap-\[160px\] { gap: 160px; }
  .gap-\[var\(--cds-pad-sm\,6px\)\] { gap: var(--cds-pad-sm,6px); }
  .gap-lg { gap: var(--cds-gap-lg); }
  .gap-md { gap: var(--cds-gap-md); }
  .gap-px { gap: 1px; }
  .gap-sm { gap: var(--cds-gap-sm); }
  .gap-xs { gap: var(--cds-gap-xs); }
  .gap-x-48 { column-gap: calc(var(--spacing) * 48); }
  .gap-y-32 { row-gap: calc(var(--spacing) * 32); }
  :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-=
 bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-sty=
 le); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-botto=
 m-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); }
  .self-center { align-self: center; }
  .self-start { align-self: flex-start; }
  .self-stretch { align-self: stretch; }
  .justify-self-stretch { justify-self: stretch; }
  .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidde=
 n; }
  .overflow-auto { overflow: auto; }
  .overflow-hidden { overflow: hidden; }
  .overflow-visible { overflow: visible; }
  .overflow-x-hidden { overflow-x: hidden; }
  .overflow-y-auto { overflow-y: auto; }
  .\!rounded-\[calc\(var\(--fr\)-\(var\(--fh\)-var\(--fhn\)\)\/2\)\] { bord=
 er-radius: calc(var(--fr) - (var(--fh) - var(--fhn)) / 2) !important; }
  .rounded { border-radius: var(--cds-radius); }
  .rounded-\[4px\] { border-radius: 4px; }
  .rounded-\[6px\] { border-radius: 6px; }
  .rounded-\[calc\(var\(--cds-h-control-nested\)\/4-2px\)\] { border-radius=
 : calc(var(--cds-h-control-nested) / 4 - 2px); }
  .rounded-\[calc\(var\(--cds-h-control-nested\)\/4-min\(3px\,\(var\(--cds-=
 h-control-nested\)-12px\)\/2\)\)\] { border-radius: calc(var(--cds-h-contro=
 l-nested) / 4 - min(3px, (var(--cds-h-control-nested) - 12px) / 2)); }
  .rounded-\[inherit\] { border-radius: inherit; }
  .rounded-\[var\(--cds-checkbox-radius\)\] { border-radius: var(--cds-chec=
 kbox-radius); }
  .rounded-card { border-radius: calc(var(--cds-radius) + 4px); }
  .rounded-chip { border-radius: calc(var(--cds-h-control-nested) / 4); }
  .rounded-full { border-radius: 3.40282e+38px; }
  .rounded-none { border-radius: 0px; }
  .rounded-sm { border-radius: var(--radius-sm); }
  .rounded-l-none { border-top-left-radius: 0px; border-bottom-left-radius:=
 0px; }
  .rounded-r-none { border-top-right-radius: 0px; border-bottom-right-radiu=
 s: 0px; }
  .border { border-style: var(--tw-border-style); border-width: 1px; }
  .border-0 { border-style: var(--tw-border-style); border-width: 0px; }
  .border-2 { border-style: var(--tw-border-style); border-width: 2px; }
  .border-t { border-top-style: var(--tw-border-style); border-top-width: 1=
 px; }
  .border-b { border-bottom-style: var(--tw-border-style); border-bottom-wi=
 dth: 1px; }
  .border-b-\[length\:var\(--cds-ring-inner\)\] { border-bottom-style: var(=
 --tw-border-style); border-bottom-width: var(--cds-ring-inner); }
  .border-l { border-left-style: var(--tw-border-style); border-left-width:=
 1px; }
  .border-l-2 { border-left-style: var(--tw-border-style); border-left-widt=
 h: 2px; }
  .border-dashed { --tw-border-style: dashed; border-style: dashed; }
  .border-\[var\(--cds-ring-color\)\] { border-color: var(--cds-ring-color)=
 ; }
  .border-accent { border-color: var(--cds-border-accent); }
  .border-alpha-4 { border-color: var(--cds-alpha-4); }
  .border-strong { border-color: var(--cds-border-strong); }
  .border-transparent { border-color: rgba(0, 0, 0, 0); }
  .border-b-\[var\(--cds-border\)\] { border-bottom-color: var(--cds-border=
 ); }
  .bg-\[var\(--cds-button-on-content\)\] { background-color: var(--cds-butt=
 on-on-content); }
  .bg-\[var\(--cds-page-bg\)\] { background-color: var(--cds-page-bg); }
  .bg-\[var\(--cds-skeleton-base\)\] { background-color: var(--cds-skeleton=
 -base); }
  .bg-\[var\(--cds-switch-knob\)\] { background-color: var(--cds-switch-kno=
 b); }
  .bg-\[var\(--cds-switch-track\)\] { background-color: var(--cds-switch-tr=
 ack); }
  .bg-\[var\(--cds-tooltip-bg\)\] { background-color: var(--cds-tooltip-bg)=
 ; }
  .bg-accent { background-color: var(--cds-bg-accent); }
  .bg-aqua-100 { background-color: var(--cds-aqua-100); }
  .bg-aqua-500 { background-color: var(--cds-aqua-500); }
  .bg-backdrop { background-color: var(--cds-backdrop); }
  .bg-blue-100 { background-color: var(--cds-blue-100); }
  .bg-blue-500 { background-color: var(--cds-blue-500); }
  .bg-border { background-color: var(--cds-border); }
  .bg-danger { background-color: var(--cds-bg-danger); }
  .bg-fill-accent { background-color: var(--cds-fill-accent); }
  .bg-fill-brand { background-color: var(--cds-fill-brand); }
  .bg-fill-control { background-color: var(--cds-fill-control); }
  .bg-fill-danger { background-color: var(--cds-fill-danger); }
  .bg-fill-field { background-color: var(--cds-fill-field); }
  .bg-fill-ghost-hover { background-color: var(--cds-fill-ghost-hover); }
  .bg-fill-primary { background-color: var(--cds-fill-primary); }
  .bg-fill-pro { background-color: var(--cds-fill-pro); }
  .bg-fill-secondary { background-color: var(--cds-fill-secondary); }
  .bg-fill-success { background-color: var(--cds-fill-success); }
  .bg-fill-warning { background-color: var(--cds-fill-warning); }
  .bg-gray-700 { background-color: var(--cds-gray-700); }
  .bg-green-100 { background-color: var(--cds-green-100); }
  .bg-green-500 { background-color: var(--cds-green-500); }
  .bg-magenta-100 { background-color: var(--cds-magenta-100); }
  .bg-magenta-450 { background-color: var(--cds-magenta-450); }
  .bg-neutral { background-color: var(--cds-bg-neutral); }
  .bg-neutral-40 { background-color: var(--cds-neutral-40); }
  .bg-orange-100 { background-color: var(--cds-orange-100); }
  .bg-orange-450 { background-color: var(--cds-orange-450); }
  .bg-page { background-color: var(--cds-page-bg); }
  .bg-pro { background-color: var(--cds-bg-pro); }
  .bg-red-100 { background-color: var(--cds-red-100); }
  .bg-red-450 { background-color: var(--cds-red-450); }
  .bg-success { background-color: var(--cds-bg-success); }
  .bg-surface-0 { background-color: var(--cds-surface-0); }
  .bg-surface-1 { background-color: var(--cds-surface-1); }
  .bg-surface-2 { background-color: var(--cds-surface-2); }
  .bg-surface-3 { background-color: var(--cds-surface-3); }
  .bg-surface-popover { background-color: var(--cds-surface-popover); }
  .bg-transparent { background-color: rgba(0, 0, 0, 0); }
  .bg-violet-100 { background-color: var(--cds-violet-100); }
  .bg-violet-450 { background-color: var(--cds-violet-450); }
  .bg-warning { background-color: var(--cds-bg-warning); }
  .bg-yellow-100 { background-color: var(--cds-yellow-100); }
  .bg-yellow-500 { background-color: var(--cds-yellow-500); }
  .\[mask-image\:linear-gradient\(to_right\,\#000_calc\(100\%-24px\)\,trans=
 parent\)\] { mask-image: linear-gradient(90deg, rgb(0, 0, 0) calc(100% - 24=
 px), rgba(0, 0, 0, 0)); }
  .fill-\[var\(--cds-surface-popover\)\] { fill: var(--cds-surface-popover)=
 ; }
  .fill-accent { fill: var(--cds-fill-accent); }
  .fill-brand { fill: var(--cds-fill-brand); }
  .fill-current { fill: currentcolor; }
  .fill-danger { fill: var(--cds-fill-danger); }
  .object-cover { object-fit: cover; }
  .p-0 { padding: calc(var(--spacing) * 0); }
  .p-0\.5 { padding: calc(var(--spacing) * .5); }
  .p-1 { padding: calc(var(--spacing) * 1); }
  .p-\[2px\] { padding: 2px; }
  .p-\[6px\] { padding: 6px; }
  .p-lg { padding: var(--cds-pad-lg); }
  .p-md { padding: var(--cds-pad-md); }
  .p-sm { padding: var(--cds-pad-sm); }
  .p-xl { padding: var(--cds-pad-xl); }
  .p-xs { padding: var(--cds-pad-xs); }
  .\!px-2 { padding-inline: calc(var(--spacing) * 2) !important; }
  .px-0 { padding-inline: calc(var(--spacing) * 0); }
  .px-1 { padding-inline: calc(var(--spacing) * 1); }
  .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); }
  .px-2 { padding-inline: calc(var(--spacing) * 2); }
  .px-3 { padding-inline: calc(var(--spacing) * 3); }
  .px-40 { padding-inline: calc(var(--spacing) * 40); }
  .px-\[4px\] { padding-inline: 4px; }
  .px-\[calc\(var\(--cds-pad-md\)\+4px\)\] { padding-inline: calc(var(--cds=
 -pad-md) + 4px); }
  .px-lg { padding-inline: var(--cds-pad-lg); }
  .px-md { padding-inline: var(--cds-pad-md); }
  .px-sm { padding-inline: var(--cds-pad-sm); }
  .px-xs { padding-inline: var(--cds-pad-xs); }
  .py-1 { padding-block: calc(var(--spacing) * 1); }
  .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); }
  .py-2 { padding-block: calc(var(--spacing) * 2); }
  .py-24 { padding-block: calc(var(--spacing) * 24); }
  .py-\[0\.125em\] { padding-block: 0.125em; }
  .py-\[1px\] { padding-block: 1px; }
  .py-\[3px\] { padding-block: 3px; }
  .py-\[calc\(\(var\(--cds-h-control\)-var\(--cds-leading-body\)\)\/2\)\] {=
 padding-block: calc((var(--cds-h-control) - var(--cds-leading-body)) / 2);=
 }
  .py-sm { padding-block: var(--cds-pad-sm); }
  .py-xs { padding-block: var(--cds-pad-xs); }
  .pt-0 { padding-top: calc(var(--spacing) * 0); }
  .pt-1 { padding-top: calc(var(--spacing) * 1); }
  .pt-2 { padding-top: calc(var(--spacing) * 2); }
  .pt-16 { padding-top: calc(var(--spacing) * 16); }
  .pt-\[140px\] { padding-top: 140px; }
  .pt-lg { padding-top: var(--cds-pad-lg); }
  .pt-sm { padding-top: var(--cds-pad-sm); }
  .pr-0 { padding-right: calc(var(--spacing) * 0); }
  .pr-5 { padding-right: calc(var(--spacing) * 5); }
  .pr-md { padding-right: var(--cds-pad-md); }
  .pr-sm { padding-right: var(--cds-pad-sm); }
  .pb-1 { padding-bottom: calc(var(--spacing) * 1); }
  .pb-16 { padding-bottom: calc(var(--spacing) * 16); }
  .pb-\[0\.05em\] { padding-bottom: 0.05em; }
  .pb-\[4px\] { padding-bottom: 4px; }
  .pb-\[calc\(\(var\(--cds-h-control\)-var\(--cds-font-size-body\)-var\(--c=
 ds-leading-footnote\)\+var\(--cds-font-size-footnote\)\)\/2\)\] { padding-b=
 ottom: calc((var(--cds-h-control) - var(--cds-font-size-body) - var(--cds-l=
 eading-footnote) + var(--cds-font-size-footnote)) / 2); }
  .pb-lg { padding-bottom: var(--cds-pad-lg); }
  .pb-md { padding-bottom: var(--cds-pad-md); }
  .pb-sm { padding-bottom: var(--cds-pad-sm); }
  .\!pl-\[6px\] { padding-left: 6px !important; }
  .pl-0 { padding-left: calc(var(--spacing) * 0); }
  .pl-2 { padding-left: calc(var(--spacing) * 2); }
  .pl-\[calc\(\(var\(--cds-h-control\)-var\(--cds-h-control-nested\)\)\/2\)=
 \] { padding-left: calc((var(--cds-h-control) - var(--cds-h-control-nested)=
 ) / 2); }
  .pl-md { padding-left: var(--cds-pad-md); }
  .pl-sm { padding-left: var(--cds-pad-sm); }
  .text-end { text-align: end; }
  .text-left { text-align: left; }
  .text-right { text-align: right; }
  .align-middle { vertical-align: middle; }
  .font-inherit { font-family: inherit; }
  .font-sans { font-family: var(--cds-font-sans); }
  .text-body-medium { font-size: var(--cds-font-size-body); line-height: va=
 r(--cds-leading-body); font-weight: var(--cds-font-weight-medium); font-var=
 iation-settings: var(--cds-font-wght-medium,normal); }
  .text-body-medium :is(b, strong) { font-variation-settings: var(--cds-fon=
 t-wght-bold,normal); }
  .text-caption-semibold { font-size: var(--cds-font-size-caption); line-he=
 ight: var(--cds-leading-caption); font-weight: var(--cds-font-weight-semibo=
 ld); font-variation-settings: var(--cds-font-wght-semibold,normal); }
  .text-caption-semibold :is(b, strong) { font-variation-settings: var(--cd=
 s-font-wght-bold,normal); }
  .text-footnote-medium { font-size: var(--cds-font-size-footnote); line-he=
 ight: var(--cds-leading-footnote); font-weight: var(--cds-font-weight-mediu=
 m); font-variation-settings: var(--cds-font-wght-medium,normal); }
  .text-footnote-medium :is(b, strong) { font-variation-settings: var(--cds=
 -font-wght-bold,normal); }
  .text-footnote-semibold { font-size: var(--cds-font-size-footnote); line-=
 height: var(--cds-leading-footnote); font-weight: var(--cds-font-weight-sem=
 ibold); font-variation-settings: var(--cds-font-wght-semibold,normal); }
  .text-footnote-semibold :is(b, strong) { font-variation-settings: var(--c=
 ds-font-wght-bold,normal); }
  .text-heading-semibold { font-size: var(--cds-font-size-heading); line-he=
 ight: var(--cds-leading-heading); font-weight: var(--cds-font-weight-semibo=
 ld); font-variation-settings: var(--cds-font-wght-semibold,normal); }
  .text-heading-semibold :is(b, strong) { font-variation-settings: var(--cd=
 s-font-wght-bold,normal); }
  .text-\[11px\]\/\[14px\] { font-size: 11px; line-height: 14px; }
  .text-\[13px\]\/\[18px\] { font-size: 13px; line-height: 18px; }
  .text-body { font-size: var(--cds-font-size-body); line-height: var(--tw-=
 leading,var(--cds-leading-body)); }
  .text-caption { font-size: var(--cds-font-size-caption); line-height: var=
 (--tw-leading,var(--cds-leading-caption)); }
  .text-footnote { font-size: var(--cds-font-size-footnote); line-height: v=
 ar(--tw-leading,var(--cds-leading-footnote)); }
  .text-heading { font-size: var(--cds-font-size-heading); line-height: var=
 (--tw-leading,var(--cds-leading-heading)); }
  .text-title { font-size: var(--cds-font-size-title); line-height: var(--t=
 w-leading,var(--cds-leading-title)); }
  .text-\[9px\] { font-size: 9px; }
  .text-\[14px\] { font-size: 14px; }
  .text-\[length\:12px\] { font-size: 12px; }
  .leading-none { --tw-leading: 1; line-height: 1; }
  .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var=
 (--leading-relaxed); }
  .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--lea=
 ding-snug); }
  .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--l=
 eading-tight); }
  .font-medium { --tw-font-weight: var(--cds-font-weight-medium); font-weig=
 ht: var(--cds-font-weight-medium); }
  .font-normal { --tw-font-weight: var(--cds-font-weight-regular); font-wei=
 ght: var(--cds-font-weight-regular); }
  .font-semibold { --tw-font-weight: var(--cds-font-weight-semibold); font-=
 weight: var(--cds-font-weight-semibold); }
  .break-words { overflow-wrap: break-word; }
  .text-ellipsis { text-overflow: ellipsis; }
  .whitespace-normal { white-space: normal; }
  .whitespace-nowrap { white-space: nowrap; }
  .whitespace-pre { white-space: pre; }
  .whitespace-pre-wrap { white-space: pre-wrap; }
  .\!text-on-accent { color: var(--cds-on-accent) !important; }
  .text-\[var\(--cds-tooltip-fg\)\] { color: var(--cds-tooltip-fg); }
  .text-accent { color: var(--cds-text-accent); }
  .text-aqua-600 { color: var(--cds-aqua-600); }
  .text-blue-600 { color: var(--cds-blue-600); }
  .text-clay { color: var(--cds-clay); }
  .text-current { color: currentcolor; }
  .text-danger { color: var(--cds-text-danger); }
  .text-gray-0 { color: var(--cds-gray-0); }
  .text-green-600 { color: var(--cds-green-600); }
  .text-magenta-600 { color: var(--cds-magenta-600); }
  .text-muted { color: var(--cds-text-muted); }
  .text-on-accent { color: var(--cds-on-accent); }
  .text-on-brand { color: var(--cds-on-brand); }
  .text-on-danger { color: var(--cds-on-danger); }
  .text-on-primary { color: var(--cds-on-primary); }
  .text-on-pro { color: var(--cds-on-pro); }
  .text-oncolor-200 { color: var(--cds-oncolor-200); }
  .text-orange-600 { color: var(--cds-orange-600); }
  .text-primary { color: var(--cds-text-primary); }
  .text-pro { color: var(--cds-text-pro); }
  .text-red-600 { color: var(--cds-red-600); }
  .text-secondary { color: var(--cds-text-secondary); }
  .text-success { color: var(--cds-text-success); }
  .text-violet-600 { color: var(--cds-violet-600); }
  .text-warning { color: var(--cds-text-warning); }
  .text-yellow-600 { color: var(--cds-yellow-600); }
  .text-yellow-750 { color: var(--cds-yellow-750); }
  .italic { font-style: italic; }
  .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal,=
 ) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacin=
 g,) var(--tw-numeric-fraction,); }
  .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric:=
 var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(-=
 -tw-numeric-spacing,) var(--tw-numeric-fraction,); }
  .underline { text-decoration-line: underline; }
  .opacity-0 { opacity: 0; }
  .opacity-30 { opacity: 0.3; }
  .opacity-60 { opacity: 0.6; }
  .opacity-70 { opacity: 0.7; }
  .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1p=
 x 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-sha=
 dow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-r=
 ing-shadow), var(--tw-shadow); }
  .shadow-\[inset_0_0_0_1px_var\(--cds-button-on-content-ring\)\] { --tw-sh=
 adow: inset 0 0 0 1px var(--tw-shadow-color,var(--cds-button-on-content-rin=
 g)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(-=
 -tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-card-ring { --tw-shadow: inset 0 0 0 var(--tw-shadow-color,var(--=
 cds-ring-inner)) var(--cds-ring-color), 0 0 0 var(--tw-shadow-color,var(--c=
 ds-ring-outer)) var(--cds-ring-color); box-shadow: var(--tw-inset-shadow), =
 var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-sh=
 adow), var(--tw-shadow); }
  .shadow-field { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color,var(--=
 cds-fill-secondary-ring)), 0 1px 2px 0 var(--tw-shadow-color,#0000000d); bo=
 x-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-rin=
 g-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-field-ring { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color,v=
 ar(--cds-fill-field-ring)); box-shadow: var(--tw-inset-shadow), var(--tw-in=
 set-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(=
 --tw-shadow); }
  .shadow-focus { --tw-shadow: var(--cds-focus-shadow); box-shadow: var(--t=
 w-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),=
 var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-lg { --tw-shadow: var(--cds-shadow-lg); box-shadow: var(--tw-inse=
 t-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(-=
 -tw-ring-shadow), var(--tw-shadow); }
  .shadow-md { --tw-shadow: var(--cds-shadow-md); box-shadow: var(--tw-inse=
 t-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(-=
 -tw-ring-shadow), var(--tw-shadow); }
  .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow)=
 , var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-=
 shadow), var(--tw-shadow); }
  .shadow-panel { --tw-shadow: inset 0 0 0 var(--tw-shadow-color,var(--cds-=
 ring-inner)) var(--cds-ring-color), 0 0 0 var(--tw-shadow-color,var(--cds-r=
 ing-outer)) var(--cds-ring-color), var(--cds-shadow-popover); box-shadow: v=
 ar(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-sh=
 adow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-panel-lg { --tw-shadow: inset 0 0 0 var(--tw-shadow-color,var(--c=
 ds-ring-inner)) var(--cds-ring-color), 0 0 0 var(--tw-shadow-color,var(--cd=
 s-ring-outer)) var(--cds-ring-color), var(--cds-shadow-lg); box-shadow: var=
 (--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shad=
 ow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-panel-sm { --tw-shadow: inset 0 0 0 var(--tw-shadow-color,var(--c=
 ds-ring-inner)) var(--cds-ring-color), 0 0 0 var(--tw-shadow-color,var(--cd=
 s-ring-outer)) var(--cds-ring-color), var(--cds-shadow-sm); box-shadow: var=
 (--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shad=
 ow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-popover { --tw-shadow: var(--cds-shadow-popover); box-shadow: var=
 (--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shad=
 ow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-sm { --tw-shadow: var(--cds-shadow-sm); box-shadow: var(--tw-inse=
 t-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(-=
 -tw-ring-shadow), var(--tw-shadow); }
  .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw=
 -ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--t=
 w-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),=
 var(--tw-ring-shadow), var(--tw-shadow); }
  .\[box-shadow\:0_0_0_2px_var\(--cds-page-bg\)\] { box-shadow: 0 0 0 2px v=
 ar(--cds-page-bg); }
  .outline { outline-style: var(--tw-outline-style); outline-width: 1px; }
  .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness=
 ,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-=
 invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .drop-shadow { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop=
 -shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,=
 #0000000f)); --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow=
 (0 1px 1px #0000000f); filter: var(--tw-blur,) var(--tw-brightness,) var(--=
 tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) =
 var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .\[filter\:drop-shadow\(0_8px_24px_var\(--cds-shadow-color\)\)_drop-shado=
 w\(0_2px_6px_var\(--cds-shadow-color\)\)\] { filter: drop-shadow(0 8px 24px=
 var(--cds-shadow-color)) drop-shadow(0 2px 6px var(--cds-shadow-color)); }
  .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast=
 ,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-sa=
 turate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); backdrop-filter: =
 var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-c=
 ontrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(=
 --tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-satura=
 te,) var(--tw-backdrop-sepia,); }
  .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); backdrop-fi=
 lter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-back=
 drop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,=
 ) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-=
 saturate,) var(--tw-backdrop-sepia,); }
  .backdrop-filter { backdrop-filter: var(--tw-backdrop-blur,) var(--tw-bac=
 kdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale=
 ,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backd=
 rop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .transition { transition-property: color, background-color, border-color,=
 outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --=
 tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translat=
 e, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display=
 , content-visibility, overlay, pointer-events; transition-timing-function: =
 var(--tw-ease,var(--default-transition-timing-function)); transition-durati=
 on: var(--tw-duration,var(--default-transition-duration)); }
  .transition-\[color\,background-color\,box-shadow\,--cds-badge-x-wght\] {=
 transition-property: color, background-color, box-shadow, --cds-badge-x-wg=
 ht; transition-timing-function: var(--tw-ease,var(--default-transition-timi=
 ng-function)); transition-duration: var(--tw-duration,var(--default-transit=
 ion-duration)); }
  .transition-\[opacity\,scale\,filter\] { transition-property: opacity, sc=
 ale, filter; transition-timing-function: var(--tw-ease,var(--default-transi=
 tion-timing-function)); transition-duration: var(--tw-duration,var(--defaul=
 t-transition-duration)); }
  .transition-\[opacity\,scale\] { transition-property: opacity, scale; tra=
 nsition-timing-function: var(--tw-ease,var(--default-transition-timing-func=
 tion)); transition-duration: var(--tw-duration,var(--default-transition-dur=
 ation)); }
  .transition-\[opacity\,transform\] { transition-property: opacity, transf=
 orm; transition-timing-function: var(--tw-ease,var(--default-transition-tim=
 ing-function)); transition-duration: var(--tw-duration,var(--default-transi=
 tion-duration)); }
  .transition-\[=E2=80=A6\,scale\] { transition-property: =E2=80=A6, scale;=
 transition-timing-function: var(--tw-ease,var(--default-transition-timing-=
 function)); transition-duration: var(--tw-duration,var(--default-transition=
 -duration)); }
  .transition-colors { transition-property: color, background-color, border=
 -color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-f=
 rom, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(-=
 -tw-ease,var(--default-transition-timing-function)); transition-duration: v=
 ar(--tw-duration,var(--default-transition-duration)); }
  .transition-opacity { transition-property: opacity; transition-timing-fun=
 ction: var(--tw-ease,var(--default-transition-timing-function)); transition=
 -duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-shadow { transition-property: box-shadow; transition-timing-f=
 unction: var(--tw-ease,var(--default-transition-timing-function)); transiti=
 on-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-transform { transition-property: transform, translate, scale,=
 rotate; transition-timing-function: var(--tw-ease,var(--default-transition=
 -timing-function)); transition-duration: var(--tw-duration,var(--default-tr=
 ansition-duration)); }
  .duration-base { --tw-duration: var(--cds-dur-base); transition-duration:=
 var(--cds-dur-base); }
  .duration-fast { --tw-duration: var(--cds-dur-fast); transition-duration:=
 var(--cds-dur-fast); }
  .duration-snap { --tw-duration: var(--cds-dur-snap); transition-duration:=
 var(--cds-dur-snap); }
  .ease-out { --tw-ease: var(--cds-ease-out); transition-timing-function: v=
 ar(--cds-ease-out); }
  .ease-overshoot { --tw-ease: var(--cds-ease-overshoot); transition-timing=
 -function: var(--cds-ease-overshoot); }
  .ease-snap { --tw-ease: var(--cds-ease-snap); transition-timing-function:=
 var(--cds-ease-snap); }
  .draggable-none { app-region: no-drag; }
  .outline-none { --tw-outline-style: none; outline-style: none; }
  .select-all { user-select: all; }
  .select-none { user-select: none; }
  .\[--cds-badge-x-wght\:577\.8\] { --cds-badge-x-wght: 577.8; }
  .\[--cds-fill-ghost-hover\:rgb\(255_255_255\/0\.15\)\] { --cds-fill-ghost=
 -hover: #ffffff26; }
  .\[--cds-stack-overlap\:calc\(var\(--cds-avatar-lg\)\*0\.25\)\] { --cds-s=
 tack-overlap: calc(var(--cds-avatar-lg) * .25); }
  .\[--cds-stack-overlap\:calc\(var\(--cds-avatar-md\)\*0\.25\)\] { --cds-s=
 tack-overlap: calc(var(--cds-avatar-md) * .25); }
  .\[--cds-stack-overlap\:calc\(var\(--cds-avatar-sm\)\*0\.25\)\] { --cds-s=
 tack-overlap: calc(var(--cds-avatar-sm) * .25); }
  .\[--fh\:var\(--cds-h-control\)\] { --fh: var(--cds-h-control); }
  .\[--fhn\:var\(--cds-h-control-nested\)\] { --fhn: var(--cds-h-control-ne=
 sted); }
  .\[--fr\:var\(--cds-radius\)\] { --fr: var(--cds-radius); }
  .group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *=
 ) { pointer-events: auto; }
  .group-focus-within\:scale-100:is(:where(.group):focus-within *) { --tw-s=
 cale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale=
 -x) var(--tw-scale-y); }
  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) { opac=
 ity: 1; }
  @media (hover: hover) {
  .group-hover\:pointer-events-auto:is(:where(.group):hover *) { pointer-ev=
 ents: auto; }
  .group-hover\:scale-100:is(:where(.group):hover *) { --tw-scale-x: 100%; =
 --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-s=
 cale-y); }
  .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; }
  .group-hover\/btn\:bg-\[var\(--cds-button-on-content-hover\)\]:is(:where(=
 .group\/btn):hover *) { background-color: var(--cds-button-on-content-hover=
 ); }
  .group-hover\/btn\:bg-fill-brand-hover:is(:where(.group\/btn):hover *) { =
 background-color: var(--cds-fill-brand-hover); }
  .group-hover\/btn\:bg-fill-danger-hover:is(:where(.group\/btn):hover *) {=
 background-color: var(--cds-fill-danger-hover); }
  .group-hover\/btn\:bg-fill-ghost-hover:is(:where(.group\/btn):hover *) { =
 background-color: var(--cds-fill-ghost-hover); }
  .group-hover\/btn\:bg-fill-primary-hover:is(:where(.group\/btn):hover *) =
 { background-color: var(--cds-fill-primary-hover); }
  .group-hover\/btn\:bg-fill-secondary-hover:is(:where(.group\/btn):hover *=
 ) { background-color: var(--cds-fill-secondary-hover); }
  .group-hover\/cb\:border-stronger:is(:where(.group\/cb):hover *) { border=
 -color: var(--cds-border-stronger); }
  .group-hover\/cbx\:text-secondary:is(:where(.group\/cbx):hover *) { color=
 : var(--cds-text-secondary); }
 }
  .group-focus-visible\/btn\:\!shadow-\[inset_0_0_0_1px_var\(--cds-button-o=
 n-content-ring\)\]:is(:where(.group\/btn):focus-visible *) { --tw-shadow: i=
 nset 0 0 0 1px var(--tw-shadow-color,var(--cds-button-on-content-ring)) !im=
 portant; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), v=
 ar(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !impor=
 tant; }
  .group-focus-visible\/btn\:shadow-\[inset_0_0_0_1px_var\(--cds-page-bg\)\=
 ]:is(:where(.group\/btn):focus-visible *) { --tw-shadow: inset 0 0 0 1px va=
 r(--tw-shadow-color,var(--cds-page-bg)); box-shadow: var(--tw-inset-shadow)=
 , var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-=
 shadow), var(--tw-shadow); }
  .group-focus-visible\/cb\:shadow-focus:is(:where(.group\/cb):focus-visibl=
 e *) { --tw-shadow: var(--cds-focus-shadow); box-shadow: var(--tw-inset-sha=
 dow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-r=
 ing-shadow), var(--tw-shadow); }
  .group-aria-pressed\/btn\:bg-accent:is(:where(.group\/btn)[aria-pressed=
 =3D"true"] *) { background-color: var(--cds-bg-accent); }
  @media (hover: hover) {
  .group-hover\/btn\:group-aria-pressed\/btn\:bg-accent:is(:where(.group\/b=
 tn):hover *):is(:where(.group\/btn)[aria-pressed=3D"true"] *) { background-=
 color: var(--cds-bg-accent); }
 }
  .group-data-\[checked\]\/cb\:border-0:is(:where(.group\/cb)[data-checked]=
 *) { border-style: var(--tw-border-style); border-width: 0px; }
  .group-data-\[checked\]\/cb\:bg-fill-accent:is(:where(.group\/cb)[data-ch=
 ecked] *) { background-color: var(--cds-fill-accent); }
  @media (hover: hover) {
  .group-data-\[checked\]\/cb\:group-hover\/cb\:bg-fill-accent-hover:is(:wh=
 ere(.group\/cb)[data-checked] *):is(:where(.group\/cb):hover *) { backgroun=
 d-color: var(--cds-fill-accent-hover); }
  .group-data-\[disabled\]\/cb\:group-hover\/cb\:border-strong:is(:where(.g=
 roup\/cb)[data-disabled] *):is(:where(.group\/cb):hover *) { border-color: =
 var(--cds-border-strong); }
 }
  .group-data-\[highlighted\]\/menu-danger\:text-on-danger:is(:where(.group=
 \/menu-danger)[data-highlighted] *) { color: var(--cds-on-danger); }
  .group-data-\[indeterminate\]\/cb\:border-0:is(:where(.group\/cb)[data-in=
 determinate] *) { border-style: var(--tw-border-style); border-width: 0px; =
 }
  .group-data-\[indeterminate\]\/cb\:bg-fill-accent:is(:where(.group\/cb)[d=
 ata-indeterminate] *) { background-color: var(--cds-fill-accent); }
  @media (hover: hover) {
  .group-data-\[indeterminate\]\/cb\:group-hover\/cb\:bg-fill-accent-hover:=
 is(:where(.group\/cb)[data-indeterminate] *):is(:where(.group\/cb):hover *)=
 { background-color: var(--cds-fill-accent-hover); }
 }
  .group-\[\[aria-haspopup\]\[aria-expanded\=3Dtrue\]\]\/btn\:bg-\[var\(--c=
 ds-button-on-content-hover\)\]:is(:where(.group\/btn)[aria-haspopup][aria-e=
 xpanded=3D"true"] *) { background-color: var(--cds-button-on-content-hover)=
 ; }
  .group-\[\[aria-haspopup\]\[aria-expanded\=3Dtrue\]\]\/btn\:bg-fill-brand=
 -hover:is(:where(.group\/btn)[aria-haspopup][aria-expanded=3D"true"] *) { b=
 ackground-color: var(--cds-fill-brand-hover); }
  .group-\[\[aria-haspopup\]\[aria-expanded\=3Dtrue\]\]\/btn\:bg-fill-dange=
 r-hover:is(:where(.group\/btn)[aria-haspopup][aria-expanded=3D"true"] *) { =
 background-color: var(--cds-fill-danger-hover); }
  .group-\[\[aria-haspopup\]\[aria-expanded\=3Dtrue\]\]\/btn\:bg-fill-ghost=
 -hover:is(:where(.group\/btn)[aria-haspopup][aria-expanded=3D"true"] *) { b=
 ackground-color: var(--cds-fill-ghost-hover); }
  .group-\[\[aria-haspopup\]\[aria-expanded\=3Dtrue\]\]\/btn\:bg-fill-prima=
 ry-hover:is(:where(.group\/btn)[aria-haspopup][aria-expanded=3D"true"] *) {=
 background-color: var(--cds-fill-primary-hover); }
  .group-\[\[aria-haspopup\]\[aria-expanded\=3Dtrue\]\]\/btn\:bg-fill-secon=
 dary-hover:is(:where(.group\/btn)[aria-haspopup][aria-expanded=3D"true"] *)=
 { background-color: var(--cds-fill-secondary-hover); }
  .placeholder\:text-muted::placeholder { color: var(--cds-text-muted); }
  .before\:absolute::before { content: var(--tw-content); position: absolut=
 e; }
  .before\:top-1\/2::before { content: var(--tw-content); top: 50%; }
  .before\:left-\[-2px\]::before { content: var(--tw-content); left: -2px; =
 }
  .before\:h-\[max\(24px\,100\%\)\]::before { content: var(--tw-content); h=
 eight: max(24px, 100%); }
  .before\:w-\[max\(24px\,calc\(100\%\+2px\)\)\]::before { content: var(--t=
 w-content); width: max(24px, 100% + 2px); }
  .before\:-translate-y-1\/2::before { content: var(--tw-content); --tw-tra=
 nslate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) v=
 ar(--tw-translate-y); }
  .before\:content-\[\'\'\]::before { --tw-content: ""; content: var(--tw-c=
 ontent); }
  .after\:pointer-events-none::after { content: var(--tw-content); pointer-=
 events: none; }
  .after\:absolute::after { content: var(--tw-content); position: absolute;=
 }
  .after\:inset-0::after { content: var(--tw-content); inset: calc(var(--sp=
 acing) * 0); }
  .after\:z-50::after { content: var(--tw-content); z-index: 50; }
  .after\:animate-\[cds-shimmer_2s_linear_infinite\]::after { content: var(=
 --tw-content); animation: 2s linear 0s infinite normal none running cds-shi=
 mmer; }
  .after\:rounded-\[inherit\]::after { content: var(--tw-content); border-r=
 adius: inherit; }
  .after\:bg-backdrop::after { content: var(--tw-content); background-color=
 : var(--cds-backdrop); }
  .after\:bg-\[linear-gradient\(90deg\,transparent\,var\(--cds-skeleton-she=
 en\)\,transparent\)\]::after { content: var(--tw-content); background-image=
 : linear-gradient(90deg,transparent,var(--cds-skeleton-sheen),transparent);=
 }
  .after\:opacity-0::after { content: var(--tw-content); opacity: 0; }
  .after\:transition-opacity::after { content: var(--tw-content); transitio=
 n-property: opacity; transition-timing-function: var(--tw-ease,var(--defaul=
 t-transition-timing-function)); transition-duration: var(--tw-duration,var(=
 --default-transition-duration)); }
  .after\:duration-base::after { content: var(--tw-content); --tw-duration:=
 var(--cds-dur-base); transition-duration: var(--cds-dur-base); }
  .after\:ease-out::after { content: var(--tw-content); --tw-ease: var(--cd=
 s-ease-out); transition-timing-function: var(--cds-ease-out); }
  .empty\:hidden:empty { display: none; }
  .focus-within\:bg-fill-ghost-hover:focus-within { background-color: var(-=
 -cds-fill-ghost-hover); }
  .focus-within\:shadow-focus:focus-within { --tw-shadow: var(--cds-focus-s=
 hadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), va=
 r(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  @media (hover: hover) {
  .hover\:bg-\[color-mix\(in_srgb\,currentColor_10\%\,transparent\)\]:hover=
 { background-color: currentcolor; }
  @supports (color:color-mix(in lab, red, red)) {
  .hover\:bg-\[color-mix\(in_srgb\,currentColor_10\%\,transparent\)\]:hover=
 { background-color: color-mix(in srgb, currentcolor 10%, transparent); }
 }
  .hover\:bg-\[color-mix\(in_srgb\,currentColor_20\%\,transparent\)\]:hover=
 { background-color: currentcolor; }
  @supports (color:color-mix(in lab, red, red)) {
  .hover\:bg-\[color-mix\(in_srgb\,currentColor_20\%\,transparent\)\]:hover=
 { background-color: color-mix(in srgb, currentcolor 20%, transparent); }
 }
  .hover\:bg-\[var\(--cds-switch-track-hover\)\]:hover { background-color: =
 var(--cds-switch-track-hover); }
  .hover\:bg-fill-danger-hover:hover { background-color: var(--cds-fill-dan=
 ger-hover); }
  .hover\:bg-fill-ghost-hover:hover { background-color: var(--cds-fill-ghos=
 t-hover); }
  .hover\:bg-fill-primary-hover:hover { background-color: var(--cds-fill-pr=
 imary-hover); }
  .hover\:bg-neutral-hover:hover { background-color: var(--cds-bg-neutral-h=
 over); }
  .hover\:text-primary:hover { color: var(--cds-text-primary); }
  .hover\:\[--cds-badge-x-wght\:700\]:hover { --cds-badge-x-wght: 700; }
 }
  .focus-visible\:bg-fill-ghost-hover:focus-visible { background-color: var=
 (--cds-fill-ghost-hover); }
  .focus-visible\:bg-neutral-hover:focus-visible { background-color: var(--=
 cds-bg-neutral-hover); }
  .focus-visible\:text-primary:focus-visible { color: var(--cds-text-primar=
 y); }
  .focus-visible\:\!shadow-\[0_0_0_2px_rgb\(255_255_255\/0\.7\)\]:focus-vis=
 ible { --tw-shadow: 0 0 0 2px var(--tw-shadow-color,#ffffffb3) !important; =
 box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-r=
 ing-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; }
  .focus-visible\:shadow-focus:focus-visible { --tw-shadow: var(--cds-focus=
 -shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), =
 var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .focus-visible\:shadow-none:focus-visible { --tw-shadow: 0 0 #0000; box-s=
 hadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-o=
 ffset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .focus-visible\:\[box-shadow\:inset_0_0_0_1px_var\(--cds-fill-accent\)\]:=
 focus-visible { box-shadow: inset 0 0 0 1px var(--cds-fill-accent); }
  .focus-visible\:outline-hidden:focus-visible { --tw-outline-style: none; =
 outline-style: none; }
  @media (forced-colors: active) {
  .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outli=
 ne: rgba(0, 0, 0, 0) solid 2px; }
 }
  .disabled\:pointer-events-none:disabled { pointer-events: none; }
  .disabled\:opacity-50:disabled { opacity: 0.5; }
  .disabled\:opacity-100:disabled { opacity: 1; }
  .has-\[\:focus-visible\]\:shadow-focus:has(:focus-visible) { --tw-shadow:=
 var(--cds-focus-shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inse=
 t-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--=
 tw-shadow); }
  .has-\[input\:disabled\]\:opacity-50:has(:is(input:disabled)) { opacity: =
 0.5; }
  .has-\[\~\[data-nested\]\]\:bg-transparent:has(~ [data-nested]) { backgro=
 und-color: rgba(0, 0, 0, 0); }
  .has-\[\~\[data-nested\]\]\:backdrop-blur-none:has(~ [data-nested]) { --t=
 w-backdrop-blur: ; backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backd=
 rop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)=
 var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdro=
 p-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .aria-disabled\:cursor-default[aria-disabled=3D"true"] { cursor: default;=
 }
  .aria-pressed\:text-accent[aria-pressed=3D"true"] { color: var(--cds-text=
 -accent); }
  .data-\[anchor-hidden\]\:invisible[data-anchor-hidden] { visibility: hidd=
 en; }
  .data-\[checked\]\:translate-x-\[calc\(var\(--cds-switch-h\,20px\)\*0\.8\=
 )\][data-checked] { --tw-translate-x: calc(var(--cds-switch-h,20px) * .8); =
 translate: var(--tw-translate-x) var(--tw-translate-y); }
  .data-\[checked\]\:bg-fill-accent[data-checked] { background-color: var(-=
 -cds-fill-accent); }
  .data-\[checked\]\:opacity-100[data-checked] { opacity: 1; }
  @media (hover: hover) {
  .data-\[checked\]\:hover\:bg-fill-accent-hover[data-checked]:hover { back=
 ground-color: var(--cds-fill-accent-hover); }
 }
  .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: =
 none; }
  .data-\[disabled\]\:cursor-default[data-disabled] { cursor: default; }
  .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; }
  @media (hover: hover) {
  .data-\[disabled\]\:hover\:bg-\[var\(--cds-switch-track\)\][data-disabled=
 ]:hover { background-color: var(--cds-switch-track); }
  .data-\[checked\]\:data-\[disabled\]\:hover\:bg-fill-accent[data-checked]=
 [data-disabled]:hover { background-color: var(--cds-fill-accent); }
 }
  .data-\[ending-style\]\:hidden[data-ending-style] { display: none; }
  .data-\[ending-style\]\:scale-\[0\.97\][data-ending-style] { scale: 0.97;=
 }
  .data-\[ending-style\]\:scale-\[0\.98\][data-ending-style] { scale: 0.98;=
 }
  .data-\[ending-style\]\:opacity-0[data-ending-style] { opacity: 0; }
  .data-\[highlighted\]\:bg-fill-danger[data-highlighted] { background-colo=
 r: var(--cds-fill-danger); }
  .data-\[highlighted\]\:bg-fill-ghost-hover[data-highlighted] { background=
 -color: var(--cds-fill-ghost-hover); }
  .data-\[highlighted\]\:text-on-danger[data-highlighted] { color: var(--cd=
 s-on-danger); }
  .data-\[indeterminate\]\:opacity-100[data-indeterminate] { opacity: 1; }
  .data-\[instant\]\:duration-0[data-instant] { --tw-duration: 0s; transiti=
 on-duration: 0s; }
  .data-\[invalid\]\:shadow-field-invalid[data-invalid] { --tw-shadow: inse=
 t 0 0 0 1px var(--tw-shadow-color,var(--cds-fill-danger)); box-shadow: var(=
 --tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shado=
 w), var(--tw-ring-shadow), var(--tw-shadow); }
  .data-\[nested-dialog-open\]\:blur-\[2px\][data-nested-dialog-open] { --t=
 w-blur: blur(2px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-c=
 ontrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(=
 --tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .data-\[nested-dialog-open\]\:after\:opacity-100[data-nested-dialog-open]=
 ::after { content: var(--tw-content); opacity: 1; }
  .data-\[popup-open\]\:bg-fill-ghost-hover[data-popup-open] { background-c=
 olor: var(--cds-fill-ghost-hover); }
  .data-\[side\=3Dbottom\]\:top-\[-10px\][data-side=3D"bottom"] { top: -10p=
 x; }
  .data-\[side\=3Dbottom\]\:rotate-180[data-side=3D"bottom"] { rotate: 180d=
 eg; }
  .data-\[side\=3Dleft\]\:right-\[-18px\][data-side=3D"left"] { right: -18p=
 x; }
  .data-\[side\=3Dleft\]\:-rotate-90[data-side=3D"left"] { rotate: -90deg; =
 }
  .data-\[side\=3Dright\]\:left-\[-18px\][data-side=3D"right"] { left: -18p=
 x; }
  .data-\[side\=3Dright\]\:rotate-90[data-side=3D"right"] { rotate: 90deg; =
 }
  .data-\[side\=3Dtop\]\:bottom-\[-10px\][data-side=3D"top"] { bottom: -10p=
 x; }
  .data-\[starting-style\]\:scale-\[0\.97\][data-starting-style] { scale: 0=
 .97; }
  .data-\[starting-style\]\:scale-\[0\.98\][data-starting-style] { scale: 0=
 .98; }
  .data-\[starting-style\]\:opacity-0[data-starting-style] { opacity: 0; }
  @media (prefers-reduced-motion: reduce) {
  .motion-reduce\:animate-none { animation: auto ease 0s 1 normal none runn=
 ing none; }
  .motion-reduce\:transition-none { transition-property: none; }
  .motion-reduce\:after\:hidden::after { content: var(--tw-content); displa=
 y: none; }
 }
  @media (min-width: 40rem) {
  .sm\:w-auto { width: auto; }
  .sm\:flex-row { flex-direction: row; }
  .sm\:justify-between { justify-content: space-between; }
  .sm\:justify-center { justify-content: center; }
  .sm\:justify-end { justify-content: flex-end; }
  .sm\:justify-start { justify-content: flex-start; }
 }
  .dark\:bg-aqua-800:where([data-mode=3D"dark"], [data-mode=3D"dark"] *) { =
 background-color: var(--cds-aqua-800); }
  @media (prefers-color-scheme: dark) {
  .dark\:bg-aqua-800:where([data-mode=3D"system"], [data-mode=3D"system"] *=
 ):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:bg-aqua-800:where(.cds-root, .cds-root *):not(:wher=
 e([data-mode], [data-mode] *)) { background-color: var(--cds-aqua-800); }
 }
  .dark\:bg-blue-800:where([data-mode=3D"dark"], [data-mode=3D"dark"] *) { =
 background-color: var(--cds-blue-800); }
  @media (prefers-color-scheme: dark) {
  .dark\:bg-blue-800:where([data-mode=3D"system"], [data-mode=3D"system"] *=
 ):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:bg-blue-800:where(.cds-root, .cds-root *):not(:wher=
 e([data-mode], [data-mode] *)) { background-color: var(--cds-blue-800); }
 }
  .dark\:bg-gray-550:where([data-mode=3D"dark"], [data-mode=3D"dark"] *) { =
 background-color: var(--cds-gray-550); }
  @media (prefers-color-scheme: dark) {
  .dark\:bg-gray-550:where([data-mode=3D"system"], [data-mode=3D"system"] *=
 ):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:bg-gray-550:where(.cds-root, .cds-root *):not(:wher=
 e([data-mode], [data-mode] *)) { background-color: var(--cds-gray-550); }
 }
  .dark\:bg-green-800:where([data-mode=3D"dark"], [data-mode=3D"dark"] *) {=
 background-color: var(--cds-green-800); }
  @media (prefers-color-scheme: dark) {
  .dark\:bg-green-800:where([data-mode=3D"system"], [data-mode=3D"system"] =
 *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:bg-green-800:where(.cds-root, .cds-root *):not(:whe=
 re([data-mode], [data-mode] *)) { background-color: var(--cds-green-800); }
 }
  .dark\:bg-magenta-800:where([data-mode=3D"dark"], [data-mode=3D"dark"] *)=
 { background-color: var(--cds-magenta-800); }
  @media (prefers-color-scheme: dark) {
  .dark\:bg-magenta-800:where([data-mode=3D"system"], [data-mode=3D"system"=
 ] *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mod=
 e=3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:bg-magenta-800:where(.cds-root, .cds-root *):not(:w=
 here([data-mode], [data-mode] *)) { background-color: var(--cds-magenta-800=
 ); }
 }
  .dark\:bg-orange-800:where([data-mode=3D"dark"], [data-mode=3D"dark"] *) =
 { background-color: var(--cds-orange-800); }
  @media (prefers-color-scheme: dark) {
  .dark\:bg-orange-800:where([data-mode=3D"system"], [data-mode=3D"system"]=
 *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:bg-orange-800:where(.cds-root, .cds-root *):not(:wh=
 ere([data-mode], [data-mode] *)) { background-color: var(--cds-orange-800);=
 }
 }
  .dark\:bg-red-800:where([data-mode=3D"dark"], [data-mode=3D"dark"] *) { b=
 ackground-color: var(--cds-red-800); }
  @media (prefers-color-scheme: dark) {
  .dark\:bg-red-800:where([data-mode=3D"system"], [data-mode=3D"system"] *)=
 :not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=3D=
 "dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=3D"d=
 ark"]) *)), .dark\:bg-red-800:where(.cds-root, .cds-root *):not(:where([dat=
 a-mode], [data-mode] *)) { background-color: var(--cds-red-800); }
 }
  .dark\:bg-violet-800:where([data-mode=3D"dark"], [data-mode=3D"dark"] *) =
 { background-color: var(--cds-violet-800); }
  @media (prefers-color-scheme: dark) {
  .dark\:bg-violet-800:where([data-mode=3D"system"], [data-mode=3D"system"]=
 *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:bg-violet-800:where(.cds-root, .cds-root *):not(:wh=
 ere([data-mode], [data-mode] *)) { background-color: var(--cds-violet-800);=
 }
 }
  .dark\:bg-yellow-800:where([data-mode=3D"dark"], [data-mode=3D"dark"] *) =
 { background-color: var(--cds-yellow-800); }
  @media (prefers-color-scheme: dark) {
  .dark\:bg-yellow-800:where([data-mode=3D"system"], [data-mode=3D"system"]=
 *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:bg-yellow-800:where(.cds-root, .cds-root *):not(:wh=
 ere([data-mode], [data-mode] *)) { background-color: var(--cds-yellow-800);=
 }
 }
  .dark\:text-aqua-300:where([data-mode=3D"dark"], [data-mode=3D"dark"] *) =
 { color: var(--cds-aqua-300); }
  @media (prefers-color-scheme: dark) {
  .dark\:text-aqua-300:where([data-mode=3D"system"], [data-mode=3D"system"]=
 *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:text-aqua-300:where(.cds-root, .cds-root *):not(:wh=
 ere([data-mode], [data-mode] *)) { color: var(--cds-aqua-300); }
 }
  .dark\:text-blue-300:where([data-mode=3D"dark"], [data-mode=3D"dark"] *) =
 { color: var(--cds-blue-300); }
  @media (prefers-color-scheme: dark) {
  .dark\:text-blue-300:where([data-mode=3D"system"], [data-mode=3D"system"]=
 *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:text-blue-300:where(.cds-root, .cds-root *):not(:wh=
 ere([data-mode], [data-mode] *)) { color: var(--cds-blue-300); }
 }
  .dark\:text-green-300:where([data-mode=3D"dark"], [data-mode=3D"dark"] *)=
 { color: var(--cds-green-300); }
  @media (prefers-color-scheme: dark) {
  .dark\:text-green-300:where([data-mode=3D"system"], [data-mode=3D"system"=
 ] *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mod=
 e=3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:text-green-300:where(.cds-root, .cds-root *):not(:w=
 here([data-mode], [data-mode] *)) { color: var(--cds-green-300); }
 }
  .dark\:text-magenta-300:where([data-mode=3D"dark"], [data-mode=3D"dark"] =
 *) { color: var(--cds-magenta-300); }
  @media (prefers-color-scheme: dark) {
  .dark\:text-magenta-300:where([data-mode=3D"system"], [data-mode=3D"syste=
 m"] *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-m=
 ode=3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mod=
 e=3D"dark"]) *)), .dark\:text-magenta-300:where(.cds-root, .cds-root *):not=
 (:where([data-mode], [data-mode] *)) { color: var(--cds-magenta-300); }
 }
  .dark\:text-orange-300:where([data-mode=3D"dark"], [data-mode=3D"dark"] *=
 ) { color: var(--cds-orange-300); }
  @media (prefers-color-scheme: dark) {
  .dark\:text-orange-300:where([data-mode=3D"system"], [data-mode=3D"system=
 "] *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mo=
 de=3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:text-orange-300:where(.cds-root, .cds-root *):not(:=
 where([data-mode], [data-mode] *)) { color: var(--cds-orange-300); }
 }
  .dark\:text-red-300:where([data-mode=3D"dark"], [data-mode=3D"dark"] *) {=
 color: var(--cds-red-300); }
  @media (prefers-color-scheme: dark) {
  .dark\:text-red-300:where([data-mode=3D"system"], [data-mode=3D"system"] =
 *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:text-red-300:where(.cds-root, .cds-root *):not(:whe=
 re([data-mode], [data-mode] *)) { color: var(--cds-red-300); }
 }
  .dark\:text-violet-300:where([data-mode=3D"dark"], [data-mode=3D"dark"] *=
 ) { color: var(--cds-violet-300); }
  @media (prefers-color-scheme: dark) {
  .dark\:text-violet-300:where([data-mode=3D"system"], [data-mode=3D"system=
 "] *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mo=
 de=3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:text-violet-300:where(.cds-root, .cds-root *):not(:=
 where([data-mode], [data-mode] *)) { color: var(--cds-violet-300); }
 }
  .dark\:text-yellow-300:where([data-mode=3D"dark"], [data-mode=3D"dark"] *=
 ) { color: var(--cds-yellow-300); }
  @media (prefers-color-scheme: dark) {
  .dark\:text-yellow-300:where([data-mode=3D"system"], [data-mode=3D"system=
 "] *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mo=
 de=3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:text-yellow-300:where(.cds-root, .cds-root *):not(:=
 where([data-mode], [data-mode] *)) { color: var(--cds-yellow-300); }
 }
  .dark\:shadow-panel-sm:where([data-mode=3D"dark"], [data-mode=3D"dark"] *=
 ) { --tw-shadow: inset 0 0 0 var(--tw-shadow-color,var(--cds-ring-inner)) v=
 ar(--cds-ring-color), 0 0 0 var(--tw-shadow-color,var(--cds-ring-outer)) va=
 r(--cds-ring-color), var(--cds-shadow-sm); box-shadow: var(--tw-inset-shado=
 w), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-rin=
 g-shadow), var(--tw-shadow); }
  @media (prefers-color-scheme: dark) {
  .dark\:shadow-panel-sm:where([data-mode=3D"system"], [data-mode=3D"system=
 "] *):not(:where([data-mode=3D"system"] :is([data-mode=3D"light"], [data-mo=
 de=3D"dark"]), [data-mode=3D"system"] :is([data-mode=3D"light"], [data-mode=
 =3D"dark"]) *)), .dark\:shadow-panel-sm:where(.cds-root, .cds-root *):not(:=
 where([data-mode], [data-mode] *)) { --tw-shadow: inset 0 0 0 var(--tw-shad=
 ow-color,var(--cds-ring-inner)) var(--cds-ring-color), 0 0 0 var(--tw-shado=
 w-color,var(--cds-ring-outer)) var(--cds-ring-color), var(--cds-shadow-sm);=
 box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-=
 ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
 }
  @media (pointer: coarse) {
  .pointer-coarse\:-mr-1 { margin-right: calc(var(--spacing) * -1); }
  .pointer-coarse\:hidden { display: none; }
 }
  .comfortable\:mx-2\.5:where([data-density=3D"comfortable"], [data-density=
 =3D"comfortable"] *) { margin-inline: calc(var(--spacing) * 2.5); }
  .comfortable\:px-2\.5:where([data-density=3D"comfortable"], [data-density=
 =3D"comfortable"] *) { padding-inline: calc(var(--spacing) * 2.5); }
  .compact\:mx-2:where([data-density=3D"compact"], [data-density=3D"compact=
 "] *) { margin-inline: calc(var(--spacing) * 2); }
  .compact\:px-2:where([data-density=3D"compact"], [data-density=3D"compact=
 "] *) { padding-inline: calc(var(--spacing) * 2); }
  .\[\&_span\[data-selected\]\]\:hidden span[data-selected] { display: none=
 ; }
  .\[\&_svg\]\:\[stroke-width\:1\.5\] svg { stroke-width: 1.5px; }
  .\[\&\:disabled\:not\(\[aria-busy\]\)\]\:opacity-50:disabled:not([aria-bu=
 sy]) { opacity: 0.5; }
  .enabled\:\[\&\:hover\:not\(\:focus\)\:not\(\[data-invalid\]\)\]\:shadow-=
 field-hover:enabled:hover:not(:focus):not([data-invalid]), .\[\&\:hover\:no=
 t\(\:focus-within\)\:not\(\[data-invalid\]\)\:not\(\[data-disabled\]\)\]\:s=
 hadow-field-hover:hover:not(:focus-within):not([data-invalid]):not([data-di=
 sabled]) { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color,var(--cds-bor=
 der-strong)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shado=
 w), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); =
 }
  .\[\&\>\*\]\:relative > *, .\[\&\>\[data-selected\]\+\[role\=3Doption\]\:=
 not\(\[data-selected\]\)\]\:relative > [data-selected] + [role=3D"option"]:=
 not([data-selected]) { position: relative; }
  .\[\&\>\[data-selected\]\+\[role\=3Doption\]\:not\(\[data-selected\]\)\]\=
 :mt-2 > [data-selected] + [role=3D"option"]:not([data-selected]) { margin-t=
 op: calc(var(--spacing) * 2); }
  .\[\&\>\[data-selected\]\+\[role\=3Doption\]\:not\(\[data-selected\]\)\]\=
 :before\:absolute > [data-selected] + [role=3D"option"]:not([data-selected]=
 )::before { content: var(--tw-content); position: absolute; }
  .\[\&\>\[data-selected\]\+\[role\=3Doption\]\:not\(\[data-selected\]\)\]\=
 :before\:inset-x-0 > [data-selected] + [role=3D"option"]:not([data-selected=
 ])::before { content: var(--tw-content); inset-inline: calc(var(--spacing) =
 * 0); }
  .\[\&\>\[data-selected\]\+\[role\=3Doption\]\:not\(\[data-selected\]\)\]\=
 :before\:-top-1 > [data-selected] + [role=3D"option"]:not([data-selected]):=
 :before { content: var(--tw-content); top: calc(var(--spacing) * -1); }
  .\[\&\>\[data-selected\]\+\[role\=3Doption\]\:not\(\[data-selected\]\)\]\=
 :before\:border-t > [data-selected] + [role=3D"option"]:not([data-selected]=
 )::before { content: var(--tw-content); border-top-style: var(--tw-border-s=
 tyle); border-top-width: 1px; }
  :where([data-mode=3D"dark"] .cds-root:not([data-mode=3D"light"]):not([dat=
 a-mode=3D"system"]), .cds-root[data-mode=3D"dark"]) .font-normal { font-var=
 iation-settings: var(--cds-font-wght-regular); }
  :where([data-mode=3D"dark"] .cds-root:not([data-mode=3D"light"]):not([dat=
 a-mode=3D"system"]), .cds-root[data-mode=3D"dark"]) .font-medium { font-var=
 iation-settings: var(--cds-font-wght-medium); }
  :where([data-mode=3D"dark"] .cds-root:not([data-mode=3D"light"]):not([dat=
 a-mode=3D"system"]), .cds-root[data-mode=3D"dark"]) .font-semibold { font-v=
 ariation-settings: var(--cds-font-wght-semibold); }
  :where([data-mode=3D"dark"] .cds-root:not([data-mode=3D"light"]):not([dat=
 a-mode=3D"system"]), .cds-root[data-mode=3D"dark"]) :is(b, strong):where(:n=
 ot([class*=3D"font"])), :where([data-mode=3D"dark"] .cds-root:not([data-mod=
 e=3D"light"]):not([data-mode=3D"system"]), .cds-root[data-mode=3D"dark"]) .=
 font-bold, :where([data-mode=3D"dark"] .cds-root:not([data-mode=3D"light"])=
 :not([data-mode=3D"system"]), .cds-root[data-mode=3D"dark"]) :is(.font-norm=
 al, .font-medium, .font-semibold) :is(b, strong) { font-variation-settings:=
 "opsz" var(--font-opsz,16), var(--cds-font-wght-bold); }
  @media (prefers-color-scheme: dark) {
  :where([data-mode=3D"system"] .cds-root:not([data-mode=3D"light"]):not([d=
 ata-mode=3D"dark"]), .cds-root[data-mode=3D"system"], .cds-root:not([data-m=
 ode]):not([data-mode] *)) .font-normal { font-variation-settings: var(--cds=
 -font-wght-regular); }
  :where([data-mode=3D"system"] .cds-root:not([data-mode=3D"light"]):not([d=
 ata-mode=3D"dark"]), .cds-root[data-mode=3D"system"], .cds-root:not([data-m=
 ode]):not([data-mode] *)) .font-medium { font-variation-settings: var(--cds=
 -font-wght-medium); }
  :where([data-mode=3D"system"] .cds-root:not([data-mode=3D"light"]):not([d=
 ata-mode=3D"dark"]), .cds-root[data-mode=3D"system"], .cds-root:not([data-m=
 ode]):not([data-mode] *)) .font-semibold { font-variation-settings: var(--c=
 ds-font-wght-semibold); }
  :where([data-mode=3D"system"] .cds-root:not([data-mode=3D"light"]):not([d=
 ata-mode=3D"dark"]), .cds-root[data-mode=3D"system"], .cds-root:not([data-m=
 ode]):not([data-mode] *)) :is(b, strong):where(:not([class*=3D"font"])), :w=
 here([data-mode=3D"system"] .cds-root:not([data-mode=3D"light"]):not([data-=
 mode=3D"dark"]), .cds-root[data-mode=3D"system"], .cds-root:not([data-mode]=
 ):not([data-mode] *)) .font-bold, :where([data-mode=3D"system"] .cds-root:n=
 ot([data-mode=3D"light"]):not([data-mode=3D"dark"]), .cds-root[data-mode=3D=
 "system"], .cds-root:not([data-mode]):not([data-mode] *)) :is(.font-normal,=
 .font-medium, .font-semibold) :is(b, strong) { font-variation-settings: "o=
 psz" var(--font-opsz,16), var(--cds-font-wght-bold); }
 }
 }

 .cds-root { -webkit-font-smoothing: antialiased; }

 .cds-root[data-font] { font-family: var(--cds-font-sans); }

 .cds-root { --cds-card-press-sx: .99; --cds-card-press-sy: .99; --cds-card-=
 press-d: 2px; }

 .cds-root .cds-btn-squish { transform-origin: 50% center; transition: trans=
 form .45s var(--cds-btn-spring), background-color var(--cds-dur-fast) var(-=
 -cds-ease-out), box-shadow var(--cds-dur-fast) var(--cds-ease-out), color v=
 ar(--cds-dur-fast) var(--cds-ease-out); }

 .cds-root .group\/btn:active:not([disabled]) .cds-btn-squish { transition: =
 transform 60ms ease-out, background-color var(--cds-dur-fast) var(--cds-eas=
 e-out), box-shadow var(--cds-dur-fast) var(--cds-ease-out), color var(--cds=
 -dur-fast) var(--cds-ease-out); transform: scale(0.975); }

 .cds-root [data-cds=3D"Card"] > .cds-card-fill, .cds-root [data-cds=3D"Card=
 "]::after { transform-origin: 50% center; transition: transform .45s var(--=
 cds-btn-spring); }

 .cds-root [data-cds=3D"Card"]:has([data-cds=3D"CardLink"]:active) > .cds-ca=
 rd-fill { transform: scale(var(--cds-card-press-sx), var(--cds-card-press-s=
 y)); transition: transform 60ms ease-out; }

 .cds-root [data-cds=3D"Card"]:has([data-cds=3D"CardLink"]:active)::after { =
 transform: scale(var(--cds-card-press-sx), var(--cds-card-press-sy)); trans=
 ition: transform 60ms ease-out; }

 .cds-root [data-cds=3D"Card"]:has([data-cds=3D"CardLink"]) > .cds-card-body=
 { clip-path: inset(0 round calc(var(--cds-radius) + 4px)); transition: cli=
 p-path .45s var(--cds-btn-spring); }

 .cds-root [data-cds=3D"Card"]:has([data-cds=3D"CardLink"]:active) > .cds-ca=
 rd-body { clip-path: inset(var(--cds-card-press-d) round calc(var(--cds-rad=
 ius) + 4px)); transition: clip-path 60ms ease-out; }

 @media (prefers-reduced-motion: reduce) {
  .cds-root [data-cds=3D"Card"] > .cds-card-fill, .cds-root [data-cds=3D"Ca=
 rd"]::after { transition: none; }
  .cds-root [data-cds=3D"Card"]:has([data-cds=3D"CardLink"]:active) > .cds-=
 card-fill { transition: none; }
  .cds-root [data-cds=3D"Card"]:has([data-cds=3D"CardLink"]:active)::after =
 { transition: none; }
  .cds-root [data-cds=3D"Card"]:has([data-cds=3D"CardLink"]) > .cds-card-bo=
 dy { transition: none; }
  .cds-root [data-cds=3D"Card"]:has([data-cds=3D"CardLink"]:active) > .cds-=
 card-body { transition: none; }
 }

 .cds-root { --cds-message-actions-reveal-in-duration: var(--cds-dur-snap); =
 --cds-message-actions-reveal-in-ease: var(--cds-ease-snap); --cds-message-a=
 ctions-reveal-in-delay: .1s; --cds-message-actions-reveal-out-duration: var=
 (--cds-dur-fast); --cds-message-actions-reveal-out-ease: var(--cds-ease-sna=
 p); --cds-message-actions-reveal-out-delay: 0s; --cds-message-actions-revea=
 l-scale: none; --cds-message-actions-reveal-origin: top; }

 .cds-root [data-cds=3D"MessageActions"][data-reveal] { opacity: 0; scale: v=
 ar(--cds-message-actions-reveal-scale); transform-origin: var(--cds-message=
 -actions-reveal-origin); transition-property: opacity, scale; transition-du=
 ration: var(--cds-message-actions-reveal-out-duration); transition-timing-f=
 unction: var(--cds-message-actions-reveal-out-ease); transition-delay: var(=
 --cds-message-actions-reveal-out-delay); }

 .cds-root .group\/message-row:focus-within [data-cds=3D"MessageActions"][da=
 ta-reveal], .cds-root [data-cds=3D"MessageActions"][data-reveal]:focus-with=
 in { opacity: 1; transition-duration: var(--cds-message-actions-reveal-in-d=
 uration); transition-timing-function: var(--cds-message-actions-reveal-in-e=
 ase); transition-delay: 0s; scale: none; }

 .cds-root [data-cds=3D"MessageActions"][data-reveal]:has([data-popup-open])=
 { opacity: 1; transition-duration: var(--cds-message-actions-reveal-in-dur=
 ation); transition-timing-function: var(--cds-message-actions-reveal-in-eas=
 e); transition-delay: 0s; scale: none; }

 @media (hover: hover) {
  .cds-root .group\/message-row:hover [data-cds=3D"MessageActions"][data-re=
 veal], .cds-root [data-cds=3D"MessageActions"][data-reveal]:hover { opacity=
 : 1; transition-duration: var(--cds-message-actions-reveal-in-duration); tr=
 ansition-timing-function: var(--cds-message-actions-reveal-in-ease); transi=
 tion-delay: var(--cds-message-actions-reveal-in-delay); scale: none; }
 }

 .cds-root [data-cds=3D"MessageActions"][data-reveal=3D"instant"] { transiti=
 on-property: none; scale: none; }

 @media (pointer: coarse) {
  .cds-root [data-cds=3D"MessageActions"][data-reveal] { opacity: 1; transi=
 tion-property: none; scale: none; }
 }

 @media (prefers-reduced-motion: reduce) {
  .cds-root [data-cds=3D"MessageActions"][data-reveal] { transition-propert=
 y: none; scale: none; }
 }

 :where(.cds-root) input.cds-input::-webkit-search-cancel-button { appearanc=
 e: none; display: none; }

 :where(.cds-root) input.cds-input::-webkit-search-decoration { appearance: =
 none; display: none; }

 :where(.cds-root) textarea.cds-input::-webkit-resizer { background: url("da=
 ta:image/svg+xml,%3Csvg xmlns=3D'http://www.w3.org/2000/svg' viewBox=3D'0 0=
 16 16'%3E%3Cpath d=3D'M4.5 11.5 11.5 4.5M8.5 11.5 11.5 8.5' stroke=3D'%238=
 98781' stroke-width=3D'1.5' stroke-linecap=3D'round' fill=3D'none'/%3E%3C/s=
 vg%3E") 0px 0px / 100% 100% no-repeat; }

 @media (pointer: coarse) {
  .cds-root { --cds-font-size-text-entry-floor: 16px; }
  .cds-root input:where(:not([type=3D"checkbox"]):not([type=3D"radio"]):not=
 ([type=3D"range"]):not([type=3D"button"]):not([type=3D"submit"]):not([type=
 =3D"reset"]):not([type=3D"color"]):not([type=3D"file"])), .cds-root textare=
 a, .cds-root select, .cds-root .cds-text-entry-floored { font-size: max(var=
 (--cds-font-size-text-entry-floor,0px), var(--cds-font-size-body)); }
 }

 @keyframes cds-dot-pulse {=20
  0%, 5% { background: var(--cds-alpha-3); animation-timing-function: cubic=
 -bezier(0.165, 0.84, 0.44, 1); }
  15%, 25% { background: var(--cds-alpha-7); animation-timing-function: cub=
 ic-bezier(0.165, 0.84, 0.44, 1); }
  65%, 100% { background: var(--cds-alpha-3); }
 }

 .cds-root .cds-dot { background: var(--cds-alpha-3); border-radius: 9999px;=
 width: 3px; height: 3px; animation: 1.8s linear 0s infinite normal none ru=
 nning cds-dot-pulse; }

 .cds-root .cds-dot:nth-child(2) { animation-delay: 0.2s; }

 .cds-root .cds-dot:nth-child(3) { animation-delay: 0.4s; }

 @media (prefers-reduced-motion: reduce) {
  .cds-root .cds-dot { animation: auto ease 0s 1 normal none running none; =
 }
 }

 @keyframes cds-shimmer {=20
  0% { transform: translate(-100%); }
  100% { transform: translate(100%); }
 }

 @keyframes cds-shimmer-text-shine {=20
  0% { background-position: 150% 0px; }
  100% { background-position: -50% 0px; }
 }

 @keyframes cds-reveal-in {=20
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: none; }
 }

 @property --cds-badge-x-wght { syntax: "<number>"; inherits: true; initial-=
 value: 577.8; }

 @property --cds-outset-x { syntax: "<length-percentage>"; inherits: false; =
 initial-value: 0; }

 @property --cds-outset-y { syntax: "<length-percentage>"; inherits: false; =
 initial-value: 0; }

 :root { --cds-radius: .25rem; --cds-border: currentColor; --cds-shadow-sm: =
 0 1px 2px 0 #0000000d; --cds-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px=
 -2px #0000001a; --cds-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4p=
 x #0000001a; --cds-font-mono: var(--cds-font-mono-override,) ui-monospace, =
 SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", =
 monospace; --cds-font-mono-ui: ui-monospace, SFMono-Regular, Menlo, Monaco,=
 Consolas, "Liberation Mono", "Courier New", monospace; --cds-font-system: =
 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --=
 cds-font-sans: var(--cds-font-system); --cds-ease-out: cubic-bezier(0, 0, .=
 2, 1); --cds-black: #000; --cds-oncolor-200: #f8f8f7bf; --cds-oncolor-300: =
 #f8f8f780; --cds-clay: #d97757; --cds-clay-emphasized: #c6613f; --cds-heath=
 er: #cbcadb; --cds-plum: #827dbd; --cds-cactus: #bcd1ca; --cds-mineral: #62=
 9987; --cds-gray-80: #e7e6e1; --cds-gray-650: #454442; --cds-pictogram-high=
 light-default: var(--cds-gray-80); --cds-pictogram-highlight-heather: var(-=
 -cds-heather); --cds-pictogram-highlight-cactus: var(--cds-cactus); --cds-f=
 ont-weight-regular: 400; --cds-font-weight-medium: 500; --cds-font-weight-s=
 emibold: 580; --cds-font-weight-bold: 600; }

 [data-mode=3D"dark"] { --cds-pictogram-highlight-default: var(--cds-gray-65=
 0); --cds-pictogram-highlight-heather: var(--cds-plum); --cds-pictogram-hig=
 hlight-cactus: var(--cds-mineral); }

 @media (prefers-color-scheme: dark) {
  :root:not([data-mode=3D"light"]) { --cds-pictogram-highlight-default: var=
 (--cds-gray-650); --cds-pictogram-highlight-heather: var(--cds-plum); --cds=
 -pictogram-highlight-cactus: var(--cds-mineral); }
 }

 .cds-root { --cds-radius: 6px; --cds-h-control: 24px; --cds-h-control-neste=
 d: 18px; --cds-icon: 16px; --cds-pad-xs: 4px; --cds-pad-sm: 6px; --cds-pad-=
 md: 8px; --cds-pad-lg: 12px; --cds-pad-xl: 20px; --cds-gap-xs: 6px; --cds-g=
 ap-sm: 8px; --cds-gap-md: 12px; --cds-gap-lg: 20px; --cds-gap-xl: 32px; --c=
 ds-border: var(--cds-alpha-2); --cds-border-accent: var(--cds-blue-250); --=
 cds-border-danger: var(--cds-red-250); --cds-border-success: var(--cds-gree=
 n-250); --cds-border-warning: var(--cds-yellow-250); --cds-border-pro: var(=
 --cds-violet-250); --cds-border-git-added: var(--cds-text-git-added); }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-border-git-added: color-mix(in srgb, var(--cds-text-git=
 -added) 40%, transparent); }
 }

 .cds-root { --cds-border-git-removed: var(--cds-text-git-removed); }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-border-git-removed: color-mix(in srgb, var(--cds-text-g=
 it-removed) 40%, transparent); }
 }

 .cds-root { --cds-border-git-modified: var(--cds-text-git-modified); }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-border-git-modified: color-mix(in srgb, var(--cds-text-=
 git-modified) 40%, transparent); }
 }

 .cds-root { --cds-border-git-merged: var(--cds-text-git-merged); }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-border-git-merged: color-mix(in srgb, var(--cds-text-gi=
 t-merged) 40%, transparent); }
 }

 .cds-root { --cds-border-git-closed: var(--cds-text-git-closed); }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-border-git-closed: color-mix(in srgb, var(--cds-text-gi=
 t-closed) 40%, transparent); }
 }

 .cds-root { --cds-border-git-conflicting: var(--cds-text-git-conflicting); =
 }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-border-git-conflicting: color-mix(in srgb, var(--cds-te=
 xt-git-conflicting) 40%, transparent); }
 }

 .cds-root { --cds-border-git-draft: var(--cds-text-git-draft); }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-border-git-draft: color-mix(in srgb, var(--cds-text-git=
 -draft) 40%, transparent); }
 }

 .cds-root { --cds-border-git-opened: var(--cds-border-git-added); --cds-bor=
 der-git-queued: var(--cds-border-git-modified); --cds-border-strong: var(--=
 cds-alpha-3); --cds-border-stronger: hsl(from var(--cds-neutral-900) h s l =
 / 40%); --cds-shadow-sm: 0 1px 2px 0 hsl(from var(--cds-gray-900) h s l / 6=
 %), 0 2px 8px 0 var(--cds-shadow-color); --cds-shadow-md: 0 2px 4px 0 hsl(f=
 rom var(--cds-gray-900) h s l / 7%), 0 6px 16px 0 var(--cds-shadow-color); =
 --cds-shadow-lg: 0 4px 8px 0 hsl(from var(--cds-gray-900) h s l / 8%), 0 12=
 px 28px -2px var(--cds-shadow-color); --cds-shadow-color: hsl(from var(--cd=
 s-gray-900) h s l / 8%); --cds-shadow-popover: 0 8px 24px #0000001f, 0 2px =
 6px #00000014; --cds-ring-outer: 1px; --cds-ring-inner: 0px; --cds-ring-col=
 or: var(--cds-border); --cds-ring-hairline: 1px; --cds-focus-shadow: inset =
 0 0 0 1px var(--cds-page-bg), 0 0 0 1px var(--cds-fill-accent), 0 0 6px 1px=
 var(--cds-bg-accent); --cds-font-mono: var(--cds-font-mono-override,) var(=
 --font-anthropic-mono,"SF Mono"), "SF Mono", ui-monospace, Menlo, Consolas,=
 monospace; --cds-font-mono-ui: var(--font-anthropic-mono,"SF Mono"), "SF M=
 ono", ui-monospace, Menlo, Consolas, monospace; --cds-font-sans: var(--font=
 -anthropic-sans,var(--cds-font-system)), var(--cds-font-system); --cds-font=
 -voice: var(--font-anthropic-serif,ui-serif), ui-serif, Georgia, "Times New=
 Roman", serif; --cds-ease-out: cubic-bezier(.165, .84, .44, 1); --cds-ease=
 -snap: cubic-bezier(.32, .72, 0, 1); --cds-ease-overshoot: cubic-bezier(.34=
 , 1.3, .64, 1); --cds-dur-fast: 60ms; --cds-dur-snap: .12s; --cds-dur-base:=
 .2s; --cds-dur-slow: .45s; --cds-btn-spring: linear(0, .2459, .6526, .9468=
 , 1.0764, 1.0915, 1.0585, 1.0219, .9993, .9914, .9921, .9957, .9988, 1.0004=
 , 1); --cds-clay: #d97757; --cds-clay-emphasized: #c6613f; --cds-heather: #=
 cbcadb; --cds-plum: #827dbd; --cds-cactus: #bcd1ca; --cds-mineral: #629987;=
 --cds-gray-0: #fff; --cds-gray-10: #fcfcfb; --cds-gray-20: #f9f9f7; --cds-=
 gray-30: #f6f6f4; --cds-gray-40: #f3f3f0; --cds-gray-50: #f0efec; --cds-gra=
 y-60: #edece8; --cds-gray-70: #eae9e4; --cds-gray-80: #e7e6e1; --cds-gray-9=
 0: #e4e3dd; --cds-gray-100: #e1e0d9; --cds-gray-150: #d2d1c7; --cds-gray-20=
 0: #c3c2b7; --cds-gray-250: #b4b3a8; --cds-gray-300: #a5a49a; --cds-gray-35=
 0: #97958d; --cds-gray-400: #898781; --cds-gray-450: #7b7974; --cds-gray-50=
 0: #6d6b67; --cds-gray-550: #5f5e5a; --cds-gray-600: #52514e; --cds-gray-65=
 0: #454442; --cds-gray-700: #383835; --cds-gray-750: #2c2c2a; --cds-gray-80=
 0: #20201f; --cds-gray-810: #1e1e1d; --cds-gray-820: #1c1c1b; --cds-gray-83=
 0: #1a1a19; --cds-gray-840: #181817; --cds-gray-850: #151515; --cds-gray-86=
 0: #131313; --cds-gray-870: #111; --cds-gray-880: #0f0f0f; --cds-gray-890: =
 #0d0d0d; --cds-gray-900: #0b0b0b; --cds-red-0: #fff; --cds-red-10: #fffbfb;=
 --cds-red-20: #fef7f7; --cds-red-30: #fef3f3; --cds-red-40: #fdefef; --cds=
 -red-50: #fbebeb; --cds-red-60: #fae7e7; --cds-red-70: #fae3e3; --cds-red-8=
 0: #fadfdf; --cds-red-90: #fadada; --cds-red-100: #fad6d6; --cds-red-150: #=
 f7c1c1; --cds-red-200: #f4abab; --cds-red-250: #f09595; --cds-red-300: #ec7=
 e7e; --cds-red-350: #e66767; --cds-red-400: #e34948; --cds-red-450: #d03b3b=
 ; --cds-red-500: #b93535; --cds-red-550: #a32c2c; --cds-red-600: #8e2626; -=
 -cds-red-650: #791e1e; --cds-red-700: #641919; --cds-red-750: #511212; --cd=
 s-red-800: #3c0e0e; --cds-red-810: #380d0d; --cds-red-820: #340c0c; --cds-r=
 ed-830: #310b0b; --cds-red-840: #2d0a0a; --cds-red-850: #280a0a; --cds-red-=
 860: #230b0a; --cds-red-870: #1d0b0a; --cds-red-880: #170c0b; --cds-red-890=
 : #110c0b; --cds-red-900: #0b0b0b; --cds-orange-0: #fff; --cds-orange-10: #=
 fefbfa; --cds-orange-20: #fdf7f5; --cds-orange-30: #fcf4f0; --cds-orange-40=
 : #faf0ec; --cds-orange-50: #f9ece7; --cds-orange-60: #f8e9e2; --cds-orange=
 -70: #f7e5dd; --cds-orange-80: #f7e1d7; --cds-orange-90: #f7dcd1; --cds-ora=
 nge-100: #f7d8cb; --cds-orange-150: #f3c5b2; --cds-orange-200: #f4ae94; --c=
 ds-orange-250: #f09978; --cds-orange-300: #ec835a; --cds-orange-350: #eb683=
 4; --cds-orange-400: #d95926; --cds-orange-450: #c25124; --cds-orange-500: =
 #ae461c; --cds-orange-550: #993d19; --cds-orange-600: #863311; --cds-orange=
 -650: #712b0f; --cds-orange-700: #5d230b; --cds-orange-750: #4b1b08; --cds-=
 orange-800: #371407; --cds-orange-810: #341307; --cds-orange-820: #301106; =
 --cds-orange-830: #2d1006; --cds-orange-840: #290f06; --cds-orange-850: #24=
 0e07; --cds-orange-860: #1f0e08; --cds-orange-870: #1a0e09; --cds-orange-88=
 0: #150d0a; --cds-orange-890: #100c0b; --cds-orange-900: #0b0b0b; --cds-yel=
 low-0: #fff; --cds-yellow-10: #fefcf8; --cds-yellow-20: #fcf8f1; --cds-yell=
 ow-30: #fbf5ea; --cds-yellow-40: #f9f2e4; --cds-yellow-50: #f9eeda; --cds-y=
 ellow-60: #faebce; --cds-yellow-70: #fae7c2; --cds-yellow-80: #fae3b8; --cd=
 s-yellow-90: #f9e0b0; --cds-yellow-100: #f9dca4; --cds-yellow-150: #f9c868;=
 --cds-yellow-200: #fab219; --cds-yellow-250: #eda100; --cds-yellow-300: #d=
 b9300; --cds-yellow-350: #c98500; --cds-yellow-400: #b77700; --cds-yellow-4=
 50: #a66a00; --cds-yellow-500: #945d00; --cds-yellow-550: #835100; --cds-ye=
 llow-600: #734500; --cds-yellow-650: #623900; --cds-yellow-700: #512e00; --=
 cds-yellow-750: #412400; --cds-yellow-800: #311a00; --cds-yellow-810: #2e18=
 00; --cds-yellow-820: #2b1700; --cds-yellow-830: #271500; --cds-yellow-840:=
 #231402; --cds-yellow-850: #1f1204; --cds-yellow-860: #1b1106; --cds-yello=
 w-870: #171007; --cds-yellow-880: #130e09; --cds-yellow-890: #0f0d0a; --cds=
 -yellow-900: #0b0b0b; --cds-green-0: #fff; --cds-green-10: #fafdfa; --cds-g=
 reen-20: #f5fbf4; --cds-green-30: #f0f9ef; --cds-green-40: #ebf7e9; --cds-g=
 reen-50: #e5f4e4; --cds-green-60: #e0f2de; --cds-green-70: #dbf0d8; --cds-g=
 reen-80: #d5eed3; --cds-green-90: #d0eccd; --cds-green-100: #caeac7; --cds-=
 green-150: #aee0a9; --cds-green-200: #91d68b; --cds-green-250: #73cb6d; --c=
 ds-green-300: #55bf50; --cds-green-350: #35b231; --cds-green-400: #0ca30c; =
 --cds-green-450: #009300; --cds-green-500: #008300; --cds-green-550: #00730=
 0; --cds-green-600: #006300; --cds-green-650: #005400; --cds-green-700: #07=
 4506; --cds-green-750: #0f350d; --cds-green-800: #11260f; --cds-green-810: =
 #10230f; --cds-green-820: #10210f; --cds-green-830: #101e0f; --cds-green-84=
 0: #101b0f; --cds-green-850: #0f180e; --cds-green-860: #0e160e; --cds-green=
 -870: #0e130d; --cds-green-880: #0d100d; --cds-green-890: #0c0e0c; --cds-gr=
 een-900: #0b0b0b; --cds-aqua-0: #fff; --cds-aqua-10: #f9fdfb; --cds-aqua-20=
 : #f3fbf8; --cds-aqua-30: #edf9f4; --cds-aqua-40: #e8f7f1; --cds-aqua-50: #=
 e2f4ed; --cds-aqua-60: #dcf2ea; --cds-aqua-70: #d5f0e6; --cds-aqua-80: #cee=
 fe2; --cds-aqua-90: #c7eddf; --cds-aqua-100: #bfebdb; --cds-aqua-150: #a0e1=
 c9; --cds-aqua-200: #7ad7b4; --cds-aqua-250: #5acba0; --cds-aqua-300: #3bbd=
 8c; --cds-aqua-350: #1baf7a; --cds-aqua-400: #199e70; --cds-aqua-450: #138e=
 65; --cds-aqua-500: #0f7e5c; --cds-aqua-550: #0e6e53; --cds-aqua-600: #065f=
 49; --cds-aqua-650: #095040; --cds-aqua-700: #034235; --cds-aqua-750: #0234=
 2b; --cds-aqua-800: #022720; --cds-aqua-810: #02241e; --cds-aqua-820: #0222=
 1c; --cds-aqua-830: #021f1a; --cds-aqua-840: #031c18; --cds-aqua-850: #051a=
 16; --cds-aqua-860: #071713; --cds-aqua-870: #081411; --cds-aqua-880: #0a11=
 0f; --cds-aqua-890: #0b0e0d; --cds-aqua-900: #0b0b0b; --cds-blue-0: #fff; -=
 -cds-blue-10: #fafcff; --cds-blue-20: #f5f9fe; --cds-blue-30: #f0f7fe; --cd=
 s-blue-40: #ebf4fc; --cds-blue-50: #e7f1fb; --cds-blue-60: #e2eefa; --cds-b=
 lue-70: #ddebfa; --cds-blue-80: #d7e8fa; --cds-blue-90: #d2e5fa; --cds-blue=
 -100: #cde2fb; --cds-blue-150: #b7d3f6; --cds-blue-200: #9ec5f4; --cds-blue=
 -250: #86b6ef; --cds-blue-300: #6da7ec; --cds-blue-350: #5598e7; --cds-blue=
 -400: #3987e5; --cds-blue-450: #2a78d6; --cds-blue-500: #256abf; --cds-blue=
 -550: #1c5cab; --cds-blue-600: #184f95; --cds-blue-650: #104281; --cds-blue=
 -700: #0d366b; --cds-blue-750: #062b57; --cds-blue-800: #032042; --cds-blue=
 -810: #031e3d; --cds-blue-820: #021c39; --cds-blue-830: #021a36; --cds-blue=
 -840: #021831; --cds-blue-850: #03162c; --cds-blue-860: #051426; --cds-blue=
 -870: #07121f; --cds-blue-880: #091018; --cds-blue-890: #0a0d11; --cds-blue=
 -900: #0b0b0b; --cds-violet-0: #fff; --cds-violet-10: #fcfbff; --cds-violet=
 -20: #f8f8ff; --cds-violet-30: #f5f4ff; --cds-violet-40: #f2f1ff; --cds-vio=
 let-50: #efedff; --cds-violet-60: #ebeafe; --cds-violet-70: #e8e6fe; --cds-=
 violet-80: #e5e2fd; --cds-violet-90: #e2dffd; --cds-violet-100: #dfdbfd; --=
 cds-violet-150: #cfcafb; --cds-violet-200: #bfb9f5; --cds-violet-250: #b0a7=
 f2; --cds-violet-300: #a096eb; --cds-violet-350: #9085e9; --cds-violet-400:=
 #8173e3; --cds-violet-450: #7161e0; --cds-violet-500: #6250d6; --cds-viole=
 t-550: #5645be; --cds-violet-600: #4a3aa7; --cds-violet-650: #3e318e; --cds=
 -violet-700: #322777; --cds-violet-750: #271e60; --cds-violet-800: #1d1649;=
 --cds-violet-810: #1b1544; --cds-violet-820: #19133f; --cds-violet-830: #1=
 7123b; --cds-violet-840: #151036; --cds-violet-850: #130f32; --cds-violet-8=
 60: #110e2b; --cds-violet-870: #0f0e23; --cds-violet-880: #0e0d1b; --cds-vi=
 olet-890: #0c0c13; --cds-violet-900: #0b0b0b; --cds-magenta-0: #fff; --cds-=
 magenta-10: #fefbfc; --cds-magenta-20: #fef6f9; --cds-magenta-30: #fdf2f6; =
 --cds-magenta-40: #fbeff3; --cds-magenta-50: #faebf0; --cds-magenta-60: #f9=
 e6ed; --cds-magenta-70: #f9e2eb; --cds-magenta-80: #f9dee8; --cds-magenta-9=
 0: #f9d9e5; --cds-magenta-100: #f9d4e2; --cds-magenta-150: #f3c0d3; --cds-m=
 agenta-200: #f3a8c3; --cds-magenta-250: #ed93b4; --cds-magenta-300: #e87ba4=
 ; --cds-magenta-350: #e46191; --cds-magenta-400: #d55181; --cds-magenta-450=
 : #c04873; --cds-magenta-500: #ad3d66; --cds-magenta-550: #993458; --cds-ma=
 genta-600: #862a4c; --cds-magenta-650: #722340; --cds-magenta-700: #5e1c34;=
 --cds-magenta-750: #4c1429; --cds-magenta-800: #390f1f; --cds-magenta-810:=
 #360d1c; --cds-magenta-820: #320c1a; --cds-magenta-830: #2f0b18; --cds-mag=
 enta-840: #2b0a16; --cds-magenta-850: #270a14; --cds-magenta-860: #220a12; =
 --cds-magenta-870: #1c0b11; --cds-magenta-880: #170b0f; --cds-magenta-890: =
 #110b0d; --cds-magenta-900: #0b0b0b; --cds-pictogram-highlight-default: var=
 (--cds-gray-80); --cds-pictogram-highlight-heather: var(--cds-heather); --c=
 ds-pictogram-highlight-cactus: var(--cds-cactus); --cds-cursor-interactive:=
 pointer; --cds-neutral-0: var(--cds-gray-0); --cds-neutral-10: var(--cds-g=
 ray-10); --cds-neutral-20: var(--cds-gray-20); --cds-neutral-30: var(--cds-=
 gray-30); --cds-neutral-40: var(--cds-gray-40); --cds-neutral-50: var(--cds=
 -gray-50); --cds-neutral-60: var(--cds-gray-60); --cds-neutral-70: var(--cd=
 s-gray-70); --cds-neutral-80: var(--cds-gray-80); --cds-neutral-90: var(--c=
 ds-gray-90); --cds-neutral-100: var(--cds-gray-100); --cds-neutral-150: var=
 (--cds-gray-150); --cds-neutral-200: var(--cds-gray-200); --cds-neutral-250=
 : var(--cds-gray-250); --cds-neutral-300: var(--cds-gray-300); --cds-neutra=
 l-350: var(--cds-gray-350); --cds-neutral-400: var(--cds-gray-400); --cds-n=
 eutral-450: var(--cds-gray-450); --cds-neutral-500: var(--cds-gray-500); --=
 cds-neutral-550: var(--cds-gray-550); --cds-neutral-600: var(--cds-gray-600=
 ); --cds-neutral-650: var(--cds-gray-650); --cds-neutral-700: var(--cds-gra=
 y-700); --cds-neutral-750: var(--cds-gray-750); --cds-neutral-800: var(--cd=
 s-gray-800); --cds-neutral-810: var(--cds-gray-810); --cds-neutral-820: var=
 (--cds-gray-820); --cds-neutral-830: var(--cds-gray-830); --cds-neutral-840=
 : var(--cds-gray-840); --cds-neutral-850: var(--cds-gray-850); --cds-neutra=
 l-860: var(--cds-gray-860); --cds-neutral-870: var(--cds-gray-870); --cds-n=
 eutral-880: var(--cds-gray-880); --cds-neutral-890: var(--cds-gray-890); --=
 cds-neutral-900: var(--cds-gray-900); --cds-alpha-0: hsl(from var(--cds-neu=
 tral-900) h s l / 0%); --cds-alpha-1: hsl(from var(--cds-neutral-900) h s l=
 / 5%); --cds-alpha-2: hsl(from var(--cds-neutral-900) h s l / 10%); --cds-=
 alpha-3: hsl(from var(--cds-neutral-900) h s l / 20%); --cds-alpha-4: hsl(f=
 rom var(--cds-neutral-900) h s l / 35%); --cds-alpha-5: hsl(from var(--cds-=
 neutral-900) h s l / 50%); --cds-alpha-6: hsl(from var(--cds-neutral-900) h=
 s l / 60%); --cds-alpha-7: hsl(from var(--cds-neutral-900) h s l / 70%); -=
 -cds-alpha-8: hsl(from var(--cds-neutral-900) h s l / 85%); --cds-alpha-9: =
 hsl(from var(--cds-neutral-900) h s l / 95%); --cds-surface-0: var(--cds-gr=
 ay-20); --cds-surface-1: var(--cds-gray-10); --cds-surface-2: var(--cds-gra=
 y-0); --cds-surface-3: var(--cds-gray-0); --cds-surface-popover: var(--cds-=
 surface-3); --cds-surface-panel: var(--cds-surface-2); --cds-page-bg: var(-=
 -cds-surface-0); --cds-fill-accent: var(--cds-blue-450); --cds-fill-accent-=
 hover: var(--cds-blue-400); --cds-fill-danger: var(--cds-red-450); --cds-fi=
 ll-danger-hover: var(--cds-red-400); --cds-fill-success: var(--cds-green-45=
 0); --cds-fill-success-hover: var(--cds-green-400); --cds-fill-warning: var=
 (--cds-yellow-200); --cds-fill-warning-hover: var(--cds-yellow-250); --cds-=
 fill-pro: var(--cds-violet-450); --cds-fill-pro-hover: var(--cds-violet-400=
 ); --cds-fill-git-added: #1a8633; --cds-fill-git-added-hover: #1e9b3b; --cd=
 s-fill-git-removed: var(--cds-text-git-removed); --cds-fill-git-removed-hov=
 er: #de295f; --cds-fill-git-modified: #8b751c; --cds-fill-git-modified-hove=
 r: #a08720; --cds-fill-git-merged: #855fd6; --cds-fill-git-merged-hover: #9=
 473db; --cds-fill-git-closed: #ed0b00; --cds-fill-git-closed-hover: #ff1307=
 ; --cds-fill-git-conflicting: #b85b19; --cds-fill-git-conflicting-hover: #c=
 5621b; --cds-fill-git-draft: var(--cds-text-git-draft); --cds-fill-git-draf=
 t-hover: gray; --cds-fill-git-opened: var(--cds-fill-git-added); --cds-fill=
 -git-opened-hover: var(--cds-fill-git-added-hover); --cds-fill-git-queued: =
 var(--cds-fill-git-modified); --cds-fill-git-queued-hover: var(--cds-fill-g=
 it-modified-hover); --cds-fill-brand: var(--cds-clay-emphasized); --cds-fil=
 l-brand-hover: var(--cds-clay); --cds-fill-primary: var(--cds-neutral-900);=
 --cds-fill-primary-hover: var(--cds-neutral-750); --cds-fill-secondary: #f=
 fffff1a; --cds-fill-secondary-hover: var(--cds-alpha-1); --cds-fill-seconda=
 ry-ring: var(--cds-border); --cds-fill-field: #ffffff80; --cds-fill-field-r=
 ing: var(--cds-border); --cds-fill-ghost-hover: var(--cds-alpha-1); --cds-f=
 ill-disabled: var(--cds-alpha-1); --cds-fill-control: var(--cds-alpha-2); -=
 -cds-fill-control-hover: var(--cds-alpha-3); --cds-bg-accent: var(--cds-blu=
 e-100); --cds-bg-accent-chip: var(--cds-bg-accent); --cds-bg-danger: var(--=
 cds-red-100); --cds-bg-danger-chip: var(--cds-bg-danger); --cds-bg-success:=
 var(--cds-green-100); --cds-bg-success-chip: var(--cds-bg-success); --cds-=
 bg-warning: var(--cds-yellow-100); --cds-bg-warning-chip: var(--cds-bg-warn=
 ing); --cds-bg-pro: var(--cds-violet-100); --cds-bg-pro-chip: var(--cds-bg-=
 pro); --cds-bg-git-added: var(--cds-text-git-added); }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-bg-git-added: color-mix(in srgb, var(--cds-text-git-add=
 ed) 20%, transparent); }
 }

 .cds-root { --cds-bg-git-removed: var(--cds-text-git-removed); }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-bg-git-removed: color-mix(in srgb, var(--cds-text-git-r=
 emoved) 20%, transparent); }
 }

 .cds-root { --cds-bg-git-modified: var(--cds-text-git-modified); }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-bg-git-modified: color-mix(in srgb, var(--cds-text-git-=
 modified) 20%, transparent); }
 }

 .cds-root { --cds-bg-git-merged: var(--cds-text-git-merged); }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-bg-git-merged: color-mix(in srgb, var(--cds-text-git-me=
 rged) 20%, transparent); }
 }

 .cds-root { --cds-bg-git-closed: var(--cds-text-git-closed); }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-bg-git-closed: color-mix(in srgb, var(--cds-text-git-cl=
 osed) 20%, transparent); }
 }

 .cds-root { --cds-bg-git-conflicting: var(--cds-text-git-conflicting); }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-bg-git-conflicting: color-mix(in srgb, var(--cds-text-g=
 it-conflicting) 20%, transparent); }
 }

 .cds-root { --cds-bg-git-draft: var(--cds-text-git-draft); }

 @supports (color:color-mix(in lab, red, red)) {
  .cds-root { --cds-bg-git-draft: color-mix(in srgb, var(--cds-text-git-dra=
 ft) 20%, transparent); }
 }

 .cds-root { --cds-bg-git-opened: var(--cds-bg-git-added); --cds-bg-git-queu=
 ed: var(--cds-bg-git-modified); --cds-bg-neutral: var(--cds-alpha-1); --cds=
 -bg-neutral-hover: var(--cds-alpha-2); --cds-bg-neutral-chip: var(--cds-bg-=
 neutral); --cds-bg-neutral-chip-hover: var(--cds-bg-neutral-hover); --cds-b=
 ackdrop: #0006; --cds-text-accent: var(--cds-blue-600); --cds-text-danger: =
 var(--cds-red-600); --cds-text-success: var(--cds-green-600); --cds-text-wa=
 rning: var(--cds-yellow-600); --cds-text-pro: var(--cds-violet-600); --cds-=
 text-git-added: #1e9e3c; --cds-text-git-removed: #cd2054; --cds-text-git-mo=
 dified: #98801f; --cds-text-git-merged: #8e6bd9; --cds-text-git-closed: #ff=
 3a30; --cds-text-git-conflicting: #c5621b; --cds-text-git-draft: #737373; -=
 -cds-text-git-opened: var(--cds-text-git-added); --cds-text-git-queued: var=
 (--cds-text-git-modified); --cds-text-primary: var(--cds-neutral-900); --cd=
 s-text-secondary: var(--cds-neutral-600); --cds-text-muted: var(--cds-neutr=
 al-400); --cds-text-disabled: var(--cds-alpha-4); --cds-font-size-caption: =
 11px; --cds-font-size-footnote: 12px; --cds-font-size-code: 12px; --cds-fon=
 t-size-body: 13px; --cds-font-size-prose: .875rem; --cds-font-size-heading:=
 14px; --cds-font-size-title: 20px; --cds-font-weight-regular: 400; --cds-f=
 ont-weight-medium: 500; --cds-font-weight-semibold: 580; --cds-font-weight-=
 bold: 600; --cds-font-wght-regular: normal; --cds-font-wght-medium: normal;=
 --cds-font-wght-semibold: normal; --cds-font-wght-bold: normal; --cds-lead=
 ing-caption: 17px; --cds-leading-footnote: 15px; --cds-leading-code: 17px; =
 --cds-leading-body: 19px; --cds-leading-prose: 1.25rem; --cds-leading-headi=
 ng: 18px; --cds-leading-title: 25px; --cds-on-primary: var(--cds-neutral-0)=
 ; --cds-on-accent: var(--cds-gray-0); --cds-on-danger: var(--cds-gray-0); -=
 -cds-on-success: var(--cds-gray-900); --cds-on-warning: var(--cds-gray-900)=
 ; --cds-on-pro: var(--cds-gray-0); --cds-on-git-added: var(--cds-gray-0); -=
 -cds-on-git-removed: var(--cds-gray-0); --cds-on-git-modified: var(--cds-gr=
 ay-0); --cds-on-git-merged: var(--cds-gray-0); --cds-on-git-closed: var(--c=
 ds-gray-0); --cds-on-git-conflicting: var(--cds-gray-0); --cds-on-git-draft=
 : var(--cds-gray-0); --cds-on-git-opened: var(--cds-on-git-added); --cds-on=
 -git-queued: var(--cds-on-git-modified); --cds-on-brand: var(--cds-gray-0);=
 --cds-chart-categorical-1: var(--cds-blue-450); --cds-chart-categorical-2:=
 var(--cds-orange-350); --cds-chart-categorical-3: var(--cds-aqua-350); --c=
 ds-chart-categorical-4: var(--cds-yellow-250); --cds-chart-categorical-5: v=
 ar(--cds-magenta-300); --cds-chart-categorical-6: var(--cds-green-500); --c=
 ds-chart-categorical-7: var(--cds-violet-600); --cds-chart-categorical-8: v=
 ar(--cds-red-400); --cds-chart-sequential-1: var(--cds-blue-100); --cds-cha=
 rt-sequential-2: var(--cds-blue-200); --cds-chart-sequential-3: var(--cds-b=
 lue-300); --cds-chart-sequential-4: var(--cds-blue-400); --cds-chart-sequen=
 tial-5: var(--cds-blue-500); --cds-chart-sequential-6: var(--cds-blue-600);=
 --cds-chart-sequential-7: var(--cds-blue-700); --cds-chart-diverging-1: va=
 r(--cds-blue-500); --cds-chart-diverging-2: var(--cds-blue-350); --cds-char=
 t-diverging-3: var(--cds-blue-200); --cds-chart-diverging-4: var(--cds-gray=
 -50); --cds-chart-diverging-5: var(--cds-red-200); --cds-chart-diverging-6:=
 var(--cds-red-350); --cds-chart-diverging-7: var(--cds-red-500); --cds-cha=
 rt-status-good: var(--cds-green-400); --cds-chart-status-warning: var(--cds=
 -yellow-200); --cds-chart-status-serious: var(--cds-orange-300); --cds-char=
 t-status-critical: var(--cds-red-450); --cds-chart-muted: var(--cds-gray-20=
 0); --cds-chart-reference: var(--cds-gray-400); --cds-chart-reference-tint:=
 hsl(from var(--cds-gray-400) h s l / 15%); --cds-chart-grid: var(--cds-alp=
 ha-2); --cds-chart-axis: var(--cds-gray-200); --cds-chart-baseline: var(--c=
 ds-gray-200); --cds-z-modal: 40; --cds-z-coachmark: 35; --cds-z-popover: 50=
 ; --cds-z-tooltip: 50; --cds-z-toast: 60; --cds-avatar-sm: 20px; --cds-avat=
 ar-md: 28px; --cds-avatar-lg: 36px; --cds-button-on-content: #fff9; --cds-b=
 utton-on-content-hover: #ffffffb3; --cds-button-on-content-ring: #ffffff59;=
 --cds-checkbox: 16px; --cds-checkbox-glyph: 16px; --cds-checkbox-radius: 4=
 px; --cds-radio-group-card-selected: var(--cds-blue-50); --cds-segmented-co=
 ntrol-thumb: var(--cds-surface-popover); --cds-segmented-control-track: var=
 (--cds-alpha-1); --cds-skeleton-base: var(--cds-alpha-2); --cds-skeleton-sh=
 een: var(--cds-alpha-2); --cds-switch-knob: var(--cds-gray-0); --cds-switch=
 -track: var(--cds-alpha-3); --cds-switch-track-hover: var(--cds-alpha-4); -=
 -cds-switch-h: 16px; --cds-tooltip-bg: var(--cds-neutral-900); --cds-toolti=
 p-fg: var(--cds-neutral-0); }

 [data-mode=3D"dark"] .cds-root:not([data-mode=3D"light"]):not([data-mode=3D=
 "system"]), .cds-root[data-mode=3D"dark"] { --cds-border-accent: var(--cds-=
 blue-700); --cds-border-danger: var(--cds-red-700); --cds-border-success: v=
 ar(--cds-green-700); --cds-border-warning: var(--cds-yellow-700); --cds-bor=
 der-pro: var(--cds-violet-700); --cds-shadow-color: #0000003d; --cds-shadow=
 -popover: 0 8px 24px #00000052, 0 2px 6px #0003; --cds-ring-outer: 0px; --c=
 ds-ring-inner: 1px; --cds-ring-color: var(--cds-alpha-2); --cds-focus-shado=
 w: inset 0 0 0 1px var(--cds-page-bg), 0 0 0 1px var(--cds-fill-accent), 0 =
 0 6px 1px hsl(from var(--cds-blue-600) h s l / 60%); --cds-pictogram-highli=
 ght-default: var(--cds-gray-650); --cds-pictogram-highlight-heather: var(--=
 cds-plum); --cds-pictogram-highlight-cactus: var(--cds-mineral); --cds-neut=
 ral-0: var(--cds-gray-900); --cds-neutral-10: var(--cds-gray-890); --cds-ne=
 utral-20: var(--cds-gray-880); --cds-neutral-30: var(--cds-gray-870); --cds=
 -neutral-40: var(--cds-gray-860); --cds-neutral-50: var(--cds-gray-850); --=
 cds-neutral-60: var(--cds-gray-840); --cds-neutral-70: var(--cds-gray-830);=
 --cds-neutral-80: var(--cds-gray-820); --cds-neutral-90: var(--cds-gray-81=
 0); --cds-neutral-100: var(--cds-gray-800); --cds-neutral-150: var(--cds-gr=
 ay-750); --cds-neutral-200: var(--cds-gray-700); --cds-neutral-250: var(--c=
 ds-gray-650); --cds-neutral-300: var(--cds-gray-600); --cds-neutral-350: va=
 r(--cds-gray-550); --cds-neutral-400: var(--cds-gray-500); --cds-neutral-45=
 0: var(--cds-gray-450); --cds-neutral-500: var(--cds-gray-400); --cds-neutr=
 al-550: var(--cds-gray-350); --cds-neutral-600: var(--cds-gray-300); --cds-=
 neutral-650: var(--cds-gray-250); --cds-neutral-700: var(--cds-gray-200); -=
 -cds-neutral-750: var(--cds-gray-150); --cds-neutral-800: var(--cds-gray-10=
 0); --cds-neutral-810: var(--cds-gray-90); --cds-neutral-820: var(--cds-gra=
 y-80); --cds-neutral-830: var(--cds-gray-70); --cds-neutral-840: var(--cds-=
 gray-60); --cds-neutral-850: var(--cds-gray-50); --cds-neutral-860: var(--c=
 ds-gray-40); --cds-neutral-870: var(--cds-gray-30); --cds-neutral-880: var(=
 --cds-gray-20); --cds-neutral-890: var(--cds-gray-10); --cds-neutral-900: v=
 ar(--cds-gray-0); --cds-surface-0: var(--cds-gray-890); --cds-surface-1: va=
 r(--cds-gray-830); --cds-surface-2: var(--cds-gray-750); --cds-surface-3: v=
 ar(--cds-gray-700); --cds-fill-git-added: var(--cds-text-git-added); --cds-=
 fill-git-added-hover: #27c840; --cds-fill-git-removed-hover: #ff1342; --cds=
 -fill-git-modified: var(--cds-text-git-modified); --cds-fill-git-modified-h=
 over: #fac800; --cds-fill-git-merged: var(--cds-text-git-merged); --cds-fil=
 l-git-merged-hover: #a67dff; --cds-fill-git-closed: var(--cds-text-git-clos=
 ed); --cds-fill-git-closed-hover: #ff4940; --cds-fill-git-conflicting: var(=
 --cds-text-git-conflicting); --cds-fill-git-conflicting-hover: #f97a1f; --c=
 ds-fill-git-draft-hover: #999; --cds-fill-primary-hover: var(--cds-gray-100=
 ); --cds-fill-secondary: var(--cds-alpha-2); --cds-fill-secondary-hover: #f=
 fffff24; --cds-fill-secondary-ring: transparent; --cds-fill-field: var(--cd=
 s-alpha-1); --cds-bg-accent: var(--cds-blue-800); --cds-bg-danger: var(--cd=
 s-red-800); --cds-bg-success: var(--cds-green-800); --cds-bg-warning: var(-=
 -cds-yellow-800); --cds-bg-pro: var(--cds-violet-800); --cds-backdrop: #000=
 00080; --cds-text-accent: var(--cds-blue-300); --cds-text-danger: var(--cds=
 -red-300); --cds-text-success: var(--cds-green-400); --cds-text-warning: va=
 r(--cds-yellow-300); --cds-text-pro: var(--cds-violet-300); --cds-text-git-=
 added: #32d74b; --cds-text-git-removed: #ff2c56; --cds-text-git-modified: #=
 ffd014; --cds-text-git-merged: #b796ff; --cds-text-git-closed: #ff6159; --c=
 ds-text-git-conflicting: #fa832e; --cds-text-git-draft: #a6a6a6; --cds-text=
 -secondary: var(--cds-gray-200); --cds-text-muted: var(--cds-gray-400); --c=
 ds-font-wght-regular: "wght" 360; --cds-font-wght-medium: "wght" 460; --cds=
 -font-wght-semibold: "wght" 540; --cds-font-wght-bold: "wght" 560; --cds-on=
 -git-added: var(--cds-gray-900); --cds-on-git-removed: var(--cds-gray-900);=
 --cds-on-git-modified: var(--cds-gray-900); --cds-on-git-merged: var(--cds=
 -gray-900); --cds-on-git-closed: var(--cds-gray-900); --cds-on-git-conflict=
 ing: var(--cds-gray-900); --cds-on-git-draft: var(--cds-gray-900); --cds-ch=
 art-categorical-1: var(--cds-blue-400); --cds-chart-categorical-2: var(--cd=
 s-orange-400); --cds-chart-categorical-3: var(--cds-aqua-400); --cds-chart-=
 categorical-4: var(--cds-yellow-350); --cds-chart-categorical-5: var(--cds-=
 magenta-400); --cds-chart-categorical-6: var(--cds-green-500); --cds-chart-=
 categorical-7: var(--cds-violet-350); --cds-chart-categorical-8: var(--cds-=
 red-350); --cds-chart-sequential-1: var(--cds-blue-700); --cds-chart-sequen=
 tial-2: var(--cds-blue-600); --cds-chart-sequential-3: var(--cds-blue-500);=
 --cds-chart-sequential-4: var(--cds-blue-400); --cds-chart-sequential-5: v=
 ar(--cds-blue-300); --cds-chart-sequential-6: var(--cds-blue-200); --cds-ch=
 art-sequential-7: var(--cds-blue-100); --cds-chart-diverging-1: var(--cds-b=
 lue-300); --cds-chart-diverging-2: var(--cds-blue-450); --cds-chart-divergi=
 ng-3: var(--cds-blue-600); --cds-chart-diverging-4: var(--cds-gray-700); --=
 cds-chart-diverging-5: var(--cds-red-600); --cds-chart-diverging-6: var(--c=
 ds-red-450); --cds-chart-diverging-7: var(--cds-red-300); --cds-chart-statu=
 s-good: var(--cds-green-400); --cds-chart-status-warning: var(--cds-yellow-=
 200); --cds-chart-status-serious: var(--cds-orange-300); --cds-chart-status=
 -critical: var(--cds-red-450); --cds-chart-muted: var(--cds-gray-550); --cd=
 s-chart-reference: var(--cds-gray-350); --cds-chart-reference-tint: hsl(fro=
 m var(--cds-gray-350) h s l / 15%); --cds-chart-axis: var(--cds-gray-700); =
 --cds-chart-baseline: var(--cds-gray-700); --cds-button-on-content: #000000=
 8c; --cds-button-on-content-hover: #000000a6; --cds-button-on-content-ring:=
 transparent; --cds-radio-group-card-selected: var(--cds-blue-850); --cds-s=
 egmented-control-thumb: var(--cds-alpha-2); --cds-tooltip-bg: var(--cds-sur=
 face-3); --cds-tooltip-fg: var(--cds-text-primary); }

 @media (prefers-color-scheme: dark) {
  [data-mode=3D"system"] .cds-root:not([data-mode=3D"light"]):not([data-mod=
 e=3D"dark"]), .cds-root[data-mode=3D"system"], .cds-root:not([data-mode]):n=
 ot([data-mode] *) { --cds-border-accent: var(--cds-blue-700); --cds-border-=
 danger: var(--cds-red-700); --cds-border-success: var(--cds-green-700); --c=
 ds-border-warning: var(--cds-yellow-700); --cds-border-pro: var(--cds-viole=
 t-700); --cds-shadow-color: #0000003d; --cds-shadow-popover: 0 8px 24px #00=
 000052, 0 2px 6px #0003; --cds-ring-outer: 0px; --cds-ring-inner: 1px; --cd=
 s-ring-color: var(--cds-alpha-2); --cds-focus-shadow: inset 0 0 0 1px var(-=
 -cds-page-bg), 0 0 0 1px var(--cds-fill-accent), 0 0 6px 1px hsl(from var(-=
 -cds-blue-600) h s l / 60%); --cds-pictogram-highlight-default: var(--cds-g=
 ray-650); --cds-pictogram-highlight-heather: var(--cds-plum); --cds-pictogr=
 am-highlight-cactus: var(--cds-mineral); --cds-neutral-0: var(--cds-gray-90=
 0); --cds-neutral-10: var(--cds-gray-890); --cds-neutral-20: var(--cds-gray=
 -880); --cds-neutral-30: var(--cds-gray-870); --cds-neutral-40: var(--cds-g=
 ray-860); --cds-neutral-50: var(--cds-gray-850); --cds-neutral-60: var(--cd=
 s-gray-840); --cds-neutral-70: var(--cds-gray-830); --cds-neutral-80: var(-=
 -cds-gray-820); --cds-neutral-90: var(--cds-gray-810); --cds-neutral-100: v=
 ar(--cds-gray-800); --cds-neutral-150: var(--cds-gray-750); --cds-neutral-2=
 00: var(--cds-gray-700); --cds-neutral-250: var(--cds-gray-650); --cds-neut=
 ral-300: var(--cds-gray-600); --cds-neutral-350: var(--cds-gray-550); --cds=
 -neutral-400: var(--cds-gray-500); --cds-neutral-450: var(--cds-gray-450); =
 --cds-neutral-500: var(--cds-gray-400); --cds-neutral-550: var(--cds-gray-3=
 50); --cds-neutral-600: var(--cds-gray-300); --cds-neutral-650: var(--cds-g=
 ray-250); --cds-neutral-700: var(--cds-gray-200); --cds-neutral-750: var(--=
 cds-gray-150); --cds-neutral-800: var(--cds-gray-100); --cds-neutral-810: v=
 ar(--cds-gray-90); --cds-neutral-820: var(--cds-gray-80); --cds-neutral-830=
 : var(--cds-gray-70); --cds-neutral-840: var(--cds-gray-60); --cds-neutral-=
 850: var(--cds-gray-50); --cds-neutral-860: var(--cds-gray-40); --cds-neutr=
 al-870: var(--cds-gray-30); --cds-neutral-880: var(--cds-gray-20); --cds-ne=
 utral-890: var(--cds-gray-10); --cds-neutral-900: var(--cds-gray-0); --cds-=
 surface-0: var(--cds-gray-890); --cds-surface-1: var(--cds-gray-830); --cds=
 -surface-2: var(--cds-gray-750); --cds-surface-3: var(--cds-gray-700); --cd=
 s-fill-git-added: var(--cds-text-git-added); --cds-fill-git-added-hover: #2=
 7c840; --cds-fill-git-removed-hover: #ff1342; --cds-fill-git-modified: var(=
 --cds-text-git-modified); --cds-fill-git-modified-hover: #fac800; --cds-fil=
 l-git-merged: var(--cds-text-git-merged); --cds-fill-git-merged-hover: #a67=
 dff; --cds-fill-git-closed: var(--cds-text-git-closed); --cds-fill-git-clos=
 ed-hover: #ff4940; --cds-fill-git-conflicting: var(--cds-text-git-conflicti=
 ng); --cds-fill-git-conflicting-hover: #f97a1f; --cds-fill-git-draft-hover:=
 #999; --cds-fill-primary-hover: var(--cds-gray-100); --cds-fill-secondary:=
 var(--cds-alpha-2); --cds-fill-secondary-hover: #ffffff24; --cds-fill-seco=
 ndary-ring: transparent; --cds-fill-field: var(--cds-alpha-1); --cds-bg-acc=
 ent: var(--cds-blue-800); --cds-bg-danger: var(--cds-red-800); --cds-bg-suc=
 cess: var(--cds-green-800); --cds-bg-warning: var(--cds-yellow-800); --cds-=
 bg-pro: var(--cds-violet-800); --cds-backdrop: #00000080; --cds-text-accent=
 : var(--cds-blue-300); --cds-text-danger: var(--cds-red-300); --cds-text-su=
 ccess: var(--cds-green-400); --cds-text-warning: var(--cds-yellow-300); --c=
 ds-text-pro: var(--cds-violet-300); --cds-text-git-added: #32d74b; --cds-te=
 xt-git-removed: #ff2c56; --cds-text-git-modified: #ffd014; --cds-text-git-m=
 erged: #b796ff; --cds-text-git-closed: #ff6159; --cds-text-git-conflicting:=
 #fa832e; --cds-text-git-draft: #a6a6a6; --cds-text-secondary: var(--cds-gr=
 ay-200); --cds-text-muted: var(--cds-gray-400); --cds-font-wght-regular: "w=
 ght" 360; --cds-font-wght-medium: "wght" 460; --cds-font-wght-semibold: "wg=
 ht" 540; --cds-font-wght-bold: "wght" 560; --cds-on-git-added: var(--cds-gr=
 ay-900); --cds-on-git-removed: var(--cds-gray-900); --cds-on-git-modified: =
 var(--cds-gray-900); --cds-on-git-merged: var(--cds-gray-900); --cds-on-git=
 -closed: var(--cds-gray-900); --cds-on-git-conflicting: var(--cds-gray-900)=
 ; --cds-on-git-draft: var(--cds-gray-900); --cds-chart-categorical-1: var(-=
 -cds-blue-400); --cds-chart-categorical-2: var(--cds-orange-400); --cds-cha=
 rt-categorical-3: var(--cds-aqua-400); --cds-chart-categorical-4: var(--cds=
 -yellow-350); --cds-chart-categorical-5: var(--cds-magenta-400); --cds-char=
 t-categorical-6: var(--cds-green-500); --cds-chart-categorical-7: var(--cds=
 -violet-350); --cds-chart-categorical-8: var(--cds-red-350); --cds-chart-se=
 quential-1: var(--cds-blue-700); --cds-chart-sequential-2: var(--cds-blue-6=
 00); --cds-chart-sequential-3: var(--cds-blue-500); --cds-chart-sequential-=
 4: var(--cds-blue-400); --cds-chart-sequential-5: var(--cds-blue-300); --cd=
 s-chart-sequential-6: var(--cds-blue-200); --cds-chart-sequential-7: var(--=
 cds-blue-100); --cds-chart-diverging-1: var(--cds-blue-300); --cds-chart-di=
 verging-2: var(--cds-blue-450); --cds-chart-diverging-3: var(--cds-blue-600=
 ); --cds-chart-diverging-4: var(--cds-gray-700); --cds-chart-diverging-5: v=
 ar(--cds-red-600); --cds-chart-diverging-6: var(--cds-red-450); --cds-chart=
 -diverging-7: var(--cds-red-300); --cds-chart-status-good: var(--cds-green-=
 400); --cds-chart-status-warning: var(--cds-yellow-200); --cds-chart-status=
 -serious: var(--cds-orange-300); --cds-chart-status-critical: var(--cds-red=
 -450); --cds-chart-muted: var(--cds-gray-550); --cds-chart-reference: var(-=
 -cds-gray-350); --cds-chart-reference-tint: hsl(from var(--cds-gray-350) h =
 s l / 15%); --cds-chart-axis: var(--cds-gray-700); --cds-chart-baseline: va=
 r(--cds-gray-700); --cds-button-on-content: #0000008c; --cds-button-on-cont=
 ent-hover: #000000a6; --cds-button-on-content-ring: transparent; --cds-radi=
 o-group-card-selected: var(--cds-blue-850); --cds-segmented-control-thumb: =
 var(--cds-alpha-2); --cds-tooltip-bg: var(--cds-surface-3); --cds-tooltip-f=
 g: var(--cds-text-primary); }
 }

 .cds-root[data-font=3D"system"] { --cds-font-sans: var(--cds-font-system); =
 }

 .cds-root[data-platform=3D"desktop"] { --cds-cursor-interactive: default; }

 .cds-root[data-density=3D"comfortable"] { --cds-radius: 8px; --cds-h-contro=
 l: 32px; --cds-h-control-nested: 22px; --cds-icon: 20px; --cds-pad-xs: 6px;=
 --cds-pad-sm: 8px; --cds-pad-md: 12px; --cds-pad-lg: 16px; --cds-pad-xl: 2=
 4px; --cds-gap-xs: 8px; --cds-gap-sm: 12px; --cds-gap-md: 16px; --cds-gap-l=
 g: 28px; --cds-gap-xl: 40px; --cds-font-size-caption: 12px; --cds-font-size=
 -footnote: 13px; --cds-font-size-code: 13px; --cds-font-size-body: 14px; --=
 cds-font-size-prose: 1rem; --cds-font-size-heading: 15px; --cds-font-size-t=
 itle: 22px; --cds-leading-caption: 17px; --cds-leading-footnote: 17px; --cd=
 s-leading-code: 19px; --cds-leading-body: 20px; --cds-leading-prose: 1.5rem=
 ; --cds-leading-heading: 20px; --cds-leading-title: 28px; --cds-avatar-sm: =
 24px; --cds-avatar-md: 32px; --cds-avatar-lg: 40px; --cds-checkbox: 20px; -=
 -cds-checkbox-glyph: 16px; --cds-checkbox-radius: 5px; --cds-switch-h: 20px=
 ; }

 @media (min-resolution: 2x) {
  .cds-root { --cds-ring-hairline: .5px; }
 }

 .cds-root [data-step=3D"1"] { --cds-radius: 5px; --cds-h-control: 20px; --c=
 ds-h-control-nested: 16px; --cds-icon: 12px; --cds-pad-xs: 2px; --cds-pad-s=
 m: 4px; --cds-pad-md: 6px; --cds-pad-lg: 10px; --cds-pad-xl: 14px; --cds-fo=
 nt-size-caption: 10px; --cds-font-size-body: 12px; --cds-font-size-prose: .=
 8125rem; --cds-leading-body: 17px; --cds-leading-prose: 1.1875rem; --cds-ch=
 eckbox: 14px; --cds-checkbox-glyph: 14px; --cds-checkbox-radius: 4px; --cds=
 -switch-h: 14px; }

 .cds-root [data-step=3D"2"] { --cds-radius: 6px; --cds-h-control: 24px; --c=
 ds-h-control-nested: 18px; --cds-icon: 16px; --cds-pad-xs: 4px; --cds-pad-s=
 m: 6px; --cds-pad-md: 8px; --cds-pad-lg: 12px; --cds-pad-xl: 20px; --cds-fo=
 nt-size-caption: 11px; --cds-font-size-body: 13px; --cds-font-size-prose: .=
 875rem; --cds-leading-body: 19px; --cds-leading-prose: 1.25rem; --cds-check=
 box: 16px; --cds-checkbox-glyph: 16px; --cds-checkbox-radius: 4px; --cds-sw=
 itch-h: 16px; }

 .cds-root [data-step=3D"3"] { --cds-radius: 7px; --cds-h-control: 28px; --c=
 ds-h-control-nested: 20px; --cds-icon: 16px; --cds-pad-xs: 6px; --cds-pad-s=
 m: 8px; --cds-pad-md: 10px; --cds-pad-lg: 14px; --cds-pad-xl: 22px; --cds-f=
 ont-size-caption: 12px; --cds-font-size-body: 14px; --cds-font-size-prose: =
 .9375rem; --cds-leading-body: 20px; --cds-leading-prose: 1.375rem; --cds-ch=
 eckbox: 18px; --cds-checkbox-glyph: 16px; --cds-checkbox-radius: 5px; --cds=
 -switch-h: 18px; }

 .cds-root [data-step=3D"4"] { --cds-radius: 8px; --cds-h-control: 32px; --c=
 ds-h-control-nested: 22px; --cds-icon: 20px; --cds-pad-xs: 6px; --cds-pad-s=
 m: 8px; --cds-pad-md: 12px; --cds-pad-lg: 16px; --cds-pad-xl: 24px; --cds-f=
 ont-size-caption: 12px; --cds-font-size-body: 14px; --cds-font-size-prose: =
 1rem; --cds-leading-body: 20px; --cds-leading-prose: 1.5rem; --cds-checkbox=
 : 20px; --cds-checkbox-glyph: 16px; --cds-checkbox-radius: 5px; --cds-switc=
 h-h: 20px; }

 .cds-root [data-step=3D"5"] { --cds-radius: 10px; --cds-h-control: 40px; --=
 cds-h-control-nested: 28px; --cds-icon: 24px; --cds-pad-xs: 8px; --cds-pad-=
 sm: 12px; --cds-pad-md: 16px; --cds-pad-lg: 20px; --cds-pad-xl: 28px; --cds=
 -font-size-caption: 13px; --cds-font-size-body: 15px; --cds-font-size-prose=
 : 1.125rem; --cds-leading-body: 22px; --cds-leading-prose: 1.6875rem; --cds=
 -checkbox: 24px; --cds-checkbox-glyph: 20px; --cds-checkbox-radius: 6px; --=
 cds-switch-h: 24px; }

 .cds-root { --cds-radius--xs: 5px; --cds-radius--sm: 5px; --cds-radius--lg:=
 7px; --cds-h-control--xs: 20px; --cds-h-control--sm: 20px; --cds-h-control=
 --lg: 28px; --cds-h-control-nested--xs: 16px; --cds-h-control-nested--sm: 1=
 6px; --cds-h-control-nested--lg: 20px; --cds-icon--xs: 12px; --cds-icon--sm=
 : 12px; --cds-icon--lg: 16px; --cds-pad-xs--xs: 2px; --cds-pad-xs--sm: 2px;=
 --cds-pad-xs--lg: 6px; --cds-pad-sm--xs: 4px; --cds-pad-sm--sm: 4px; --cds=
 -pad-sm--lg: 8px; --cds-pad-md--xs: 6px; --cds-pad-md--sm: 6px; --cds-pad-m=
 d--lg: 10px; --cds-pad-lg--xs: 10px; --cds-pad-lg--sm: 10px; --cds-pad-lg--=
 lg: 14px; --cds-pad-xl--xs: 14px; --cds-pad-xl--sm: 14px; --cds-pad-xl--lg:=
 22px; --cds-font-size-caption--xs: 10px; --cds-font-size-caption--sm: 10px=
 ; --cds-font-size-caption--lg: 12px; --cds-font-size-body--xs: 12px; --cds-=
 font-size-body--sm: 12px; --cds-font-size-body--lg: 14px; --cds-font-size-p=
 rose--xs: .8125rem; --cds-font-size-prose--sm: .8125rem; --cds-font-size-pr=
 ose--lg: .9375rem; --cds-leading-body--xs: 17px; --cds-leading-body--sm: 17=
 px; --cds-leading-body--lg: 20px; --cds-leading-prose--xs: 1.1875rem; --cds=
 -leading-prose--sm: 1.1875rem; --cds-leading-prose--lg: 1.375rem; --cds-che=
 ckbox--xs: 14px; --cds-checkbox--sm: 14px; --cds-checkbox--lg: 18px; --cds-=
 checkbox-glyph--xs: 14px; --cds-checkbox-glyph--sm: 14px; --cds-checkbox-gl=
 yph--lg: 16px; --cds-checkbox-radius--xs: 4px; --cds-checkbox-radius--sm: 4=
 px; --cds-checkbox-radius--lg: 5px; --cds-switch-h--xs: 14px; --cds-switch-=
 h--sm: 14px; --cds-switch-h--lg: 18px; }

 .cds-root[data-density=3D"comfortable"] { --cds-radius--xs: 6px; --cds-radi=
 us--sm: 7px; --cds-radius--lg: 10px; --cds-h-control--xs: 24px; --cds-h-con=
 trol--sm: 28px; --cds-h-control--lg: 40px; --cds-h-control-nested--xs: 18px=
 ; --cds-h-control-nested--sm: 20px; --cds-h-control-nested--lg: 28px; --cds=
 -icon--xs: 16px; --cds-icon--sm: 16px; --cds-icon--lg: 24px; --cds-pad-xs--=
 xs: 4px; --cds-pad-xs--sm: 6px; --cds-pad-xs--lg: 8px; --cds-pad-sm--xs: 6p=
 x; --cds-pad-sm--sm: 8px; --cds-pad-sm--lg: 12px; --cds-pad-md--xs: 8px; --=
 cds-pad-md--sm: 10px; --cds-pad-md--lg: 16px; --cds-pad-lg--xs: 12px; --cds=
 -pad-lg--sm: 14px; --cds-pad-lg--lg: 20px; --cds-pad-xl--xs: 20px; --cds-pa=
 d-xl--sm: 22px; --cds-pad-xl--lg: 28px; --cds-font-size-caption--xs: 11px; =
 --cds-font-size-caption--sm: 12px; --cds-font-size-caption--lg: 13px; --cds=
 -font-size-body--xs: 13px; --cds-font-size-body--sm: 14px; --cds-font-size-=
 body--lg: 15px; --cds-font-size-prose--xs: .875rem; --cds-font-size-prose--=
 sm: .9375rem; --cds-font-size-prose--lg: 1.125rem; --cds-leading-body--xs: =
 19px; --cds-leading-body--sm: 20px; --cds-leading-body--lg: 22px; --cds-lea=
 ding-prose--xs: 1.25rem; --cds-leading-prose--sm: 1.375rem; --cds-leading-p=
 rose--lg: 1.6875rem; --cds-checkbox--xs: 16px; --cds-checkbox--sm: 18px; --=
 cds-checkbox--lg: 24px; --cds-checkbox-glyph--xs: 16px; --cds-checkbox-glyp=
 h--sm: 16px; --cds-checkbox-glyph--lg: 20px; --cds-checkbox-radius--xs: 4px=
 ; --cds-checkbox-radius--sm: 5px; --cds-checkbox-radius--lg: 6px; --cds-swi=
 tch-h--xs: 16px; --cds-switch-h--sm: 18px; --cds-switch-h--lg: 24px; }

 .cds-root [data-size=3D"xs"] { --cds-radius: var(--cds-radius--xs); --cds-h=
 -control: var(--cds-h-control--xs); --cds-h-control-nested: var(--cds-h-con=
 trol-nested--xs); --cds-icon: var(--cds-icon--xs); --cds-pad-xs: var(--cds-=
 pad-xs--xs); --cds-pad-sm: var(--cds-pad-sm--xs); --cds-pad-md: var(--cds-p=
 ad-md--xs); --cds-pad-lg: var(--cds-pad-lg--xs); --cds-pad-xl: var(--cds-pa=
 d-xl--xs); --cds-font-size-caption: var(--cds-font-size-caption--xs); --cds=
 -font-size-body: var(--cds-font-size-body--xs); --cds-font-size-prose: var(=
 --cds-font-size-prose--xs); --cds-leading-body: var(--cds-leading-body--xs)=
 ; --cds-leading-prose: var(--cds-leading-prose--xs); --cds-checkbox: var(--=
 cds-checkbox--xs); --cds-checkbox-glyph: var(--cds-checkbox-glyph--xs); --c=
 ds-checkbox-radius: var(--cds-checkbox-radius--xs); --cds-switch-h: var(--c=
 ds-switch-h--xs); }

 .cds-root [data-size=3D"sm"] { --cds-radius: var(--cds-radius--sm); --cds-h=
 -control: var(--cds-h-control--sm); --cds-h-control-nested: var(--cds-h-con=
 trol-nested--sm); --cds-icon: var(--cds-icon--sm); --cds-pad-xs: var(--cds-=
 pad-xs--sm); --cds-pad-sm: var(--cds-pad-sm--sm); --cds-pad-md: var(--cds-p=
 ad-md--sm); --cds-pad-lg: var(--cds-pad-lg--sm); --cds-pad-xl: var(--cds-pa=
 d-xl--sm); --cds-font-size-caption: var(--cds-font-size-caption--sm); --cds=
 -font-size-body: var(--cds-font-size-body--sm); --cds-font-size-prose: var(=
 --cds-font-size-prose--sm); --cds-leading-body: var(--cds-leading-body--sm)=
 ; --cds-leading-prose: var(--cds-leading-prose--sm); --cds-checkbox: var(--=
 cds-checkbox--sm); --cds-checkbox-glyph: var(--cds-checkbox-glyph--sm); --c=
 ds-checkbox-radius: var(--cds-checkbox-radius--sm); --cds-switch-h: var(--c=
 ds-switch-h--sm); }

 .cds-root [data-size=3D"lg"] { --cds-radius: var(--cds-radius--lg); --cds-h=
 -control: var(--cds-h-control--lg); --cds-h-control-nested: var(--cds-h-con=
 trol-nested--lg); --cds-icon: var(--cds-icon--lg); --cds-pad-xs: var(--cds-=
 pad-xs--lg); --cds-pad-sm: var(--cds-pad-sm--lg); --cds-pad-md: var(--cds-p=
 ad-md--lg); --cds-pad-lg: var(--cds-pad-lg--lg); --cds-pad-xl: var(--cds-pa=
 d-xl--lg); --cds-font-size-caption: var(--cds-font-size-caption--lg); --cds=
 -font-size-body: var(--cds-font-size-body--lg); --cds-font-size-prose: var(=
 --cds-font-size-prose--lg); --cds-leading-body: var(--cds-leading-body--lg)=
 ; --cds-leading-prose: var(--cds-leading-prose--lg); --cds-checkbox: var(--=
 cds-checkbox--lg); --cds-checkbox-glyph: var(--cds-checkbox-glyph--lg); --c=
 ds-checkbox-radius: var(--cds-checkbox-radius--lg); --cds-switch-h: var(--c=
 ds-switch-h--lg); }

 .cds-root { --lightningcss-light: initial; --lightningcss-dark: ; color-sch=
 eme: light; }

 [data-mode=3D"dark"] .cds-root:not([data-mode=3D"light"]):not([data-mode=3D=
 "system"]), .cds-root[data-mode=3D"dark"] { --lightningcss-light: ; --light=
 ningcss-dark: initial; color-scheme: dark; }

 @media (prefers-color-scheme: dark) {
  [data-mode=3D"system"] .cds-root:not([data-mode=3D"light"]):not([data-mod=
 e=3D"dark"]), .cds-root[data-mode=3D"system"], .cds-root:not([data-mode]):n=
 ot([data-mode] *) { --lightningcss-light: ; --lightningcss-dark: initial; c=
 olor-scheme: dark; }
 }

 [data-darker-default][data-mode=3D"dark"] .cds-root:not([data-mode=3D"light=
 "]):not([data-mode=3D"system"]), [data-darker-default] .cds-root[data-mode=
 =3D"dark"], .cds-root[data-darker-default][data-mode=3D"dark"] { --cds-surf=
 ace-0: var(--cds-gray-900); --cds-surface-1: var(--cds-gray-850); --cds-sur=
 face-2: var(--cds-gray-830); --cds-surface-3: var(--cds-gray-800); --cds-fi=
 ll-ghost-hover: var(--cds-alpha-2); --cds-switch-track: var(--cds-alpha-2);=
 --cds-switch-track-hover: var(--cds-alpha-3); }

 @media (prefers-color-scheme: dark) {
  [data-darker-default][data-mode=3D"system"] .cds-root:not([data-mode=3D"l=
 ight"]):not([data-mode=3D"dark"]), [data-darker-default] .cds-root[data-mod=
 e=3D"system"], [data-darker-default] .cds-root:not([data-mode]):not([data-m=
 ode] *), .cds-root[data-darker-default][data-mode=3D"system"], .cds-root[da=
 ta-darker-default]:not([data-mode]) { --cds-surface-0: var(--cds-gray-900);=
 --cds-surface-1: var(--cds-gray-850); --cds-surface-2: var(--cds-gray-830)=
 ; --cds-surface-3: var(--cds-gray-800); --cds-fill-ghost-hover: var(--cds-a=
 lpha-2); --cds-switch-track: var(--cds-alpha-2); --cds-switch-track-hover: =
 var(--cds-alpha-3); }
 }

 @property --cds-scroll-fade-size { syntax: "<length>"; inherits: false; ini=
 tial-value: 28px; }

 @property --cds-scroll-fade-top { syntax: "<length>"; inherits: false; init=
 ial-value: 0; }

 @property --cds-scroll-fade-bottom { syntax: "<length>"; inherits: false; i=
 nitial-value: 0; }

 @property --cds-scroll-fade-left { syntax: "<length>"; inherits: false; ini=
 tial-value: 0; }

 @property --cds-scroll-fade-right { syntax: "<length>"; inherits: false; in=
 itial-value: 0; }

 @property --cds-scroll-fade-top-raw { syntax: "<length>"; inherits: false; =
 initial-value: 0; }

 @property --cds-scroll-fade-bottom-raw { syntax: "<length>"; inherits: fals=
 e; initial-value: 0; }

 @property --cds-scroll-fade-left-raw { syntax: "<length>"; inherits: false;=
 initial-value: 0; }

 @property --cds-scroll-fade-right-raw { syntax: "<length>"; inherits: false=
 ; initial-value: 0; }

 @property --cds-scroll-fade-y-active { syntax: "<number>"; inherits: false;=
 initial-value: 0; }

 @property --cds-scroll-fade-x-active { syntax: "<number>"; inherits: false;=
 initial-value: 0; }

 @keyframes cds-scroll-fade-top {=20
  0% { --cds-scroll-fade-top-raw: 0px; }
  100% { --cds-scroll-fade-top-raw: var(--cds-scroll-fade-size); }
 }

 @keyframes cds-scroll-fade-bottom {=20
  0% { --cds-scroll-fade-bottom-raw: var(--cds-scroll-fade-size); }
  100% { --cds-scroll-fade-bottom-raw: 0px; }
 }

 @keyframes cds-scroll-fade-left {=20
  0% { --cds-scroll-fade-left-raw: 0px; }
  100% { --cds-scroll-fade-left-raw: var(--cds-scroll-fade-size); }
 }

 @keyframes cds-scroll-fade-right {=20
  0% { --cds-scroll-fade-right-raw: var(--cds-scroll-fade-size); }
  100% { --cds-scroll-fade-right-raw: 0px; }
 }

 @keyframes cds-scroll-fade-y-active {=20
  0%, 100% { --cds-scroll-fade-y-active: 1; }
 }

 @keyframes cds-scroll-fade-x-active {=20
  0%, 100% { --cds-scroll-fade-x-active: 1; }
 }

 @property --cds-scroll-fade-strip-raw { syntax: "<number>"; inherits: false=
 ; initial-value: 0; }

 @property --cds-scroll-fade-strip-active { syntax: "<number>"; inherits: fa=
 lse; initial-value: 0; }

 @keyframes cds-scroll-fade-strip-in {=20
  0% { --cds-scroll-fade-strip-raw: 0; }
  100% { --cds-scroll-fade-strip-raw: 1; }
 }

 @keyframes cds-scroll-fade-strip-out {=20
  0% { --cds-scroll-fade-strip-raw: 1; }
  100% { --cds-scroll-fade-strip-raw: 0; }
 }

 @keyframes cds-scroll-fade-strip-active {=20
  0%, 100% { --cds-scroll-fade-strip-active: 1; }
 }

 @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0=
 ; }

 @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0=
 ; }

 @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0=
 ; }

 @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }

 @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }

 @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }

 @property --tw-rotate-x { syntax: "*"; inherits: false; }

 @property --tw-rotate-y { syntax: "*"; inherits: false; }

 @property --tw-rotate-z { syntax: "*"; inherits: false; }

 @property --tw-skew-x { syntax: "*"; inherits: false; }

 @property --tw-skew-y { syntax: "*"; inherits: false; }

 @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-val=
 ue: 0; }

 @property --tw-border-style { syntax: "*"; inherits: false; initial-value: =
 solid; }

 @property --tw-leading { syntax: "*"; inherits: false; }

 @property --tw-font-weight { syntax: "*"; inherits: false; }

 @property --tw-ordinal { syntax: "*"; inherits: false; }

 @property --tw-slashed-zero { syntax: "*"; inherits: false; }

 @property --tw-numeric-figure { syntax: "*"; inherits: false; }

 @property --tw-numeric-spacing { syntax: "*"; inherits: false; }

 @property --tw-numeric-fraction { syntax: "*"; inherits: false; }

 @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0=
 000; }

 @property --tw-shadow-color { syntax: "*"; inherits: false; }

 @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; init=
 ial-value: 100%; }

 @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: =
 0 0 #0000; }

 @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }

 @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false=
 ; initial-value: 100%; }

 @property --tw-ring-color { syntax: "*"; inherits: false; }

 @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0=
 0 #0000; }

 @property --tw-inset-ring-color { syntax: "*"; inherits: false; }

 @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-va=
 lue: 0 0 #0000; }

 @property --tw-ring-inset { syntax: "*"; inherits: false; }

 @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; ini=
 tial-value: 0; }

 @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-va=
 lue: #fff; }

 @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-v=
 alue: 0 0 #0000; }

 @property --tw-outline-style { syntax: "*"; inherits: false; initial-value:=
 solid; }

 @property --tw-blur { syntax: "*"; inherits: false; }

 @property --tw-brightness { syntax: "*"; inherits: false; }

 @property --tw-contrast { syntax: "*"; inherits: false; }

 @property --tw-grayscale { syntax: "*"; inherits: false; }

 @property --tw-hue-rotate { syntax: "*"; inherits: false; }

 @property --tw-invert { syntax: "*"; inherits: false; }

 @property --tw-opacity { syntax: "*"; inherits: false; }

 @property --tw-saturate { syntax: "*"; inherits: false; }

 @property --tw-sepia { syntax: "*"; inherits: false; }

 @property --tw-drop-shadow { syntax: "*"; inherits: false; }

 @property --tw-drop-shadow-color { syntax: "*"; inherits: false; }

 @property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false;=
 initial-value: 100%; }

 @property --tw-drop-shadow-size { syntax: "*"; inherits: false; }

 @property --tw-backdrop-blur { syntax: "*"; inherits: false; }

 @property --tw-backdrop-brightness { syntax: "*"; inherits: false; }

 @property --tw-backdrop-contrast { syntax: "*"; inherits: false; }

 @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }

 @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }

 @property --tw-backdrop-invert { syntax: "*"; inherits: false; }

 @property --tw-backdrop-opacity { syntax: "*"; inherits: false; }

 @property --tw-backdrop-saturate { syntax: "*"; inherits: false; }

 @property --tw-backdrop-sepia { syntax: "*"; inherits: false; }

 @property --tw-duration { syntax: "*"; inherits: false; }

 @property --tw-ease { syntax: "*"; inherits: false; }

 @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }

 @keyframes spin {=20
  100% { transform: rotate(360deg); }
 }

 @keyframes pulse {=20
  50% { opacity: 0.5; }
 }

 [data-chrome-root] { align-items: center; gap: 4px; display: flex; }

 [data-chrome-root] svg { display: block; }

 .avatar-pending { background: var(--hov); border-radius: 50%; width: 24px; =
 height: 24px; display: block; }

 @media (max-width: 768px) {
  .avatar-pending { width: 32px; height: 32px; }
 }

 .show-header { top: calc(var(--bar-h,36px) / 2); z-index: 30; background: v=
 ar(--cds-page-bg); border-radius: var(--cds-radius); transition: opacity 0.=
 15s; position: fixed; right: 12px; transform: translateY(-50%); }

 .show-header[data-idle] { opacity: 0.5; }

 .show-header:focus-within, .show-header:hover { opacity: 1; }

 @media (hover: none) {
  .show-header[data-idle] { opacity: 1; }
 }

 .show-comments-tab { z-index: 29; background: var(--cds-page-bg); border-ra=
 dius: var(--cds-radius) 0 0 var(--cds-radius); position: fixed; top: 50%; r=
 ight: 0px; transform: translateY(-50%); }

 .frame-comments-float { z-index: 29; align-items: center; gap: 8px; display=
 : flex; position: fixed; bottom: 12px; right: 12px; }

 .frame-comments-chip { background: var(--cds-page-bg); border: 1px solid va=
 r(--cds-border); border-radius: var(--cds-radius); display: inline-flex; }

 .frame-comments-chip[data-comments-pill] { border-radius: 999px; }

 html[data-header-hidden] [data-share-kick-region], html[data-header-hidden]=
 [data-share-msg-region] { top: 48px; }

 @media (prefers-reduced-motion: reduce) {
  .show-header { transition: none; }
 }

 @keyframes frame-comment-in {=20
  0% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 1; transform: translateY(0px); }
 }

 .frame-comment-in { animation: 0.28s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 norm=
 al none running frame-comment-in; }

 @media (prefers-reduced-motion: reduce) {
  .frame-comment-in { animation: auto ease 0s 1 normal none running none; }
 }

 @keyframes frame-comment-pulse {=20
  0% { outline-color: var(--cds-fill-accent,currentColor); outline-offset: =
 0px; }
  100% { outline-offset: 6px; outline-color: rgba(0, 0, 0, 0); }
 }

 .frame-comment-pulse { outline: rgba(0, 0, 0, 0) solid 2px; animation: 1.3s=
 ease-out 0s 1 normal none running frame-comment-pulse; }

 .frame-comment-in.frame-comment-pulse { animation: 0.28s cubic-bezier(0.4, =
 0, 0.2, 1) 0s 1 normal none running frame-comment-in, 1.3s ease-out 0s 1 no=
 rmal none running frame-comment-pulse; }

 @media (prefers-reduced-motion: reduce) {
  .frame-comment-pulse, .frame-comment-in.frame-comment-pulse { animation: =
 auto ease 0s 1 normal none running none; }
 }

 .frame-comment-ring { z-index: calc(var(--cds-layer-base,0) + 1); }

 .frame-comment-rest { z-index: calc(var(--cds-layer-base,0) + 2); }

 .frame-comment-rest:focus-within { z-index: calc(var(--cds-layer-base,0) + =
 3); }

 .frame-comment-rest:has(:hover) { z-index: calc(var(--cds-layer-base,0) + 3=
 ); }

 .frame-comment-open { z-index: calc(var(--cds-layer-base,0) + 4); }

 @supports not selector(::-webkit-scrollbar) {
  .frame-comment-scroll { scrollbar-width: thin; scrollbar-color: color-mix=
 (in srgb, currentcolor 35%, transparent) transparent; }
 }

 .frame-comment-scroll::-webkit-scrollbar { width: 6px; }

 .frame-comment-scroll::-webkit-scrollbar-track { background: 0px 0px; }

 .frame-comment-scroll::-webkit-scrollbar-thumb { background: color-mix(in s=
 rgb, currentcolor 35%, transparent); border-radius: 3px; }

 .frame-comment-scroll::-webkit-scrollbar-button { width: 0px; height: 0px; =
 display: none; }

 [data-comments-panel] { top: var(--bar,48px); width: var(--session-panel-w,=
 340px); z-index: 20; max-width: 100vw; position: fixed; bottom: 0px; right:=
 0px; }

 [data-session-resize] { cursor: col-resize; touch-action: none; width: 12px=
 ; position: absolute; top: 0px; bottom: 0px; left: -6px; }

 [data-session-resize]::before { content: ""; background: var(--cds-alpha-6)=
 ; opacity: 0; border-radius: 3px; width: 3px; height: 48px; transition: opa=
 city 0.2s 0.2s; position: absolute; top: 50%; left: 5px; transform: transla=
 teY(-50%); }

 [data-session-resize]:hover::before, [data-session-resize]:active::before {=
 opacity: 1; }

 [data-session-resize]:focus-visible { outline: none; }

 [data-session-resize]:focus-visible::before { opacity: 1; background: var(-=
 -cds-fill-accent); transition: opacity 0.2s; }

 @media (prefers-reduced-motion: reduce) {
  [data-session-resize]::before { transition: none; }
 }

 aside[data-comments-panel].frame-comments-drawer { top: calc(var(--bar,48px=
 ) + 12px); max-height: calc(100vh - var(--bar,48px) - 24px); width: 360px; =
 bottom: auto; right: 12px; }

 @media (max-width: 480px) {
  aside[data-comments-panel] { border-left-width: medium; border-left-style=
 : none; border-left-color: currentcolor; width: 100vw; }
  aside[data-comments-panel].frame-comments-drawer { top: var(--bar,48px); =
 border-width: medium; border-style: none; border-color: currentcolor; borde=
 r-image: none; border-radius: 0px; width: 100vw; max-height: none; bottom: =
 0px; right: 0px; }
  [data-session-resize] { display: none; }
 }
 ------MultipartBoundary--MrHHygFPIxOijrTfdmtvfVNjCzhnJRXUwRXKPFWD7W----
 Content-Type: text/css
 Content-Transfer-Encoding: quoted-printable
 Content-Location: cid:css-0da78243-5c73-4c41-ba6e-c50b30f10acc@mhtml.blink

 @charset "utf-8";

 html[data-embedded] .err-actions a.err-btn { display: none; }

 .err-logo { height: 24px; color: var(--fg); margin: 0px auto 40px; }

 .err-head { color: var(--fg); font-family: anthropic-serif, ui-serif, Georg=
 ia, "Times New Roman", serif; font-size: 20px; font-weight: 400; line-heigh=
 t: 1.1; }

 .err-sub { color: var(--mut); font-size: 16px; font-weight: 400; }

 .err-actions { justify-content: center; align-items: center; gap: 12px; mar=
 gin-top: 16px; display: flex; }

 .err-slot { display: contents; }

 .err-slot:empty { display: none; }

 .err-btn { background: var(--primary); color: var(--on-primary); border: 1p=
 x solid rgba(0, 0, 0, 0); border-radius: 8px; padding: 8px 16px; font-size:=
 14px; text-decoration: none; display: inline-block; }

 .err-btn.secondary { color: var(--fg); border: 1px solid var(--bord); backg=
 round: 0px 0px; }

 .err-btn.secondary:hover { background: var(--hov); }

 [hidden] { display: none !important; }

 .consent { z-index: 60; background: rgba(0, 0, 0, 0.5); flex-direction: col=
 umn; align-items: center; padding: 24px; display: flex; position: absolute;=
 inset: 0px; overflow-y: auto; }

 .consent > b { margin-top: auto; }

 .consent > .row { margin-bottom: auto; }

 .consent > b, .consent > span, .consent > .dl-file, .consent > .row { backg=
 round: var(--surf); border: 1px solid var(--bord); width: 100%; max-width: =
 440px; }

 .consent > b { overflow-wrap: anywhere; border-bottom: 0px; border-radius: =
 12px 12px 0px 0px; padding: 20px 20px 4px; font-size: 16px; font-weight: 60=
 0; }

 .consent > span { color: var(--mut); border-top: 0px; border-bottom: 0px; p=
 adding: 4px 20px 16px; font-size: 12px; }

 .consent > .dl-file { overflow-wrap: anywhere; border-top: 0px; border-bott=
 om: 0px; padding: 8px 20px; font-size: 13px; }

 .consent > .dl-file > b { font-size: 14px; }

 .consent > .row { border-top: 0px; border-radius: 0px 0px 12px 12px; justif=
 y-content: flex-end; gap: 10px; padding: 16px 20px 20px; display: flex; }

 .consent button { background: var(--primary); color: var(--on-primary); ove=
 rflow-wrap: anywhere; border-radius: 8px; min-width: 0px; max-width: 100%; =
 padding: 8px 16px; font-size: 14px; font-weight: 500; }

 .consent button:hover { filter: brightness(1.05); }

 .consent button.secondary { color: var(--fg); border: 1px solid var(--bord)=
 ; background: 0px 0px; }

 .consent button.secondary:hover { background: var(--hov); filter: none; }

 .consent:focus { outline: none; }

 .consent.nav { position: fixed; inset: 0px; }

 .consent.nav > .card { background: var(--surf); border: 1px solid var(--bor=
 d); border-radius: 12px; width: 100%; max-width: 448px; margin: auto 0px; p=
 adding: 20px; }

 .consent.nav .card > b { font-size: 16px; font-weight: 600; display: block;=
 }

 .consent.nav .card > .msg { color: var(--mut); margin-top: 8px; font-size: =
 13px; display: block; }

 .consent.nav .card > .nav-url { background: var(--bg); border: 1px solid va=
 r(--bord); overflow-wrap: anywhere; max-height: 160px; color: var(--mut); b=
 order-radius: 8px; margin-top: 12px; padding: 12px 16px; font-size: 12px; o=
 verflow-y: auto; }

 .consent.nav .card > .nav-url > b { color: var(--fg); margin-bottom: 2px; f=
 ont-size: 13px; font-weight: 600; display: block; }

 .consent.nav .card > .nav-url:focus-visible { outline: 2px solid var(--prim=
 ary,CanvasText); outline-offset: -2px; }

 .consent.nav .card > .nav-warn { background: var(--danger-bg); border: 1px =
 solid var(--danger-bord); color: var(--danger-fg); border-radius: 8px; alig=
 n-items: flex-start; gap: 8px; margin-top: 12px; padding: 12px; font-size: =
 12px; display: flex; }

 .consent.nav .card > .nav-warn > svg { flex-shrink: 0; margin-top: 1px; }

 .consent.nav .card > .row { justify-content: flex-end; gap: 10px; margin-to=
 p: 16px; display: flex; }

 .consent button:disabled { opacity: 0.5; filter: none; cursor: default; poi=
 nter-events: none; }

 #org-switch { flex-direction: column; align-items: center; gap: 10px; margi=
 n-top: 8px; display: flex; }

 .err-actions #org-switch { margin-top: 0px; }

 #org-caption { text-align: center; color: var(--mut); margin-top: 12px; fon=
 t-size: 12px; display: block; }

 .org-menu-wrap { position: relative; }

 #org-switch .org-trigger { border: 1px solid var(--bord); color: var(--fg);=
 border-radius: 8px; align-items: center; gap: 6px; padding: 8px 16px; font=
 -family: anthropic-sans, -apple-system, BlinkMacSystemFont, system-ui, sans=
 -serif; font-size: 14px; font-weight: 500; display: inline-flex; }

 #org-switch .org-trigger:hover { background: var(--hov); }

 #org-switch .org-caret { opacity: 0.6; }

 .org-menu { z-index: 30; background: var(--surf); border: 1px solid var(--b=
 ord); border-radius: 10px; flex-direction: column; min-width: 180px; max-wi=
 dth: 320px; max-height: 240px; padding: 4px; display: flex; position: absol=
 ute; top: calc(100% + 4px); left: 50%; overflow-y: auto; transform: transla=
 te(-50%); box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 16px; }

 .org-menu .org-item { width: 100%; color: var(--fg); text-align: left; bord=
 er-radius: 6px; flex-shrink: 0; align-items: center; gap: 8px; padding: 7px=
 10px; font-size: 13px; display: flex; }

 .org-menu .org-item:hover, .org-menu .org-item:focus { background: var(--ho=
 v); outline: none; }

 .org-menu .org-item:focus-visible { outline: 2px solid var(--fg); outline-o=
 ffset: -2px; }

 .org-menu .org-check { flex-shrink: 0; justify-content: center; align-items=
 : center; width: 14px; height: 14px; display: inline-flex; }

 .org-menu .org-name { text-overflow: ellipsis; white-space: nowrap; flex: 1=
 1 0%; min-width: 0px; overflow: hidden; }

 @media print {
  body > :not(main):not(#err), #loading, .consent, #frame-slot > iframe.fad=
 ing-out { display: none !important; }
  html:root { --bg: #fff; --fg: #222; --mut: #555; --line: #ccc; --lightnin=
 gcss-light: initial; --lightningcss-dark: ; color-scheme: light; }
  html, body, #err { height: auto; overflow: visible; }
  main, #frame-slot, #err, #frame-content { position: static; }
  main { display: block; }
  #frame-content { width: 100%; height: var(--frame-print-h,100vh); box-sha=
 dow: none; opacity: 1; border-radius: 0px; }
 }
 ------MultipartBoundary--MrHHygFPIxOijrTfdmtvfVNjCzhnJRXUwRXKPFWD7W----
 Content-Type: text/css
 Content-Transfer-Encoding: quoted-printable
 Content-Location: cid:css-1c92e82f-1175-443c-be80-299ac024f3fc@mhtml.blink

 @charset "utf-8";

 :root { --font-anthropic-sans: "anthropic-sans", ui-sans-serif, -apple-syst=
 em, BlinkMacSystemFont, "Segoe UI", sans-serif; }

 @font-face { font-family: anthropic-sans; src: url("https://assets-proxy.an=
 thropic.com/claude-ai/v2/assets/v1/cc27851ad-DDVos-BJ.woff2") format("woff2=
 "); font-weight: 300 800; font-style: normal; font-display: swap; font-feat=
 ure-settings: "dlig" 0; }

 @font-face { font-family: anthropic-sans; src: url("https://assets-proxy.an=
 thropic.com/claude-ai/v2/assets/v1/c9d3a3a49-CJtkx3-S.woff2") format("woff2=
 "); font-weight: 300 800; font-style: italic; font-display: swap; font-feat=
 ure-settings: "dlig" 0; }

 :root { --font-anthropic-serif: "anthropic-serif", ui-serif, Georgia, "Time=
 s New Roman", serif; }

 @font-face { font-family: anthropic-serif; src: url("https://assets-proxy.a=
 nthropic.com/claude-ai/v2/assets/v1/c66fc489e-2VcCjn5t.woff2") format("woff=
 2"); font-weight: 300 800; font-style: normal; font-display: swap; font-fea=
 ture-settings: "dlig" 0; }

 @font-face { font-family: anthropic-serif; src: url("https://assets-proxy.a=
 nthropic.com/claude-ai/v2/assets/v1/cc410af59-Dcb-9NUS.woff2") format("woff=
 2"); font-weight: 300 800; font-style: italic; font-display: swap; font-fea=
 ture-settings: "dlig" 0; }

 :root { --bg: #f9f9f7; --fg: #0b0b0b; --mut: #52514e; --line: #0b0b0b1a; --=
 bord: #0b0b0b33; --hov: #0b0b0b0d; --surf: #fff; --brand: #c6613f; --primar=
 y: #0b0b0b; --on-primary: #fff; --danger-bg: #fad6d6; --danger-bord: #f0959=
 5; --danger-fg: #8e2626; }

 html[data-embedded] { --bg: #fff; --surf: #fff; }

 @media (prefers-color-scheme: dark) {
  html:not([data-mode]) { --bg: #0d0d0d; --fg: #fff; --mut: #c3c2b7; --line=
 : #ffffff1a; --bord: #fff3; --hov: #ffffff0d; --surf: #2c2c2a; --primary: #=
 fff; --on-primary: #0b0b0b; --danger-bg: #3c0e0e; --danger-bord: #641919; -=
 -danger-fg: #ec7e7e; }
  html:not([data-mode])[data-embedded] { --bg: #2c2c2a; --surf: #383835; }
 }

 html[data-mode=3D"light"] { --lightningcss-light: initial; --lightningcss-d=
 ark: ; color-scheme: light; }

 html[data-mode=3D"dark"] { --bg: #0d0d0d; --fg: #fff; --mut: #c3c2b7; --lin=
 e: #ffffff1a; --bord: #fff3; --hov: #ffffff0d; --surf: #2c2c2a; --primary: =
 #fff; --on-primary: #0b0b0b; --danger-bg: #3c0e0e; --danger-bord: #641919; =
 --danger-fg: #ec7e7e; --lightningcss-light: ; --lightningcss-dark: initial;=
 color-scheme: dark; }

 html[data-mode=3D"dark"][data-embedded] { --bg: #2c2c2a; --surf: #383835; }

 @font-face { font-family: Anthropicons-Variable; src: url("https://assets-p=
 roxy.anthropic.com/claude-ai/v2/assets/v1/c0f671921-_JGacpB2.woff2") format=
 ("woff2-variations"); font-weight: 400 700; font-display: block; }

 .ico { -webkit-font-smoothing: auto; user-select: none; font-family: Anthro=
 picons-Variable; font-size: 16px; font-weight: 400; line-height: 1; }

 :root { --bar-h: 36px; --bar: var(--bar-h); --lightningcss-light: initial; =
 --lightningcss-dark: ; color-scheme: light dark; }

 @media (prefers-color-scheme: dark) {
  :root { --lightningcss-light: ; --lightningcss-dark: initial; }
 }

 @layer {
  * { box-sizing: border-box; margin: 0px; padding: 0px; }
  button { font: inherit; border: 0px; background: 0px 0px; cursor: pointer=
 ; color: inherit; }
 }

 html, body { overscroll-behavior: none; background: var(--bg); height: 100%=
 ; color: var(--fg); overflow: hidden; }

 body { font: 13px / 1.4 anthropic-sans, -apple-system, BlinkMacSystemFont, =
 system-ui, sans-serif; }

 #hdr { height: var(--bar); justify-content: space-between; align-items: cen=
 ter; padding: 0px 12px; display: flex; position: relative; }

 .l, .r { align-items: center; gap: 10px; display: flex; }

 .l { flex: 1 1 0%; min-width: 0px; }

 .r { flex: 0 0 auto; }

 .logo { background: var(--surf); border: .5px solid var(--bord); width: 24p=
 x; height: 24px; color: var(--fg); border-radius: 8px; flex-shrink: 0; just=
 ify-content: center; align-items: center; text-decoration: none; display: i=
 nline-flex; }

 a.logo:hover { background: var(--hov); }

 .byline { font-size: var(--cds-font-size-caption,12px); color: var(--mut); =
 white-space: nowrap; text-overflow: ellipsis; flex-shrink: 0; max-width: 31=
 2px; overflow: hidden; }

 .l > button[data-title-menu] { flex-shrink: 1000; min-width: 0px; margin-le=
 ft: -6px; overflow: hidden; }

 .l button[data-title-menu] > span, .l button[data-title-menu] .truncate { m=
 in-width: 0px; }

 .skel { background: var(--hov); border-radius: 4px; display: inline-block; =
 }

 .skel-logo { border-radius: 8px; width: 24px; height: 24px; }

 .skel-title { width: 8em; height: 1em; }

 .skel-avatar { border-radius: 50%; width: 24px; height: 24px; }

 .degraded-title { white-space: nowrap; text-overflow: ellipsis; font-size: =
 14px; font-weight: 500; overflow: hidden; }

 #hdr-degraded, body.chrome-degraded #hdr { display: none; }

 body.chrome-degraded #hdr-degraded { height: var(--bar); align-items: cente=
 r; gap: 10px; padding: 0px 12px; display: flex; }

 @media (max-width: 768px) {
  :root { --bar-h: 50px; }
  #hdr { padding-left: 4px; }
  .logo, .skel-logo { display: none; }
  .l { flex-direction: column; justify-content: center; align-items: flex-s=
 tart; gap: 0px; }
  .l > button[data-title-menu] { max-width: 100%; margin-left: 0px; }
  .byline { max-width: 100%; margin: -2px 0px 0px 6px; }
  .skel-avatar { width: 32px; height: 32px; }
 }

 html[data-embedded] { --bar-h: 42px; }

 html[data-embedded] #hdr { padding: 0px 8px; }

 html[data-embedded] .byline { flex-shrink: 1; max-width: 100%; }

 html[data-embedded] .skel-logo, html[data-embedded] .skel-title, html[data-=
 embedded] .skel-avatar, html[data-embedded] .logo, html[data-embedded][data=
 -chrome=3D"none"] #hdr, html[data-embedded][data-chrome=3D"none"] #hdr-degr=
 aded, html[data-header-hidden] #hdr, html[data-header-hidden] #hdr-degraded=
 { display: none; }

 html[data-embedded][data-chrome=3D"none"], html[data-header-hidden] { --bar=
 : 0px; }

 main { inset: var(--bar) 0 0 0; display: flex; position: absolute; }

 #frame-slot { flex: 1 1 0%; min-width: 0px; position: relative; }

 #loading { justify-content: center; align-items: center; display: flex; pos=
 ition: absolute; inset: 0px; }

 #loading[hidden] { display: none; }

 #loading.slow { text-align: center; color: var(--mut); flex-direction: colu=
 mn; gap: 12px; padding: 0px 24px; font-size: 13px; }

 #loading::after { content: ""; border-top-style: ; border-top-width: ; bord=
 er-right-color: ; border-right-style: ; border-right-width: ; border-bottom=
 -color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: =
 ; border-left-style: ; border-left-width: ; border-image-source: ; border-i=
 mage-slice: ; border-image-width: ; border-image-outset: ; border-image-rep=
 eat: ; border-top-color: var(--mut); border-radius: 50%; width: 24px; heigh=
 t: 24px; animation: 0.8s linear 0s infinite normal none running spin; }

 @keyframes spin {=20
  100% { transform: rotate(360deg); }
 }

 #frame-content { width: 100%; height: 100%; box-shadow: 0 0 0 .5px var(--li=
 ne), 0 2px 4px #0b0b0b12, 0 6px 16px #0b0b0b14; opacity: 0; border: 0px; bo=
 rder-radius: 8px 8px 0px 0px; transition: opacity 0.12s; position: absolute=
 ; inset: 0px; }

 #frame-slot > iframe.swap:not(.ready) { opacity: 0; pointer-events: none; b=
 order: 0px; width: 100%; height: 100%; position: absolute; inset: 0px; }

 #frame-content.swap { transition: none; }

 #frame-content.swap.crossfade { transition: opacity 0.12s; }

 #frame-slot > iframe.fading-out { opacity: 1; pointer-events: none; border:=
 0px; width: 100%; height: 100%; position: absolute; inset: 0px; }

 html[data-embedded] #frame-content, html[data-header-hidden] #frame-content=
 , body.embed #frame-content { box-shadow: none; border-radius: 0px; }

 #frame-content.ready { opacity: 1; }

 @media (prefers-reduced-motion: reduce) {
  #loading::after { animation: auto ease 0s 1 normal none running none; }
  #frame-content { transition: none; }
 }

 body.err #hdr, body.err #hdr-degraded, #err[hidden] { display: none; }

 #err { text-align: center; color: var(--fg); place-content: safe center; ga=
 p: 8px; padding: 96px 16px 128px; display: grid; position: absolute; inset:=
 0px; overflow-y: auto; }

 @font-face { font-family: Anthropicons-Variable; src: url("https://assets-p=
 roxy.anthropic.com/claude-ai/v2/assets/v1/c0f671921-_JGacpB2.woff2") format=
 ("woff2-variations"); font-weight: 400 700; font-display: block; }
 ------MultipartBoundary--MrHHygFPIxOijrTfdmtvfVNjCzhnJRXUwRXKPFWD7W----
 Content-Type: text/html
 Content-ID: <frame-11CABE929BA0231EFBFDF4A0C6326A3A@mhtml.blink>
 Content-Transfer-Encoding: quoted-printable

 <html><head><meta http-equiv=3D"Content-Type" content=3D"text/html; charset=
 =3DUTF-8"></head><body></body></html>
 ------MultipartBoundary--MrHHygFPIxOijrTfdmtvfVNjCzhnJRXUwRXKPFWD7W----
 Content-Type: text/html
 Content-ID: <frame-747BDD2C12D3BA16D90A7C4BA95D5D17@mhtml.blink>
 Content-Transfer-Encoding: quoted-printable
 Content-Location: https://b960d3b0-e3ee-41d4-aaaf-008bd295cd15.frame.claudeusercontent.com/_f/1786267488-9acf/?__frame_t=CWDYfJN-Zo72nZ8OduMeOHs8.b1115f54-04d8-40a8-a2cb-bea6cd7a2255.8f06ccb2-ca8a-4989-bc3b-87bbec333eb6.1786286262&__frame_v=manifest.64ed3bc4b5729c2c.json

 <!DOCTYPE html><html><head><meta http-equiv=3D"Content-Type" content=3D"tex=
 t/html; charset=3DUTF-8"><link rel=3D"stylesheet" type=3D"text/css" href=3D=
 "cid:css-80917c2e-4500-4d1f-8745-a1ca659f9fd7@mhtml.blink" /><link rel=3D"s=
 tylesheet" type=3D"text/css" href=3D"cid:css-504464bd-3776-4ba7-a606-cb0831=
 b7aafd@mhtml.blink" /><!-- frame-runtime --><base href=3D"https://b960d3b0-=
 e3ee-41d4-aaaf-008bd295cd15.frame.claudeusercontent.com/_f/1786267488-9acf/=
 "><!-- /frame-runtime --><meta name=3D"viewport" content=3D"width=3Ddevice-=
 width,initial-scale=3D1"></head><body>
 <title>Why the spec PDF search lands on the wrong page</title>


 <div class=3D"wrap">

  <header class=3D"col">
    <div class=3D"eyebrow">ooxml.dev =C2=B7 spec explorer =C2=B7 diagnosis<=
 /div>
    <h1>The search is fine. The page numbers are fiction.</h1>
    <p class=3D"lede">Two independent faults, both introduced during PDF in=
 gest. Half of what search returns is table-of-contents scrap, and every pag=
 e number in the database is measured in a coordinate system the PDF viewer =
 doesn't use.</p>
  </header>

  <div class=3D"panel verdict">
    <div class=3D"stat">
      <span class=3D"n bad">55%</span>
      <span class=3D"lbl">of search results are table=E2=80=91of=E2=80=91co=
 ntents lines, not spec content <span class=3D"file">(66 of 120 across 12 re=
 alistic queries)</span></span>
    </div>
    <div class=3D"stat">
      <span class=3D"n bad">0 / 69</span>
      <span class=3D"lbl">sampled sections open on the correct PDF page =E2=
 =80=94 every one is short by 10 or 11</span>
    </div>
    <div class=3D"stat">
      <span class=3D"n bad">4 / 4</span>
      <span class=3D"lbl">PDFs have the wrong hardcoded page count in the v=
 iewer; Part&nbsp;4 is off by 2,483</span>
    </div>
  </div>

  <hr>

  <section>
    <div class=3D"head">
      <span class=3D"clause">1</span>
      <div class=3D"col">
        <h2>Page numbers are stored in the book's coordinates, then used as=
 the file's</h2>
        <p>A spec PDF has two numbering systems. The number <em>printed</em=
 > in the running header counts from the first body page. The number the vie=
 wer needs =E2=80=94 what <code>#page=3DN</code> means =E2=80=94 counts phys=
 ical sheets from the cover, including all the roman-numeral front matter.</=
 p>
        <p>The extractor reads the printed number off the page header. The =
 viewer feeds that straight into <code>#page=3D</code>. Nothing in the repo =
 ever converts between them =E2=80=94 <code>grep -r offset</code> returns no=
 thing.</p>
      </div>
    </div>

    <figure>
      <svg viewBox=3D"0 0 880 300" role=3D"img" aria-label=3D"Diagram traci=
 ng section 17.3.1.12 from its true PDF page 229 through ingest to the wrong=
 page 218 in the viewer">
        <defs>
          <marker id=3D"ar" viewBox=3D"0 0 10 10" refX=3D"9" refY=3D"5" mar=
 kerWidth=3D"7" markerHeight=3D"7" orient=3D"auto">
            <path d=3D"M0 0 L10 5 L0 10 z" fill=3D"currentColor"></path>
          </marker>
        </defs>
        <g font-family=3D"ui-monospace, SFMono-Regular, Menlo, monospace" f=
 ont-size=3D"12.5">

          <!-- stage 1 -->
          <g color=3D"var(--ink-faint)">
            <rect x=3D"8" y=3D"46" width=3D"196" height=3D"104" rx=3D"5" fi=
 ll=3D"var(--panel)" stroke=3D"var(--rule)"></rect>
            <text x=3D"20" y=3D"34" fill=3D"var(--ink-faint)" font-size=3D"=
 10.5" letter-spacing=3D"1.4">THE PDF</text>
            <text x=3D"24" y=3D"74" fill=3D"var(--ink-soft)">physical sheet=
 </text>
            <text x=3D"24" y=3D"98" fill=3D"var(--ink)" font-size=3D"21">22=
 9</text>
            <text x=3D"24" y=3D"123" fill=3D"var(--ink-soft)">header prints=
 </text>
            <text x=3D"24" y=3D"143" fill=3D"var(--ink)" font-size=3D"15">2=
 19</text>
            <text x=3D"120" y=3D"98" fill=3D"var(--ink-faint)" font-size=3D=
 "11">10 pages of</text>
            <text x=3D"120" y=3D"113" fill=3D"var(--ink-faint)" font-size=
 =3D"11">front matter</text>
            <text x=3D"120" y=3D"128" fill=3D"var(--ink-faint)" font-size=
 =3D"11">precede it</text>
          </g>

          <!-- stage 2 -->
          <g>
            <rect x=3D"248" y=3D"46" width=3D"196" height=3D"104" rx=3D"5" =
 fill=3D"var(--panel)" stroke=3D"var(--rule)"></rect>
            <text x=3D"260" y=3D"34" fill=3D"var(--ink-faint)" font-size=3D=
 "10.5" letter-spacing=3D"1.4">EXTRACT.PY</text>
            <text x=3D"264" y=3D"74" fill=3D"var(--ink-soft)">reads printed=
 no.</text>
            <text x=3D"264" y=3D"98" fill=3D"var(--ink)" font-size=3D"21">2=
 19</text>
            <text x=3D"264" y=3D"127" fill=3D"var(--ink-faint)" font-size=
 =3D"11">tracker lags a page,</text>
            <text x=3D"264" y=3D"142" fill=3D"var(--ink-faint)" font-size=
 =3D"11">then adds its own +1</text>
          </g>

          <!-- stage 3 -->
          <g>
            <rect x=3D"488" y=3D"46" width=3D"180" height=3D"104" rx=3D"5" =
 fill=3D"var(--panel)" stroke=3D"var(--rule)"></rect>
            <text x=3D"500" y=3D"34" fill=3D"var(--ink-faint)" font-size=3D=
 "10.5" letter-spacing=3D"1.4">DATABASE</text>
            <text x=3D"504" y=3D"74" fill=3D"var(--ink-soft)">page_number</=
 text>
            <text x=3D"504" y=3D"98" fill=3D"var(--ink)" font-size=3D"21">2=
 18</text>
            <text x=3D"504" y=3D"127" fill=3D"var(--ink-faint)" font-size=
 =3D"11">shared by all 3</text>
            <text x=3D"504" y=3D"142" fill=3D"var(--ink-faint)" font-size=
 =3D"11">chunks of =C2=A717.3.1.12</text>
          </g>

          <!-- stage 4 -->
          <g>
            <rect x=3D"712" y=3D"46" width=3D"160" height=3D"104" rx=3D"5" =
 fill=3D"var(--bad-bg)" stroke=3D"var(--bad)" stroke-opacity=3D".45"></rect>
            <text x=3D"724" y=3D"34" fill=3D"var(--ink-faint)" font-size=3D=
 "10.5" letter-spacing=3D"1.4">VIEWER</text>
            <text x=3D"726" y=3D"72" fill=3D"var(--ink-soft)" font-size=3D"=
 11">#page=3D218 opens</text>
            <text x=3D"726" y=3D"97" fill=3D"var(--bad)" font-size=3D"21">s=
 heet 218</text>
            <text x=3D"726" y=3D"127" fill=3D"var(--bad)" font-size=3D"11">=
 printed page 208</text>
            <text x=3D"726" y=3D"142" fill=3D"var(--bad)" font-size=3D"11">=
 =E2=80=94 wrong section</text>
          </g>

          <g stroke=3D"var(--ink-faint)" stroke-width=3D"1.3" fill=3D"none"=
 color=3D"var(--ink-faint)">
            <path d=3D"M208 98 L242 98" marker-end=3D"url(#ar)"></path>
            <path d=3D"M448 98 L482 98" marker-end=3D"url(#ar)"></path>
            <path d=3D"M672 98 L706 98" marker-end=3D"url(#ar)"></path>
          </g>

          <!-- error bracket -->
          <g>
            <path d=3D"M60 200 L60 214 L800 214 L800 200" fill=3D"none" str=
 oke=3D"var(--bad)" stroke-width=3D"1.2" stroke-opacity=3D".5"></path>
            <text x=3D"430" y=3D"238" fill=3D"var(--bad)" text-anchor=3D"mi=
 ddle" font-size=3D"13">lands 11 pages early =E2=80=94 every single time</te=
 xt>
            <text x=3D"430" y=3D"262" fill=3D"var(--ink-faint)" text-anchor=
 =3D"middle" font-size=3D"11.5">the printed number was never converted to a =
 sheet index</text>
          </g>
        </g>
      </svg>
      <figcaption>Verified against the live API and the actual PDF: =C2=A71=
 7.3.1.12 <code>ind</code> really begins on physical sheet 229 of <code>part=
 1.pdf</code>; the database says 218.</figcaption>
    </figure>

    <div class=3D"panel">
      <h3>The offset is a clean constant, and it differs per part</h3>
      <div class=3D"scroll">
        <table>
          <thead>
            <tr><th>Part</th><th>Front matter</th><th>Printed =E2=86=92 phy=
 sical</th><th>Real page count</th><th>Viewer hardcodes</th><th>Error</th></=
 tr>
          </thead>
          <tbody>
            <tr><td>1 =C2=B7 Fundamentals</td><td class=3D"num">10</td><td =
 class=3D"num">+10</td><td class=3D"num">5,026</td><td class=3D"num">5,560</=
 td><td class=3D"num"><span class=3D"tag bad">+534</span></td></tr>
            <tr><td>2 =C2=B7 OPC</td><td class=3D"num">8</td><td class=3D"n=
 um">+8</td><td class=3D"num">137</td><td class=3D"num">129</td><td class=3D=
 "num"><span class=3D"tag bad">=E2=88=928</span></td></tr>
            <tr><td>3 =C2=B7 Compatibility</td><td class=3D"num">6</td><td =
 class=3D"num">+6</td><td class=3D"num">44</td><td class=3D"num">65</td><td =
 class=3D"num"><span class=3D"tag bad">+21</span></td></tr>
            <tr><td>4 =C2=B7 Transitional</td><td class=3D"num">14</td><td =
 class=3D"num">+14</td><td class=3D"num">1,548</td><td class=3D"num">4,031</=
 td><td class=3D"num"><span class=3D"tag bad">+2,483</span></td></tr>
          </tbody>
        </table>
      </div>
      <p style=3D"font-size:.9rem;color:var(--ink-soft)">The page counts in=
 <code>PDF_CONFIG</code> are guesses. They drive the progress bar and the c=
 lamp in <code>updatePage</code>, so on Part&nbsp;4 the scrubber addresses 4=
 ,031 positions across a 1,548-page document =E2=80=94 dragging it anywhere =
 past the first third lands on blank.</p>
    </div>
  </section>

  <hr>

  <section>
    <div class=3D"head">
      <span class=3D"clause">2</span>
      <div class=3D"col">
        <h2>Half the corpus is the table of contents</h2>
        <p>The extractor matches bold section headings. In the ingested mar=
 kdown, the TOC renders bold too =E2=80=94 so every TOC line became its own =
 "section", carrying a title, a section ID, leader dots, and the page number=
 it points at. Those rows were embedded and uploaded alongside the real pro=
 se.</p>
        <p>There is a guard meant to catch this, but it can never fire:</p>
      </div>
    </div>

    <div class=3D"panel">
      <span class=3D"file">scripts/ingest-pdf/extract.py:123</span>
 <pre><code>toc_pattern =3D r'^\d+(?:\.\d+)*\s+.+\.{2,}\s*\d+$'   <span clas=
 s=3D"del"># anchored to a leading digit</span>

 if re.match(toc_pattern, stripped):                  <span class=3D"del"># =
 but `stripped` starts with **</span>
    continue                                         <span class=3D"del"># =
 so this never runs</span></code></pre>
      <p style=3D"font-size:.9rem;color:var(--ink-soft)">The line being tes=
 ted is <code>**17.3.1.12** **ind (Paragraph Indentation) ...... 219**</code=
 >. It starts with an asterisk, so the digit-anchored pattern misses, and th=
 e bold-heading pattern on the next lines happily claims it.</p>
    </div>

    <div class=3D"panel">
      <h3>What that looks like in production</h3>
      <p style=3D"font-size:.9rem;color:var(--ink-soft)">Four rows exist fo=
 r =C2=A717.3.1.12. The first is scrap =E2=80=94 and it is the one that outr=
 anks the others, because a query about paragraph indentation matches a bare=
 title far more cleanly than it matches four kilobytes of attribute prose.<=
 /p>
      <div class=3D"scroll">
        <table>
          <thead><tr><th>Row</th><th>Stored page</th><th>Length</th><th>Con=
 tent</th></tr></thead>
          <tbody>
            <tr><td class=3D"num">20410</td><td class=3D"num">166</td><td c=
 lass=3D"num">144 B</td><td><span class=3D"tag bad">TOC scrap</span> <code>i=
 nd (Paragraph Indentation) ......... 219</code></td></tr>
            <tr><td class=3D"num">21341</td><td class=3D"num">218</td><td c=
 lass=3D"num">4,135 B</td><td><span class=3D"tag good">real</span> "This ele=
 ment specifies the set of indentation=E2=80=A6"</td></tr>
            <tr><td class=3D"num">21342</td><td class=3D"num">218</td><td c=
 lass=3D"num">5,289 B</td><td><span class=3D"tag good">real</span> continuat=
 ion</td></tr>
            <tr><td class=3D"num">21343</td><td class=3D"num">218</td><td c=
 lass=3D"num">4,317 B</td><td><span class=3D"tag good">real</span> continuat=
 ion</td></tr>
          </tbody>
        </table>
      </div>
      <p style=3D"font-size:.9rem;color:var(--ink-soft)">Note the irony: th=
 e scrap row <em>contains the correct answer</em>. The number after the lead=
 er dots =E2=80=94 219 =E2=80=94 is the printed page the section actually st=
 arts on. The pipeline stored 166 instead, which is where the table of conte=
 nts itself sits.</p>
    </div>

    <p class=3D"col" style=3D"color:var(--ink-soft);font-size:.95rem">This =
 is why your experience is "it finds the right thing but goes nowhere." The =
 TOC rows are excellent at <em>matching</em> =E2=80=94 they're pure title te=
 xt =E2=80=94 and useless at <em>locating</em>, because the page they carry =
 is the TOC's own page, typically 50=E2=80=93100 pages adrift.</p>
  </section>

  <hr>

  <section>
    <div class=3D"head">
      <span class=3D"clause">3</span>
      <div class=3D"col">
        <h2>Within a section, every chunk claims the first page</h2>
        <p>Even with the offset corrected, a long section can only ever poi=
 nt at its opening page. The chunker names a variable for the current page a=
 nd then never advances it.</p>
      </div>
    </div>

    <div class=3D"panel">
      <span class=3D"file">scripts/ingest-pdf/chunk.ts:82</span>
 <pre><code>const currentPage =3D pageStart;   <span class=3D"del">// const =
 =E2=80=94 assigned once, reused for every chunk</span>

 // =E2=80=A6later, for each chunk produced from this section:
 pageNumber: currentPage,         <span class=3D"del">// always the section'=
 s first page</span></code></pre>
      <p style=3D"font-size:.9rem;color:var(--ink-soft)">Sections run to 6&=
 nbsp;KB per chunk. =C2=A717.4.8 <code>cnfStyle</code> produced ten chunks; =
 =C2=A718.18.9 produced six. A hit in the last chunk of a long section still=
 opens at the section's start =E2=80=94 several pages short, on top of the =
 constant offset.</p>
      <p style=3D"font-size:.9rem;color:var(--ink-soft)">Related: in 9 of 6=
 9 sampled sections, the same section ID appears at wildly separated pages (=
 =C2=A717.4.8 carries chunks stamped 377 <em>and</em> 466=E2=80=93470), mean=
 ing the heading matcher opened duplicate sections mid-document and misattri=
 buted prose to them.</p>
    </div>
  </section>

  <hr>

  <section>
    <div class=3D"head">
      <span class=3D"clause">4</span>
      <div class=3D"col">
        <h2>The measured damage</h2>
        <p>Sampled 70 random Part&nbsp;1 sections, resolved each one's true=
 physical page by scanning the PDF, and compared against what the live API =
 returns.</p>
      </div>
    </div>
    <div class=3D"panel scroll">
      <table>
        <thead><tr><th>Section</th><th>API page</th><th>True sheet</th><th>=
 Error</th><th>Section</th><th>API page</th><th>True sheet</th><th>Error</th=
 ></tr></thead>
        <tbody>
          <tr><td>17.3.2.5</td><td class=3D"num">266</td><td class=3D"num">=
 277</td><td class=3D"num">=E2=88=9211</td><td>17.15.1.47</td><td class=3D"n=
 um">1024</td><td class=3D"num">1035</td><td class=3D"num">=E2=88=9211</td><=
 /tr>
          <tr><td>17.3.3.4</td><td class=3D"num">321</td><td class=3D"num">=
 332</td><td class=3D"num">=E2=88=9211</td><td>18.3.1.27</td><td class=3D"nu=
 m">1610</td><td class=3D"num">1621</td><td class=3D"num">=E2=88=9211</td></=
 tr>
          <tr><td>17.4.24</td><td class=3D"num">400</td><td class=3D"num">4=
 10</td><td class=3D"num">=E2=88=9210</td><td>21.2.2.220</td><td class=3D"nu=
 m">3424</td><td class=3D"num">3435</td><td class=3D"num">=E2=88=9211</td></=
 tr>
          <tr><td>17.6.13</td><td class=3D"num">577</td><td class=3D"num">5=
 87</td><td class=3D"num">=E2=88=9210</td><td>21.4.7.58</td><td class=3D"num=
 ">3584</td><td class=3D"num">3595</td><td class=3D"num">=E2=88=9211</td></t=
 r>
          <tr><td>17.9.19</td><td class=3D"num">711</td><td class=3D"num">7=
 21</td><td class=3D"num">=E2=88=9210</td><td>22.6.2.36</td><td class=3D"num=
 ">3750</td><td class=3D"num">3761</td><td class=3D"num">=E2=88=9211</td></t=
 r>
        </tbody>
      </table>
    </div>
    <p class=3D"col" style=3D"color:var(--ink-soft);font-size:.95rem">Acros=
 s all 69 sections with real content the error was <strong>=E2=88=9211 in 52=
 cases and =E2=88=9210 in 17</strong>. Never zero, never positive, never an=
 ything else. That consistency is the good news: this is arithmetic, not cor=
 ruption.</p>
  </section>

  <hr>

  <section>
    <div class=3D"head">
      <span class=3D"clause">5</span>
      <div class=3D"col">
        <h2>What to fix</h2>
        <p>In order of payoff. The first two restore correct navigation wit=
 hout re-embedding anything.</p>
      </div>
    </div>

    <div class=3D"fixlist">
      <div class=3D"fix">
        <h3>Store a page offset per source, and add it before navigating <s=
 pan class=3D"tag good">no re-embed</span></h3>
        <p>Add a <code>page_offset</code> column to <code>reference_sources=
 </code> (10 / 8 / 6 / 14 for parts 1=E2=80=934), or apply it in <code>PdfVi=
 ewer</code>. A single <code>UPDATE spec_content SET page_number =3D page_nu=
 mber + 11</code> per part gets you from "usually wrong" to "right or one pa=
 ge early" immediately.</p>
      </div>

      <div class=3D"fix">
        <h3>Delete the table-of-contents rows <span class=3D"tag good">no r=
 e-embed</span></h3>
        <p>They are identifiable in SQL =E2=80=94 short, and their content =
 matches the leader-dot signature. Removing them cuts the corpus noise floor=
 by half and stops scrap from outranking prose. Then fix the guard in <code=
 >extract.py</code> so it strips markdown emphasis before testing, and re-ru=
 n ingest when convenient.</p>
        <div class=3D"scroll">
 <pre><code>DELETE FROM spec_content
 WHERE length(content) &lt; 400 AND content ~ '\.{4,}\s*\d+\s*$';</code></pr=
 e>
        </div>
      </div>

      <div class=3D"fix">
        <h3>Correct the four page counts in <code>PDF_CONFIG</code></h3>
        <p class=3D"file">apps/web/src/components/PdfViewer.tsx:4</p>
        <p>5,026 / 137 / 44 / 1,548. This alone fixes the progress bar and =
 the out-of-range clamp.</p>
      </div>

      <div class=3D"fix">
        <h3>Advance the page counter while chunking <span class=3D"tag bad"=
 >needs re-ingest</span></h3>
        <p>Keep the page markers in the section text during extraction so <=
 code>splitIntoChunks</code> can attribute each chunk to the page it actuall=
 y falls on, rather than stamping <code>pageStart</code> on all of them.</p>
      </div>

      <div class=3D"fix">
        <h3>Match headings on structure, not on bold</h3>
        <p>The two regexes in <code>extract.py</code> only match <code>**17=
 .3.1.12** **Title**</code>. Current pymupdf4llm emits <code>#### 17.3.1.12 =
 Title</code> for the same heading and renders the TOC as a markdown table =
 =E2=80=94 so a library upgrade silently changes what gets ingested. Match o=
 n the heading level, and reject any candidate whose title contains leader d=
 ots.</p>
      </div>

      <div class=3D"fix">
        <h3>Stop remounting the iframe on every page change</h3>
        <p class=3D"file">apps/web/src/components/PdfViewer.tsx:186</p>
        <p><code>key=3D{pdfUrl}</code> forces a fresh iframe whenever the p=
 age changes, so stepping one page re-fetches a 35&nbsp;MB document. Keep th=
 e element stable and update only the fragment.</p>
      </div>
    </div>
  </section>

  <hr>

  <p class=3D"col" style=3D"color:var(--ink-faint);font-size:.85rem">Measur=
 ed 9 Aug 2026 against <code>api.ooxml.dev</code> and <code>cdn.ooxml.dev/ec=
 ma-376/part{1=E2=80=934}.pdf</code> (ECMA-376 4th edition, December 2012). =
 Ground truth established by scanning all 5,026 pages of Part&nbsp;1 with Py=
 MuPDF and locating each section heading directly.</p>

 </div>

 </body></html>
 ------MultipartBoundary--MrHHygFPIxOijrTfdmtvfVNjCzhnJRXUwRXKPFWD7W----
 Content-Type: text/css
 Content-Transfer-Encoding: quoted-printable
 Content-Location: cid:css-504464bd-3776-4ba7-a606-cb0831b7aafd@mhtml.blink

 @charset "utf-8";

 :root { --paper: #F5F6F8; --panel: #FFFFFF; --ink: #16181D; --ink-soft: #4B=
 5160; --ink-faint: #858C9C; --rule: #DDE0E7; --rule-soft: #E9EBF0; --accent=
 : #23379B; --accent-bg: #E8EBF7; --bad: #A82A3C; --bad-bg: #FAE9EB; --good:=
 #1F6B4E; --good-bg: #E4F1EA; --shadow: 0 1px 2px rgba(22,24,29,.05), 0 8px=
 24px -16px rgba(22,24,29,.28); --display: "Iowan Old Style", "Palatino Lin=
 otype", Palatino, "Book Antiqua", Georgia, serif; --body: -apple-system, Bl=
 inkMacSystemFont, "Segoe UI", system-ui, sans-serif; --mono: ui-monospace, =
 SFMono-Regular, "SF Mono", Menlo, Consolas, monospace; }

 @media (prefers-color-scheme: dark) {
  :root { --paper: #101216; --panel: #171A20; --ink: #E7E9EE; --ink-soft: #=
 A3AAB9; --ink-faint: #6E7686; --rule: #2A2F39; --rule-soft: #21252D; --acce=
 nt: #93A4F0; --accent-bg: #1B2038; --bad: #EE8A97; --bad-bg: #33191E; --goo=
 d: #7CC7A4; --good-bg: #16281F; --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 2=
 4px -16px rgba(0,0,0,.8); }
 }

 :root[data-theme=3D"dark"] { --paper: #101216; --panel: #171A20; --ink: #E7=
 E9EE; --ink-soft: #A3AAB9; --ink-faint: #6E7686; --rule: #2A2F39; --rule-so=
 ft: #21252D; --accent: #93A4F0; --accent-bg: #1B2038; --bad: #EE8A97; --bad=
 -bg: #33191E; --good: #7CC7A4; --good-bg: #16281F; --shadow: 0 1px 2px rgba=
 (0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.8); }

 :root[data-theme=3D"light"] { --paper: #F5F6F8; --panel: #FFFFFF; --ink: #1=
 6181D; --ink-soft: #4B5160; --ink-faint: #858C9C; --rule: #DDE0E7; --rule-s=
 oft: #E9EBF0; --accent: #23379B; --accent-bg: #E8EBF7; --bad: #A82A3C; --ba=
 d-bg: #FAE9EB; --good: #1F6B4E; --good-bg: #E4F1EA; --shadow: 0 1px 2px rgb=
 a(22,24,29,.05), 0 8px 24px -16px rgba(22,24,29,.28); }

 body { background: var(--paper); color: var(--ink); font-family: var(--body=
 ); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; =
 }

 .wrap { max-width: 62rem; margin: 0px auto; padding: clamp(2rem, 5vw, 4.5re=
 m) clamp(1.1rem, 4vw, 2.5rem) 6rem; display: flex; flex-direction: column; =
 gap: 3.25rem; }

 .col { max-width: 40rem; display: flex; flex-direction: column; gap: 1rem; =
 }

 .eyebrow { font-family: var(--mono); font-size: 0.72rem; letter-spacing: 0.=
 13em; text-transform: uppercase; color: var(--ink-faint); }

 h1 { font-family: var(--display); font-size: clamp(2rem, 5.2vw, 3.1rem); li=
 ne-height: 1.08; font-weight: 600; letter-spacing: -0.015em; text-wrap: bal=
 ance; margin: 0.3rem 0px 0px; }

 h2 { font-family: var(--display); font-size: clamp(1.4rem, 3vw, 1.85rem); l=
 ine-height: 1.2; font-weight: 600; letter-spacing: -0.01em; text-wrap: bala=
 nce; margin: 0px; }

 h3 { font-size: 1rem; font-weight: 650; margin: 0px; letter-spacing: -0.005=
 em; }

 p { margin: 0px; }

 .lede { font-size: 1.13rem; line-height: 1.55; color: var(--ink-soft); }

 a { color: var(--accent); text-underline-offset: 2px; }

 code { font-family: var(--mono); font-size: 0.855em; background: var(--rule=
 -soft); padding: 0.1em 0.34em; border-radius: 3px; }

 strong { font-weight: 650; }

 section { display: flex; flex-direction: column; gap: 1.35rem; }

 hr { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image:=
 none; border-top: 1px solid var(--rule); margin: 0px; }

 .head { display: flex; gap: 1rem; align-items: baseline; }

 .clause { font-family: var(--mono); font-size: 0.8rem; color: var(--accent)=
 ; padding-top: 0.3rem; flex: 0 0 auto; font-variant-numeric: tabular-nums; =
 }

 .panel { background: var(--panel); border: 1px solid var(--rule); border-ra=
 dius: 6px; box-shadow: var(--shadow); padding: 1.35rem 1.5rem; display: fle=
 x; flex-direction: column; gap: 0.8rem; }

 .verdict { display: grid; gap: 0.9rem; grid-template-columns: repeat(auto-f=
 it, minmax(15rem, 1fr)); }

 .stat { display: flex; flex-direction: column; gap: 0.3rem; }

 .stat .n { font-family: var(--display); font-size: 2.4rem; line-height: 1; =
 font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }

 .stat .n.bad { color: var(--bad); }

 .stat .lbl { font-size: 0.875rem; color: var(--ink-soft); }

 .scroll { overflow-x: auto; }

 table { border-collapse: collapse; width: 100%; font-size: 0.875rem; }

 th, td { text-align: left; padding: 0.5rem 0.8rem; border-bottom: 1px solid=
 var(--rule-soft); white-space: nowrap; }

 th { font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.09em; =
 text-transform: uppercase; color: var(--ink-faint); font-weight: 500; borde=
 r-bottom: 1px solid var(--rule); }

 td.num { font-family: var(--mono); font-variant-numeric: tabular-nums; }

 tbody tr:last-child td { border-bottom: 0px; }

 .tag { display: inline-block; font-family: var(--mono); font-size: 0.7rem; =
 padding: 0.12em 0.5em; border-radius: 3px; letter-spacing: 0.02em; }

 .tag.bad { background: var(--bad-bg); color: var(--bad); }

 .tag.good { background: var(--good-bg); color: var(--good); }

 figure { margin: 0px; display: flex; flex-direction: column; gap: 0.7rem; }

 figcaption { font-size: 0.82rem; color: var(--ink-faint); max-width: 40rem;=
 }

 svg { display: block; width: 100%; height: auto; }

 .fix { display: flex; flex-direction: column; gap: 0.45rem; padding-left: 1=
 rem; border-left: 2px solid var(--rule); }

 .fix h3 { display: flex; gap: 0.5rem; align-items: baseline; }

 .fix p { font-size: 0.93rem; color: var(--ink-soft); }

 .fixlist { display: flex; flex-direction: column; gap: 1.4rem; }

 .file { font-family: var(--mono); font-size: 0.78rem; color: var(--ink-fain=
 t); }

 pre { font-family: var(--mono); font-size: 0.8rem; line-height: 1.55; backg=
 round: var(--rule-soft); border-radius: 5px; padding: 0.9rem 1rem; overflow=
 -x: auto; margin: 0px; }

 pre code { background: none; padding: 0px; font-size: 1em; }

 .del { color: var(--bad); }

 .ins { color: var(--good); }
 ------MultipartBoundary--MrHHygFPIxOijrTfdmtvfVNjCzhnJRXUwRXKPFWD7W----
 Content-Type: text/css
 Content-Transfer-Encoding: quoted-printable
 Content-Location: cid:css-80917c2e-4500-4d1f-8745-a1ca659f9fd7@mhtml.blink

 @charset "utf-8";

 :root { color-scheme: light; }

 body { margin: 0px; padding: 0px; font: 14px -apple-system, BlinkMacSystemF=
 ont, sans-serif; background: rgb(250, 249, 245); color: rgb(20, 20, 19); }

 img { max-width: 100%; }
 ------MultipartBoundary--MrHHygFPIxOijrTfdmtvfVNjCzhnJRXUwRXKPFWD7W------
No results found