@react-email/preview-server 4.1.0-canary.10 → 4.1.0-canary.11

package/.next/static/chunks/app/preview/[...slug]/page-2ecabfb34d4f874a.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[719],{626:(e,t,a)=>{"use strict";a.d(t,{default:()=>Q});var r=a(8593),s=a(4631),l=a(2421),n=a(1400),i=a(1530),o=a(6286),c=a(170),d=a(8474);a(1598),a(3989),a(4345);var u=a(9579),h=a(7258);let m=l.forwardRef((e,t)=>{let{as:a="span",size:s="2",color:l="gray",transform:n,weight:i="normal",className:o,children:c,...d}=e;return(0,r.jsx)(u.DX,{className:(0,h.cn)(o,n,x(s),p(l),f(i)),ref:t,...d,children:(0,r.jsx)(a,{children:c})})}),x=e=>{switch(e){case"1":return"text-xs";case void 0:case"2":return"text-sm";case"3":return"text-base";case"4":return"text-lg";case"5":return["text-17px","md:text-xl tracking-[-0.16px]"];case"6":return"text-2xl tracking-[-0.288px]";case"7":return"text-[28px] leading-[34px] tracking-[-0.416px]";case"8":return"text-[35px] leading-[42px] tracking-[-0.64px]";case"9":return"text-6xl leading-[73px] tracking-[-0.896px]";default:return(0,h.HB)(e)}},p=e=>{switch(e){case"white":return"text-slate-12";case void 0:case"gray":return"text-slate-11";default:return(0,h.HB)(e)}},f=e=>{switch(e){case void 0:case"normal":return"font-normal";case"medium":return"font-medium";default:return(0,h.HB)(e)}};m.displayName="Text";var g=a(1735),j=a(526),b=a(9711);let v={type:"spring",stiffness:2e3,damping:80,mass:1};var w=a(1166);let y=l.forwardRef((e,t)=>{let{children:a,className:s,...l}=e;return(0,r.jsx)("button",{type:"button",...l,className:(0,h.cn)("focus:ring-gray-8 rounded text-slate-11 transition duration-200 ease-in-out hover:text-slate-12 focus:text-slate-12 focus:outline-none focus:ring-2",s),ref:t,children:a})});y.displayName="IconButton";var C=a(6445),k=a(2180);let N=l.forwardRef((e,t)=>{let{...a}=e;return(0,r.jsxs)(k.z,{ref:t,...a,children:[(0,r.jsx)("path",{d:"M9 6.75H7.75C6.64543 6.75 5.75 7.64543 5.75 8.75V17.25C5.75 18.3546 6.64543 19.25 7.75 19.25H16.25C17.3546 19.25 18.25 18.3546 18.25 17.25V8.75C18.25 7.64543 17.3546 6.75 16.25 6.75H15",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),(0,r.jsx)("path",{d:"M14 8.25H10C9.44772 8.25 9 7.80228 9 7.25V5.75C9 5.19772 9.44772 4.75 10 4.75H14C14.5523 4.75 15 5.19772 15 5.75V7.25C15 7.80228 14.5523 8.25 14 8.25Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),(0,r.jsx)("path",{d:"M9.75 12.25H14.25",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),(0,r.jsx)("path",{d:"M9.75 15.25H14.25",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})]})});N.displayName="IconClipboard";let S=l.forwardRef((e,t)=>{let{...a}=e;return(0,r.jsx)(k.z,{ref:t,...a,children:(0,r.jsx)("path",{d:"M4.75 14.75v1.5a3 3 0 0 0 3 3h8.5a3 3 0 0 0 3-3v-1.5M12 14.25v-9.5M8.75 10.75l3.25 3.5 3.25-3.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})})});S.displayName="IconDownload";var L=a(34);let R=e=>{let{markups:t,activeLang:a,setActiveLang:s}=e,l=t.find(e=>{let{language:t}=e;return a===t});if(!l)throw Error("No markup found for the active language!",{cause:{activeLang:a,markups:t}});return(0,r.jsxs)("div",{className:"relative max-h-[650px] w-full h-full whitespace-pre rounded-md border border-slate-6 text-sm",style:{lineHeight:"130%",background:"linear-gradient(145.37deg, rgba(255, 255, 255, 0.09) -8.75%, rgba(255, 255, 255, 0.027) 83.95%)",boxShadow:"rgb(0 0 0 / 10%) 0px 5px 30px -5px"},children:[(0,r.jsxs)("div",{className:"h-9 border-b border-slate-6",children:[(0,r.jsx)("div",{className:"flex",children:(0,r.jsx)(j.o,{id:"code",children:t.map(e=>{let{language:t}=e,l=a===t;return(0,r.jsxs)(b.P.button,{className:"relative px-4 py-[8px] font-sans text-sm font-medium transition duration-200 ease-in-out hover:text-slate-12 ".concat(a!==t?"text-slate-11":"text-slate-12"),onClick:()=>{s(t)},children:[l?(0,r.jsx)(b.P.span,{animate:{opacity:1},className:"absolute bottom-0 left-0 right-0 top-0 bg-slate-4",exit:{opacity:0},initial:{opacity:0},layoutId:"code",transition:v}):null,w.A[t]]},t)})})}),(0,r.jsx)(M,{content:l.content}),(0,r.jsx)(T,{content:l.content,filename:"email.".concat(l.language)})]}),(0,r.jsx)("div",{className:"h-[calc(100%-2.25rem)]",children:(0,r.jsx)(d.Code,{language:a,children:l.content})})]})},M=e=>{let{content:t}=e,[a,s]=l.useState(!1),n=l.useRef(void 0);return l.useEffect(()=>{s(!1),clearTimeout(n.current),n.current=void 0},[t]),(0,r.jsxs)(L.m,{children:[(0,r.jsx)(L.m.Trigger,{asChild:!0,className:"absolute right-2 top-2 hidden md:block",children:(0,r.jsx)(y,{onClick:async()=>{s(!0),await (0,h.eM)(t),n.current=setTimeout(()=>{s(!1)},3e3)},children:a?(0,r.jsx)(C.i,{}):(0,r.jsx)(N,{})})}),(0,r.jsx)(L.m.Content,{children:"Copy to Clipboard"})]})},T=e=>{let{content:t,filename:a}=e,s=l.useMemo(()=>{let e=new File([t],a);return URL.createObjectURL(e)},[t,a]),n=l.useSyncExternalStore(()=>()=>{},()=>s,()=>void 0);return(0,r.jsxs)(L.m,{children:[(0,r.jsx)(L.m.Trigger,{asChild:!0,className:"text-gray-11 absolute right-8 top-2 hidden md:block",children:(0,r.jsx)("a",{className:"text-slate-11 transition duration-200 ease-in-out hover:text-slate-12",download:a,href:n,children:(0,r.jsx)(S,{})})}),(0,r.jsx)(L.m.Content,{children:"Download"})]})},H=e=>{var t,a;let r=t=>{let a=e.getBoundingClientRect();document.dispatchEvent(new MouseEvent("mousemove",{...t,clientX:t.clientX+a.x,clientY:t.clientY+a.y}))},s=e=>{document.dispatchEvent(new MouseEvent("mouseup",e))};return null==(t=e.contentDocument)||t.addEventListener("mousemove",r),null==(a=e.contentDocument)||a.addEventListener("mouseup",s),()=>{var t,a;null==(t=e.contentDocument)||t.removeEventListener("mousemove",r),null==(a=e.contentDocument)||a.removeEventListener("mouseup",s)}},P=e=>{let{width:t,height:a,onResize:s,onResizeEnd:n,children:i,maxHeight:o,maxWidth:c,minHeight:d,minWidth:m,...x}=e,p=(0,l.useRef)(null),f=(0,l.useRef)(null),g=(0,l.useCallback)(()=>{f.current&&document.removeEventListener("mousemove",f.current),document.removeEventListener("mouseup",g),null==n||n()},[]),j=e=>{f.current=t=>{if(0===t.button&&p.current){let a="east"===e||"west"===e,r=a?t.clientX:t.clientY,l=p.current.getBoundingClientRect();s(2*Math.abs(r-(a?l.x+l.width/2:l.y+l.height/2)),e)}else g()},document.addEventListener("mouseup",g),document.addEventListener("mousemove",f.current)};return(0,l.useEffect)(()=>{if(window.document)return()=>{g()}},[]),(0,r.jsxs)("div",{...x,className:(0,h.cn)("relative mx-auto my-auto box-content",x.className),children:[(0,r.jsx)("div",{"aria-label":"resize-west","aria-valuenow":t,"aria-valuemin":m,"aria-valuemax":c,className:"-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-2 cursor-w-resize p-2 [user-drag:none]",onDragStart:e=>e.preventDefault(),draggable:"false",onMouseDown:()=>{j("west")},role:"slider",tabIndex:0,children:(0,r.jsx)("div",{className:"h-8 w-1 rounded-md bg-black/30"})}),(0,r.jsx)("div",{"aria-label":"resize-east","aria-valuenow":t,"aria-valuemin":m,"aria-valuemax":c,onDragStart:e=>e.preventDefault(),className:"-translate-x-full -translate-y-1/2 absolute top-1/2 left-full cursor-e-resize p-2 [user-drag:none]",draggable:"false",onMouseDown:()=>{j("east")},role:"slider",tabIndex:0,children:(0,r.jsx)("div",{className:"h-8 w-1 rounded-md bg-black/30"})}),(0,r.jsx)("div",{"aria-label":"resize-north","aria-valuenow":a,"aria-valuemin":d,"aria-valuemax":o,onDragStart:e=>e.preventDefault(),className:"-translate-x-1/2 -translate-y-1/2 absolute top-0 left-1/2 cursor-n-resize p-2 [user-drag:none]",draggable:"false",onMouseDown:()=>{j("north")},role:"slider",tabIndex:0,children:(0,r.jsx)("div",{className:"h-1 w-8 rounded-md bg-black/30"})}),(0,r.jsx)("div",{"aria-label":"resize-south","aria-valuenow":a,"aria-valuemin":d,"aria-valuemax":o,onDragStart:e=>e.preventDefault(),className:"-translate-x-1/2 -translate-y-1/2 absolute top-full left-1/2 cursor-s-resize p-2 [user-drag:none]",draggable:"false",onMouseDown:()=>{j("south")},role:"slider",tabIndex:0,children:(0,r.jsx)("div",{className:"h-1 w-8 rounded-md bg-black/30"})}),(0,r.jsx)(u.DX,{ref:p,children:i})]})};var I=a(1975);let E=e=>{let{markup:t}=e,[a,s]=l.useState(""),[n,o]=l.useState("Testing React Email"),[d,u]=l.useState(!1),[h,x]=l.useState(!1),p=async e=>{try{e.preventDefault(),u(!0);let r=await fetch("https://react.email/api/send/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({to:a,subject:n,html:t})});if(429===r.status){let{error:e}=await r.json();i.oR.error(e)}i.oR.success("Email sent! Check your inbox.")}catch(e){i.oR.error("Something went wrong. Please try again.")}finally{u(!1)}};return(0,r.jsxs)(I.bL,{onOpenChange:()=>{h?(document.body.classList.remove("popup-open"),x(!1)):(document.body.classList.add("popup-open"),x(!0))},open:h,children:[(0,r.jsx)(I.l9,{asChild:!0,children:(0,r.jsx)("button",{className:"box-border flex h-5 w-20 items-center justify-center self-center rounded-lg border border-slate-6 bg-slate-2 px-4 py-4 text-center font-sans text-sm text-slate-11 outline-none transition duration-300 ease-in-out hover:border-slate-10 hover:text-slate-12",type:"submit",children:"Send"})}),(0,r.jsx)(I.Mz,{}),(0,r.jsx)(I.ZL,{children:(0,r.jsx)(I.UC,{align:"end",className:"-mt-10 w-80 rounded-lg border border-slate-6 bg-black/70 p-3 font-sans text-slate-11 shadow-md backdrop-blur-lg font-sans",sideOffset:48,children:(0,r.jsxs)("form",{className:"mt-1",onSubmit:e=>void p(e),children:[(0,r.jsx)("label",{className:"mb-2 block text-xs uppercase text-slate-10",htmlFor:"to",children:"Recipient"}),(0,r.jsx)("input",{autoFocus:!0,className:"mb-3 w-full appearance-none rounded-lg border border-slate-6 bg-slate-3 px-2 py-1 text-sm text-slate-12 placeholder-slate-10 outline-none transition duration-300 ease-in-out focus:ring-1 focus:ring-slate-10",defaultValue:a,id:"to",onChange:e=>{s(e.target.value)},placeholder:"you@example.com",required:!0,type:"email"}),(0,r.jsx)("label",{className:"mb-2 mt-1 block text-xs uppercase text-slate-10",htmlFor:"subject",children:"Subject"}),(0,r.jsx)("input",{className:"mb-3 w-full appearance-none rounded-lg border border-slate-6 bg-slate-3 px-2 py-1 text-sm text-slate-12 placeholder-slate-10 outline-none transition duration-300 ease-in-out focus:ring-1 focus:ring-slate-10",defaultValue:n,id:"subject",onChange:e=>{o(e.target.value)},placeholder:"My Email",required:!0,type:"text"}),(0,r.jsx)("input",{className:"appearance-none checked:bg-blue-500",type:"checkbox"}),(0,r.jsxs)("div",{className:"mt-3 flex items-center justify-between",children:[(0,r.jsxs)(m,{className:"inline-block",size:"1",children:["Powered by"," ",(0,r.jsx)("a",{className:"text-white/85 transition duration-300 ease-in-out hover:text-slate-12",href:"https://resend.com",rel:"noreferrer",target:"_blank",children:"Resend"})]}),(0,r.jsx)(c.Button,{className:"disabled:border-transparent disabled:bg-slate-11",disabled:0===n.length||0===a.length||d,type:"submit",children:"Send"})]})]})})})]})};var z=a(2483),D=a(1619);let V=l.forwardRef((e,t)=>{let{...a}=e;return(0,r.jsx)(k.z,{ref:t,...a,children:(0,r.jsx)("path",{d:"M9.75 15.25H17.25C18.3546 15.25 19.25 14.3546 19.25 13.25V6.75C19.25 5.64543 18.3546 4.75 17.25 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V13.25C4.75 14.3546 5.64543 15.25 6.75 15.25H9.75ZM9.75 15.25C9.75 15.25 10 18.25 8 19.25H16C14 18.25 14.25 15.25 14.25 15.25",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})})});V.displayName="IconMonitor";let _=l.forwardRef((e,t)=>{let{...a}=e;return(0,r.jsx)(k.z,{ref:t,...a,children:(0,r.jsx)("path",{d:"M17.4 15L21 11.5L17.4 8M6.6 8L3 11.5L6.6 15M14.25 4.5L9.75 18.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})})});_.displayName="IconSource";let O=e=>{let{activeView:t,setActiveView:a}=e;return(0,r.jsxs)(D.bL,{"aria-label":"View mode",className:"inline-block items-center bg-slate-2 border border-slate-6 rounded-md overflow-hidden h-[36px]",onValueChange:e=>{e&&a(e)},type:"single",value:t,children:[(0,r.jsx)(D.q7,{value:"preview",children:(0,r.jsxs)(L.m,{children:[(0,r.jsx)(L.m.Trigger,{asChild:!0,children:(0,r.jsxs)("div",{className:(0,h.cn)("px-3 py-2 transition ease-in-out duration-200 relative hover:text-slate-12",{"text-slate-11":"desktop"!==t,"text-slate-12":"desktop"===t}),children:["preview"===t&&(0,r.jsx)(b.P.span,{animate:{opacity:1},className:"absolute left-0 right-0 top-0 bottom-0 bg-slate-4",exit:{opacity:0},initial:{opacity:0},layoutId:"topbar-tabs",transition:v}),(0,r.jsx)(V,{})]})}),(0,r.jsx)(L.m.Content,{children:"Preview"})]})}),(0,r.jsx)(D.q7,{value:"source",children:(0,r.jsxs)(L.m,{children:[(0,r.jsx)(L.m.Trigger,{asChild:!0,children:(0,r.jsxs)("div",{className:(0,h.cn)("px-3 py-2 transition ease-in-out duration-200 relative hover:text-slate-12",{"text-slate-11":"source"!==t,"text-slate-12":"source"===t}),children:["source"===t&&(0,r.jsx)(b.P.span,{animate:{opacity:1},className:"absolute left-0 right-0 top-0 bottom-0 bg-slate-4",exit:{opacity:0},initial:{opacity:0},layoutId:"topbar-tabs",transition:v}),(0,r.jsx)(_,{})]})}),(0,r.jsx)(L.m.Content,{children:"Code"})]})})]})};var F=a(619),B=a(7799);let U=[{name:"Desktop",dimensions:{width:600,height:1024}},{name:"Mobile",dimensions:{width:375,height:812}}],W={active:{width:"3.5rem",padding:"0 0 0 0.5rem"},inactive:{width:"0"}},A=e=>{let{icon:t,isActive:a,label:s,onBlur:n,onChange:i,setIsActive:o,value:c,hasBorder:d}=e,u=l.useRef(null);return l.useEffect(()=>{a&&u.current&&u.current.focus()},[a]),(0,r.jsx)(L.m.Provider,{children:(0,r.jsxs)(L.m,{children:[(0,r.jsx)(L.m.Trigger,{asChild:!0,children:(0,r.jsxs)(b.P.button,{onClick:()=>{a?o(!1):o(!0)},className:(0,h.cn)("relative flex items-center justify-center p-2",{"border-slate-6 border-r":d}),children:[t,(0,r.jsx)(b.P.input,{ref:u,initial:!1,animate:a?"active":"inactive",className:"arrow-hide relative flex h-8 items-center justify-center bg-black text-sm outline-none",onChange:e=>i(Number.parseInt(e.currentTarget.value)),onBlur:n,type:"number",value:c,variants:W})]})}),(0,r.jsxs)(L.m.Content,{children:[(0,r.jsxs)("span",{children:[s,": "]}),(0,r.jsxs)("span",{className:"font-mono",children:[c,"px"]})]})]})})},Z=e=>{let{name:t,dimensions:a,onSelect:s}=e;return(0,r.jsxs)(F.q7,{className:"group flex w-full cursor-pointer select-none items-center justify-between rounded-md py-1.5 pr-1 pl-2 text-sm outline-none transition-colors data-[highlighted]:bg-slate-5",onClick:()=>s(a),children:[t,(0,r.jsxs)("span",{className:"flex h-fit items-center rounded-full bg-slate-6 px-2 py-1 font-medium text-slate-11 text-xs",children:[a.width,"x",a.height]})]})},Y=e=>{let{viewWidth:t,viewHeight:a,setViewWidth:s,setViewHeight:n}=e,[i,o]=l.useState(!1),[c,d]=l.useState(null),u=e=>{s(e.width),n(e.height)},m=()=>{d(null)};return(0,r.jsxs)("div",{className:"relative flex h-9 w-fit overflow-hidden rounded-lg border border-slate-6 text-sm transition-colors duration-300 ease-in-out focus-within:border-slate-8 hover:border-slate-8",children:[(0,r.jsx)(A,{icon:(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M21 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v3"}),(0,r.jsx)("path",{d:"M21 16v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3"}),(0,r.jsx)("path",{d:"M4 12H2"}),(0,r.jsx)("path",{d:"M10 12H8"}),(0,r.jsx)("path",{d:"M16 12h-2"}),(0,r.jsx)("path",{d:"M22 12h-2"})]}),value:t,onChange:s,isActive:"width"===c,setIsActive:e=>d(e?"width":null),onBlur:m,label:"Width",hasBorder:!0}),(0,r.jsx)(A,{icon:(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M8 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h3"}),(0,r.jsx)("path",{d:"M16 3h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3"}),(0,r.jsx)("path",{d:"M12 20v2"}),(0,r.jsx)("path",{d:"M12 14v2"}),(0,r.jsx)("path",{d:"M12 8v2"}),(0,r.jsx)("path",{d:"M12 2v2"})]}),value:a,onChange:n,isActive:"height"===c,setIsActive:e=>d(e?"height":null),onBlur:m,label:"Height"}),(0,r.jsxs)(F.bL,{open:i,onOpenChange:o,children:[(0,r.jsx)(F.l9,{asChild:!0,children:(0,r.jsxs)("button",{type:"button",className:"relative flex items-center justify-center overflow-hidden bg-slate-5 p-2 text-slate-11 text-sm leading-none outline-none transition-colors ease-linear focus-within:text-slate-12 hover:text-slate-12 focus:text-slate-12",children:[(0,r.jsx)("span",{className:"sr-only",children:"View presets"}),(0,r.jsx)(B.R,{className:(0,h.cn)("transform transition-transform duration-200 ease-[cubic-bezier(.36,.66,.6,1)]",{"-rotate-180":i})})]})}),(0,r.jsx)(F.ZL,{children:(0,r.jsx)(F.UC,{align:"end",className:"flex min-w-[12rem] flex-col gap-2 rounded-md border border-slate-8 border-solid bg-black px-2 py-2 text-white",sideOffset:5,children:U.map(e=>(0,r.jsx)(Z,{name:e.name,dimensions:e.dimensions,onSelect:u},e.name))})})]})]})};var J=a(8584);let X=(e,t,a)=>Math.min(Math.max(e,t),a),q=(e,t,a)=>{let[r,s]=(0,l.useState)(e);return[X(r,t,a),e=>{"function"==typeof e?s(r=>{let s=X(r,t,a);return X(e(s),t,a)}):s(X(e,t,a))}]},G=e=>(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"absolute inset-0 z-50 bg-black/80"}),(0,r.jsx)("div",{className:"absolute left-[50%] top-[50%] z-50 grid min-h-[50vh] w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-t-sm border border-t-4 bg-white p-6 text-black shadow-lg duration-200 sm:rounded-lg md:max-w-[568px] lg:max-w-[968px]",children:(0,r.jsxs)("div",{className:"flex min-w-0 max-w-full flex-col space-y-1.5",children:[(0,r.jsxs)("h2",{className:"flex flex-shrink items-center gap-4 pb-2 text-lg font-semibold leading-none tracking-tight",children:[(0,r.jsxs)("svg",{className:"h-6 w-6 font-extrabold text-red-600",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"}),(0,r.jsx)("path",{d:"M12 9v4"}),(0,r.jsx)("path",{d:"M12 17h.01"})]}),e.error.name,": ",e.error.message]}),e.error.stack?(0,r.jsx)("div",{className:"flex-grow scroll-px-4 overflow-x-auto rounded-lg bg-red-500 p-2 text-sm text-gray-100",children:(0,r.jsx)("pre",{className:"w-full min-w-0 font-mono leading-7",children:e.error.stack})}):void 0]})})]}),Q=e=>{var t,a;let{emailTitle:c,className:d,...u}=e,{renderingResult:m,renderedEmailMetadata:x}=(0,l.use)(J.o),p=(0,s.useRouter)(),f=(0,s.usePathname)(),j=(0,s.useSearchParams)(),b=null!=(t=j.get("view"))?t:"preview",v=null!=(a=j.get("lang"))?a:"jsx",w=void 0!==x,y="error"in m,[C,k]=(0,l.useState)(Number.POSITIVE_INFINITY),[N,S]=(0,l.useState)(Number.POSITIVE_INFINITY),M=j.get("width"),T=j.get("height"),[I,D]=q(M?Number.parseInt(M):600,100,C),[V,_]=q(T?Number.parseInt(T):1024,100,N),F=(0,o.YQ)(()=>{let e=new URLSearchParams(j);e.set("width",I.toString()),e.set("height",V.toString()),p.push("".concat(f,"?").concat(e.toString()).concat(location.hash))},300),{toggled:B}=(0,z.S)();return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(g.Topbar,{emailTitle:c,children:[(0,r.jsx)(Y,{setViewHeight:e=>{_(e),(0,n.flushSync)(()=>{F()})},setViewWidth:e=>{D(e),(0,n.flushSync)(()=>{F()})},viewHeight:V,viewWidth:I}),(0,r.jsx)(O,{activeView:b,setActiveView:e=>{let t=new URLSearchParams(j);t.set("view",e),p.push("".concat(f,"?").concat(t.toString()).concat(location.hash))}}),w?(0,r.jsx)("div",{className:"flex justify-end",children:(0,r.jsx)(E,{markup:x.markup})}):null]}),(0,r.jsxs)("div",{...u,className:(0,h.cn)("h-[calc(100%-3.5rem-2.375rem)] will-change-[height] flex p-4 transition-[height] duration-300","preview"===b&&"bg-gray-200",B&&"h-[calc(100%-3.5rem-13rem)]",d),ref:e=>{let t=new ResizeObserver(e=>{let[t]=e;t&&(k(t.contentRect.width),S(t.contentRect.height))});return e&&t.observe(e),()=>{t.disconnect()}},children:[y?(0,r.jsx)(G,{error:m.error}):null,w?(0,r.jsxs)(r.Fragment,{children:["preview"===b&&(0,r.jsx)(P,{minHeight:100,minWidth:100,maxHeight:N,maxWidth:C,height:V,onResizeEnd:()=>{F()},onResize:(e,t)=>{"east"===t||"west"===t?D(Math.round(e)):_(Math.round(e))},width:I,children:(0,r.jsx)("iframe",{className:"max-h-full rounded-lg bg-white [color-scheme:auto]",ref:e=>{if(e)return H(e)},srcDoc:x.markup,style:{width:"".concat(I,"px"),height:"".concat(V,"px")},title:c})}),"source"===b&&(0,r.jsx)("div",{className:"h-full w-full",children:(0,r.jsx)("div",{className:"m-auto h-full flex max-w-3xl p-6",children:(0,r.jsx)(L.m.Provider,{children:(0,r.jsx)(R,{activeLang:v,markups:[{language:"jsx",content:x.reactMarkup},{language:"markup",content:x.markup},{language:"markdown",content:x.plainText}],setActiveLang:e=>{let t=new URLSearchParams(j);t.set("view","source"),t.set("lang",e);let a=j.get("lang")===e;p.push("".concat(f,"?").concat(t.toString()).concat(a?location.hash:""))}})})})})]}):null,(0,r.jsx)(i.l$,{})]})]})}},2483:(e,t,a)=>{"use strict";a.d(t,{Toolbar:()=>X,S:()=>B});var r=a(8593),s=a(5327),l=a(526),n=a(4631),i=a(2421),o=a(1704),c=a(8584),d=a(7258),u=a(7799),h=a(6445),m=a(2180);let x=i.forwardRef((e,t)=>{let{...a}=e;return(0,r.jsx)(m.z,{ref:t,...a,children:(0,r.jsx)("path",{d:"M12 4C7.58173 4 4 7.58172 4 12C4 16.4182 7.58173 20 12 20C16.4183 20 20 16.4182 20 12C20 7.58172 16.4183 4 12 4ZM5.14754 12C5.14754 8.21549 8.21551 5.14754 12 5.14754C15.7845 5.14754 18.8525 8.21549 18.8525 12C18.8525 15.7844 15.7845 18.8525 12 18.8525C8.21551 18.8525 5.14754 15.7844 5.14754 12ZM12.906 8.37648C12.906 8.87682 12.5004 9.28243 12 9.28243C11.4997 9.28243 11.0941 8.87682 11.0941 8.37648C11.0941 7.87613 11.4997 7.47053 12 7.47053C12.5004 7.47053 12.906 7.87613 12.906 8.37648ZM10.1883 10.1884H10.7922H12.0002C12.3337 10.1884 12.6041 10.4588 12.6041 10.7924V15.0201H13.2081H13.8121V16.2281H13.2081H12.0002H10.7922H10.1883V15.0201H10.7922H11.3962V11.3963H10.7922H10.1883V10.1884Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})});x.displayName="IconInfo";let p=i.forwardRef((e,t)=>{let{...a}=e;return(0,r.jsx)(m.z,{ref:t,...a,children:(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.9354 12C17.9354 9.01537 15.5828 6.05264 11.9202 6.05264C8.96229 6.05264 7.50033 8.21724 6.87735 9.36841H8.72625C9.02024 9.36841 9.25858 9.60406 9.25858 9.89473C9.25858 10.1854 9.02024 10.421 8.72625 10.421H5.53232C5.23833 10.421 5 10.1854 5 9.89473V6.73684C5 6.44617 5.23833 6.21052 5.53232 6.21052C5.82631 6.21052 6.06465 6.44617 6.06465 6.73684V8.64548C6.81471 7.33819 8.54959 5 11.9202 5C16.2456 5 19 8.51094 19 12C19 15.4891 16.2456 19 11.9202 19C9.8507 19 8.12769 18.1904 6.9009 16.9562C6.24405 16.2954 5.73107 15.5148 5.38132 14.6744C5.26942 14.4057 5.39911 14.0981 5.67098 13.9875C5.94285 13.8768 6.25395 14.0051 6.36583 14.2738C6.66482 14.9921 7.10262 15.6574 7.66023 16.2183C8.69486 17.2593 10.1475 17.9474 11.9202 17.9474C15.5828 17.9474 17.9354 14.9846 17.9354 12Z",fill:"currentColor"})})});p.displayName="IconReload";var f=a(1530);let g={family:{gmail:"Gmail",outlook:"Outlook",yahoo:"Yahoo! Mail","apple-mail":"Apple Mail",aol:"AOL",thunderbird:"Mozilla Thunderbird",microsoft:"Microsoft","samsung-email":"Samsung Email",sfr:"SFR",orange:"Orange",protonmail:"ProtonMail",hey:"HEY","mail-ru":"Mail.ru",fastmail:"Fastmail",laposte:"LaPoste.net","t-online-de":"T-online.de","free-fr":"Free.fr",gmx:"GMX","web-de":"WEB.DE","ionos-1and1":"1&1",rainloop:"RainLoop","wp-pl":"WP.pl"}};var j=a(997);let b=(0,j.createServerReference)("7f6f4bb9445a051370b73165a8b08d7f431dd40419",j.callServer,void 0,j.findSourceMapURL,"checkCompatibility");async function*v(e){let t=e.getReader();try{for(;;){let{value:e,done:a}=await t.read();if(a)break;yield e}}finally{t.releaseLock()}}let w=e=>(0,r.jsxs)("svg",{width:"13",height:"12",viewBox:"0 0 13 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,r.jsx)("path",{d:"M10.8777 8.99999L6.87766 1.99999C6.79044 1.84609 6.66396 1.71808 6.51112 1.62902C6.35828 1.53997 6.18455 1.49304 6.00766 1.49304C5.83077 1.49304 5.65704 1.53997 5.5042 1.62902C5.35136 1.71808 5.22488 1.84609 5.13766 1.99999L1.13766 8.99999C1.0495 9.15267 1.00327 9.32594 1.00366 9.50224C1.00405 9.67855 1.05105 9.85161 1.13988 10.0039C1.22872 10.1562 1.35623 10.2823 1.50951 10.3694C1.66278 10.4565 1.83636 10.5016 2.01266 10.5H10.0127C10.1881 10.4998 10.3604 10.4535 10.5123 10.3656C10.6642 10.2778 10.7903 10.1515 10.8779 9.99955C10.9656 9.84756 11.0117 9.67518 11.0116 9.49973C11.0116 9.32428 10.9654 9.15193 10.8777 8.99999Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M6.0127 4.5V6.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M6.0127 8.5H6.01853",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})]});w.displayName="IconCircleWarning";var y=a(3397),C=a.n(y);let k=e=>{let{line:t,type:a}=e,s=new URLSearchParams((0,n.useSearchParams)());s.set("view","source"),"html"===a?s.set("lang","markup"):"react"===a&&s.set("lang","jsx");let l="#L".concat(t);return(0,r.jsxs)(C(),{href:{search:s.toString(),hash:l},scroll:!1,className:"appearance-none underline mx-2",children:["L",t.toString().padStart(2,"0")]})},N=e=>{let{children:t,className:a,...s}=e;return(0,r.jsx)("table",{...s,className:(0,d.cn)("group relative w-full border-collapse text-left text-slate-10 text-sm",a),children:(0,r.jsx)("tbody",{children:t})})};N.Row=e=>{let{children:t,className:a,...s}=e;return(0,r.jsx)("tr",{className:(0,d.cn)("border-collapse align-bottom border-slate-6 border-b last:border-b-0",a),...s,children:t})},N.Column=e=>{let{children:t,className:a,...s}=e;return(0,r.jsx)("td",{className:(0,d.cn)("py-1.5 align-bottom font-regular",a),...s,children:t})};let S=e=>{let{reactMarkup:t,emailPath:a,initialResults:r}=e,[s,l]=(0,i.useState)(r),[n,o]=(0,i.useState)(!1),c=(0,i.useRef)(!1);return[s,{loading:n,load:async()=>{if(c.current)return;c.current=!0,o(!0),l([]);let e=[];try{let r=await b(t,a);for await(let t of v(r))"error"===t.status&&l(a=>a?e=[...a,t]:[t])}catch(e){console.error(e),f.oR.error(JSON.stringify(e))}finally{o(!1),c.current=!1}return e}}]},L=e=>{let{results:t}=e;return(0,r.jsx)(N,{children:null==t?void 0:t.map((e,t)=>{let a=Object.entries(e.statsPerEmailClient).filter(e=>{let[,t]=e;return"error"===t.status}),s=a.map(e=>{let[t]=e;return g.family[t]}).join(", ");return(0,r.jsxs)(N.Row,{children:[(0,r.jsx)(N.Column,{children:(0,r.jsxs)("span",{className:"flex text-red-400 uppercase gap-2 items-center",children:[(0,r.jsx)(w,{}),(0,d.aj)(e.entry.title)]})}),(0,r.jsxs)(N.Column,{children:[a.length>0?"Not supported in ".concat(s):null,(0,r.jsx)("a",{href:e.entry.url,className:"underline ml-2 decoration-slate-9 decoration-1 hover:decoration-slate-11 transition-colors hover:text-slate-12",rel:"noreferrer",target:"_blank",children:"More ↗"})]}),(0,r.jsx)(N.Column,{className:"font-mono text-slate-11 text-right",children:(0,r.jsx)(k,{line:e.location.start.line,column:e.location.start.column,type:"react"})})]},t)})})};var R=a(375);let M=(0,j.createServerReference)("7f13b9d1dc90d1fb71cfdb84e6be75c0d173eaa841",j.callServer,void 0,j.findSourceMapURL,"checkImages"),T=(0,j.createServerReference)("7f931011527ae23be69099f9023966d4b6a6b7cdbb",j.callServer,void 0,j.findSourceMapURL,"checkLinks");async function*H(e){for await(let t of e)for await(let e of v(await t.getStream())){let a=t.mapValue(e);a&&(yield a)}}let P=e=>{let{markup:t,initialRows:r}=e,[s,l]=(0,i.useState)(r),n=function(e,t){return[{getStream:()=>M(e,t),mapValue(e){if(e&&"success"!==e.status)return{result:e,source:"image"}}},{getStream:()=>T(e),mapValue(e){if(e&&"success"!==e.status)return{result:e,source:"link"}}}]}(t,"location"in a.g?"".concat(a.g.location.protocol,"//").concat(a.g.location.host):""),[o,c]=(0,i.useState)(!1),d=(0,i.useRef)(!1);return[s,{loading:o,load:async()=>{if(!d.current){d.current=!0,c(!0),l([]);try{let e=[];for await(let t of H(n))l(a=>{if(!a)return[t];let r=[...a,t];return r.sort((e,t)=>"error"===e.result.status&&"warning"===t.result.status?-1:+("warning"===e.result.status&&"error"===t.result.status)),e=r,r});return e}finally{c(!1),d.current=!1}}}}]},I=e=>{let{rows:t}=e;return void 0===t?null:(0,r.jsx)(N,{children:t.map((e,t)=>{if("link"===e.source){let a=e.result.checks.find(e=>!1===e.passed),s=[];for(let t of e.result.checks)"fetch_attempt"===t.type&&t.metadata.fetchStatusCode&&s.push((0,r.jsxs)(r.Fragment,{children:["HTTP ",t.metadata.fetchStatusCode]}));return s.push((0,r.jsx)(k,{line:e.result.codeLocation.line,column:e.result.codeLocation.column,type:"html"})),(0,r.jsxs)(E,{status:e.result.status,children:[(0,r.jsx)(E.Name,{children:(0,d.aj)(a.type)}),(0,r.jsxs)(E.Description,{children:["security"===a.type?"Insecure URL, use HTTPS instead of HTTP":null,"fetch_attempt"===a.type&&a.metadata.fetchStatusCode&&a.metadata.fetchStatusCode>=300&&a.metadata.fetchStatusCode<400?"There was a redirect, the content may have been moved":null,"fetch_attempt"===a.type&&a.metadata.fetchStatusCode&&a.metadata.fetchStatusCode>=400?"The link is broken":null,"fetch_attempt"===a.type&&void 0===a.metadata.fetchStatusCode?"The link could not be reached":null,"syntax"===a.type?"The link is broken due to invalid syntax":null,(0,r.jsx)("span",{className:"ml-2 text-ellipsis overflow-hidden text-nowrap max-w-[30ch]",children:e.result.link})]}),(0,r.jsx)(E.Metadata,{children:s})]},t)}if("image"===e.source){let a=e.result.checks.find(e=>!1===e.passed),s=[];for(let t of e.result.checks)"image_size"===t.type&&t.metadata.byteCount&&s.push((0,R.A)(t.metadata.byteCount)),"fetch_attempt"===t.type&&t.metadata.fetchStatusCode&&s.push((0,r.jsxs)(r.Fragment,{children:["HTTP ",t.metadata.fetchStatusCode]}));return s.push((0,r.jsx)(k,{line:e.result.codeLocation.line,column:e.result.codeLocation.column,type:"html"})),(0,r.jsxs)(E,{status:e.result.status,children:[(0,r.jsx)(E.Name,{children:(0,d.aj)(a.type)}),(0,r.jsxs)(E.Description,{children:["security"===a.type?"Insecure URL, use HTTPS instead of HTTP":null,"fetch_attempt"===a.type&&a.metadata.fetchStatusCode&&a.metadata.fetchStatusCode>=300&&a.metadata.fetchStatusCode<400?"There was a redirect, the image may have been moved":null,"fetch_attempt"===a.type&&a.metadata.fetchStatusCode&&a.metadata.fetchStatusCode>=400?"The image is broken":null,"fetch_attempt"===a.type&&void 0===a.metadata.fetchStatusCode?"The image could not be reached":null,"syntax"===a.type?"The image is broken due to an invalid source":null,"accessibility"===a.type?"Missing alt text":null,"image_size"===a.type&&a.metadata.byteCount?"This image is too large, keep it under 1mb":null,(0,r.jsx)("span",{className:"ml-2 text-ellipsis overflow-hidden text-nowrap max-w-[30ch]",children:e.result.source})]}),(0,r.jsx)(E.Metadata,{children:s})]},t)}})})},E=e=>{let{children:t,className:a,status:s,...l}=e;return(0,r.jsx)(N.Row,{"data-status":s,...l,className:(0,d.cn)("group/result",a),children:t})};E.Name=e=>{let{children:t,...a}=e;return(0,r.jsx)(N.Column,{...a,children:(0,r.jsxs)("span",{className:"flex uppercase gap-2 items-center group-data-[status=error]/result:text-red-400 group-data-[status=warning]/result:text-orange-300",children:[(0,r.jsx)(w,{}),"string"==typeof t?(0,d.aj)(t):t]})})},E.Description=e=>{let{children:t,className:a,...s}=e;return(0,r.jsx)(N.Column,{...s,children:t})},E.Metadata=e=>{let{children:t,className:a,...s}=e;return(0,r.jsx)(N.Column,{align:"right",...s,className:(0,d.cn)("font-mono text-slate-11",a),children:i.Children.map(t,(e,t)=>(0,r.jsxs)(r.Fragment,{children:[t>0?" \xb7 ":null,e]}))})};let z=e=>{let{markup:t,plainText:a,initialResult:r}=e,[s,l]=(0,i.useState)(r),[n,o]=(0,i.useState)(!1),c=(0,i.useRef)(!1);return[s,{loading:n,load:async()=>{if(!c.current){c.current=!0,o(!0);try{let e=await fetch("https://react.email/api/check-spam",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({html:t,plainText:a})}),r=await e.json();if(!("error"in r))return l(r),r;f.oR.error(r.error)}catch(e){console.error(e),f.oR.error(JSON.stringify(e))}finally{o(!1),c.current=!1}}}}]},D=e=>{let{result:t}=e;return(0,r.jsx)(r.Fragment,{children:t?(0,r.jsxs)(N,{children:[(0,r.jsxs)(N.Row,{className:"sticky border-b top-0",children:[(0,r.jsx)(N.Column,{className:"uppercase",children:(0,r.jsxs)("span",{className:"flex gap-2 items-center",children:[(0,r.jsx)(w,{className:(0,d.cn)(0===t.points?"text-green-400":null,(t.points>0&&t.points,null),t.points>1.5?"text-yellow-100":null,t.points>3?"text-orange-400":null,t.points>=5?"text-red-400":null)}),"Score"]})}),(0,r.jsx)(N.Column,{children:0===t.points?"Congratulations! Your email is clean of abuse indicators.":"Higher scores are better"}),(0,r.jsxs)(N.Column,{className:"text-right tracking-tighter font-bold",children:[(0,r.jsx)("span",{className:(0,d.cn)("text-3xl",0===t.points?"text-green-400":null,(t.points>0&&t.points,null),t.points>1.5?"text-yellow-200":null,t.points>3?"text-orange-400":null,t.points>=5?"text-red-400":null),children:(10-t.points).toFixed(1)})," ",(0,r.jsx)("span",{className:"text-lg",children:"/ 10"})]})]}),(function(e,t){let a=[...e];return a.sort(t),a})(t.checks,(e,t)=>t.points-e.points).map(e=>(0,r.jsxs)(N.Row,{children:[(0,r.jsx)(N.Column,{className:"uppercase",children:(0,r.jsxs)("span",{className:"flex gap-2 items-center",children:[(0,r.jsx)(w,{className:(0,d.cn)(e.points>1?"text-yellow-200":null,e.points>2?"text-orange-400":null,e.points>3?"text-red-400":null)}),(0,d.aj)(e.name)]})}),(0,r.jsx)(N.Column,{children:e.description}),(0,r.jsxs)(N.Column,{className:(0,d.cn)("text-right font-mono tracking-tighter",e.points>1?"text-yellow-200":null,e.points>2?"text-orange-400":null,e.points>3?"text-red-400":null),children:["-",e.points.toFixed(1)]})]},e.name))]}):null})};var V=a(9711),_=a(34);let O=e=>{let{children:t,className:a,active:s,tooltip:l,delayDuration:n=500,...i}=e;return(0,r.jsx)(_.m.Provider,{children:(0,r.jsxs)(_.m,{delayDuration:n,children:[(0,r.jsx)(_.m.Trigger,{asChild:!0,children:(0,r.jsxs)("button",{type:"button",...i,className:(0,d.cn)("h-full w-fit font-regular flex text-sm text-slate-10 items-center align-middle justify-center px-1 gap-2 relative","hover:text-slate-12 transition-colors",s&&"data-[state=active]:text-cyan-11",a),children:[t,s?(0,r.jsx)(V.P.span,{className:"-bottom-px absolute rounded-sm left-0 w-full bg-cyan-11 h-px",layoutId:"active-toolbar-button",transition:{type:"spring",bounce:.2,duration:.6}}):null]})}),l?(0,r.jsx)(_.m.Content,{children:l}):null]})})},F=e=>{let t;if("localStorage"in a.g){let r=a.g.localStorage.getItem(e);if(null!==r&&"undefined"!==r)try{t=JSON.parse(r)}catch(t){console.warn("Failed to load stored value for",e,"with value",r)}}return[(0,i.useSyncExternalStore)(()=>()=>{},()=>t,()=>void 0),function(t){"localStorage"in a.g&&a.g.localStorage.setItem(e,JSON.stringify(t))}]},B=()=>{var e;let t=null!=(e=(0,n.useSearchParams)().get("toolbar-panel"))?e:void 0;return{activeTab:t,toggled:void 0!==t}},U=e=>{let{serverLintingRows:t,serverSpamCheckingResult:a,serverCompatibilityResults:c,markup:h,reactMarkup:m,plainText:f,emailPath:g,emailSlug:j}=e,b=(0,n.usePathname)(),v=(0,n.useSearchParams)(),w=(0,n.useRouter)(),{activeTab:y,toggled:C}=B(),k=e=>{let t=new URLSearchParams(v);void 0===e?t.delete("toolbar-panel"):t.set("toolbar-panel",e),w.push("".concat(b,"?").concat(t.toString()).concat(location.hash))},[N,R]=F("spam-assassin-".concat(j.replaceAll("/","-"))),[M,{load:T,loading:H}]=z({markup:h,plainText:f,initialResult:null!=a?a:N}),[E,V]=F("linter-".concat(j.replaceAll("/","-"))),[_,{load:U,loading:X}]=P({markup:h,initialRows:null!=t?t:E}),[q,G]=F("compatibility-".concat(j.replaceAll("/","-"))),[Q,{load:$,loading:K}]=S({emailPath:g,reactMarkup:m,initialResults:null!=c?c:q});return o.Hf||(0,i.useEffect)(()=>{(async()=>{V(await U()),R(await T()),G(await $())})()},[]),(0,r.jsx)("div",{"data-toggled":C,className:(0,d.cn)("absolute bottom-0 left-0 right-0","border-t border-slate-6 group/toolbar text-xs text-slate-11 h-52 transition-transform","data-[toggled=false]:translate-y-[10.625rem]"),children:(0,r.jsx)(s.bL,{value:null!=y?y:"",onValueChange:e=>{k(e)},asChild:!0,children:(0,r.jsxs)("div",{className:"flex flex-col h-full",children:[(0,r.jsxs)(s.B8,{className:"flex gap-4 px-4 border-b border-solid border-slate-6 h-10 w-full flex-shrink-0",children:[(0,r.jsxs)(l.o,{id:"toolbar",children:[(0,r.jsx)(s.l9,{asChild:!0,value:"linter",children:(0,r.jsx)(O,{active:"linter"===y,children:"Linter"})}),(0,r.jsx)(s.l9,{asChild:!0,value:"compatibility",children:(0,r.jsx)(O,{active:"compatibility"===y,children:"Compatibility"})}),(0,r.jsx)(s.l9,{asChild:!0,value:"spam-assassin",children:(0,r.jsx)(O,{active:"spam-assassin"===y,children:"Spam"})})]}),(0,r.jsxs)("div",{className:"flex gap-0.5 ml-auto",children:[(0,r.jsx)(O,{delayDuration:0,tooltip:"linter"===y&&"The Linter tab checks all the images and links for common issues like missing alt text, broken URLs, insecure HTTP methods, and more."||"spam-assassin"===y&&"The Spam tab will look at the content and use a robust scoring framework to determine if the email is likely to be spam. Powered by SpamAssassin."||"compatibility"===y&&"The Compatibility tab shows how well the HTML/CSS is supported across mail clients like Outlook, Gmail, etc. Powered by Can I Email."||"Info",children:(0,r.jsx)(x,{size:24})}),o.Hf?null:(0,r.jsx)(O,{tooltip:"Reload",disabled:X||H,onClick:async()=>{void 0===y&&k("linter"),"spam-assassin"===y?await T():"linter"===y?await U():"compatibility"===y&&await $()},children:(0,r.jsx)(p,{size:24,className:(0,d.cn)({"animate-spin opacity-60 animate-spin-fast":X||H})})}),(0,r.jsx)(O,{tooltip:"Toggle toolbar",onClick:()=>{void 0===y?k("linter"):k(void 0)},children:(0,r.jsx)(u.R,{size:24,className:"transition-transform group-data-[toggled=false]/toolbar:rotate-180"})})]})]}),(0,r.jsxs)("div",{className:"flex-grow transition-opacity opacity-100 group-data-[toggled=false]/toolbar:opacity-0 overflow-y-auto pr-3 pl-4 pt-3",children:[(0,r.jsx)(s.UC,{value:"linter",children:X?(0,r.jsx)(W,{message:"Analyzing your code for linting issues..."}):(null==_?void 0:_.length)===0?(0,r.jsxs)(A,{children:[(0,r.jsx)(Z,{}),(0,r.jsx)(Y,{children:"All good"}),(0,r.jsx)(J,{children:"No linting issues found."})]}):(0,r.jsx)(I,{rows:null!=_?_:[]})}),(0,r.jsx)(s.UC,{value:"compatibility",children:K?(0,r.jsx)(W,{message:"Checking email compatibility..."}):(null==Q?void 0:Q.length)===0?(0,r.jsxs)(A,{children:[(0,r.jsx)(Z,{}),(0,r.jsx)(Y,{children:"Great compatibility"}),(0,r.jsx)(J,{children:"Template should render properly everywhere."})]}):(0,r.jsx)(L,{results:null!=Q?Q:[]})}),(0,r.jsx)(s.UC,{value:"spam-assassin",children:H?(0,r.jsx)(W,{message:"Evaluating your email for spam indicators..."}):(null==M?void 0:M.isSpam)===!1?(0,r.jsxs)(A,{children:[(0,r.jsx)(Z,{}),(0,r.jsx)(Y,{children:"10/10"}),(0,r.jsx)(J,{children:"Your email is clean of abuse indicators."})]}):(0,r.jsx)(D,{result:M})})]})]})})})},W=e=>{let{message:t}=e;return(0,r.jsxs)("div",{className:"flex flex-col items-center justify-center pt-8",children:[(0,r.jsxs)("div",{className:"relative mb-8 flex items-center justify-center",children:[(0,r.jsx)("div",{className:"h-12 w-12 rounded-full bg-gradient-to-br from-cyan-400/80 to-cyan-600/80 opacity-10 blur-xl absolute m-auto left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 animate-pulse"}),(0,r.jsx)("div",{className:"h-12 w-12 rounded-full border border-slate-4 absolute m-auto left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"}),(0,r.jsx)("div",{className:"h-10 w-10 rounded-full flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",children:(0,r.jsx)("div",{className:"h-5 w-5 rounded-full border-2 border-white/50 border-t-transparent animate-spin-fast"})})]}),(0,r.jsx)("h3",{className:"text-slate-12 font-medium text-base mb-1",children:"Processing"}),(0,r.jsx)("p",{className:"text-slate-11 text-sm text-center max-w-[320px]",children:t})]})},A=e=>{let{children:t}=e;return(0,r.jsx)("div",{className:"flex flex-col items-center justify-center pt-8",children:t})},Z=()=>(0,r.jsxs)("div",{className:"relative mb-8 flex items-center justify-center",children:[(0,r.jsx)("div",{className:"h-16 w-16 rounded-full bg-gradient-to-br from-green-300/20 opacity-80 to-emerald-500/30 blur-md absolute m-auto left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"}),(0,r.jsx)("div",{className:"h-12 w-12 rounded-full bg-gradient-to-br from-green-400/80 opacity-10 to-emerald-600/80 absolute m-auto left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-lg"}),(0,r.jsx)("div",{className:"h-10 w-10 rounded-full bg-gradient-to-br from-green-400 to-emerald-600 flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-[inset_0_1px_1px_rgba(255,255,255,0.4)]",children:(0,r.jsx)(h.i,{size:24,className:"text-white drop-shadow-sm"})})]}),Y=e=>{let{children:t}=e;return(0,r.jsx)("h3",{className:"text-slate-12 font-medium text-base mb-1",children:t})},J=e=>{let{children:t}=e;return(0,r.jsx)("p",{className:"text-slate-11 text-sm text-center max-w-[320px]",children:t})},X=e=>{let{serverLintingRows:t,serverSpamCheckingResult:a,serverCompatibilityResults:s}=e,{emailPath:l,emailSlug:n,renderedEmailMetadata:o}=(0,i.use)(c.o);if(void 0===o)return null;let{markup:d,plainText:u,reactMarkup:h}=o;return(0,r.jsx)(U,{emailPath:l,emailSlug:n,markup:d,reactMarkup:h,plainText:u,serverLintingRows:t,serverSpamCheckingResult:a,serverCompatibilityResults:s})}},6445:(e,t,a)=>{"use strict";a.d(t,{i:()=>n});var r=a(8593),s=a(2421),l=a(2180);let n=s.forwardRef((e,t)=>{let{...a}=e;return(0,r.jsx)(l.z,{ref:t,...a,children:(0,r.jsx)("path",{d:"M16.25 8.75L10.406 15.25L7.75 12.75",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})})});n.displayName="IconCheck"},7471:(e,t,a)=>{Promise.resolve().then(a.bind(a,626)),Promise.resolve().then(a.bind(a,7662)),Promise.resolve().then(a.bind(a,2483)),Promise.resolve().then(a.bind(a,8584))},8584:(e,t,a)=>{"use strict";a.d(t,{o:()=>j,PreviewProvider:()=>b});var r=a(8593),s=a(4631),l=a(2421),n=a(1704),i=a(997);let o=(0,i.createServerReference)("7f36924fe7da3f3ba6bf4b958f43a5abfff5c4965b",i.callServer,void 0,i.findSourceMapURL,"getEmailPathFromSlug"),c=(0,i.createServerReference)("7f6641fceedbc33cb53894b11fa4638bd3edc51a75",i.callServer,void 0,i.findSourceMapURL,"renderEmailByPath");var d=a(7562);let u=e=>{let t=e.split(".");return t.length>1?t.slice(0,-1).join("."):e},h=(e,t)=>m(e.replace(t.relativePath,"").split("/").filter(Boolean),t),m=(e,t)=>{if(1===e.length){let a=u(e[0]);return t.emailFilenames.includes(a)}let a=e.join("/");for(let r of t.subDirectories)if(a.startsWith(r.directoryName)){let t=r.directoryName.split("/").filter(Boolean).length;return m(e.slice(t),r)}return!1};var x=a(7353);let p=(e,t)=>{let[a,r]=(0,l.useState)(t),{emailsDirectoryMetadata:s}=(0,d.J)();return n.Hf||(0,x.a)(async t=>{for await(let a of t){let t=a.filename;if(!h(t,s))continue;let l=await o(t),n=await c(l,!0);l===e&&r(n)}}),a},f={},g=(e,t,a)=>((0,l.useEffect)(()=>{"markup"in t?f[e]=t:void 0!==a&&"markup"in a&&void 0===f[e]&&(f[e]=a)},[t,e,a]),"error"in t?f[e]:t),j=(0,l.createContext)(void 0),b=e=>{let{emailSlug:t,emailPath:a,serverRenderingResult:l,children:i}=e,o=(0,s.useRouter)(),c=p(a,l),d=g(a,c,l);return n.Hf||(0,x.a)(e=>{let a=e.find(e=>e.filename.includes(t));void 0!==a&&"unlink"===a.event&&o.push("/")}),(0,r.jsx)(j.Provider,{value:{emailPath:a,emailSlug:t,renderedEmailMetadata:d,renderingResult:c},children:i})}}},e=>{var t=t=>e(e.s=t);e.O(0,[979,336,713,188,651,941,834,358],()=>t(7471)),_N_E=e.O()}]);

package/.next/static/css/{ac3decd5d6736fbe.css → 78c81281aa95270f.css}

@@ -1,3 +1,3 @@
 /*
 ! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
-*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-sf-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-px{bottom:-1px}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-\[0\.4rem\]{left:.4rem}.left-\[50\%\]{left:50%}.left-full{left:100%}.right-0{right:0}.right-2{right:.5rem}.right-8{right:2rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-\[4\.375rem\]{top:4.375rem}.top-\[50\%\]{top:50%}.top-full{top:100%}.z-20{z-index:20}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.m-0{margin:0}.m-0\.5{margin:.125rem}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.-ml-7{margin-left:-1.75rem}.-mt-10{margin-top:-2.5rem}.-mt-\[\.125rem\]{margin-top:-.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[36px\]{height:36px}.h-\[4\.375rem\]{height:4.375rem}.h-\[calc\(100\%-2\.25rem\)\]{height:calc(100% - 2.25rem)}.h-\[calc\(100\%-3\.5rem-13rem\)\]{height:calc(100% - 3.5rem - 13rem)}.h-\[calc\(100\%-3\.5rem-2\.375rem\)\]{height:calc(100% - 3.5rem - 2.375rem)}.h-\[calc\(100dvh-4\.375rem\)\]{height:calc(100dvh - 4.375rem)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[650px\]{max-height:650px}.max-h-full{max-height:100%}.min-h-\[3\.3125rem\]{min-height:3.3125rem}.min-h-\[50vh\]{min-height:50vh}.w-0{width:0}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[100dvw\]{width:100dvw}.w-\[200px\]{width:200px}.w-\[20px\]{width:20px}.w-\[calc\(100\%-1\.25rem\)\]{width:calc(100% - 1.25rem)}.w-\[calc\(100\%-40px\)\]{width:calc(100% - 40px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[12rem\]{min-width:12rem}.max-w-3xl{max-width:48rem}.max-w-60{max-width:15rem}.max-w-\[30ch\]{max-width:30ch}.max-w-\[320px\]{max-width:320px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.-rotate-180{--tw-rotate:-180deg}.-rotate-180,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-fast{animation:spin 1.5s linear infinite}.cursor-e-resize{cursor:e-resize}.cursor-n-resize{cursor:n-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-s-resize{cursor:s-resize}.cursor-w-resize{cursor:w-resize}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-mt-\[325px\]{scroll-margin-top:325px}.scroll-px-4{scroll-padding-left:1rem;scroll-padding-right:1rem}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-pre{white-space:pre}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-l-sm{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem}.rounded-r-sm{border-bottom-right-radius:.125rem}.rounded-r-sm,.rounded-t-sm{border-top-right-radius:.125rem}.rounded-t-sm{border-top-left-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-solid{border-style:solid}.border-\[\#34343A\]{--tw-border-opacity:1;border-color:rgb(52 52 58/var(--tw-border-opacity))}.border-slate-4{border-color:#d3edf81d}.border-slate-6{border-color:#d6ebfd30}.border-slate-8{border-color:#d9edff5d}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-white\/50{border-color:rgb(255 255 255/.5)}.border-t-transparent{border-top-color:transparent}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/30{background-color:rgb(0 0 0/.3)}.bg-black\/70{background-color:rgb(0 0 0/.7)}.bg-black\/80{background-color:rgb(0 0 0/.8)}.bg-cyan-11{background-color:#52e1fee5}.bg-cyan-5{background-color:#00befd4d}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-slate-2{background-color:#d8f4f609}.bg-slate-3{background-color:#ddeaf814}.bg-slate-4{background-color:#d3edf81d}.bg-slate-5{background-color:#d9edfe25}.bg-slate-6{background-color:#d6ebfd30}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/10{background-color:rgb(255 255 255/.1)}.bg-gradient{background-image:linear-gradient(145.37deg,rgba(255,255,255,.09) -8.75%,rgba(255,255,255,.027) 83.95%)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-cyan-400\/80{--tw-gradient-from:rgb(34 211 238/0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(34 211 238/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-300\/20{--tw-gradient-from:rgb(134 239 172/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(134 239 172/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:rgb(74 222 128/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400\/80{--tw-gradient-from:rgb(74 222 128/0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(74 222 128/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-3{--tw-gradient-from:#ddeaf814 var(--tw-gradient-from-position);--tw-gradient-to:rgb(221 234 248/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-cyan-600\/80{--tw-gradient-to:rgb(8 145 178/0.8) var(--tw-gradient-to-position)}.to-emerald-500\/30{--tw-gradient-to:rgb(16 185 129/0.3) var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.to-emerald-600\/80{--tw-gradient-to:rgb(5 150 105/0.8) var(--tw-gradient-to-position)}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-3{padding-right:.75rem}.pt-3{padding-top:.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.font-\[MonoLisa\2c _Menlo\2c _monospace\]{font-family:MonoLisa,Menlo,monospace}.font-mono{font-family:var(--font-sf-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.font-sans{font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[\.625rem\]{font-size:.625rem}.text-\[\.875rem\]{font-size:.875rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[28px\]{font-size:28px}.text-\[35px\]{font-size:35px}.text-\[38px\]{font-size:38px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-7{line-height:1.75rem}.leading-\[34px\]{line-height:34px}.leading-\[42px\]{line-height:42px}.leading-\[46px\]{line-height:46px}.leading-\[73px\]{line-height:73px}.leading-loose{line-height:2}.leading-none{line-height:1}.tracking-\[-0\.16px\]{letter-spacing:-.16px}.tracking-\[-0\.288px\]{letter-spacing:-.288px}.tracking-\[-0\.416px\]{letter-spacing:-.416px}.tracking-\[-0\.64px\]{letter-spacing:-.64px}.tracking-\[-0\.896px\]{letter-spacing:-.896px}.tracking-\[-1\.024px\;\]{letter-spacing:-1.024px}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.text-\[\#49494f\]{--tw-text-opacity:1;color:rgb(73 73 79/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-cyan-11{color:#52e1fee5}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-slate-10{color:#e5edfd7b}.text-slate-11{color:#f1f7feb5}.text-slate-12{color:#fcfdffef}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-white\/85{color:rgb(255 255 255/.85)}.text-yellow-100{--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity))}.text-yellow-200{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity))}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.decoration-slate-9{text-decoration-color:#dfebfd6d}.decoration-1{text-decoration-thickness:1px}.placeholder-slate-10::-moz-placeholder{color:#e5edfd7b}.placeholder-slate-10::placeholder{color:#e5edfd7b}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-\[inset_0_1px_1px_rgba\(255\2c 255\2c 255\2c 0\.4\)\]{--tw-shadow:inset 0 1px 1px rgba(255,255,255,0.4);--tw-shadow-colored:inset 0 1px 1px var(--tw-shadow-color)}.shadow-\[inset_0_1px_1px_rgba\(255\2c 255\2c 255\2c 0\.4\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur-md{--tw-blur:blur(12px)}.blur-md,.blur-xl{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)}.blur-xl{--tw-blur:blur(24px)}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgb(0 0 0/0.05))}.drop-shadow-sm,.filter{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)}.backdrop-blur-\[1\.25rem\]{--tw-backdrop-blur:blur(1.25rem)}.backdrop-blur-\[1\.25rem\],.backdrop-blur-lg{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-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:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-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-blur-lg{--tw-backdrop-blur:blur(16px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-\[cubic-bezier\(\.36\2c \.66\2c \.6\2c 1\)\]{transition-timing-function:cubic-bezier(.36,.66,.6,1)}.ease-\[cubic-bezier\(\.6\2c \.12\2c \.34\2c \.96\)\]{transition-timing-function:cubic-bezier(.6,.12,.34,.96)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-\[height\]{will-change:height}.will-change-\[width\]{will-change:width}.will-change-auto{will-change:auto}.arrow-hide{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.arrow-hide::-webkit-inner-spin-button,.arrow-hide::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.\[transition\:width_0\.2s_ease-in-out\2c _transform_0\.2s_ease-in-out\]{transition:width .2s ease-in-out,transform .2s ease-in-out}.\[transition\:width_0\.2s_ease-in-out\]{transition:width .2s ease-in-out}.\[user-drag\:none\]{user-drag:none}html{color-scheme:dark}.popup-open iframe{pointer-events:none}nav>div>div>.line{display:none}.selection\:bg-cyan-5 ::-moz-selection{background-color:#00befd4d}.selection\:bg-cyan-5 ::selection{background-color:#00befd4d}.selection\:text-cyan-12 ::-moz-selection{color:#bbf3fef7}.selection\:text-cyan-12 ::selection{color:#bbf3fef7}.selection\:bg-cyan-5::-moz-selection{background-color:#00befd4d}.selection\:bg-cyan-5::selection{background-color:#00befd4d}.selection\:text-cyan-12::-moz-selection{color:#bbf3fef7}.selection\:text-cyan-12::selection{color:#bbf3fef7}.before\:mr-2:before{content:var(--tw-content);margin-right:.5rem}.before\:text-slate-11:before{content:var(--tw-content);color:#f1f7feb5}.before\:content-\[\'\$\'\]:before{--tw-content:"$";content:var(--tw-content)}.after\:static:after{content:var(--tw-content);position:static}.after\:block:after{content:var(--tw-content);display:block}.after\:h-4:after{content:var(--tw-content);height:1rem}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.last\:border-b-0:last-child{border-bottom-width:0}.checked\:bg-blue-500:checked{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.focus-within\:border-slate-8:focus-within{border-color:#d9edff5d}.focus-within\:text-slate-12:focus-within{color:#fcfdffef}.hover\:border-slate-10:hover{border-color:#e5edfd7b}.hover\:border-slate-8:hover{border-color:#d9edff5d}.hover\:bg-green-600\/10:hover{background-color:rgb(22 163 74/.1)}.hover\:bg-red-600\/10:hover{background-color:rgb(220 38 38/.1)}.hover\:bg-slate-5:hover{background-color:#d9edfe25}.hover\:bg-white\/90:hover{background-color:rgb(255 255 255/.9)}.hover\:bg-yellow-400\/10:hover{background-color:rgb(250 204 21/.1)}.hover\:bg-gradientHover:hover{background-image:linear-gradient(145.37deg,rgba(255,255,255,.1) -8.75%,rgba(255,255,255,.057) 83.95%)}.hover\:text-cyan-11:hover{color:#52e1fee5}.hover\:text-slate-12:hover{color:#fcfdffef}.hover\:decoration-slate-11:hover{text-decoration-color:#f1f7feb5}.focus\:bg-white\/90:focus{background-color:rgb(255 255 255/.9)}.focus\:bg-gradientHover:focus{background-image:linear-gradient(145.37deg,rgba(255,255,255,.1) -8.75%,rgba(255,255,255,.057) 83.95%)}.focus\:text-slate-12:focus{color:#fcfdffef}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-slate-10:focus{--tw-ring-color:#e5edfd7b}.focus\:ring-white\/20:focus{--tw-ring-color:rgb(255 255 255/0.2)}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:bg-slate-11:disabled{background-color:#f1f7feb5}.aria-disabled\:border-transparent[aria-disabled=true]{border-color:transparent}.aria-disabled\:bg-slate-11[aria-disabled=true]{background-color:#f1f7feb5}.data-\[state\=open\]\:mb-2[data-state=open]{margin-bottom:.5rem}.data-\[toggled\=false\]\:translate-y-\[10\.625rem\][data-toggled=false]{--tw-translate-y:10.625rem}.data-\[open\=true\]\:rotate-180[data-open=true],.data-\[toggled\=false\]\:translate-y-\[10\.625rem\][data-toggled=false]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[open\=true\]\:rotate-180[data-open=true]{--tw-rotate:180deg}.data-\[highlighted\]\:bg-slate-5[data-highlighted]{background-color:#d9edfe25}.data-\[state\=active\]\:text-cyan-11[data-state=active]{color:#52e1fee5}.group[data-state=open] .group-data-\[state\=open\]\:rotate-90{--tw-rotate:90deg}.group[data-state=open] .group-data-\[state\=open\]\:rotate-90,.group\/toolbar[data-toggled=false] .group-data-\[toggled\=false\]\/toolbar\:rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/toolbar[data-toggled=false] .group-data-\[toggled\=false\]\/toolbar\:rotate-180{--tw-rotate:180deg}.group\/item[data-status=error] .group-data-\[status\=error\]\/item\:text-red-400,.group\/result[data-status=error] .group-data-\[status\=error\]\/result\:text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.group\/item[data-status=success] .group-data-\[status\=success\]\/item\:text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.group\/item[data-status=warning] .group-data-\[status\=warning\]\/item\:text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.group\/result[data-status=warning] .group-data-\[status\=warning\]\/result\:text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.group\/toolbar[data-toggled=false] .group-data-\[toggled\=false\]\/toolbar\:opacity-0{opacity:0}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}}@media (min-width:768px){.md\:block{display:block}.md\:max-w-\[568px\]{max-width:568px}.md\:text-\[70px\]{font-size:70px}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-\[85px\]{line-height:85px}}@media (min-width:1024px){.lg\:static{position:static}.lg\:z-auto{z-index:auto}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[100dvh\]{height:100dvh}.lg\:max-h-full{max-height:100%}.lg\:max-h-screen{max-height:100vh}.lg\:w-0{width:0}.lg\:w-\[16rem\]{width:16rem}.lg\:w-\[calc\(100\%-16rem\)\]{width:calc(100% - 16rem)}.lg\:w-fit{width:-moz-fit-content;width:fit-content}.lg\:w-full{width:100%}.lg\:min-w-\[14\.5rem\]{min-width:14.5rem}.lg\:max-w-\[968px\]{max-width:968px}.lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:justify-start{justify-content:flex-start}.lg\:opacity-100{opacity:1}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}.__variable_e8ce0c{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:sfMono;src:url(/_next/static/media/cf6daef822ab0142-s.p.otf) format("opentype");font-display:swap;font-weight:300}@font-face{font-family:sfMono;src:url(/_next/static/media/26cb97734d8cb717-s.p.otf) format("opentype");font-display:swap;font-weight:400}@font-face{font-family:sfMono;src:url(/_next/static/media/e4051546b3043204-s.p.otf) format("opentype");font-display:swap;font-weight:500}@font-face{font-family:sfMono;src:url(/_next/static/media/05613964ce6c782e-s.p.otf) format("opentype");font-display:swap;font-weight:600}@font-face{font-family:sfMono;src:url(/_next/static/media/bb6462617151f6b7-s.p.otf) format("opentype");font-display:swap;font-weight:700}@font-face{font-family:sfMono;src:url(/_next/static/media/11c6126b9369e85e-s.p.otf) format("opentype");font-display:swap;font-weight:800}@font-face{font-family:sfMono Fallback;src:local("Arial");ascent-override:70.28%;descent-override:17.81%;line-gap-override:0.00%;size-adjust:135.47%}.__className_a0e4c0{font-family:sfMono,sfMono Fallback}.__variable_a0e4c0{--font-sf-mono:"sfMono","sfMono Fallback"}
+*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-sf-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-px{bottom:-1px}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-\[0\.4rem\]{left:.4rem}.left-\[50\%\]{left:50%}.left-full{left:100%}.right-0{right:0}.right-2{right:.5rem}.right-8{right:2rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-\[4\.375rem\]{top:4.375rem}.top-\[50\%\]{top:50%}.top-full{top:100%}.z-20{z-index:20}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.m-0{margin:0}.m-0\.5{margin:.125rem}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.-ml-7{margin-left:-1.75rem}.-mt-10{margin-top:-2.5rem}.-mt-\[\.125rem\]{margin-top:-.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[36px\]{height:36px}.h-\[4\.375rem\]{height:4.375rem}.h-\[calc\(100\%-2\.25rem\)\]{height:calc(100% - 2.25rem)}.h-\[calc\(100\%-3\.5rem-13rem\)\]{height:calc(100% - 3.5rem - 13rem)}.h-\[calc\(100\%-3\.5rem-2\.375rem\)\]{height:calc(100% - 3.5rem - 2.375rem)}.h-\[calc\(100dvh-4\.375rem\)\]{height:calc(100dvh - 4.375rem)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[650px\]{max-height:650px}.max-h-full{max-height:100%}.min-h-\[3\.3125rem\]{min-height:3.3125rem}.min-h-\[50vh\]{min-height:50vh}.w-0{width:0}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[100dvw\]{width:100dvw}.w-\[200px\]{width:200px}.w-\[20px\]{width:20px}.w-\[calc\(100\%-1\.25rem\)\]{width:calc(100% - 1.25rem)}.w-\[calc\(100\%-40px\)\]{width:calc(100% - 40px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[12rem\]{min-width:12rem}.max-w-3xl{max-width:48rem}.max-w-60{max-width:15rem}.max-w-\[30ch\]{max-width:30ch}.max-w-\[320px\]{max-width:320px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.-rotate-180{--tw-rotate:-180deg}.-rotate-180,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-fast{animation:spin 1.5s linear infinite}.cursor-e-resize{cursor:e-resize}.cursor-n-resize{cursor:n-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-s-resize{cursor:s-resize}.cursor-w-resize{cursor:w-resize}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-mt-\[325px\]{scroll-margin-top:325px}.scroll-px-4{scroll-padding-left:1rem;scroll-padding-right:1rem}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-pre{white-space:pre}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-l-sm{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem}.rounded-r-sm{border-bottom-right-radius:.125rem}.rounded-r-sm,.rounded-t-sm{border-top-right-radius:.125rem}.rounded-t-sm{border-top-left-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-solid{border-style:solid}.border-\[\#34343A\]{--tw-border-opacity:1;border-color:rgb(52 52 58/var(--tw-border-opacity))}.border-slate-4{border-color:#d3edf81d}.border-slate-6{border-color:#d6ebfd30}.border-slate-8{border-color:#d9edff5d}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-white\/50{border-color:rgb(255 255 255/.5)}.border-t-transparent{border-top-color:transparent}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/30{background-color:rgb(0 0 0/.3)}.bg-black\/70{background-color:rgb(0 0 0/.7)}.bg-black\/80{background-color:rgb(0 0 0/.8)}.bg-cyan-11{background-color:#52e1fee5}.bg-cyan-5{background-color:#00befd4d}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-slate-2{background-color:#d8f4f609}.bg-slate-3{background-color:#ddeaf814}.bg-slate-4{background-color:#d3edf81d}.bg-slate-5{background-color:#d9edfe25}.bg-slate-6{background-color:#d6ebfd30}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/10{background-color:rgb(255 255 255/.1)}.bg-gradient{background-image:linear-gradient(145.37deg,rgba(255,255,255,.09) -8.75%,rgba(255,255,255,.027) 83.95%)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-cyan-400\/80{--tw-gradient-from:rgb(34 211 238/0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(34 211 238/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-300\/20{--tw-gradient-from:rgb(134 239 172/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(134 239 172/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:rgb(74 222 128/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400\/80{--tw-gradient-from:rgb(74 222 128/0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(74 222 128/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-3{--tw-gradient-from:#ddeaf814 var(--tw-gradient-from-position);--tw-gradient-to:rgb(221 234 248/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-cyan-600\/80{--tw-gradient-to:rgb(8 145 178/0.8) var(--tw-gradient-to-position)}.to-emerald-500\/30{--tw-gradient-to:rgb(16 185 129/0.3) var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.to-emerald-600\/80{--tw-gradient-to:rgb(5 150 105/0.8) var(--tw-gradient-to-position)}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-3{padding-right:.75rem}.pt-3{padding-top:.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.font-\[MonoLisa\2c _Menlo\2c _monospace\]{font-family:MonoLisa,Menlo,monospace}.font-mono{font-family:var(--font-sf-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.font-sans{font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[\.625rem\]{font-size:.625rem}.text-\[\.875rem\]{font-size:.875rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[28px\]{font-size:28px}.text-\[35px\]{font-size:35px}.text-\[38px\]{font-size:38px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-7{line-height:1.75rem}.leading-\[34px\]{line-height:34px}.leading-\[42px\]{line-height:42px}.leading-\[46px\]{line-height:46px}.leading-\[73px\]{line-height:73px}.leading-loose{line-height:2}.leading-none{line-height:1}.tracking-\[-0\.16px\]{letter-spacing:-.16px}.tracking-\[-0\.288px\]{letter-spacing:-.288px}.tracking-\[-0\.416px\]{letter-spacing:-.416px}.tracking-\[-0\.64px\]{letter-spacing:-.64px}.tracking-\[-0\.896px\]{letter-spacing:-.896px}.tracking-\[-1\.024px\;\]{letter-spacing:-1.024px}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.text-\[\#49494f\]{--tw-text-opacity:1;color:rgb(73 73 79/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-cyan-11{color:#52e1fee5}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-slate-10{color:#e5edfd7b}.text-slate-11{color:#f1f7feb5}.text-slate-12{color:#fcfdffef}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-white\/85{color:rgb(255 255 255/.85)}.text-yellow-100{--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity))}.text-yellow-200{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity))}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.decoration-slate-9{text-decoration-color:#dfebfd6d}.decoration-1{text-decoration-thickness:1px}.placeholder-slate-10::-moz-placeholder{color:#e5edfd7b}.placeholder-slate-10::placeholder{color:#e5edfd7b}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-\[inset_0_1px_1px_rgba\(255\2c 255\2c 255\2c 0\.4\)\]{--tw-shadow:inset 0 1px 1px rgba(255,255,255,0.4);--tw-shadow-colored:inset 0 1px 1px var(--tw-shadow-color)}.shadow-\[inset_0_1px_1px_rgba\(255\2c 255\2c 255\2c 0\.4\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur-md{--tw-blur:blur(12px)}.blur-md,.blur-xl{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)}.blur-xl{--tw-blur:blur(24px)}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgb(0 0 0/0.05))}.drop-shadow-sm,.filter{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)}.backdrop-blur-\[1\.25rem\]{--tw-backdrop-blur:blur(1.25rem)}.backdrop-blur-\[1\.25rem\],.backdrop-blur-lg{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-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:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-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-blur-lg{--tw-backdrop-blur:blur(16px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-\[cubic-bezier\(\.36\2c \.66\2c \.6\2c 1\)\]{transition-timing-function:cubic-bezier(.36,.66,.6,1)}.ease-\[cubic-bezier\(\.6\2c \.12\2c \.34\2c \.96\)\]{transition-timing-function:cubic-bezier(.6,.12,.34,.96)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-\[height\]{will-change:height}.will-change-\[width\]{will-change:width}.will-change-auto{will-change:auto}.arrow-hide{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.arrow-hide::-webkit-inner-spin-button,.arrow-hide::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.\[color-scheme\:auto\]{color-scheme:auto}.\[transition\:width_0\.2s_ease-in-out\2c _transform_0\.2s_ease-in-out\]{transition:width .2s ease-in-out,transform .2s ease-in-out}.\[transition\:width_0\.2s_ease-in-out\]{transition:width .2s ease-in-out}.\[user-drag\:none\]{user-drag:none}html{color-scheme:dark}.popup-open iframe{pointer-events:none}nav>div>div>.line{display:none}.selection\:bg-cyan-5 ::-moz-selection{background-color:#00befd4d}.selection\:bg-cyan-5 ::selection{background-color:#00befd4d}.selection\:text-cyan-12 ::-moz-selection{color:#bbf3fef7}.selection\:text-cyan-12 ::selection{color:#bbf3fef7}.selection\:bg-cyan-5::-moz-selection{background-color:#00befd4d}.selection\:bg-cyan-5::selection{background-color:#00befd4d}.selection\:text-cyan-12::-moz-selection{color:#bbf3fef7}.selection\:text-cyan-12::selection{color:#bbf3fef7}.before\:mr-2:before{content:var(--tw-content);margin-right:.5rem}.before\:text-slate-11:before{content:var(--tw-content);color:#f1f7feb5}.before\:content-\[\'\$\'\]:before{--tw-content:"$";content:var(--tw-content)}.after\:static:after{content:var(--tw-content);position:static}.after\:block:after{content:var(--tw-content);display:block}.after\:h-4:after{content:var(--tw-content);height:1rem}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.last\:border-b-0:last-child{border-bottom-width:0}.checked\:bg-blue-500:checked{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.focus-within\:border-slate-8:focus-within{border-color:#d9edff5d}.focus-within\:text-slate-12:focus-within{color:#fcfdffef}.hover\:border-slate-10:hover{border-color:#e5edfd7b}.hover\:border-slate-8:hover{border-color:#d9edff5d}.hover\:bg-green-600\/10:hover{background-color:rgb(22 163 74/.1)}.hover\:bg-red-600\/10:hover{background-color:rgb(220 38 38/.1)}.hover\:bg-slate-5:hover{background-color:#d9edfe25}.hover\:bg-white\/90:hover{background-color:rgb(255 255 255/.9)}.hover\:bg-yellow-400\/10:hover{background-color:rgb(250 204 21/.1)}.hover\:bg-gradientHover:hover{background-image:linear-gradient(145.37deg,rgba(255,255,255,.1) -8.75%,rgba(255,255,255,.057) 83.95%)}.hover\:text-cyan-11:hover{color:#52e1fee5}.hover\:text-slate-12:hover{color:#fcfdffef}.hover\:decoration-slate-11:hover{text-decoration-color:#f1f7feb5}.focus\:bg-white\/90:focus{background-color:rgb(255 255 255/.9)}.focus\:bg-gradientHover:focus{background-image:linear-gradient(145.37deg,rgba(255,255,255,.1) -8.75%,rgba(255,255,255,.057) 83.95%)}.focus\:text-slate-12:focus{color:#fcfdffef}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-slate-10:focus{--tw-ring-color:#e5edfd7b}.focus\:ring-white\/20:focus{--tw-ring-color:rgb(255 255 255/0.2)}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:bg-slate-11:disabled{background-color:#f1f7feb5}.aria-disabled\:border-transparent[aria-disabled=true]{border-color:transparent}.aria-disabled\:bg-slate-11[aria-disabled=true]{background-color:#f1f7feb5}.data-\[state\=open\]\:mb-2[data-state=open]{margin-bottom:.5rem}.data-\[toggled\=false\]\:translate-y-\[10\.625rem\][data-toggled=false]{--tw-translate-y:10.625rem}.data-\[open\=true\]\:rotate-180[data-open=true],.data-\[toggled\=false\]\:translate-y-\[10\.625rem\][data-toggled=false]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[open\=true\]\:rotate-180[data-open=true]{--tw-rotate:180deg}.data-\[highlighted\]\:bg-slate-5[data-highlighted]{background-color:#d9edfe25}.data-\[state\=active\]\:text-cyan-11[data-state=active]{color:#52e1fee5}.group[data-state=open] .group-data-\[state\=open\]\:rotate-90{--tw-rotate:90deg}.group[data-state=open] .group-data-\[state\=open\]\:rotate-90,.group\/toolbar[data-toggled=false] .group-data-\[toggled\=false\]\/toolbar\:rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/toolbar[data-toggled=false] .group-data-\[toggled\=false\]\/toolbar\:rotate-180{--tw-rotate:180deg}.group\/item[data-status=error] .group-data-\[status\=error\]\/item\:text-red-400,.group\/result[data-status=error] .group-data-\[status\=error\]\/result\:text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.group\/item[data-status=success] .group-data-\[status\=success\]\/item\:text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.group\/item[data-status=warning] .group-data-\[status\=warning\]\/item\:text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.group\/result[data-status=warning] .group-data-\[status\=warning\]\/result\:text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.group\/toolbar[data-toggled=false] .group-data-\[toggled\=false\]\/toolbar\:opacity-0{opacity:0}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}}@media (min-width:768px){.md\:block{display:block}.md\:max-w-\[568px\]{max-width:568px}.md\:text-\[70px\]{font-size:70px}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-\[85px\]{line-height:85px}}@media (min-width:1024px){.lg\:static{position:static}.lg\:z-auto{z-index:auto}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[100dvh\]{height:100dvh}.lg\:max-h-full{max-height:100%}.lg\:max-h-screen{max-height:100vh}.lg\:w-0{width:0}.lg\:w-\[16rem\]{width:16rem}.lg\:w-\[calc\(100\%-16rem\)\]{width:calc(100% - 16rem)}.lg\:w-fit{width:-moz-fit-content;width:fit-content}.lg\:w-full{width:100%}.lg\:min-w-\[14\.5rem\]{min-width:14.5rem}.lg\:max-w-\[968px\]{max-width:968px}.lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:justify-start{justify-content:flex-start}.lg\:opacity-100{opacity:1}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}.__variable_e8ce0c{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:sfMono;src:url(/_next/static/media/cf6daef822ab0142-s.p.otf) format("opentype");font-display:swap;font-weight:300}@font-face{font-family:sfMono;src:url(/_next/static/media/26cb97734d8cb717-s.p.otf) format("opentype");font-display:swap;font-weight:400}@font-face{font-family:sfMono;src:url(/_next/static/media/e4051546b3043204-s.p.otf) format("opentype");font-display:swap;font-weight:500}@font-face{font-family:sfMono;src:url(/_next/static/media/05613964ce6c782e-s.p.otf) format("opentype");font-display:swap;font-weight:600}@font-face{font-family:sfMono;src:url(/_next/static/media/bb6462617151f6b7-s.p.otf) format("opentype");font-display:swap;font-weight:700}@font-face{font-family:sfMono;src:url(/_next/static/media/11c6126b9369e85e-s.p.otf) format("opentype");font-display:swap;font-weight:800}@font-face{font-family:sfMono Fallback;src:local("Arial");ascent-override:70.28%;descent-override:17.81%;line-gap-override:0.00%;size-adjust:135.47%}.__className_a0e4c0{font-family:sfMono,sfMono Fallback}.__variable_a0e4c0{--font-sf-mono:"sfMono","sfMono Fallback"}