(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[155,9341,81157],{24109:function(e,t,a){"use strict";a.r(t);var l=a(57437),r=a(31073),s=a(44839),n=a(2265),i=a(106),o=a(20302),c=a(30584),d=a(9341),u=a(90358);let m={"primary-button":"transition duration-200 ease-curve-a bg-btn-primary-base text-btn-primary-label rounded-full px-xs text-nowrap min-h-button flex items-center justify-center gap-[0.3em] text-cta","primary-white-button":"transition duration-200 ease-curve-a bg-btn-primary-white text-btn-primary-label-white rounded-full px-xs text-nowrap min-h-button flex items-center justify-center gap-[0.3em] text-cta","secondary-button":"transition duration-200 ease-curve-a text-btn-secondary-label border-b border-transparent relative group focus-visible:border-gray-50 focus-visible:border-transparent focus-visible:rounded-s py-5xs flex items-center justify-center gap-[0.3em] text-cta","text-link":"transition duration-200 ease-curve-a flex items-center gap-x-[0.3em] py-5xs leading-none focus-visible:rounded-s relative inline-block"},x={"primary-button":"enabled:hover:bg-btn-primary-base--hover disabled:bg-btn-primary-base--disabled disabled:text-btn-primary-label--disabled","primary-white-button":"enabled:hover:bg-btn-primary-white--hover disabled:bg-btn-primary-white--disabled disabled:text-btn-primary-label--disabled","secondary-button":"disabled:text-btn-secondary-label--disabled disabled:border-none","text-link":"disabled:text-btn-link-label--disabled"},p={"primary-button":"hover:bg-btn-primary-base--hover","primary-white-button":"hover:bg-btn-primary-white--hover"},h=n.forwardRef((e,t)=>{let{variant:a="primary-button",children:n,className:h,disabled:f,href:b,external:v,icon:g,iconPosition:y="left",onClick:j,analyticsAction:w,type:N="button",...k}=e,Z=("primary-button"===a||"primary-white-button"===a)&&g&&(0,l.jsx)(u.Z,{className:(0,s.Z)({"order-2":"left"!==y}),icon:g}),C="secondary-button"===a?v?(0,l.jsx)(u.Z,{icon:"Arrow",width:"0.625rem"}):(0,l.jsx)(u.Z,{icon:"ChevronMedium",width:"0.5625rem",rotate:-90}):v?(0,l.jsx)(u.Z,{icon:"Arrow",width:"0.625rem"}):"",L=(0,l.jsx)("span",{className:"sr-only",children:(0,l.jsx)(i.Z,{...r.G})}),S="secondary-button"===a?(0,l.jsx)("div",{"aria-hidden":"true",className:"ease-curve-a bg-btn-link-underline--hover absolute bottom-0 left-0 right-0 mb-1 h-[0.1px] w-full opacity-0 transition transition-opacity duration-200 group-hover:opacity-100"}):"";return void 0!==b?(0,l.jsxs)(d.default,{className:(0,s.Z)(h,m["".concat(a)],p["".concat(a)]),href:b,external:v,ref:t,isButton:!0,analyticsAction:w,...k,onClick:e=>{j&&j(e),w&&(o.q.logButtonClicked({analyticsAction:w}),(0,c.b)({event:"buttonClick",value:w}))},children:[Z,n,C,S]}):(0,l.jsxs)("button",{type:"button"===N?"button":"submit",className:(0,s.Z)(h,m["".concat(a)],x["".concat(a)]),disabled:f,...k,onClick:e=>{j&&j(e),w&&(o.q.logButtonClicked({analyticsAction:w}),(0,c.b)({event:"buttonClick",value:w}))},ref:t,children:[Z,n,C,v&&L,S]})});t.default=h},81157:function(e,t,a){"use strict";a.r(t);var l=a(57437),r=a(44839),s=a(5300),n=a(38891),i=a(3076),o=a(26178),c=a(42926),d=a(41089),u=a(30138),m=a(69843),x=a(87138),p=a(2265),h=a(97496),f=a(55960),b=a(3687),v=a(74025),g=a.n(v);s.Z.configure({ignoreUnescapedHTML:!0}),s.Z.registerLanguage("javascript",o.Z),s.Z.registerLanguage("php",d.Z),s.Z.registerLanguage("python",m.Z),s.Z.registerLanguage("plaintext",u.Z),s.Z.registerLanguage("bash",n.Z),s.Z.registerLanguage("json",c.Z),s.Z.registerLanguage("go",i.Z),t.default=e=>{let{title:t,language:a,code:n,caption:i,link:o,linkLabel:c,returnMarkupOnly:d,hideScrollbarTrack:u=!1,highlightedLines:m=[],scrollToHighlightedLines:v=!1,returnHighlightMarkupOnly:y=!1,width:j="text"}=e,w=(0,p.useRef)(null),N=(0,p.useRef)(null),k=(0,p.useRef)(null),Z=s.Z.highlight(n,{language:a}),C=(0,h.Z)();(0,p.useEffect)(()=>{if(v){let t=k.current;if(t){for(let a of t.children)if(a.classList.contains("bg-syntax-highlight")){var e;let t=a.getBoundingClientRect();null===(e=N.current)||void 0===e||e.scrollTo(0,t.y);break}}}},[v]);let L=(0,p.memo)(()=>(0,l.jsx)("div",{className:"sticky left-0 mr-4","aria-hidden":"true",children:(0,l.jsx)("div",{className:"bg-surface-primary flex flex-col items-end pl-1 text-right",children:null==Z?void 0:Z.value.split("\n").map((e,t)=>(0,l.jsx)("span",{className:"min-w-[2.4375rem] px-1.5 opacity-60 dark:opacity-50",children:t+1},t))})}));return d?(0,l.jsx)(()=>(0,l.jsx)("div",{className:(0,r.Z)(u&&g().hideScrollbarTrack,"max-w-full overflow-x-auto"),children:(0,l.jsx)("pre",{ref:N,className:(0,r.Z)("overflow-auto whitespace-pre break-words bg-transparent text-current",g().codeExample),children:(null==Z?void 0:Z.value)&&(0,l.jsx)("code",{ref:w,className:"bg-transparent pl-0 text-current",dangerouslySetInnerHTML:{__html:Z.value}})})}),{}):y?(0,l.jsx)(()=>(0,l.jsxs)("div",{className:(0,r.Z)("m:max-w-container pl-3xs py-3xs m:pl-s m:py-s bg-surface-primary m-0 min-w-0 rounded-lg pr-0",g().codeExample),children:[(0,l.jsx)("div",{className:"relative",children:(0,l.jsx)("code",{className:"block bg-transparent p-0",children:(0,l.jsx)("pre",{ref:N,className:"bg-surface-primary min-width-[42.75rem] max-s:min-width-[21rem] block min-w-0 overflow-x-auto whitespace-pre text-wrap break-words p-0 text-[0.86rem] leading-[1.2rem] text-current",children:(null==Z?void 0:Z.value)&&(0,l.jsx)("div",{ref:w,className:(0,r.Z)("flex bg-transparent pl-0",g().codeBlock),children:(0,l.jsx)("div",{ref:k,className:"pr-xs m-0 w-full whitespace-pre",children:Z.value.split("\n").map((e,t)=>(0,l.jsx)("div",{className:(0,r.Z)({"bg-syntax-highlight":m.map(Number).includes(t+1)}),dangerouslySetInnerHTML:{__html:e||"<br/>"}},t))})})})})}),i&&(0,l.jsxs)("div",{className:"text-copy-secondary text-caption mt-xs",children:[i,o&&(0,l.jsx)(x.default,{className:"pl-5xs font-medium underline",href:o,children:c})]})]}),{}):(0,l.jsx)("div",{className:(0,r.Z)({"max-w-container grid grid-cols-12":"text"===j||"container"===j}),children:(0,l.jsx)("div",{className:(0,r.Z)({"m:col-span-8 m:col-start-3 relative col-span-12 w-full max-w-none":"text"===j,"col-span-12 w-full":"container"===j}),children:(0,l.jsxs)("div",{className:(0,r.Z)("min-w-0",g().codeExample),children:[(0,l.jsxs)("div",{className:"bg-surface-primary relative rounded-lg",children:[(0,l.jsxs)("div",{className:"mb-xs pt-xs px-xs relative flex w-full min-w-0 items-center justify-between capitalize",children:[(0,l.jsx)("strong",{children:t||a}),(0,l.jsx)(f.Z,{value:n,successMessage:C.formatMessage({id:"tooltip_labels.copied_code",defaultMessage:"Code copied!",description:"Feedback displayed to a user after copying code to their clipboard"}),trigger:(0,l.jsx)(b.Z,{icon:"Clipboard",ariaLabel:C.formatMessage({id:"button_labels.copy_code",defaultMessage:"Copy code block",description:"Aria label for a button which copies a code block to the clipboard"})})})]}),(0,l.jsx)("code",{className:"block bg-transparent p-0",children:(0,l.jsx)("pre",{ref:N,className:"bg-surface-primary min-width-[42.75rem] max-s:min-width-[21rem] pb-xs max-h-[30.75rem] min-w-0 overflow-auto whitespace-pre text-wrap break-words px-0 py-0 text-[0.86rem] leading-[1.2rem] text-current",children:(null==Z?void 0:Z.value)&&(0,l.jsxs)("div",{ref:w,className:(0,r.Z)("flex w-fit bg-transparent pl-0",g().codeBlock),children:[(0,l.jsx)(L,{}),(0,l.jsx)("div",{className:"pr-xs min-w-fit whitespace-pre",children:Z.value.split("\n").map((e,t)=>(0,l.jsxs)(p.Fragment,{children:[(0,l.jsx)("span",{className:"sr-only",children:t+1}),(0,l.jsx)("div",{className:(0,r.Z)({"bg-syntax-highlight":m.map(Number).includes(t+1)}),dangerouslySetInnerHTML:{__html:e||"<br/>"}})]},t))})]})})})]}),i&&(0,l.jsxs)("div",{className:"text-copy-secondary text-caption mt-xs",children:[i,o&&(0,l.jsx)(x.default,{className:"pl-5xs font-medium underline",href:o,children:c})]})]})})})}},3687:function(e,t,a){"use strict";var l=a(57437),r=a(44839),s=a(2265),n=a(9341),i=a(90358);let o=s.forwardRef((e,t)=>{let{className:a,disabled:s,href:o,external:c,icon:d,iconWidth:u,ariaLabel:m,size:x=24,fill:p,stroke:h,style:f,rounded:b="rounded-s",disabledHover:v=!1,formSubmit:g=!1,onClick:y}=e,j="flex items-center justify-center disabled:text-gray-40 focus-visible:outline-offset-0 ".concat(b," ").concat({16:"w-[16px] h-[16px]",24:"w-[24px] h-[24px]",36:"w-[36px] h-[36px]"}[x]," ").concat(v?"bg-btn-media-base/80 text-btn-media-label backdrop-blur-xl ":"hover:bg-btn-secondary-base--hover");return void 0!==o?(0,l.jsx)(n.default,{className:(0,r.Z)("".concat(j," ").concat(a)),href:o,external:c,ariaLabel:m,onClick:y,children:d&&(0,l.jsx)(i.Z,{icon:d,width:u,fill:(null!=f?f:"dark"===f)?"#080808":p,...h&&{stroke:h}})}):(0,l.jsx)("button",{type:g?"submit":"button",className:(0,r.Z)("".concat(j," ").concat(a)),disabled:s,onClick:y,ref:t,"aria-label":m,children:d&&(0,l.jsx)(i.Z,{icon:d,width:u,fill:"dark"===f?"#080808":p,...h&&{stroke:h}})})});t.Z=o},9341:function(e,t,a){"use strict";a.r(t);var l=a(57437),r=a(31073),s=a(44839),n=a(87138),i=a(2265),o=a(106),c=a(20302),d=a(30584),u=a(90358);let m="transition ease-curve-a duration-250",x=["openai.com","chatgpt.com"],p=i.forwardRef((e,t)=>{let{children:a,href:i,id:p,external:h=!1,externalArrow:f=!1,className:b,ariaLabel:v,isButton:g=!1,onClick:y,style:j={},analyticsAction:w,ariaCurrent:N}=e,k=(0,l.jsx)("span",{className:"sr-only",children:(0,l.jsx)(o.Z,{...r.G})});if(h){let e=x.every(e=>!i.includes(e));return(0,l.jsxs)("a",{id:p,href:i,className:(0,s.Z)(!g&&m,f&&"flex flex-row items-center gap-x-[0.3em] w-fit",b),target:"_blank",rel:e?"noreferrer":void 0,referrerPolicy:e?void 0:"no-referrer-when-downgrade","aria-label":v,onClick:e=>{y&&y(e),w&&(c.q.logLinkClicked({analyticsAction:w}),(0,d.b)({event:"buttonClick",value:w}))},ref:t,style:j,children:[a,f&&(0,l.jsx)(u.Z,{width:"0.5625rem",icon:"Arrow"}),k]})}return(0,l.jsx)(n.default,{id:p,onClick:e=>{y&&y(e),w&&(c.q.logLinkClicked({analyticsAction:w}),(0,d.b)({event:"buttonClick",value:w}))},href:i,"aria-label":v,"aria-current":N,className:(0,s.Z)(!g&&m,b),ref:t,style:j,children:a})});t.default=p},83922:function(e,t,a){"use strict";a.d(t,{Z:function(){return T}});var l=a(57437),r=a(95565),s=a(44839),n=a(57818),i=a(2265),o=a(28993),c=a(90358);let d=async()=>{let{styles:e}=await a.e(4653).then(a.bind(a,4653));return e.borderRadius.lg},u="py-3xs px-2xs mb-3xs last:mb-0 flex items-center w-[14.6875rem] backdrop-blur-[100px] bg-black-40 text-gray-0 text-caption";var m=e=>{let{children:t,expandedContent:a}=e,r=(0,i.useRef)(null),[n,o]=(0,i.useState)(!1),[m,x]=(0,i.useState)("");return(0,i.useEffect)(()=>{(async()=>{x(await d())})()},[]),(0,i.useLayoutEffect)(()=>{var e,t,a;if(!(null==r?void 0:r.current))return;let l=null!==(t=null==r?void 0:null===(e=r.current)||void 0===e?void 0:e.scrollHeight)&&void 0!==t?t:0,s=window.getComputedStyle(null==r?void 0:r.current),n=s.getPropertyValue("padding-top");l>Math.ceil(Number.parseFloat(s.getPropertyValue("line-height")))+2*Number.parseInt(n,10)&&m&&(null==r||null===(a=r.current)||void 0===a||a.setAttribute("style","border-radius: ".concat(m)))},[t,m]),(0,l.jsx)("div",{className:"p-xs absolute left-0 top-0 flex h-full w-full justify-start",children:(0,l.jsxs)("div",{className:"self-end",children:[n&&(0,l.jsx)("div",{className:(0,s.Z)(u,"rounded-lg"),children:a}),(0,l.jsxs)("div",{ref:r,className:(0,s.Z)(u,"rounded-[6.25rem]"),children:[t,a&&(0,l.jsx)("button",{type:"button",className:"ml-2xs right-2xs absolute inline-flex h-[1.5rem] w-[1.5rem] items-center justify-center",onClick:()=>{o(!n)},children:(0,l.jsx)(c.Z,{icon:n?"Minus":"Plus"})})]})]})})},x=a(97496),p=a(28486),h=e=>{let{caption:t,truncateCaption:a=!0,centerCaption:r=!1,lineClamp:n,captionClassName:o,captionAlignment:d="content-grid",downloadUrl:u}=e,m=(0,i.useRef)(null),[h,f]=(0,i.useState)(!0),[b,v]=(0,i.useState)(!1),[g,y]=(0,i.useState)(0),j=(0,x.Z)();if((0,i.useLayoutEffect)(()=>{if(!m.current||!n||!t||!a)return;f(!0);let e=m.current,l=new ResizeObserver(e=>{for(let t of e)t.target.scrollHeight>Number.parseInt(t.contentRect.height.toFixed(0),10)&&v(!0)});return l.observe(e),()=>{l.unobserve(e)}},[t,a,n]),(0,i.useEffect)(()=>{var e,t;let a=null===(t=m.current)||void 0===t?void 0:null===(e=t.querySelector("span"))||void 0===e?void 0:e.getBoundingClientRect().height;y(null!=a?a:0)},[]),!t&&!u)return null;let w=r||"content-grid"===d;return(0,l.jsxs)("div",{className:(0,s.W)("relative w-full",w&&"max-w-content mx-auto grid grid-cols-12"),children:[t&&(0,l.jsx)("div",{className:(0,s.W)("max-w-none",w&&["col-span-12","m:col-span-8","m:col-start-3"],!w&&"w-full"),children:(0,l.jsx)("div",{className:(0,s.W)("flex items-start",o,n),children:(0,l.jsxs)("div",{className:"flex-grow",children:[(0,l.jsx)("div",{ref:m,className:(0,s.W)("text-caption text-copy-secondary text-pretty",a&&n,!h&&"line-clamp-none"),"data-caption-height":g,"data-caption-open":!h||!a,children:t?"string"==typeof t?(0,l.jsx)("p",{className:"[&>div>p]:text-caption [&>div>p]:mt-5xs prose !my-0 max-w-none",children:t}):(0,l.jsx)(p.default,{asBlock:!1,text:t,className:"[&>div>p]:text-caption [&>div>p]:mt-5xs prose !my-0 max-w-none",alignment:r?"center":"left"}):null}),a&&b&&(0,l.jsx)("button",{type:"button",className:"w-xs mt-2 flex h-[1.0625rem] flex-none items-center justify-center self-end",onClick:()=>{f(!h)},"aria-hidden":!0,children:(0,l.jsx)(c.Z,{icon:h?"Plus":"Minus"})})]})})}),u&&(0,l.jsx)("div",{className:"absolute right-0 top-3",children:(0,l.jsx)("a",{href:u,download:!0,"aria-label":j.formatMessage({defaultMessage:"Download",id:"media_item.download_video_link",description:"Link to download the video"}),children:(0,l.jsx)(c.Z,{className:"w-4",icon:"Download"})})})]})},f=a(50579),b=a(38915),v=a(29317),g=a(81157);let y={Blue:"bg-blue-50",Yellow:"bg-yellow-50",Magenta:"bg-magenta-50",Green:"bg-green-50",Purple:"bg-purple-50",Sky:"bg-sky-50",Orange:"bg-orange-50"},j={Document:{color:y.Blue,iconName:"Document",width:10},Spreadsheet:{color:y.Green,iconName:"Spreadsheet",width:10},Code:{color:y.Magenta,iconName:"Code",width:14}},w="flex gap-x-5xs items-center w-full text-small mb-5xs",N="flex-none rounded-full",k="m:pl-[1.5625rem] max-w-full overflow-x-auto flex flex-col gap-y-5xs",Z=(e,t)=>{let a={};for(let l of Object.keys(e).filter(a=>a.includes(t)&&void 0!==e[a]))Object.assign(a,{[l]:e[l]});return a};var C=e=>{let{showOverlay:t=!0,outputPosition:a="centered",...n}=e,o=Z(n,"input"),d=Object.assign(Z(n,"output"),{codeColor:n.codeColor,codeOnlyUI:n.codeOnlyUI}),u=Object.keys(o).length>0&&n.inputUsername,m=Object.keys(d).length>0,x=(0,i.useRef)(null),[p,h]=(0,i.useState)(!1),{isMobile:C}=(0,r.u)();return(0,i.useEffect)(()=>{let e=new IntersectionObserver(t=>{let[a]=t;a.isIntersecting&&(h(!0),e.unobserve(a.target))},{threshold:.5});return t&&x.current&&e.observe(x.current),()=>{e.disconnect()}},[t]),t&&(0,l.jsx)("div",{ref:x,className:(0,s.Z)("absolute inset-x-0 inset-y-0 flex",{"p-xs items-center justify-center":"centered"===a||"bottomLeft"===a&&C,"py-2xs m:p-2xs w-full items-end justify-start":"bottomLeft"===a&&!C}),children:p&&(0,l.jsx)("div",{className:(0,s.Z)("m:max-w-[21.875rem] max-h-full w-full overflow-auto rounded-md",!n.codeOnlyUI&&"bg-surface-primary/80 backdrop-blur-xl"),children:(0,l.jsxs)("div",{className:(0,s.Z)("relative flex h-full w-full flex-col justify-center",{"p-xs":"centered"===a||"bottomLeft"===a&&C,"p-3xs":"bottomLeft"===a&&!C}),children:[u&&(e=>{let{inputAttachmentFiletype:t,inputAudioFilename:r,inputAttachmentFilename:n,inputAttachmentFileTypeLabel:i,inputAvatarColor:o,inputImage:d,inputText:u,inputUsername:m}=e,x=t&&n;return(0,l.jsxs)("div",{className:"mb-xs w-full",children:[(0,l.jsxs)("div",{className:(0,s.Z)(w),children:[(0,l.jsx)("div",{className:(0,s.Z)(N,o?y[o]:y.Green,{"h-[1.125rem] w-[1.125rem]":"centered"===a,"h-[1rem] w-[1rem]":"bottomLeft"===a})}),(0,l.jsx)("div",{children:m})]}),(0,l.jsxs)("div",{className:k,children:[d&&(0,l.jsx)("div",{className:"w-[6.25rem]",children:(0,l.jsx)(f.default,{asset:d,aspectRatio:"1/1",alt:d.description})}),x&&(0,l.jsxs)("div",{className:"p-5xs pr-2xs gap-x-5xs border-gray-20 dark:border-gray-80 bg-surface-primary flex w-fit items-center rounded-s border-[1px]",children:[(0,l.jsx)("div",{className:(0,s.Z)("flex h-[1.875rem] w-[1.875rem] flex-none items-center justify-center rounded-s",j[t].color),children:(0,l.jsx)(c.Z,{icon:j[t].iconName,width:j[t].width,className:"text-copy-primary",stroke:"#fff"})}),(0,l.jsxs)("div",{className:"text-small flex h-[2rem] grow-0 flex-col justify-between",children:[(0,l.jsx)("div",{children:n}),(0,l.jsx)("div",{className:"text-copy-tertiary",children:null!=i?i:t})]})]}),r&&(0,l.jsxs)("div",{className:"p-5xs text-small bg-base flex w-[13.125rem] items-center gap-x-[0.5rem] rounded-s",children:[(0,l.jsx)(c.Z,{icon:"Play",width:"0.625rem"}),(0,l.jsx)("span",{children:r})]}),u&&(0,l.jsx)("div",{className:"text-caption",children:u})]})]})})(o),m&&(e=>{var t;let{output:r,showHeadline:n=!0,outputCodeBlockLanguage:i}=e,{outputText:o,outputImage:c,outputCodeBlock:d,outputProduct:u,outputRichText:m,codeColor:x,codeOnlyUI:p,outputAltText:h}=r,y=!!o&&(null!==(t=null!=c?c:d)&&void 0!==t?t:m),j=(0,v.QK)();return(0,l.jsxs)("div",{className:"ui-overlay w-full max-w-full",children:[n&&(0,l.jsx)("div",{className:"expand-content",style:{animationDelay:"".concat(.2,"s")},children:(0,l.jsx)("div",{className:"overflow-hidden",children:(0,l.jsxs)("div",{className:(0,s.Z)(w),children:[(null==u?void 0:u.icon)&&(0,l.jsx)("div",{className:(0,s.Z)(N,"overflow-hidden",{"h-[1.125rem] w-[1.125rem]":"centered"===a,"h-[1rem] w-[1rem]":"bottomLeft"===a}),children:(0,l.jsx)(f.default,{aspectRatio:"1/1",asset:u.icon,alt:u.icon.description})}),(null==u?void 0:u.name)&&(0,l.jsx)("div",{children:(0,l.jsx)("span",{className:"animate-type",style:{animationDelay:"".concat(.4,"s"),"--n":[...u.name].length},children:u.name})})]})})}),(0,l.jsxs)("div",{className:k,children:[c&&(0,l.jsx)("div",{className:(0,s.Z)(n&&"expand-content"),style:{animationDelay:"".concat(.4,"s")},children:(0,l.jsx)("div",{className:"overflow-hidden",children:(0,l.jsx)("div",{className:"gap-5xs flex flex-wrap",children:null==c?void 0:c.map((e,t)=>(0,l.jsx)("div",{className:(0,s.Z)(t>0&&"stagger-display","w-[6.25rem]"),children:(0,l.jsx)(f.default,{asset:{...e,description:null==h?void 0:h[t]},className:"[&_img]:mx-0 [&_img]:rounded-s",aspectRatio:(null==c?void 0:c.length)>1?"1/1":void 0,alt:null==h?void 0:h[t]})},e.id))})})}),o&&(0,l.jsx)("div",{className:(0,s.Z)("expand-content bg-no-repeat",{"text-caption":"centered"===a,"text-small":"bottomLeft"===a}),style:{animationDelay:y?"".concat(.6000000000000001,"s"):"".concat(.4,"s"),"--n":[...o].length.toString(),"--delay":".4s"},children:(0,l.jsx)("div",{className:"overflow-hidden",children:(0,l.jsx)("span",{className:"animate-type inline",style:{animationDelay:y?"".concat(.6000000000000001,"s"):"".concat(.4,"s")},"data-content":o,children:o})})}),d&&(0,l.jsx)("div",{className:(0,s.Z)(n&&"expand-content",p&&("White"===x?"text-gray-0":"text-gray-100")),style:{animationDelay:"".concat(.4,"s")},children:(0,l.jsx)(g.default,{hideScrollbarTrack:!n,code:d,language:i,returnMarkupOnly:!0})}),m&&(0,l.jsx)("div",{className:"expand-content",style:{animationDelay:y?"".concat(.8,"s"):"".concat(.6000000000000001,"s")},children:(0,l.jsx)("div",{className:"overflow-hidden",children:(0,l.jsx)("div",{className:"text-caption gap-y-5xs rich-text flex flex-col",children:(0,b.h)(m,j)})})})]})]})})({output:d,showHeadline:!n.codeOnlyUI,outputCodeBlockLanguage:n.outputCodeBlockLanguage})]})})})},L=a(16170),S=a(106),E=a(40722),_=e=>{var t,a;let{autoplay:n=!0,aspectRatio:c="16/9",aspectRatioMobile:d="16/9",loop:u=!1,posterImage:m,title:x,showMuteButton:p=!0,textStyle:h,asset:f,assetUrl:b,assetDark:v,assetDarkUrl:g,onLoad:y,isCard:j=!1,showVideoControls:w=!1,hideVideoOverlay:N=!1,isVisible:k=!0,className:Z}=e,C=(0,o.RW)(c,"16/9"),_=d?(0,o.RW)(d,"16/9"):C,M=null!=b?b:f.file.url,R=null!==(t=f.file.contentType)&&void 0!==t?t:"",[O,T]=(0,i.useState)(!1),[D,I]=(0,i.useState)(n),[P,B]=(0,i.useState)(!0),[W,U]=(0,i.useState)(0),[V,A]=(0,i.useState)(0),[z,G]=(0,i.useState)(!1),{colorSchemeDark:H}=(0,r.u)(),[q,F]=(0,L.Z)({root:void 0,rootMargin:"-10% -35%",threshold:0});H&&v&&(M=null!=g?g:v.file.url,R=null!==(a=v.file.contentType)&&void 0!==a?a:""),(0,i.useEffect)(()=>{M&&F.current&&(F.current.children[0].src=M,F.current.load())},[M]),(0,i.useEffect)(()=>{if(n&&(q&&k?T(!0):T(!1)),!k){let e=F.current;e&&(e.currentTime=0)}},[q,k]);let K=()=>{G(!0)},Y=()=>{G(!1)};return(0,i.useEffect)(()=>{let e=F.current;e&&(O?e.play().then(e=>(B(!1),e)).catch(e=>{console.error("Something went wrong playing",e)}):e.pause())},[O]),(0,i.useEffect)(()=>{let e=()=>{F.current&&A(F.current.currentTime)},t=()=>{F.current&&U(F.current.duration)};return F.current&&(F.current.addEventListener("loadedmetadata",t),F.current.addEventListener("timeupdate",e),F.current.muted=D,F.current.addEventListener("playing",K),F.current.addEventListener("pause",Y)),()=>{F.current&&(F.current.removeEventListener("loadedmetadata",t),F.current.removeEventListener("timeupdate",e),F.current.removeEventListener("playing",K),F.current.removeEventListener("pause",Y))}},[f,O,D]),(0,i.useEffect)(()=>{y&&y()},[F.current]),(0,l.jsx)(E.Z,{isPlaying:O,showPosterImage:P&&!z,showMuteButton:p,textStyle:h,isMuted:D,handleVolume:e=>{null==e||e.preventDefault(),I(!D),F.current&&(F.current.muted=!D)},handlePlayback:e=>{null==e||e.preventDefault(),T(!O)},currentTime:V,duration:W,autoplay:n,posterImage:m,aspectRatio:C,title:x,isCard:j,showVideoControls:w,hideVideoOverlay:N,children:(0,l.jsxs)("video",{ref:F,controls:!1,playsInline:!0,muted:n,autoPlay:n,loop:u,className:(0,s.W)("aspect-".concat(_," m:aspect-").concat(C," l:aspect-").concat(C),":min-h-full min-w-full","absolute left-0 top-0 h-full w-full object-cover",Z),children:[(0,l.jsx)("source",{src:M,type:R}),(0,l.jsx)(S.Z,{id:"video.video_tag_unsupported",defaultMessage:"Your browser does not support the video tag.",description:"Message to show to users whose browsers do not support playing video through the HTML video tag"})]})})},M=e=>{let{showOverlay:t=!0,...a}=e,r=(0,i.useRef)(null),[n,o]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let e=new IntersectionObserver(t=>{let[a]=t;a.isIntersecting&&(o(!0),e.unobserve(a.target))},{threshold:.5});return t&&r.current&&e.observe(r.current),()=>{e.disconnect()}},[t]),t&&(0,l.jsx)("div",{ref:r,className:"pt-3xs inset-x-0 inset-y-0 flex items-center justify-center",children:n&&(0,l.jsx)("div",{className:"m:max-w-[29.875rem] bg-surface-primary/80 max-h-full w-full overflow-auto rounded-md backdrop-blur-xl",children:(0,l.jsx)("div",{className:"p-2xs relative flex h-full w-full flex-col justify-center",children:(e=>{let{output:t}=e,{outputProduct:a,outputRichText:r}=t,n=(0,v.QK)();return(0,l.jsxs)("div",{className:"animated-prompt w-full max-w-full",children:[a&&(0,l.jsx)("div",{className:"expand-content",style:{animationDelay:"".concat(.2,"s")},children:(0,l.jsx)("div",{className:"overflow-hidden",children:(0,l.jsxs)("div",{className:(0,s.Z)("flex gap-x-5xs items-center w-full text-small mb-xs"),children:[(null==a?void 0:a.icon)&&(0,l.jsx)("div",{className:(0,s.Z)("flex-none rounded-full","h-[0.83125rem] w-[0.83125rem] overflow-hidden"),children:(0,l.jsx)(f.default,{aspectRatio:"1/1",asset:a.icon,alt:a.name})}),(null==a?void 0:a.name)&&(0,l.jsx)("div",{children:(0,l.jsx)("span",{className:"animate-type",style:{animationDelay:"".concat(.4,"s"),"--n":[...a.name].length},children:a.name})})]})})}),r&&(0,l.jsx)("div",{className:"max-w-full overflow-x-auto flex flex-col gap-y-5xs",children:(0,l.jsx)("div",{className:"expand-content",style:{animationDelay:"".concat(.6000000000000001,"s")},children:(0,l.jsx)("div",{className:"overflow-hidden",children:(0,l.jsx)("div",{className:"text-small gap-y-5xs rich-text flex flex-col",children:(0,b.h)(r,n)})})})})]})})({output:a})})})})};let R=(0,n.default)(()=>Promise.all([a.e(2208),a.e(22334)]).then(a.bind(a,22334)),{loadableGenerated:{webpack:()=>[22334]},ssr:!1}),O=(0,n.default)(()=>Promise.all([a.e(88492),a.e(89993)]).then(a.bind(a,83857)),{loadableGenerated:{webpack:()=>[83857]},ssr:!1});var T=e=>{var t,a;let{asset:n,assetUrl:c,assetMobile:d,assetMobileUrl:u,assetDark:x,assetDarkUrl:p,assetDarkMobile:b,assetDarkMobileUrl:v,videoEmbedUrl:g,videoEmbedUrlMobile:y,videoEmbedTitle:j,videoDarkEmbedUrl:w,videoDarkEmbedUrlMobile:N,videoLoop:k,videoAutoPlay:Z,videoShowMuteButton:L,videoTextStyle:S,posterImage:E,ratio:T,ratioMobile:D,altText:I,caption:P,truncateCaption:B=!0,captionClassName:W,centerCaption:U=!1,captionAlignment:V="content-grid",downloadUrl:A,imageClassName:z,uiOverlay:G,attribution:H,className:q,lineClamp:F,borderRadius:K,fill:Y=!1,priority:$=!1,sizes:Q,onLoad:X,isCard:J=!1,showVideoControls:ee=!1,useScrim:et=!1,hideVideoOverlay:ea=!1,isVisible:el=!0,isCarousel:er=!1,mediaFillSpace:es=!1}=e,[en,ei]=(0,i.useState)(!1),[eo,ec]=(0,i.useState)(""),{colorSchemeDark:ed,isMobile:eu}=(0,r.u)(),em="video";g?em="embedVideo":(null==n?void 0:null===(a=n.file)||void 0===a?void 0:null===(t=a.contentType)||void 0===t?void 0:t.startsWith("image"))&&(em="image");let ex=(0,o.RW)(T),ep=D?(0,o.RW)(D):ex;(0,i.useEffect)(()=>{!0===ed&&w&&!eu?ec(w):!0===ed&&N&&eu?ec(N):g&&!eu?ec(g):y&&eu&&ec(y)},[ed,w,N,g,y,eu]);let eh=()=>{ei(!0),X&&X()},ef=ex&&function(e){if(!e)return 1;let[t,a]=e.split("/").map(Number);return t/a}(ex),eb=!ef||ef>=1;return(0,l.jsxs)("div",{className:(0,s.W)(q,eb?"w-full":!er&&"w-1/2",er||es&&"h-full","mx-auto","ease-curve-c duration-normal transition-opacity","max-w-media","relative"),children:[(0,l.jsxs)("div",{className:(0,s.W)("relative",eb||J||!er?"w-full":"mx-auto",{"m:h-[calc((68rem/16)*9)] h-[28rem]":er,"h-full":J||es}),style:{...ex&&{aspectRatio:eu?ep:ex}},children:["embedVideo"===em&&eo?eo.includes("youtube")?(0,l.jsx)(O,{youtubeUrl:eo,title:j,loop:k,autoplay:Z,aspectRatio:ex,posterImage:E,onLoad:eh,isCard:J,altText:I,borderRadius:K}):(0,l.jsx)(R,{autoplay:Z,aspectRatio:ex,loop:k,showMuteButton:L,posterImage:E,title:j,vimeoUrl:eo,onLoad:eh,isCard:J,showVideoControls:ee,hideVideoOverlay:ea,isVisible:el,borderRadius:K}):"image"===em&&n?(0,l.jsx)(f.default,{asset:n,assetUrl:c,assetMobile:d,assetMobileUrl:u,assetDark:x,assetDarkUrl:p,assetDarkMobile:b,assetDarkMobileUrl:v,aspectRatio:ex,borderRadius:K,onLoad:eh,className:z,fill:Y,priority:$,sizes:Q,alt:I}):n&&(0,l.jsx)(_,{showMuteButton:L,textStyle:S,asset:n,assetUrl:c,assetDark:x,assetDarkUrl:p,aspectRatio:ex,aspectRatioMobile:ep,loop:k,onLoad:eh,isCard:J,autoplay:Z,showVideoControls:ee,hideVideoOverlay:ea,isVisible:el,posterImage:E,className:z}),H&&(0,l.jsx)(m,{expandedContent:H.expandedContent,children:H.children}),et&&(0,l.jsx)("div",{className:"absolute left-0 top-0 h-full w-full bg-gray-100 opacity-20"})]}),(0,l.jsx)(h,{caption:P,truncateCaption:B,centerCaption:U,captionAlignment:V,lineClamp:F,captionClassName:W,downloadUrl:A}),G&&((null==G?void 0:G.__typename)==="uiOverlay"?(0,l.jsx)(C,{...G,showOverlay:en}):(0,l.jsx)(M,{...G,showOverlay:en}))]})}},28486:function(e,t,a){"use strict";a.r(t),a.d(t,{renderListElement:function(){return f},renderListItemElement:function(){return b},renderTextElement:function(){return h},textComponentClass:function(){return x}});var l=a(57437),r=a(38915),s=a(80193),n=a(44839);a(7395);var i=a(2265),o=a(14186),c=a(40373),d=a(29317),u=a(9702),m=a(90358);let x="text-component",p=e=>{let t=document.querySelector(e);if(t){let{offsetTop:e}=t;window.scrollTo({top:e-50,behavior:"smooth"})}},h=e=>{let t=[],a=0,r=[],s=e=>{if(r.length>0){let a=r.map((t,a)=>(0,l.jsx)("span",{id:(0,u.eY)(t,"top"),children:(0,l.jsx)("a",{href:"#"+(0,u.eY)(t,"bottom"),onClick:e=>{e.preventDefault(),p("#"+(0,u.eY)(t,"bottom"))},className:"align-bottom no-underline",children:t})},"fn-".concat(e,"-").concat(a)));t.push((0,l.jsx)("sup",{children:(0,l.jsx)(o.yX,{value:a,style:"narrow"})},"sup-".concat(e))),r=[]}},n=(e,a,r,s,n,i)=>{let o=(0,d.jz)(e);t.push(a?(0,l.jsxs)(c.Z,{children:["$",o,"$"]},"".concat(r,"-").concat(s)):n?(0,l.jsx)("span",{className:"highlighted-text highlight-".concat(i),children:o},"".concat(r,"-").concat(s)):(0,l.jsx)("span",{children:o},"".concat(r,"-").concat(s)))};return e.replaceAll(/(\[\[fn:([0-9A-Za-z]+)\]\])|(\$\$(.*?)\$\$)|\[highlight:(\w+)](.*?)\[highlight]/g,(t,l,i,o,c,d,u,m)=>(m>a&&(s(m),n(e.slice(a,m),!1,"text",a)),l?r.push(i):o?n(c,!0,"latex",m):d&&n(u,!1,"highlight",m,!0,d),a=m+t.length,"")),s(e.length),a<e.length&&n(e.slice(a),!1,"text-end",a),(0,l.jsx)(l.Fragment,{children:t})},f=(e,t)=>(0,l.jsx)(t?"ol":"ul",{className:"!px-0",children:e}),b=(e,t)=>(0,l.jsxs)("li",{className:"!py-5xs gap-5xs my-0 flex items-center before:hidden [&>p]:!my-0",children:[(0,l.jsx)(m.Z,{icon:"Checkmark",width:"1.5rem",className:"!mt-0 shrink-0"}),t]}),v=i.memo(e=>{let{text:t,className:a="",asBlock:i=!0,checkmarkList:o=!1,reduceSpacingAbove:c=!0,fillContainer:u=!1,opacity:m=100,alignment:p="left"}=e,v=(0,d.QK)();v.renderText=h,v.renderNode&&o&&(v.renderNode[s.BLOCKS.LIST_ITEM]=b,v.renderNode[s.BLOCKS.OL_LIST]=(e,t)=>f(t,!0),v.renderNode[s.BLOCKS.UL_LIST]=(e,t)=>f(t,!1));let g="".concat(x," mb-v ").concat(c?"mt-v":"mt-2xl"," ").concat(i&&"max-w-container grid grid-cols-12"," ").concat("center"===p?"text-center":"text-start"),y="col-span-12 m:col-span-8 m:col-start-3 max-w-none  ".concat(i&&"prose"," ").concat({50:"opacity-50",75:"opacity-75",100:"opacity-100"}[m]);return u?(0,l.jsx)("div",{className:(0,n.Z)(a),children:(0,r.h)(t,v)}):(0,l.jsx)("div",{className:(0,n.Z)(g,a),children:(0,l.jsx)("div",{className:(0,n.Z)(y),children:(0,r.h)(t,v)})})});t.default=v},93092:function(e,t,a){"use strict";var l=a(57437),r=a(44839);a(2265);var s=a(3687),n=a(90358);let i={play:"Play video",pause:"Pause video",volume:"Mute",mute:"Unmute"},o={play:"Play",pause:"Pause",volume:"Audio",mute:"AudioMute"};t.Z=e=>{let{type:t,handleClick:a,autoplay:c,hideVideoOverlay:d=!1}=e;return c?(0,l.jsx)(s.Z,{icon:o[t],ariaLabel:i[t],onClick:a,size:d?36:24,rounded:d?"rounded-full":void 0,disabledHover:d}):(0,l.jsx)("button",{type:"button",className:(0,r.W)("text-btn-media-label bg-btn-media-base hover:bg-btn-media-base--hover","rounded-[3.75rem]","flex h-[3rem] w-[3rem] flex-shrink-0 items-center justify-center","play"==t&&"pl-[0.125rem]"),...a&&{onClick:()=>{a()}},"aria-label":i[t],children:(0,l.jsx)(n.Z,{icon:o[t]})})}},40722:function(e,t,a){"use strict";var l=a(57437),r=a(44839),s=a(66648),n=a(93092);t.Z=e=>{let t,{autoplay:a,aspectRatio:i,posterImage:o,title:c,children:d,isPlaying:u,showMuteButton:m,textStyle:x,isMuted:p,showPosterImage:h,currentTime:f,duration:b,handleVolume:v,handlePlayback:g,isCard:y=!1,showVideoControls:j=!1,hideVideoOverlay:w=!1,borderRadius:N="rounded-s"}=e,k=!y||w;return(0,l.jsxs)("div",{tabIndex:0,className:(0,r.W)("group relative flex h-full w-full overflow-hidden outline-none","aspect-".concat(i),N),children:[d,o&&(0,l.jsx)(s.default,{src:o.file.url,alt:o.title,quality:50,sizes:"(min-width: 1728px) 1728px, 100vw",fill:!0,className:(0,r.W)("object-cover object-center",h?"animate-fade-in":"pointer-events-none opacity-0")}),j&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:(0,r.W)(a?"top-0":"bottom-0",k?"items-top bottom-0 opacity-0 group-hover:opacity-100":"items-center","p-4xs m:p-xs gap-3xs text-gray-0 text-caption duration-normal absolute left-0 right-0 z-[1] flex justify-between transition-opacity"),children:[(0,l.jsxs)("div",{className:(0,r.W)(a?"justify-start":"justify-end",k?"items-top":"items-center","gap-2xs flex w-full flex-row-reverse"),children:[!a&&c&&(0,l.jsx)("p",{children:c}),(0,l.jsx)(n.Z,{type:u?"pause":"play",handleClick:g,autoplay:a,style:x,hideVideoOverlay:k}),a&&m&&(0,l.jsx)(n.Z,{type:p?"mute":"volume",handleClick:v,autoplay:a,style:x,hideVideoOverlay:k})]}),!a&&(0,l.jsx)("p",{children:(t=f>0||u?f:b,"".concat(Math.floor(t/60).toString().padStart(2,"0"),":").concat(Math.floor(t%60).toString().padStart(2,"0")))})]}),!y&&!k&&(0,l.jsx)("div",{className:(0,r.W)("duration-normal absolute inset-0 bg-[rgba(0,0,0,0.30)] blur-[78.5px] filter transition-opacity before:absolute before:inset-0 before:bg-[rgba(53,66,99,0.30)]",a?"bottom-[80%]":"top-[80%]",u&&"opacity-0 group-focus-within:opacity-100 group-hover:opacity-100 group-focus:opacity-100")})]})]})}},52253:function(e,t,a){"use strict";a.r(t),a.d(t,{PageContext:function(){return i},PageProvider:function(){return o},pageContextDefaultValues:function(){return n},usePageContext:function(){return c}});var l=a(57437),r=a(37837),s=a(2265);let n={category:void 0,tagGroups:void 0,slug:void 0,publicationDateText:void 0,pageType:void 0,pageTitle:void 0,id:void 0,effectiveLocale:r.ag.defaultLocale},i=(0,s.createContext)(n);function o(e){let{children:t,category:a,tagGroups:r,slug:n,publicationDateText:o,pageType:c,pageTitle:d,id:u,effectiveLocale:m,forceDarkMode:x}=e;return(0,s.useEffect)(()=>(!0===x&&document.documentElement.classList.add("dark"),()=>{!0===x&&document.documentElement.classList.remove("dark")}),[x]),(0,l.jsx)(i.Provider,{value:{category:a,tagGroups:r,slug:n,publicationDateText:o,pageType:c,pageTitle:d,id:u,effectiveLocale:m},children:t})}function c(){let e=(0,s.useContext)(i);if(null===e)throw Error("usePageContext hook must be used within PageProvider");return e}},74025:function(e){e.exports={codeExample:"CodeExample_codeExample__77GL_",codeBlock:"CodeExample_codeBlock__j6Ezg","force-show-scrollbars":"CodeExample_force-show-scrollbars__wBYy_",hideScrollbarTrack:"CodeExample_hideScrollbarTrack__MOW14"}}}]);