1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2028],{197:()=>{},19977:()=>{},21866:()=>{},24937:(r,a,e)=>{"use strict";e.d(a,{a2:()=>k});var l=e(60769);let t=l.RZ(()=>l.KC([l.Yj(),l.ai(),l.zM(),l.ch(),l.YO(t),l.g1(l.Yj(),t)])),b=l.g1(l.Yj(),t),i=l.k5(["chart","table","flow","comparison","metrics","other"]),o=l.k5(["pending","approved","rejected"]),s=l.k5(["static","iframe"]),n=l.k5(["draft","published"]),c=l.Ik({version:l.ai().int().positive(),source:l.Yj(),compiledArtifact:l.Yj(),ssrHtml:l.Yj(),structuredData:b,renderMode:s.optional().default("static"),iframeBundle:l.Yj().optional(),approvedAt:l.Yj(),approvedBy:l.Yj().optional()});l.Ik({id:l.Yj(),name:l.Yj().min(1),slug:l.Yj().min(1),description:l.Yj().optional().default(""),category:i.default("other"),thumbnailUrl:l.Yj().optional(),source:l.Yj(),compiledArtifact:l.Yj().optional(),ssrHtml:l.Yj().optional(),structuredData:b.default({}),renderMode:s.optional().default("static"),iframeBundle:l.Yj().optional(),dataSchema:t.optional(),approvalStatus:o.default("pending"),version:l.ai().int().nonnegative().default(1),publishedSnapshots:l.YO(c).default([]),tags:l.YO(l.Yj()).default([])});let d=l.Yj().refine(r=>/^https:\/\//i.test(r),"must be an https:// URL"),g=l.k5(["neutral","accent","success","warning","danger"]),m=l.gM("type",[l.Ik({type:l.eu("heading"),text:l.Yj().max(200)}),l.Ik({type:l.eu("paragraph"),text:l.Yj().max(2e3)}),l.Ik({type:l.eu("list"),ordered:l.zM().optional().default(!1),items:l.YO(l.Yj().max(500)).max(50)}),l.Ik({type:l.eu("keyValue"),items:l.YO(l.Ik({label:l.Yj().max(120),value:l.Yj().max(500)})).max(50)}),l.Ik({type:l.eu("badge"),text:l.Yj().max(80),tone:g.optional().default("neutral")}),l.Ik({type:l.eu("image"),src:d,alt:l.Yj().max(300).optional().default(""),caption:l.Yj().max(300).optional()})]),v=l.Ik({id:l.Yj().min(1).max(64),label:l.Yj().min(1).max(80),blocks:l.YO(m).max(50)}),u=l.Ik({kind:l.eu("tabs"),version:l.eu(1),title:l.Yj().max(160).optional(),tabs:l.YO(v).min(1).max(12)}),x=l.Ik({id:l.Yj().min(1).max(64),label:l.Yj().min(1).max(120),summary:l.Yj().max(280).optional(),badge:l.Ik({text:l.Yj().max(80),tone:g.optional().default("neutral")}).optional(),blocks:l.YO(m).max(50)}),f=l.Ik({kind:l.eu("drawer"),version:l.eu(1),title:l.Yj().max(160).optional(),items:l.YO(x).min(1).max(24)}),p=l.Ik({kind:l.eu("accordion"),version:l.eu(1),title:l.Yj().max(160).optional(),items:l.YO(x).min(1).max(24)}),h=l.Ik({kind:l.eu("carousel"),version:l.eu(1),title:l.Yj().max(160).optional(),panels:l.YO(x).min(1).max(24)}),y=l.gM("kind",[u,f,p,h]);function k(r,a){var e;if(!r)return null;let l=((e=a??null)?{...r,...e}:r).interactive;if(null==l)return null;let t=y.safeParse(l);return t.success?t.data:null}let j={id:l.Yj()},w=l.Ik({...j,type:l.eu("text"),html:l.Yj()}),Y=l.Ik({...j,type:l.eu("heading"),level:l.KC([l.eu(2),l.eu(3),l.eu(4)]),text:l.Yj(),anchor:l.Yj().optional()}),N=l.Ik({...j,type:l.eu("image"),url:l.Yj(),alt:l.Yj().optional().default(""),caption:l.Yj().optional(),width:l.ai().optional(),height:l.ai().optional()}),I=l.Ik({...j,type:l.eu("quote"),html:l.Yj(),attribution:l.Yj().optional()}),$=l.Ik({...j,type:l.eu("code"),code:l.Yj(),language:l.Yj().optional().default("text")}),S=l.Ik({...j,type:l.eu("divider")}),C=l.Ik({...j,type:l.eu("widget"),widgetId:l.Yj(),pinnedVersion:l.ai().int().positive(),overrideData:b.optional()}),E=l.gM("type",[w,Y,N,I,$,S,C]),M=l.YO(E),O=l.Ik({name:l.Yj(),slug:l.Yj()});l.Ik({id:l.Yj(),title:l.Yj().min(1),slug:l.Yj().min(1),excerpt:l.Yj().optional().default(""),metaDescription:l.Yj().optional().default(""),metaTitle:l.Yj().optional().default(""),canonicalUrl:l.Yj().optional().default(""),author:l.Yj().optional().default("Labelbox"),publishedAt:l.Yj(),featured:l.zM().optional().default(!1),featureImageUrl:l.Yj().optional(),tags:l.YO(O).default([]),blockDocument:M.default([]),status:n.default("draft")})},43205:(r,a,e)=>{"use strict";e.d(a,{A:()=>p});var l=e(37876),t=e(14232),b=e(64126);class i extends t.Component{constructor(r){super(r),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){console.error("[WidgetInteractiveRenderer] interactive widget failed:",r)}render(){return this.state.hasError?this.props.fallback:this.props.children}}let o={neutral:"border-border bg-surface-paper text-ink-muted",accent:"border-primary bg-surface-paper text-primary",success:"border-emerald-500 bg-surface-paper text-emerald-600",warning:"border-amber-500 bg-surface-paper text-amber-600",danger:"border-red-500 bg-surface-paper text-red-600"},s=({block:r})=>{switch(r.type){case"heading":return(0,l.jsx)("h4",{className:"mt-4 mb-2 font-future text-base font-medium text-ink first:mt-0",children:r.text});case"paragraph":return(0,l.jsx)("p",{className:"mb-3 font-ibm text-sm leading-relaxed text-ink-muted",children:r.text});case"list":{let a=r.items.map((r,a)=>(0,l.jsx)("li",{className:"font-ibm text-sm leading-relaxed text-ink-muted",children:r},a));return r.ordered?(0,l.jsx)("ol",{className:"mb-3 ml-5 list-decimal space-y-1",children:a}):(0,l.jsx)("ul",{className:"mb-3 ml-5 list-disc space-y-1",children:a})}case"keyValue":return(0,l.jsx)("dl",{className:"mb-3 grid grid-cols-1 gap-2 sm:grid-cols-2",children:r.items.map((r,a)=>(0,l.jsxs)("div",{className:"flex flex-col rounded-[10px] border border-border bg-surface-paper p-3",children:[(0,l.jsx)("dt",{className:"font-ibm-mono text-xs uppercase tracking-[0.12em] text-ink-muted",children:r.label}),(0,l.jsx)("dd",{className:"mt-1 font-ibm text-sm text-ink",children:r.value})]},a))});case"badge":return(0,l.jsx)("span",{className:`mb-2 mr-2 inline-block rounded-full border px-3 py-1 font-ibm-mono text-xs uppercase tracking-[0.12em] ${o[r.tone]}`,children:r.text});case"image":return(0,l.jsxs)("figure",{className:"my-3",children:[(0,l.jsx)("img",{src:r.src,alt:r.alt,loading:"lazy",className:"h-auto w-full rounded-[10px] border border-border"}),r.caption?(0,l.jsx)("figcaption",{className:"mt-2 text-center font-ibm text-xs text-ink-muted",children:r.caption}):null]});default:return null}},n=({blocks:r})=>(0,l.jsx)(l.Fragment,{children:r.map((r,a)=>(0,l.jsx)(s,{block:r},a))}),c=({text:r,tone:a})=>(0,l.jsx)("span",{className:`inline-block whitespace-nowrap rounded-full border px-2 py-0.5 font-ibm-mono text-[0.625rem] uppercase tracking-[0.08em] ${o[a]}`,children:r}),d=({title:r})=>r?(0,l.jsx)("div",{className:"border-b border-border-divider px-4 py-3",children:(0,l.jsx)("p",{className:"font-future text-sm font-medium text-ink",children:r})}):null,g=({tabs:r,title:a})=>{let[e,b]=(0,t.useState)(0),i=(0,t.useId)(),o=r[e]??r[0];return(0,l.jsxs)("div",{className:"lb-widget-scope my-6 overflow-hidden rounded-card border border-border bg-surface",children:[(0,l.jsx)(d,{title:a}),(0,l.jsx)("div",{role:"tablist","aria-label":a??"Widget tabs",className:"flex flex-wrap gap-1 border-b border-border-divider bg-surface-paper px-2 pt-2",children:r.map((r,a)=>{let t=a===e;return(0,l.jsx)("button",{type:"button",role:"tab",id:`${i}-tab-${r.id}`,"aria-selected":t,"aria-controls":`${i}-panel-${r.id}`,onClick:()=>b(a),className:`rounded-t-[8px] px-3 py-2 font-ibm text-sm transition-colors focus-visible:outline-none focus-visible:shadow-lb-focus ${t?"bg-surface text-ink border-b-2 border-primary":"text-ink-muted hover:text-ink hover:bg-surface"}`,children:r.label},r.id)})}),o?(0,l.jsx)("div",{role:"tabpanel",id:`${i}-panel-${o.id}`,"aria-labelledby":`${i}-tab-${o.id}`,className:"px-4 py-4",children:(0,l.jsx)(n,{blocks:o.blocks}
1)}):null]})},m=({panel:r,selected:a,expanded:e,onSelect:t,controlsId:b,rowId:i})=>(0,l.jsxs)("button",{type:"button",id:i,"aria-controls":b,"aria-expanded":e,onClick:t,className:`flex w-full items-center gap-3 border-b border-border-divider px-4 py-3 text-left transition-colors focus-visible:outline-none focus-visible:shadow-lb-focus ${a?"bg-surface-paper":"hover:bg-surface-paper"}`,children:[(0,l.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,l.jsx)("span",{className:"block font-ibm text-sm font-medium text-ink",children:r.label}),r.summary?(0,l.jsx)("span",{className:"mt-0.5 block font-ibm text-xs text-ink-muted",children:r.summary}):null]}),r.badge?(0,l.jsx)(c,{text:r.badge.text,tone:r.badge.tone}):null,(0,l.jsx)("span",{"aria-hidden":"true",className:"text-sm text-ink-muted",children:void 0===e?"âº":e?"â":"âº"})]}),v=({items:r,title:a})=>{let[e,b]=(0,t.useState)(null),i=(0,t.useId)(),o=null!=e?r[e]:null;return(0,t.useEffect)(()=>{if(!o)return;let r=r=>{"Escape"===r.key&&b(null)};return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[o]),(0,l.jsxs)("div",{className:"lb-widget-scope relative my-6 overflow-hidden rounded-card border border-border bg-surface",children:[(0,l.jsx)(d,{title:a}),(0,l.jsx)("div",{role:"list",children:r.map((r,a)=>(0,l.jsx)("div",{role:"listitem",children:(0,l.jsx)(m,{panel:r,selected:e===a,onSelect:()=>b(a),controlsId:`${i}-drawer`})},r.id))}),o?(0,l.jsx)("div",{className:"absolute inset-0 z-10 flex justify-end bg-black/30",onClick:()=>b(null),children:(0,l.jsxs)("div",{id:`${i}-drawer`,role:"dialog","aria-modal":"true","aria-label":o.label,onClick:r=>r.stopPropagation(),className:"h-full w-[min(85%,420px)] overflow-y-auto border-l border-border bg-surface p-4 shadow-xl",children:[(0,l.jsxs)("div",{className:"mb-2 flex items-center justify-between gap-3",children:[(0,l.jsx)("h4",{className:"font-future text-base font-medium text-ink",children:o.label}),(0,l.jsx)("button",{type:"button","aria-label":"Close",onClick:()=>b(null),className:"flex h-7 w-7 items-center justify-center rounded-[8px] border border-border bg-surface-paper text-ink-muted focus-visible:outline-none focus-visible:shadow-lb-focus",children:"\xd7"})]}),o.badge?(0,l.jsx)("div",{className:"mb-2",children:(0,l.jsx)(c,{text:o.badge.text,tone:o.badge.tone})}):null,(0,l.jsx)(n,{blocks:o.blocks})]})}):null]})},u=({items:r,title:a})=>{let[e,b]=(0,t.useState)(0),i=(0,t.useId)();return(0,l.jsxs)("div",{className:"lb-widget-scope my-6 overflow-hidden rounded-card border border-border bg-surface",children:[(0,l.jsx)(d,{title:a}),r.map((r,a)=>{let t=e===a,o=`${i}-panel-${r.id}`,s=`${i}-row-${r.id}`;return(0,l.jsxs)("div",{children:[(0,l.jsx)(m,{panel:r,selected:t,expanded:t,onSelect:()=>b(t?null:a),controlsId:o,rowId:s}),t?(0,l.jsx)("div",{id:o,role:"region","aria-labelledby":s,className:"border-b border-border-divider bg-surface-paper px-4 pb-4 pt-3",children:(0,l.jsx)(n,{blocks:r.blocks})}):null]},r.id)})]})},x=({panels:r,title:a})=>{let[e,b]=(0,t.useState)(0);(0,t.useId)();let i=r[e]??r[0],o=a=>b(e=>(e+a+r.length)%r.length);return(0,l.jsxs)("div",{className:"lb-widget-scope my-6 overflow-hidden rounded-card border border-border bg-surface",role:"group","aria-roledescription":"carousel","aria-label":a??"Widget carousel",children:[(0,l.jsx)(d,{title:a}),(0,l.jsxs)("div",{role:"group","aria-roledescription":"slide","aria-label":`${e+1} of ${r.length}: ${i?.label??""}`,className:"px-4 py-4",children:[(0,l.jsxs)("h4",{className:"mb-2 flex items-center gap-2 font-future text-base font-medium text-ink",children:[i?.label,i?.badge?(0,l.jsx)(c,{text:i.badge.text,tone:i.badge.tone}):null]}),i?(0,l.jsx)(n,{blocks:i.blocks}):null]}),(0,l.jsxs)("div",{className:"flex items-center justify-between gap-3 border-t border-border-divider bg-surface-paper px-3 py-2",children:[(0,l.jsxs)("button",{type:"button","aria-label":"Previous",onClick:()=>o(-1),disabled:r.length<2,className:"rounded-[8px] border border-border bg-surface px-2.5 py-1.5 font-ibm text-[0.8125rem] text-ink-muted disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-lb-focus",children:["â¹"," Prev"]}),(0,l.jsx)("div",{className:"flex items-center gap-1.5",children:r.map((r,a)=>(0,l.jsx)("button",{type:"button","aria-label":`Go to ${r.label}`,onClick:()=>b(a),className:`h-2 w-2 rounded-full ${a===e?"bg-primary":"bg-border"}`},r.id))}),(0,l.jsxs)("button",{type:"button","aria-label":"Next",onClick:()=>o(1),disabled:r.length<2,className:"rounded-[8px] border border-border bg-surface px-2.5 py-1.5 font-ibm text-[0.8125rem] text-ink-muted disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-lb-focus",children:["Next ","âº"]})]})]})},f={tabs:(r,a)=>"tabs"===r.kind?(0,l.jsx)(g,{tabs:r.tabs,title:r.title??a}):null,drawer:(r,a)=>"drawer"===r.kind?(0,l.jsx)(v,{items:r.items,title:r.title??a}):null,accordion:(r,a)=>"accordion"===r.kind?(0,l.jsx)(u,{items:r.items,title:r.title??a}):null,carousel:(r,a)=>"carousel"===r.kind?(0,l.jsx)(x,{panels:r.panels,title:r.title??a}):null},p=({interactive:r,fallbackHtml:a,title:e})=>{let t=(0,l.jsx)(b.A,{html:a,title:e}),o=f[r.kind];return o?(0,l.jsx)(i,{fallback:t,children:o(r,e)}):t}},49746:()=>{},64126:(r,a,e)=>{"use strict";e.d(a,{A:()=>c});var l=e(37876),t=e(14232),b=e(67376),i=e.n(b);class o extends t.Component{constructor(r){super(r),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){console.error("[WidgetBlockRenderer] widget failed to render:",r)}render(){return this.state.hasError?this.props.fallback:this.props.children}}let s={allowedTags:["div","span","p","section","article","header","footer","main","ul","ol","li","table","thead","tbody","tr","th","td","strong","em","b","i","small","sup","sub","br","hr","svg","path","g","rect","circle","line","polyline","polygon","text","tspan","defs","linearGradient","stop","img"],allowedAttributes:{"*":["class","style","role","aria-hidden","aria-label","aria-labelledby","viewBox","fill","stroke","stroke-width","d","x","y","x1","x2","y1","y2","cx","cy","r","rx","ry","width","height","points","transform","offset","stop-color","gradientUnits","src","alt"]},allowedSchemes:["https"]},n=()=>(0,l.jsx)("div",{className:"my-6 rounded-[12px] border border-border bg-surface-paper p-4 text-center font-ibm text-sm text-ink-muted",children:"This interactive element couldn't be displayed."}),c=({html:r,title:a})=>{if(!r)return(0,l.jsx)(n,{});let e=i()(r,s);return(0,l.jsx)(o,{fallback:(0,l.jsx)(n,{}),children:(0,l.jsx)("div",{className:"lb-widget-scope my-6 min-w-0 max-w-full overflow-hidden",role:"figure","aria-label":a,dangerouslySetInnerHTML:{__html:e}})})}},88268:(r,a,e)=>{"use strict";e.d(a,{A:()=>o});var l=e(37876),t=e(14232),b=e(64126);let i=String.raw` 2:root { 3 --lb-font-sans: "IBM Plex Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 4 --lb-bg-default: #f1ede6; 5 --lb-bg-paper: color-mix(in srgb, #f1ede6 50%, #faf8f5); 6 --lb-bg-light: #fffdf8; 7 --lb-text-primary: #2a2622; 8 --lb-text-secondary: rgba(42,38,34,0.74); 9 --lb-text-muted: rgba(42,38,34,0.6); 10 --lb-text-disabled: rgba(42,38,34,0.4); 11 --lb-border-main: rgba(67,126,142,0.22); 12 --lb-border-dark: rgba(67,126,142,0.34); 13 --lb-divider: rgba(67,126,142,0.18); 14 --lb-primary-main: #36707f; 15 --lb-primary-light: #5d99a8; 16 --lb-primary-dark: #274e58; 17 --lb-primary-contrast-text: #ffffff; 18 --lb-secondary-main: #b15e3a; 19 --lb-secondary-contrast-text: #ffffff; 20 --lb-success-main: #3a785c; 21 --lb-success-contrast-text: #ffffff; 22 --lb-info-main: #2f6f9e; 23 --lb-info-contrast-text: #ffffff; 24 --lb-warning-main: #e0892a; 25 --lb-warning-contrast-text: #2a1c06; 26 --lb-error-main: #9e3b52; 27 --lb-error-contrast-text: #ffffff; 28 --lb-color-grey-50: #faf8f5; 29 --lb-color-grey-100: #f1ede6; 30 --lb-color-grey-200: #e5dfd5; 31 --lb-color-grey-300: #d4ccbf; 32 --lb-color-grey-400: #b0a89b; 33 --lb-color-grey-500: #847c70; 34 --lb-color-grey-600: #5f574d; 35 --lb-color-grey-700: #46403a; 36 --lb-color-grey-800: #2b2724; 37 --lb-color-grey-900: #1a1714; 38 --lb-tag-teal: #4d97a5; 39 --lb-tag-petrol: #2f7e86; 40 --lb-tag-sky: #5b8ec9; 41 --lb-tag-steel: #41699e; 42 --lb-tag-indigo: #6a6ec7; 43 --lb-tag-violet: #8567bf; 44 --lb-tag-plum: #9b5fae; 45 --lb-tag-mauve: #ab7196; 46 --lb-tag-magenta: #b85792; 47 --lb-tag-rose: #c65f81; 48 --lb-tag-crimson: #b94a59; 49 --lb-tag-red: #cf6253; 50 --lb-tag-terracotta: #c9774f; 51 --lb-tag-clay: #a96a4a; 52 --lb-tag-orange: #d2883c; 53 --lb-tag-amber: #c39a39; 54 --lb-tag-gold: #ab9a3f; 55 --lb-tag-olive: #8b9a48; 56 --lb-tag-moss: #6f9a4f; 57 --lb-tag-green: #4f9e63; 58 --lb-tag-emerald: #3a9d7e; 59 --lb-tag-sage: #7fae93; 60 --lb-tag-slate: #6b7a8c; 61 --lb-tag-taupe: #9a8a78; 62 --lb-tag-cyan: #3fa7b5; 63 --lb-tag-navy: #3a5687; 64 --lb-tag-periwinkle: #8a9fd6; 65 --lb-tag-lavender: #b3a3d6; 66 --lb-tag-fuchsia: #c473ad; 67 --lb-tag-coral: #d97f6a; 68 --lb-tag-peach: #dba074; 69 --lb-tag-khaki: #bcae6a; 70 --lb-tag-lime: #a3b94f; 71 --lb-tag-mint: #84c4a6; 72 --lb-tag-cocoa: #8a6a52; 73 --lb-tag-pewter: #8c8a86; 74 --lb-card-teal-surface: color-mix(in srgb, var(--lb-tag-teal) 14%, var(--lb-bg-light)); 75 --lb-card-teal-border: color-mix(in srgb, var(--lb-tag-teal) 36%, var(--lb-border-main)); 76 --lb-card-petrol-surface: color-mix(in srgb, var(--lb-tag-petrol) 14%, var(--lb-bg-light)); 77 --lb-card-petrol-border: color-mix(in srgb, var(--lb-tag-petrol) 36%, var(--lb-border-main)); 78 --lb-card-sky-surface: color-mix(in srgb, var(--lb-tag-sky) 14%, var(--lb-bg-light)); 79 --lb-card-sky-border: color-mix(in srgb, var(--lb-tag-sky) 36%, var(--lb-border-main)); 80 --lb-card-steel-surface: color-mix(in srgb, var(--lb-tag-steel) 14%, var(--lb-bg-light)); 81 --lb-card-steel-border: color-mix(in srgb, var(--lb-tag-steel) 36%, var(--lb-border-main)); 82 --lb-card-indigo-surface: color-mix(in srgb, var(--lb-tag-indigo) 14%, var(--lb-bg-light)); 83 --lb-card-indigo-border: color-mix(in srgb, var(--lb-tag-indigo) 36%, var(--lb-border-main)); 84 --lb-card-violet-surface: color-mix(in srgb, var(--lb-tag-violet) 14%, var(--lb-bg-light)); 85 --lb-card-violet-border: color-mix(in srgb, var(--lb-tag-violet) 36%, var(--lb-border-main)); 86 --lb-card-plum-surface: color-mix(in srgb, var(--lb-tag-plum) 14%, var(--lb-bg-light)); 87 --lb-card-plum-border: color-mix(in srgb, var(--lb-tag-plum) 36%, var(--lb-border-main)); 88 --lb-card-mauve-surface: color-mix(in srgb, var(--lb-tag-mauve) 14%, var(--lb-bg-light)); 89 --lb-card-mauve-border: color-mix(in srgb, var(--lb-tag-mauve) 36%, var(--lb-border-main)); 90 --lb-card-magenta-surface: color-mix(in srgb, var(--lb-tag-magenta) 14%, var(--lb-bg-light)); 91 --lb-card-magenta-border: color-mix(in srgb, var(--lb-tag-magenta) 36%, var(--lb-border-main)); 92 --lb-card-rose-surface: color-mix(in srgb, var(--lb-tag-rose) 14%, var(--lb-bg-light)); 93 --lb-card-rose-border: color-mix(in srgb, var(--lb-tag-rose) 36%, var(--lb-border-main)); 94 --lb-card-crimson-surface: color-mix(in srgb, var(--lb-tag-crimson) 14%, var(--lb-bg-light)); 95 --lb-card-crimson-border: color-mix(in srgb, var(--lb-tag-crimson) 36%, var(--lb-border-main)); 96 --lb-card-red-surface: color-mix(in srgb, var(--lb-tag-red) 14%, var(--lb-bg-light)); 97 --lb-card-red-border: color-mix(in srgb, var(--lb-tag-red) 36%, var(--lb-border-main)); 98 --lb-card-terracotta-surface: color-mix(in srgb, var(--lb-tag-terracotta) 14%, var(--lb-bg-light)); 99 --lb-card-terracotta-border: color-mix(in srgb, var(--lb-tag-terracotta) 36%, var(--lb-border-main)); 100 --lb-card-clay-surface: color-mix(in srgb, var(--lb-tag-clay) 14%, var(--lb-bg-light)); 101 --lb-card-clay-border: color-mix(in srgb, var(--lb-tag-clay) 36%, var(--lb-border-main)); 102 --lb-card-orange-surface: color-mix(in srgb, var(--lb-tag-orange) 14%, var(--lb-bg-light)); 103 --lb-card-orange-border: color-mix(in srgb, var(--lb-tag-orange) 36%, var(--lb-border-main)); 104 --lb-card-amber-surface: color-mix(in srgb, var(--lb-tag-amber) 14%, var(--lb-bg-light)); 105 --lb-card-amber-border: color-mix(in srgb, var(--lb-tag-amber) 36%, var(--lb-border-main)); 106 --lb-card-gold-surface: color-mix(in srgb, var(--lb-tag-gold) 14%, var(--lb-bg-light)); 107 --lb-card-gold-border: color-mix(in srgb, var(--lb-tag-gold) 36%, var(--lb-border-main)); 108 --lb-card-olive-surface: color-mix(in srgb, var(--lb-tag-olive) 14%, var(--lb-bg-light)); 109 --lb-card-olive-border: color-mix(in srgb, var(--lb-tag-olive) 3
1096%, var(--lb-border-main)); 110 --lb-card-moss-surface: color-mix(in srgb, var(--lb-tag-moss) 14%, var(--lb-bg-light)); 111 --lb-card-moss-border: color-mix(in srgb, var(--lb-tag-moss) 36%, var(--lb-border-main)); 112 --lb-card-green-surface: color-mix(in srgb, var(--lb-tag-green) 14%, var(--lb-bg-light)); 113 --lb-card-green-border: color-mix(in srgb, var(--lb-tag-green) 36%, var(--lb-border-main)); 114 --lb-card-emerald-surface: color-mix(in srgb, var(--lb-tag-emerald) 14%, var(--lb-bg-light)); 115 --lb-card-emerald-border: color-mix(in srgb, var(--lb-tag-emerald) 36%, var(--lb-border-main)); 116 --lb-card-sage-surface: color-mix(in srgb, var(--lb-tag-sage) 14%, var(--lb-bg-light)); 117 --lb-card-sage-border: color-mix(in srgb, var(--lb-tag-sage) 36%, var(--lb-border-main)); 118 --lb-card-slate-surface: color-mix(in srgb, var(--lb-tag-slate) 14%, var(--lb-bg-light)); 119 --lb-card-slate-border: color-mix(in srgb, var(--lb-tag-slate) 36%, var(--lb-border-main)); 120 --lb-card-taupe-surface: color-mix(in srgb, var(--lb-tag-taupe) 14%, var(--lb-bg-light)); 121 --lb-card-taupe-border: color-mix(in srgb, var(--lb-tag-taupe) 36%, var(--lb-border-main)); 122 --lb-card-cyan-surface: color-mix(in srgb, var(--lb-tag-cyan) 14%, var(--lb-bg-light)); 123 --lb-card-cyan-border: color-mix(in srgb, var(--lb-tag-cyan) 36%, var(--lb-border-main)); 124 --lb-card-navy-surface: color-mix(in srgb, var(--lb-tag-navy) 14%, var(--lb-bg-light)); 125 --lb-card-navy-border: color-mix(in srgb, var(--lb-tag-navy) 36%, var(--lb-border-main)); 126 --lb-card-periwinkle-surface: color-mix(in srgb, var(--lb-tag-periwinkle) 14%, var(--lb-bg-light)); 127 --lb-card-periwinkle-border: color-mix(in srgb, var(--lb-tag-periwinkle) 36%, var(--lb-border-main)); 128 --lb-card-lavender-surface: color-mix(in srgb, var(--lb-tag-lavender) 14%, var(--lb-bg-light)); 129 --lb-card-lavender-border: color-mix(in srgb, var(--lb-tag-lavender) 36%, var(--lb-border-main)); 130 --lb-card-fuchsia-surface: color-mix(in srgb, var(--lb-tag-fuchsia) 14%, var(--lb-bg-light)); 131 --lb-card-fuchsia-border: color-mix(in srgb, var(--lb-tag-fuchsia) 36%, var(--lb-border-main)); 132 --lb-card-coral-surface: color-mix(in srgb, var(--lb-tag-coral) 14%, var(--lb-bg-light)); 133 --lb-card-coral-border: color-mix(in srgb, var(--lb-tag-coral) 36%, var(--lb-border-main)); 134 --lb-card-peach-surface: color-mix(in srgb, var(--lb-tag-peach) 14%, var(--lb-bg-light)); 135 --lb-card-peach-border: color-mix(in srgb, var(--lb-tag-peach) 36%, var(--lb-border-main)); 136 --lb-card-khaki-surface: color-mix(in srgb, var(--lb-tag-khaki) 14%, var(--lb-bg-light)); 137 --lb-card-khaki-border: color-mix(in srgb, var(--lb-tag-khaki) 36%, var(--lb-border-main)); 138 --lb-card-lime-surface: color-mix(in srgb, var(--lb-tag-lime) 14%, var(--lb-bg-light)); 139 --lb-card-lime-border: color-mix(in srgb, var(--lb-tag-lime) 36%, var(--lb-border-main)); 140 --lb-card-mint-surface: color-mix(in srgb, var(--lb-tag-mint) 14%, var(--lb-bg-light)); 141 --lb-card-mint-border: color-mix(in srgb, var(--lb-tag-mint) 36%, var(--lb-border-main)); 142 --lb-card-cocoa-surface: color-mix(in srgb, var(--lb-tag-cocoa) 14%, var(--lb-bg-light)); 143 --lb-card-cocoa-border: color-mix(in srgb, var(--lb-tag-cocoa) 36%, var(--lb-border-main)); 144 --lb-card-pewter-surface: color-mix(in srgb, var(--lb-tag-pewter) 14%, var(--lb-bg-light)); 145 --lb-card-pewter-border: color-mix(in srgb, var(--lb-tag-pewter) 36%, var(--lb-border-main)); 146} 147.lb-dark { 148 --lb-font-sans: "IBM Plex Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 149 --lb-bg-default: #181818; 150 --lb-bg-paper: #202020; 151 --lb-bg-light: #262626; 152 --lb-text-primary: #f5f5f4; 153 --lb-text-secondary: rgba(245,245,244,0.78); 154 --lb-text-muted: rgba(245,245,244,0.64); 155 --lb-text-disabled: rgba(245,245,244,0.42); 156 --lb-border-main: rgba(126,179,193,0.18); 157 --lb-border-dark: rgba(126,179,193,0.3); 158 --lb-divider: rgba(126,179,193,0.14); 159 --lb-primary-main: #7eb3c1; 160 --lb-primary-light: #a3c9d2; 161 --lb-primary-dark: #5d99a8; 162 --lb-primary-contrast-text: #0f242b; 163 --lb-secondary-main: #d09372; 164 --lb-secondary-contrast-text: #2b160c; 165 --lb-success-main: #74bd97; 166 --lb-success-contrast-text: #0f2419; 167 --lb-info-main: #7bb0d4; 168 --lb-info-contrast-text: #0e1f2b; 169 --lb-warning-main: #e89a3e; 170 --lb-warning-contrast-text: #2a1c06; 171 --lb-error-main: #db8090; 172 --lb-error-contrast-text: #2b1015; 173 --lb-color-grey-50: #faf8f5; 174 --lb-color-grey-100: #f1ede6; 175 --lb-color-grey-200: #e5dfd5; 176 --lb-color-grey-300: #d4ccbf; 177 --lb-color-grey-400: #b0a89b; 178 --lb-color-grey-500: #847c70; 179 --lb-color-grey-600: #5f574d; 180 --lb-color-grey-700: #46403a; 181 --lb-color-grey-800: #2b2724; 182 --lb-color-grey-900: #1a1714; 183 --lb-tag-teal: #4d97a5; 184 --lb-tag-petrol: #2f7e86; 185 --lb-tag-sky: #5b8ec9; 186 --lb-tag-steel: #41699e; 187 --lb-tag-indigo: #6a6ec7; 188 --lb-tag-violet: #8567bf; 189 --lb-tag-plum: #9b5fae; 190 --lb-tag-mauve: #ab7196; 191 --lb-tag-magenta: #b85792; 192 --lb-tag-rose: #c65f81; 193 --lb-tag-crimson: #b94a59; 194 --lb-tag-red: #cf6253; 195 --lb-tag-terracotta: #c9774f; 196 --lb-tag-clay: #a96a4a; 197 --lb-tag-orange: #d2883c; 198 --lb-tag-amber: #c39a39; 199 --lb-tag-gold: #ab9a3f; 200 --lb-tag-olive: #8b9a48; 201 --lb-tag-moss: #6f9a4f; 202 --lb-tag-green: #4f9e63; 203 --lb-tag-emerald: #3a9d7e; 204 --lb-tag-sage: #7fae93; 205 --lb-tag-slate: #6b7a8c; 206 --lb-tag-taupe: #9a8a78; 207 --lb-tag-cyan: #3fa7b5; 208 --lb-tag-navy: #3a5687; 209 --lb-tag-periwinkle: #8a9fd6; 210 --lb-tag-lavender: #b3a3d6; 211 --lb-tag-fuchsia: #c473ad; 212 --lb-tag-coral: #d97f6a; 213 --lb-tag-peach: #dba074; 214 --lb-tag-khaki: #bcae6a; 215 --lb-tag-lime: #a3b94f; 216 --lb-tag-mint: #84c4a6; 217 --lb-tag-cocoa: #8a6a52; 218 --lb-tag-pewter: #8c8a86; 219 --lb-card-teal-surface: color-mix(in srgb, var(--lb-tag-teal) 14%, var(--lb-bg-light)); 220 --lb-card-teal-border: color-mix(in srgb, var(--lb-tag-teal) 36%, var(--lb-border-main)); 221 --lb-card-petrol-surface: color-mix(in srgb, var(--lb-tag-petrol) 14%, var(--lb-bg-light)); 222 --lb-card-petrol-border: color-mix(in srgb, var(--lb-tag-petrol) 36%, var(--lb-border-main)); 223 --lb-card-sky-surface: color-mix(in srgb, var(--lb-tag-sky) 14%, var(--lb-bg-light)); 224 --lb-card-sky-border: color-mix(in srgb, var(--lb-tag-sky) 36%, var(--lb-border-main)); 225 --lb-card-steel-surface: color-mix(in srgb, var(--lb-tag-steel) 14%, var(--lb-bg-light)); 226 --lb-card-steel-border: color-mix(in srgb, var(--lb-tag-steel) 36%, var(--lb-border-main)); 227 --lb-card-indigo-surface: color-mix(in srgb, var(--lb-tag-indigo) 14%, var(--lb-bg-light)); 228 --lb-card-indigo-border: color-mix(in srgb, var(--lb-tag-indigo) 36%, var(--lb-border-main)); 229 --lb-card-violet-surface: color-mix(in srgb, var(--lb-tag-violet) 14%, var(--lb-bg-light)); 230 --lb-card-violet-border: color-mix(in srgb, var(--lb-tag-violet) 36%, var(--lb-border-main)); 231 --lb-card-plum-surface: color-mix(in srgb, var(--lb-tag-plum) 14%, var(--lb-bg-light)); 232 --lb-card-plum-border: color-mix(in srgb, var(--lb-tag-plum) 36%, var(--lb-border-main)); 233 --lb-card-mauve-surface: color-mix(in srgb, var(--lb-tag-mauve) 14%, var(--lb-bg-light)); 234 --lb-card-mauve-border: color-mix(in srgb, var(--lb-tag-mauve) 36%, var(--lb-border-main)); 235 --lb-card-magenta-surface: color-mix(in srgb, var(--lb-tag-magenta) 14%, var(--lb-bg-light)); 236 --lb-card-magenta-border: color-mix(in srgb, var(--lb-tag-magenta) 36%, var(--lb-border-main)); 237 --lb-card-rose-surface: color-mix(in srgb, var(--lb-tag-rose) 14%, var(--lb-bg-light)); 238 --lb-card-rose-border: color-mix(in srgb, var(--lb-tag-rose) 36%, var(--lb-border-main)); 239 --lb-card-crimson-surface: color-mix(in srgb, var(--lb-tag-crimson) 14%, var(--lb-bg-light)); 240 --lb-card-crimson-border: color-mix(in srgb, var(--lb-tag-crimson) 36%, var(--lb-border-main)); 241 --lb-card-red-surface: color-mix(in srgb, var(--lb-tag-red) 14%, var(--lb-bg-light)); 242 --lb-card-red-border: color-mix(in srgb, var(--lb-tag-red) 36%, var(--lb-border-main)); 243 --lb-card-terracotta-surface: color-mix(in srgb, var(--lb-tag-terracotta) 14%, var(--lb-bg-light)); 244 --lb-card-terracotta-border: color-mix(in srgb, var(--lb-tag-terracotta) 36%, var(--lb-border-main)); 245 --lb-card-clay-surface: color-mix(in srgb, var(--lb-tag-clay) 14%, var(--lb-bg-light)); 246 --lb-card-clay-border: color-mix(in srgb, var(--lb-tag-clay) 36%, var(--lb-border-main)); 247 --lb-card-orange-surface: color-mix(in srgb, var(--lb-tag-orange) 14%, var(--lb-bg-light)); 248 --lb-card-orange-border: color-mix(in srgb, var(--lb-tag-orange) 36%, var(--lb-border-main)); 249 --lb-card-amber-surface: color-mix(in srgb, var(--lb-tag-amber) 14%, var(--lb-bg-light)); 250 --lb-card-amber-border: color-mix(in srgb, var(--lb-tag-amber) 36%, var(--lb-border-main)); 251 --lb-card-gold-surface: color-mix(in srgb, var(--lb-tag-gold) 14%, var(--lb-bg-light)); 252 --lb-card-gold-border: color-mix(in srgb, var(--lb-tag-gold) 36%, var(--lb-border-main)); 253 --lb-card-olive-surface: color-mix(in srgb, var(--lb-tag-olive) 14%, var(--lb-bg-light)); 254 --lb-card-olive-border: color-mix(in srgb, var(--lb-tag-olive) 3
2546%, var(--lb-border-main)); 255 --lb-card-moss-surface: color-mix(in srgb, var(--lb-tag-moss) 14%, var(--lb-bg-light)); 256 --lb-card-moss-border: color-mix(in srgb, var(--lb-tag-moss) 36%, var(--lb-border-main)); 257 --lb-card-green-surface: color-mix(in srgb, var(--lb-tag-green) 14%, var(--lb-bg-light)); 258 --lb-card-green-border: color-mix(in srgb, var(--lb-tag-green) 36%, var(--lb-border-main)); 259 --lb-card-emerald-surface: color-mix(in srgb, var(--lb-tag-emerald) 14%, var(--lb-bg-light)); 260 --lb-card-emerald-border: color-mix(in srgb, var(--lb-tag-emerald) 36%, var(--lb-border-main)); 261 --lb-card-sage-surface: color-mix(in srgb, var(--lb-tag-sage) 14%, var(--lb-bg-light)); 262 --lb-card-sage-border: color-mix(in srgb, var(--lb-tag-sage) 36%, var(--lb-border-main)); 263 --lb-card-slate-surface: color-mix(in srgb, var(--lb-tag-slate) 14%, var(--lb-bg-light)); 264 --lb-card-slate-border: color-mix(in srgb, var(--lb-tag-slate) 36%, var(--lb-border-main)); 265 --lb-card-taupe-surface: color-mix(in srgb, var(--lb-tag-taupe) 14%, var(--lb-bg-light)); 266 --lb-card-taupe-border: color-mix(in srgb, var(--lb-tag-taupe) 36%, var(--lb-border-main)); 267 --lb-card-cyan-surface: color-mix(in srgb, var(--lb-tag-cyan) 14%, var(--lb-bg-light)); 268 --lb-card-cyan-border: color-mix(in srgb, var(--lb-tag-cyan) 36%, var(--lb-border-main)); 269 --lb-card-navy-surface: color-mix(in srgb, var(--lb-tag-navy) 14%, var(--lb-bg-light)); 270 --lb-card-navy-border: color-mix(in srgb, var(--lb-tag-navy) 36%, var(--lb-border-main)); 271 --lb-card-periwinkle-surface: color-mix(in srgb, var(--lb-tag-periwinkle) 14%, var(--lb-bg-light)); 272 --lb-card-periwinkle-border: color-mix(in srgb, var(--lb-tag-periwinkle) 36%, var(--lb-border-main)); 273 --lb-card-lavender-surface: color-mix(in srgb, var(--lb-tag-lavender) 14%, var(--lb-bg-light)); 274 --lb-card-lavender-border: color-mix(in srgb, var(--lb-tag-lavender) 36%, var(--lb-border-main)); 275 --lb-card-fuchsia-surface: color-mix(in srgb, var(--lb-tag-fuchsia) 14%, var(--lb-bg-light)); 276 --lb-card-fuchsia-border: color-mix(in srgb, var(--lb-tag-fuchsia) 36%, var(--lb-border-main)); 277 --lb-card-coral-surface: color-mix(in srgb, var(--lb-tag-coral) 14%, var(--lb-bg-light)); 278 --lb-card-coral-border: color-mix(in srgb, var(--lb-tag-coral) 36%, var(--lb-border-main)); 279 --lb-card-peach-surface: color-mix(in srgb, var(--lb-tag-peach) 14%, var(--lb-bg-light)); 280 --lb-card-peach-border: color-mix(in srgb, var(--lb-tag-peach) 36%, var(--lb-border-main)); 281 --lb-card-khaki-surface: color-mix(in srgb, var(--lb-tag-khaki) 14%, var(--lb-bg-light)); 282 --lb-card-khaki-border: color-mix(in srgb, var(--lb-tag-khaki) 36%, var(--lb-border-main)); 283 --lb-card-lime-surface: color-mix(in srgb, var(--lb-tag-lime) 14%, var(--lb-bg-light)); 284 --lb-card-lime-border: color-mix(in srgb, var(--lb-tag-lime) 36%, var(--lb-border-main)); 285 --lb-card-mint-surface: color-mix(in srgb, var(--lb-tag-mint) 14%, var(--lb-bg-light)); 286 --lb-card-mint-border: color-mix(in srgb, var(--lb-tag-mint) 36%, var(--lb-border-main)); 287 --lb-card-cocoa-surface: color-mix(in srgb, var(--lb-tag-cocoa) 14%, var(--lb-bg-light)); 288 --lb-card-cocoa-border: color-mix(in srgb, var(--lb-tag-cocoa) 36%, var(--lb-border-main)); 289 --lb-card-pewter-surface: color-mix(in srgb, var(--lb-tag-pewter) 14%, var(--lb-bg-light)); 290 --lb-card-pewter-border: color-mix(in srgb, var(--lb-tag-pewter) 36%, var(--lb-border-main)); 291} 292`,o=({bundleJs:r,fallbackHtml:a,title:e})=>{let o=(0,t.useRef)(null),[s,n]=(0,t.useState)(240),c=(0,t.useMemo)(()=>{var a;let e;return r?(e=(a={bundleJs:r,tokensCss:i}).columnWidthPx??968,`<!DOCTYPE html> 293<html> 294<head> 295<meta charset="utf-8" /> 296<meta name="viewport" content="width=device-width, initial-scale=1" /> 297<meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; img-src https: data:; font-src data:;" /> 298<style> 299${a.tokensCss} 300* { box-sizing: border-box; } 301html, body { margin: 0; padding: 0; background: transparent; } 302body { 303 color: var(--lb-text-primary); 304 font-family: var(--lb-font-sans); 305 /* No fixed height â the parent sizes the iframe from the reported height. */ 306 overflow: hidden; 307} 308#lb-root { 309 max-width: ${e}px; 310 margin: 0 auto; 311 min-width: 0; 312 font-family: var(--lb-font-sans); 313} 314/* SVG text uses CSS font-family inheritance in HTML docs; force the token. */ 315#lb-root text, #lb-root tspan { 316 font-family: var(--lb-font-sans); 317} 318img, svg, video, canvas { max-width: 100%; } 319</style> 320</head> 321<body> 322<div id="lb-root" class="lb-widget-scope"></div> 323<script>${a.bundleJs.replace(/<\/(script)/gi,"<\\/$1")}</script> 324<script> 325(function () { 326 try { 327 var root = document.getElementById("lb-root"); 328 if (root && root.innerHTML) { 329 parent.postMessage({ type: "lb-widget-html", html: root.innerHTML }, "*"); 330 } 331 } catch (e) {} 332})(); 333</script> 334</body> 335</html>`):""},[r]);return((0,t.useEffect)(()=>
335{function r(r){if(!o.current||r.source!==o.current.contentWindow)return;let a=r.data;if(!a||"lb-widget-height"!==a.type)return;let e=Number(a.height);Number.isFinite(e)&&e>0&&n(Math.min(Math.max(Math.ceil(e),40),2e4))}return window.addEventListener("message",r),()=>window.removeEventListener("message",r)},[]),r)?(0,l.jsx)("div",{className:"lb-widget-scope my-6 min-w-0 max-w-full",children:(0,l.jsx)("iframe",{ref:o,title:e??"Interactive widget",srcDoc:c,sandbox:"allow-scripts",scrolling:"no",loading:"lazy",style:{width:"100%",height:s,border:"0",display:"block",overflow:"hidden"}})}):(0,l.jsx)(b.A,{html:a,title:e})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.