@react-email/preview-server 4.2.11 → 4.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/.next/BUILD_ID +1 -1
  2. package/.next/app-build-manifest.json +9 -9
  3. package/.next/build-manifest.json +2 -2
  4. package/.next/next-minimal-server.js.nft.json +1 -1
  5. package/.next/next-server.js.nft.json +1 -1
  6. package/.next/prerender-manifest.json +3 -3
  7. package/.next/server/app/_not-found/page.js +1 -1
  8. package/.next/server/app/_not-found/page.js.nft.json +1 -1
  9. package/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
  10. package/.next/server/app/page.js +2 -2
  11. package/.next/server/app/page.js.nft.json +1 -1
  12. package/.next/server/app/page_client-reference-manifest.js +1 -1
  13. package/.next/server/app/preview/[...slug]/page.js +30 -30
  14. package/.next/server/app/preview/[...slug]/page.js.nft.json +1 -1
  15. package/.next/server/app/preview/[...slug]/page_client-reference-manifest.js +1 -1
  16. package/.next/server/chunks/235.js +1 -1
  17. package/.next/server/chunks/{597.js → 385.js} +7 -7
  18. package/.next/server/chunks/630.js +1 -1
  19. package/.next/server/chunks/727.js +1 -0
  20. package/.next/server/pages/500.html +1 -1
  21. package/.next/server/server-reference-manifest.js +1 -1
  22. package/.next/server/server-reference-manifest.json +1 -1
  23. package/.next/static/chunks/442-9645091f2b304619.js +1 -0
  24. package/.next/static/chunks/{615-5d450200bdf8a0cb.js → 615-aa01e647fd9055dc.js} +1 -1
  25. package/.next/static/chunks/900-d73ea57316faa50d.js +1 -0
  26. package/.next/static/chunks/app/layout-0337303a89a72f7e.js +1 -0
  27. package/.next/static/chunks/app/{page-af54466b804e69f7.js → page-80a93dc65160c488.js} +1 -1
  28. package/.next/static/chunks/app/preview/[...slug]/page-3205284657cb4573.js +1 -0
  29. package/.next/static/css/7d8cf00703036864.css +3 -0
  30. package/.next/static/media/19cfc7226ec3afaa-s.woff2 +0 -0
  31. package/.next/static/media/21350d82a1f187e9-s.woff2 +0 -0
  32. package/.next/static/media/ba9851c3c22cd980-s.woff2 +0 -0
  33. package/.next/static/media/c5fe6dc8356a8c31-s.woff2 +0 -0
  34. package/.next/trace +29 -29
  35. package/CHANGELOG.md +8 -0
  36. package/package.json +12 -12
  37. package/readme.md +3 -4
  38. package/src/actions/email-validation/check-compatibility.ts +1 -0
  39. package/src/actions/get-email-path-from-slug.ts +1 -1
  40. package/src/actions/render-email-by-path.tsx +8 -3
  41. package/src/app/env.ts +0 -4
  42. package/src/app/layout.tsx +8 -5
  43. package/src/app/page.tsx +2 -4
  44. package/src/app/preview/[...slug]/error-overlay.tsx +1 -0
  45. package/src/app/preview/[...slug]/page.tsx +3 -5
  46. package/src/app/preview/[...slug]/preview.tsx +28 -24
  47. package/src/components/resizable-wrapper.tsx +170 -71
  48. package/src/components/toolbar.tsx +2 -3
  49. package/src/components/topbar/active-view-toggle-group.tsx +4 -4
  50. package/src/components/topbar/view-size-controls.tsx +107 -186
  51. package/src/contexts/emails.tsx +3 -6
  52. package/src/contexts/preview.tsx +13 -1
  53. package/src/hooks/use-hot-reload.ts +2 -2
  54. package/src/utils/caniemail/get-compatibility-stats-for-entry.ts +0 -1
  55. package/src/utils/caniemail/tailwind/get-tailwind-config.spec.ts +2 -2
  56. package/src/utils/contains-email-template.spec.ts +6 -6
  57. package/src/utils/convert-stack-with-sourcemap.ts +0 -1
  58. package/src/utils/get-emails-directory-metadata.ts +0 -1
  59. package/src/utils/js-email-detection.spec.ts +3 -3
  60. package/src/utils/run-bundled-code.ts +1 -3
  61. package/src/utils/testing/request-response-email.tsx +0 -1
  62. package/tailwind-internals.d.ts +0 -2
  63. package/.next/server/chunks/420.js +0 -1
  64. package/.next/static/chunks/557-287480320fe241b8.js +0 -1
  65. package/.next/static/chunks/926-cd84f2c04e4197e1.js +0 -1
  66. package/.next/static/chunks/app/layout-581001443a6ac38a.js +0 -1
  67. package/.next/static/chunks/app/preview/[...slug]/page-356d4a373756b232.js +0 -1
  68. package/.next/static/css/e2f28c91a6a919eb.css +0 -3
  69. package/.next/static/media/26a46d62cd723877-s.woff2 +0 -0
  70. package/.next/static/media/55c55f0601d81cf3-s.woff2 +0 -0
  71. package/.next/static/media/581909926a08bbc8-s.woff2 +0 -0
  72. package/.next/static/media/97e0cb1ae144a2a9-s.woff2 +0 -0
  73. package/src/contexts/fragment-identifier.tsx +0 -48
  74. package/src/hooks/use-icon-animation.ts +0 -41
  75. /package/.next/static/{OIjazFWdAl7sqkAJKSCpp → bw7nsTv8dL6IXcqslAAMG}/_buildManifest.js +0 -0
  76. /package/.next/static/{OIjazFWdAl7sqkAJKSCpp → bw7nsTv8dL6IXcqslAAMG}/_ssgManifest.js +0 -0
@@ -0,0 +1 @@
1
+ (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[177],{6:e=>{e.exports={style:{fontFamily:"'Inter', 'Inter Fallback'",fontStyle:"normal"},className:"__className_f367f3",variable:"__variable_f367f3"}},1154:e=>{e.exports={style:{fontFamily:"'sfMono', 'sfMono Fallback'"},className:"__className_a0e4c0",variable:"__variable_a0e4c0"}},3526:(e,t,a)=>{Promise.resolve().then(a.t.bind(a,7979,23)),Promise.resolve().then(a.t.bind(a,6,23)),Promise.resolve().then(a.t.bind(a,1154,23)),Promise.resolve().then(a.bind(a,5895))},5224:(e,t,a)=>{"use strict";a.d(t,{a:()=>i});var r=a(3611),l=a(4512);let i=e=>{let t=(0,r.useRef)(null);(0,r.useEffect)(()=>{t.current||(t.current=(0,l.io)());let a=t.current;return a.on("reload",t=>{console.debug("Reloading..."),e(t)}),()=>{a.off()}},[e])}},5895:(e,t,a)=>{"use strict";a.d(t,{EmailsProvider:()=>_,J:()=>d});var r=a(1275),l=a(3611),i=a(4366);let o=(0,i.createServerReference)("7fb7d1ab4f651d4a545fe235d00dcf9f3b40c18727",i.callServer,void 0,i.findSourceMapURL,"getEmailsDirectoryMetadataAction");var s=a(9195),n=a(5224);let c=(0,l.createContext)(void 0),d=()=>{let e=(0,l.useContext)(c);if(void 0===e)throw Error("Cannot call `useEmails` outside of an `EmailsContext` provider.");return e},_=e=>{let[t,a]=(0,l.useState)(e.initialEmailsDirectoryMetadata);return s.Hf||s.m4||(0,n.a)(async()=>{let t=await o(e.initialEmailsDirectoryMetadata.absolutePath);if(t)a(t);else throw Error("Hot reloading: unable to find the emails directory to update the sidebar")}),(0,r.jsx)(c.Provider,{value:{emailsDirectoryMetadata:t},children:e.children})}},7979:()=>{},9195:(e,t,a)=>{"use strict";a.d(t,{Hf:()=>l,m4:()=>i});var r=a(2248);r.env.USER_PROJECT_LOCATION,r.env.PREVIEW_SERVER_LOCATION,r.env.EMAILS_DIR_ABSOLUTE_PATH;let l="true"===r.env.NEXT_PUBLIC_IS_BUILDING,i="true"===r.env.NEXT_PUBLIC_IS_PREVIEW_DEVELOPMENT}},e=>{e.O(0,[807,983,105,713,358],()=>e(e.s=3526)),_N_E=e.O()}]);
@@ -1 +1 @@
1
- (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{3555:(A,e,s)=>{Promise.resolve().then(s.t.bind(s,2664,23)),Promise.resolve().then(s.t.bind(s,5948,23)),Promise.resolve().then(s.bind(s,7060)),Promise.resolve().then(s.bind(s,1464)),Promise.resolve().then(s.bind(s,2402)),Promise.resolve().then(s.bind(s,6197)),Promise.resolve().then(s.bind(s,7562)),Promise.resolve().then(s.bind(s,1789))},7060:(A,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>i});let i={src:"/_next/static/media/logo.2ce2a759.png",height:359,width:359,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAASFBMVEUbQ1YXRlobSV4bTmUcTGMfVW4mTV8UOEgUOUkkYn4SNEQWPk8aT2dejaIkXngQMUBKb39Vk688hqc5c44OKDRWosNdgZBegZF7LVqVAAAAC3RSTlP+eNjt6/7+/vNW3p2zMcwAAAAJcEhZcwAACxMAAAsTAQCanBgAAABASURBVHicBcEJAoAgDAOwosDAbuPW///UBPXWlDRWxJZVc7tAfGYvAYH1bgCEY60hROM8Z4qgbHf3/SAUkizhB1uWArSFvaZCAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}}},A=>{A.O(0,[979,983,557,948,615,105,713,358],()=>A(A.s=3555)),_N_E=A.O()}]);
1
+ (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{3555:(A,e,s)=>{Promise.resolve().then(s.t.bind(s,2664,23)),Promise.resolve().then(s.t.bind(s,5948,23)),Promise.resolve().then(s.bind(s,7060)),Promise.resolve().then(s.bind(s,1464)),Promise.resolve().then(s.bind(s,2402)),Promise.resolve().then(s.bind(s,6197)),Promise.resolve().then(s.bind(s,7562)),Promise.resolve().then(s.bind(s,1789))},7060:(A,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>i});let i={src:"/_next/static/media/logo.2ce2a759.png",height:359,width:359,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAASFBMVEUbQ1YXRlobSV4bTmUcTGMfVW4mTV8UOEgUOUkkYn4SNEQWPk8aT2dejaIkXngQMUBKb39Vk688hqc5c44OKDRWosNdgZBegZF7LVqVAAAAC3RSTlP+eNjt6/7+/vNW3p2zMcwAAAAJcEhZcwAACxMAAAsTAQCanBgAAABASURBVHicBcEJAoAgDAOwosDAbuPW///UBPXWlDRWxJZVc7tAfGYvAYH1bgCEY60hROM8Z4qgbHf3/SAUkizhB1uWArSFvaZCAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}}},A=>{A.O(0,[979,983,900,948,615,105,713,358],()=>A(A.s=3555)),_N_E=A.O()}]);
@@ -0,0 +1 @@
1
+ (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[719],{120:(e,t,a)=>{"use strict";a.d(t,{PreviewProvider:()=>f,$:()=>g});var s=a(1275),r=a(2108),n=a(3611),l=a(9195),i=a(4366);let o=(0,i.createServerReference)("7fba27ee67eefb08f400661309b6d9d75c14faf027",i.callServer,void 0,i.findSourceMapURL,"getEmailPathFromSlug"),c=(0,i.createServerReference)("7f2067d469a734f9ceafeee7edac7c8c931cf1b9c3",i.callServer,void 0,i.findSourceMapURL,"renderEmailByPath");var d=a(5895);let u=(e,t)=>m(e.replace(t.relativePath,"").split("/").filter(Boolean),t),m=(e,t)=>{if(1===e.length){let a=(e=>{let t=e.split(".");return t.length>1?t.slice(0,-1).join("."):e})(e[0]);return t.emailFilenames.includes(a)}let a=e.join("/");for(let s of t.subDirectories)if(a.startsWith(s.directoryName)){let t=s.directoryName.split("/").filter(Boolean).length;return m(e.slice(t),s)}return!1};var h=a(5224);let x={},p=(0,n.createContext)(void 0),f=e=>{let{emailSlug:t,emailPath:a,serverRenderingResult:i,children:m}=e,f=(0,r.useRouter)(),g=((e,t)=>{let[a,s]=(0,n.useState)(t),{emailsDirectoryMetadata:r}=(0,d.J)();return l.Hf||l.m4||(0,h.a)(async t=>{for await(let a of t){let t=a.filename;if(!u(t,r))continue;let n=await o(t),l=await c(n,!0);n===e&&s(l)}}),a})(a,i),b=((e,t,a)=>((0,n.useEffect)(()=>{"markup"in t?x[e]=t:void 0!==a&&"markup"in a&&void 0===x[e]&&(x[e]=a)},[t,e,a]),"error"in t?x[e]:t))(a,g,i);return l.Hf||l.m4||(0,h.a)(e=>{let a=e.find(e=>e.filename.includes(t));void 0!==a&&"unlink"===a.event&&f.push("/")}),(0,s.jsx)(p.Provider,{value:{emailPath:a,emailSlug:t,renderedEmailMetadata:b,renderingResult:g},children:m})},g=()=>{let e=(0,n.useContext)(p);if(void 0===e)throw Error("Cannot call `usePreviewContext` outside of an `PreviewContext` provider.");return e}},616:(e,t,a)=>{"use strict";a.d(t,{i:()=>l});var s=a(1275),r=a(3611),n=a(4387);let l=r.forwardRef((e,t)=>{let{...a}=e;return(0,s.jsx)(n.z,{ref:t,...a,children:(0,s.jsx)("path",{d:"M16.25 8.75L10.406 15.25L7.75 12.75",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})})});l.displayName="IconCheck"},2733:(e,t,a)=>{"use strict";a.d(t,{default:()=>J});var s=a(1275),r=a(2108),n=a(3611),l=a(7722),i=a(9361),o=a(7034),c=a(1464),d=a(2402);a(6209),a(1988),a(3560);var u=a(4957),m=a(4600);let h=n.forwardRef((e,t)=>{let{as:a="span",size:r="2",color:n="gray",transform:l,weight:i="normal",className:o,children:c,...d}=e;return(0,s.jsx)(u.DX,{className:(0,m.cn)(o,l,x(r),p(n),f(i)),ref:t,...d,children:(0,s.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,m.HB)(e)}},p=e=>{switch(e){case"white":return"text-slate-12";case void 0:case"gray":return"text-slate-11";default:return(0,m.HB)(e)}},f=e=>{switch(e){case void 0:case"normal":return"font-normal";case"medium":return"font-medium";default:return(0,m.HB)(e)}};h.displayName="Text";var g=a(1789),b=a(4094),j=a(8031);let v={type:"spring",stiffness:2e3,damping:80,mass:1};var w=a(5155);let y=n.forwardRef((e,t)=>{let{children:a,className:r,...n}=e;return(0,s.jsx)("button",{type:"button",...n,className:(0,m.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",r),ref:t,children:a})});y.displayName="IconButton";var C=a(616),N=a(4387);let k=n.forwardRef((e,t)=>{let{...a}=e;return(0,s.jsxs)(N.z,{ref:t,...a,children:[(0,s.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,s.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,s.jsx)("path",{d:"M9.75 12.25H14.25",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),(0,s.jsx)("path",{d:"M9.75 15.25H14.25",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})]})});k.displayName="IconClipboard";let S=n.forwardRef((e,t)=>{let{...a}=e;return(0,s.jsx)(N.z,{ref:t,...a,children:(0,s.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(5877);let R=e=>{let{markups:t,activeLang:a,setActiveLang:r}=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}});let i=n.useId();return(0,s.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,s.jsxs)("div",{className:"h-9 border-b border-slate-6",children:[(0,s.jsx)("div",{className:"flex",children:(0,s.jsx)(b.o,{id:i,children:t.map(e=>{let{language:t}=e,n=a===t;return(0,s.jsxs)(j.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:()=>{r(t)},children:[n?(0,s.jsx)(j.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,s.jsx)(M,{content:l.content}),(0,s.jsx)(H,{content:l.content,filename:"email.".concat(l.language)})]}),(0,s.jsx)("div",{className:"h-[calc(100%-2.25rem)]",children:(0,s.jsx)(d.Code,{language:a,children:l.content})})]})},M=e=>{let{content:t}=e,[a,r]=n.useState(!1),l=n.useRef(void 0);return n.useEffect(()=>{r(!1),clearTimeout(l.current),l.current=void 0},[t]),(0,s.jsxs)(L.m,{children:[(0,s.jsx)(L.m.Trigger,{asChild:!0,className:"absolute right-2 top-2 hidden md:block",children:(0,s.jsx)(y,{onClick:async()=>{r(!0),await (0,m.eM)(t),l.current=setTimeout(()=>{r(!1)},3e3)},children:a?(0,s.jsx)(C.i,{}):(0,s.jsx)(k,{})})}),(0,s.jsx)(L.m.Content,{children:"Copy to Clipboard"})]})},H=e=>{let{content:t,filename:a}=e,r=n.useMemo(()=>{let e=new File([t],a);return URL.createObjectURL(e)},[t,a]),l=n.useSyncExternalStore(()=>()=>{},()=>r,()=>void 0);return(0,s.jsxs)(L.m,{children:[(0,s.jsx)(L.m.Trigger,{asChild:!0,className:"text-gray-11 absolute right-8 top-2 hidden md:block",children:(0,s.jsx)("a",{className:"text-slate-11 transition duration-200 ease-in-out hover:text-slate-12",download:a,href:l,children:(0,s.jsx)(S,{})})}),(0,s.jsx)(L.m.Content,{children:"Download"})]})};var T=a(7148),P=a(6516);let E=[{name:"Desktop",dimensions:{width:1024,height:600},icon:(0,s.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",children:(0,s.jsx)("path",{d:"M1 3.25C1 3.11193 1.11193 3 1.25 3H13.75C13.8881 3 14 3.11193 14 3.25V10.75C14 10.8881 13.8881 11 13.75 11H1.25C1.11193 11 1 10.8881 1 10.75V3.25ZM1.25 2C0.559643 2 0 2.55964 0 3.25V10.75C0 11.4404 0.559644 12 1.25 12H5.07341L4.82991 13.2986C4.76645 13.6371 5.02612 13.95 5.37049 13.95H9.62951C9.97389 13.95 10.2336 13.6371 10.1701 13.2986L9.92659 12H13.75C14.4404 12 15 11.4404 15 10.75V3.25C15 2.55964 14.4404 2 13.75 2H1.25ZM9.01091 12H5.98909L5.79222 13.05H9.20778L9.01091 12Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})},{name:"Mobile",dimensions:{width:375,height:667},icon:(0,s.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",children:(0,s.jsx)("path",{d:"M4 2.5C4 2.22386 4.22386 2 4.5 2H10.5C10.7761 2 11 2.22386 11 2.5V12.5C11 12.7761 10.7761 13 10.5 13H4.5C4.22386 13 4 12.7761 4 12.5V2.5ZM4.5 1C3.67157 1 3 1.67157 3 2.5V12.5C3 13.3284 3.67157 14 4.5 14H10.5C11.3284 14 12 13.3284 12 12.5V2.5C12 1.67157 11.3284 1 10.5 1H4.5ZM6 11.65C5.8067 11.65 5.65 11.8067 5.65 12C5.65 12.1933 5.8067 12.35 6 12.35H9C9.1933 12.35 9.35 12.1933 9.35 12C9.35 11.8067 9.1933 11.65 9 11.65H6Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})}],V=e=>{let{minWidth:t,minHeight:a,viewWidth:r,viewHeight:l,setViewWidth:i,setViewHeight:o}=e,[c,d]=n.useState(!1),[u,h]=n.useState(r),[x,p]=n.useState(l);return n.useEffect(()=>{h(r),p(l)},[r,l]),(0,s.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",children:[E.map(e=>(0,s.jsxs)(L.m,{children:[(0,s.jsx)(L.m.Trigger,{asChild:!0,children:(0,s.jsx)("button",{onClick:()=>(e=>{i(e.width),o(e.height)})(e.dimensions),className:(0,m.cn)("relative flex items-center justify-center w-9 transition-colors hover:text-slate-12",{"bg-slate-4":r===e.dimensions.width&&l===e.dimensions.height}),type:"button",children:e.icon},e.name)}),(0,s.jsx)(L.m.Content,{children:e.name})]})),(0,s.jsxs)(T.bL,{open:c,onOpenChange:d,children:[(0,s.jsx)(T.l9,{asChild:!0,children:(0,s.jsxs)("button",{type:"button",className:"relative flex items-center justify-center overflow-hidden w-9 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,s.jsx)("span",{className:"sr-only",children:"View presets"}),(0,s.jsx)(P.R,{className:(0,m.cn)("transform transition-transform duration-200 ease-[cubic-bezier(.36,.66,.6,1)]",{"-rotate-180":c})})]})}),(0,s.jsx)(T.ZL,{children:(0,s.jsxs)(T.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:[(0,s.jsxs)("div",{className:"flex w-full items-center justify-between text-sm gap-2",children:[(0,s.jsx)("span",{className:"font-medium text-slate-11 text-xs",children:"Width"}),(0,s.jsx)("input",{type:"number",value:u,onChange:e=>{let a=Number(e.target.value);h(a),a>=t&&i(a)},className:"w-20 appearance-none rounded-lg border border-slate-6 bg-slate-5 px-1 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"})]}),(0,s.jsxs)("div",{className:"flex w-full items-center justify-between text-sm gap-2",children:[(0,s.jsx)("span",{className:"font-medium text-slate-11 text-xs",children:"Height"}),(0,s.jsx)("input",{type:"number",value:x,onChange:e=>{let t=Number(e.target.value);p(t),t>=a&&o(t)},className:"w-20 appearance-none rounded-lg border border-slate-6 bg-slate-5 px-1 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"})]})]})})]})]})},I=e=>{let{width:t,height:a,onResize:r,onResizeEnd:l,children:i,maxHeight:o,maxWidth:c,minHeight:d,minWidth:h,...x}=e,p=(0,n.useRef)(null),[f,g]=(0,n.useState)(!1),b=(0,n.useRef)(null),[j,v]=(0,n.useState)(null),w=(0,n.useCallback)(()=>{b.current&&document.removeEventListener("mousemove",b.current),document.removeEventListener("mouseup",w),g(!1),v(null),null==l||l()},[]),y=e=>{b.current=t=>{if(0===t.button&&p.current){let a="east"===e||"west"===e,s=a?t.clientX:t.clientY,n=p.current.getBoundingClientRect(),l=a?n.x+n.width/2:n.y+n.height/2,i=2*Math.abs(s-l);g(!0),v(e);for(let t=0;t<E.length;t++){let s=E[t];if(s){if(a&&i>s.dimensions.width-12&&i<s.dimensions.width+12)return void r(s.dimensions.width,e);if(!a&&i>s.dimensions.height-12&&i<s.dimensions.height+12)return void r(s.dimensions.height,e)}}r(2*Math.abs(s-l),e)}else w()},document.addEventListener("mouseup",w),document.addEventListener("mousemove",b.current)};return(0,n.useEffect)(()=>{if(window.document)return()=>{w()}},[]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:" overflow-hidden absolute inset-0",children:(0,s.jsx)("div",{className:"absolute mx-auto box-content -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2",children:E.map(e=>(0,s.jsxs)("div",{className:"-translate-x-1/2 -translate-y-1/2 absolute pointer-events-none select-none",style:{width:e.dimensions.width,height:e.dimensions.height},children:[t===e.dimensions.width&&f&&("east"===j||"west"===j)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"absolute right-0 -top-[100vw] -bottom-[100vw] border-r-2 border-cyan-5"}),(0,s.jsx)("div",{className:"absolute left-0 -top-[100vw] -bottom-[100vw] border-l-2 border-cyan-5"})]}),a===e.dimensions.height&&f&&("north"===j||"south"===j)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"absolute top-0 -left-[100vw] -right-[100vw] border-t-2 border-cyan-5"}),(0,s.jsx)("div",{className:"absolute bottom-0 -left-[100vw] -right-[100vw] border-b-2 border-cyan-5"})]})]},e.name))})}),(0,s.jsxs)("div",{...x,className:(0,m.cn)("relative mx-auto my-auto box-content",x.className),children:[(0,s.jsx)("div",{"aria-label":"resize-west","aria-valuenow":t,"aria-valuemin":h,"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:()=>{y("west")},role:"slider",tabIndex:0,children:(0,s.jsx)("div",{className:(0,m.cn)("h-8 w-1 rounded-md bg-black/50 transition-colors",{"bg-black":"west"===j})})}),(0,s.jsx)("div",{"aria-label":"resize-east","aria-valuenow":t,"aria-valuemin":h,"aria-valuemax":c,onDragStart:e=>e.preventDefault(),className:"translate-x-1/2 -translate-y-1/2 absolute top-1/2 -right-2 cursor-e-resize p-2 [user-drag:none]",draggable:"false",onMouseDown:()=>{y("east")},role:"slider",tabIndex:0,children:(0,s.jsx)("div",{className:(0,m.cn)("h-8 w-1 rounded-md bg-black/50 transition-colors",{"bg-black":"east"===j})})}),(0,s.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-2 left-1/2 cursor-n-resize p-2 [user-drag:none]",draggable:"false",onMouseDown:()=>{y("north")},role:"slider",tabIndex:0,children:(0,s.jsx)("div",{className:(0,m.cn)("h-1 w-8 rounded-md bg-black/50 transition-colors",{"bg-black":"north"===j})})}),(0,s.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 -bottom-2 left-1/2 cursor-s-resize p-2 [user-drag:none]",draggable:"false",onMouseDown:()=>{y("south")},role:"slider",tabIndex:0,children:(0,s.jsx)("div",{className:(0,m.cn)("h-1 w-8 rounded-md bg-black/50 transition-colors",{"bg-black":"south"===j})})}),(0,s.jsx)(u.DX,{ref:p,className:f?"pointer-events-none select-none":"",children:i})]})]})},z=e=>{let{markup:t}=e,[a,r]=n.useState(""),[l,o]=n.useState("Testing React Email"),[d,u]=n.useState(!1),[m,x]=n.useState(!1),p=async e=>{try{e.preventDefault(),u(!0);let s=await fetch("https://react.email/api/send/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({to:a,subject:l,html:t})});if(429===s.status){let{error:e}=await s.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)}},f=n.useId(),g=n.useId();return(0,s.jsxs)(T.bL,{onOpenChange:()=>{m?(document.body.classList.remove("popup-open"),x(!1)):(document.body.classList.add("popup-open"),x(!0))},open:m,children:[(0,s.jsx)(T.l9,{asChild:!0,children:(0,s.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,s.jsx)(T.Mz,{}),(0,s.jsx)(T.ZL,{children:(0,s.jsx)(T.UC,{align:"end",className:"-mt-10 w-80 rounded-lg border border-slate-6 bg-black/70 p-3 text-slate-11 shadow-md backdrop-blur-lg font-sans",sideOffset:48,children:(0,s.jsxs)("form",{className:"mt-1",onSubmit:e=>void p(e),children:[(0,s.jsx)("label",{className:"mb-2 block text-xs uppercase text-slate-10",htmlFor:f,children:"Recipient"}),(0,s.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:f,onChange:e=>{r(e.target.value)},placeholder:"you@example.com",required:!0,type:"email"}),(0,s.jsx)("label",{className:"mb-2 mt-1 block text-xs uppercase text-slate-10",htmlFor:g,children:"Subject"}),(0,s.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:l,id:g,onChange:e=>{o(e.target.value)},placeholder:"My Email",required:!0,type:"text"}),(0,s.jsx)("input",{className:"appearance-none checked:bg-blue-500",type:"checkbox"}),(0,s.jsxs)("div",{className:"mt-3 flex items-center justify-between",children:[(0,s.jsxs)(h,{className:"inline-block",size:"1",children:["Powered by"," ",(0,s.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,s.jsx)(c.Button,{className:"disabled:border-transparent disabled:bg-slate-11",disabled:0===l.length||0===a.length||d,type:"submit",children:"Send"})]})]})})})]})};var D=a(6863),_=a(5571);let F=n.forwardRef((e,t)=>{let{...a}=e;return(0,s.jsx)(N.z,{ref:t,...a,children:(0,s.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"})})});F.displayName="IconMonitor";let O=n.forwardRef((e,t)=>{let{...a}=e;return(0,s.jsx)(N.z,{ref:t,...a,children:(0,s.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"})})});O.displayName="IconSource";let U=e=>{let{activeView:t,setActiveView:a}=e;return(0,s.jsxs)(_.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,s.jsx)(_.q7,{value:"preview",children:(0,s.jsxs)(L.m,{children:[(0,s.jsx)(L.m.Trigger,{asChild:!0,children:(0,s.jsxs)("div",{className:(0,m.cn)("w-9 flex items-center 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,s.jsx)(j.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,s.jsx)(F,{className:"m-auto"})]})}),(0,s.jsx)(L.m.Content,{children:"Preview"})]})}),(0,s.jsx)(_.q7,{value:"source",children:(0,s.jsxs)(L.m,{children:[(0,s.jsx)(L.m.Trigger,{asChild:!0,children:(0,s.jsxs)("div",{className:(0,m.cn)("w-9 flex 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,s.jsx)(j.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,s.jsx)(O,{className:"m-auto"})]})}),(0,s.jsx)(L.m.Content,{children:"Code"})]})})]})};var W=a(120);let Z=(e,t,a)=>Math.min(Math.max(e,t),a),B=(e,t,a)=>{let[s,r]=(0,n.useState)(e);return[Z(s,t,a),e=>{"function"==typeof e?r(s=>{let r=Z(s,t,a);return Z(e(r),t,a)}):r(Z(e,t,a))}]},A=e=>{let{children:t}=e,a=t.match(/(Unexpected closing tag "[^"]+". It may happen when the tag has already been closed by another tag). (For more info see) (.+)/);if(a){let[e,t,r,n]=a;return(0,s.jsxs)(s.Fragment,{children:[t,".",(0,s.jsxs)("p",{className:"text-lg",children:[r," ",(0,s.jsx)("a",{className:"underline",rel:"noreferrer",target:"_blank",href:n,children:n})]})]})}return t},Y=e=>{let{error:t}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"absolute inset-0 z-50 bg-black/80"}),(0,s.jsxs)("div",{className:" min-h-[50vh] w-full max-w-lg sm:rounded-lg md:max-w-[568px] lg:max-w-[920px] absolute left-[50%] top-[50%] z-50 translate-x-[-50%] translate-y-[-50%] rounded-t-sm overflow-hidden bg-white text-black shadow-lg duration-200 flex flex-col selection:!text-black ",children:[(0,s.jsx)("div",{className:"bg-red-500 h-3"}),(0,s.jsxs)("div",{className:"flex flex-grow p-6 min-w-0 max-w-full flex-col space-y-1.5",children:[(0,s.jsxs)("div",{className:"flex-shrink pb-2 text-xl tracking-tight",children:[(0,s.jsx)("b",{children:t.name}),": ",(0,s.jsx)(A,{children:t.message})]}),t.stack?(0,s.jsx)("div",{className:"flex-grow scroll-px-4 overflow-x-auto rounded-lg bg-black p-2 text-gray-100",children:(0,s.jsx)("pre",{className:"w-full min-w-0 font-mono leading-6 selection:!text-cyan-12 text-xs",children:t.stack})}):void 0]})]})]})},J=e=>{var t,a;let{emailTitle:c,className:d,...u}=e,{renderingResult:h,renderedEmailMetadata:x}=(0,W.$)(),p=(0,r.useRouter)(),f=(0,r.usePathname)(),b=(0,r.useSearchParams)(),j=null!=(t=b.get("view"))?t:"preview",v=null!=(a=b.get("lang"))?a:"jsx",w=void 0!==x,y="error"in h,[C,N]=(0,n.useState)(1/0),[k,S]=(0,n.useState)(1/0),M=b.get("width"),H=b.get("height"),[T,P]=B(M?Number.parseInt(M):1024,220,C),[E,_]=B(H?Number.parseInt(H):600,352,k),F=(0,o.YQ)(()=>{let e=new URLSearchParams(b);e.set("width",T.toString()),e.set("height",E.toString()),p.push("".concat(f,"?").concat(e.toString()).concat(location.hash))},300),{toggled:O}=(0,D.S)();return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(g.Topbar,{emailTitle:c,children:["preview"===j&&(0,s.jsx)(V,{setViewHeight:e=>{_(e),(0,l.flushSync)(()=>{F()})},setViewWidth:e=>{P(e),(0,l.flushSync)(()=>{F()})},viewHeight:E,viewWidth:T,minWidth:220,minHeight:352}),(0,s.jsx)(U,{activeView:j,setActiveView:e=>{let t=new URLSearchParams(b);t.set("view",e),p.push("".concat(f,"?").concat(t.toString()).concat(location.hash))}}),w?(0,s.jsx)("div",{className:"flex justify-end",children:(0,s.jsx)(z,{markup:x.markup})}):null]}),(0,s.jsxs)("div",{...u,className:(0,m.cn)("h-[calc(100%-3.5rem-2.375rem)] will-change-[height] flex p-4 transition-[height] duration-300 relative","preview"===j&&"bg-gray-200",O&&"h-[calc(100%-3.5rem-13rem)]",d),ref:e=>{let t=new ResizeObserver(e=>{let[t]=e;t&&(N(t.contentRect.width),S(t.contentRect.height))});return e&&t.observe(e),()=>{t.disconnect()}},children:[y?(0,s.jsx)(Y,{error:h.error}):null,w?(0,s.jsxs)(s.Fragment,{children:["preview"===j&&(0,s.jsx)(I,{minHeight:352,minWidth:220,maxHeight:k,maxWidth:C,height:E,onResizeEnd:()=>{F()},onResize:(e,t)=>{"east"===t||"west"===t?P(Math.round(e)):_(Math.round(e))},width:T,children:(0,s.jsx)("iframe",{className:"max-h-full rounded-lg bg-white [color-scheme:auto]",ref:e=>{if(e)return(e=>{var t,a;let s=t=>{let a=e.getBoundingClientRect();document.dispatchEvent(new MouseEvent("mousemove",{...t,clientX:t.clientX+a.x,clientY:t.clientY+a.y}))},r=e=>{document.dispatchEvent(new MouseEvent("mouseup",e))};return null==(t=e.contentDocument)||t.addEventListener("mousemove",s),null==(a=e.contentDocument)||a.addEventListener("mouseup",r),()=>{var t,a;null==(t=e.contentDocument)||t.removeEventListener("mousemove",s),null==(a=e.contentDocument)||a.removeEventListener("mouseup",r)}})(e)},srcDoc:x.markup,style:{width:"".concat(T,"px"),height:"".concat(E,"px")},title:c})}),"source"===j&&(0,s.jsx)("div",{className:"h-full w-full",children:(0,s.jsx)("div",{className:"m-auto h-full flex max-w-3xl p-6",children:(0,s.jsx)(L.m.Provider,{children:(0,s.jsx)(R,{activeLang:v,markups:[{language:"jsx",content:x.reactMarkup},{language:"markup",content:x.prettyMarkup},{language:"markdown",content:x.plainText}],setActiveLang:e=>{let t=new URLSearchParams(b);t.set("view","source"),t.set("lang",e);let a=b.get("lang")===e;p.push("".concat(f,"?").concat(t.toString()).concat(a?location.hash:""))}})})})})]}):null,(0,s.jsx)(i.l$,{})]})]})}},4137:(e,t,a)=>{Promise.resolve().then(a.bind(a,2733)),Promise.resolve().then(a.bind(a,6197)),Promise.resolve().then(a.bind(a,6863)),Promise.resolve().then(a.bind(a,120))},6863:(e,t,a)=>{"use strict";a.d(t,{Toolbar:()=>A,S:()=>_});var s=a(1275),r=a(1923),n=a(4094),l=a(2108),i=a(3611),o=a(9195),c=a(120),d=a(4600),u=a(6516),m=a(616),h=a(4387);let x=i.forwardRef((e,t)=>{let{...a}=e;return(0,s.jsx)(h.z,{ref:t,...a,children:(0,s.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,s.jsx)(h.z,{ref:t,...a,children:(0,s.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(9361);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 b=a(4366);let j=(0,b.createServerReference)("7f5b13ab6371736582b8cda58c15688b812beb86d9",b.callServer,void 0,b.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,s.jsxs)("svg",{width:"13",height:"12",viewBox:"0 0 13 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,s.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,s.jsx)("path",{d:"M6.0127 4.5V6.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M6.0127 8.5H6.01853",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})]});w.displayName="IconCircleWarning";var y=a(2664),C=a.n(y);let N=e=>{let{line:t,type:a}=e,r=new URLSearchParams((0,l.useSearchParams)());r.set("view","source"),"html"===a?r.set("lang","markup"):"react"===a&&r.set("lang","jsx");let n="#L".concat(t);return(0,s.jsxs)(C(),{href:{search:r.toString(),hash:n},scroll:!1,className:"appearance-none underline mx-2",children:["L",t.toString().padStart(2,"0")]})},k=e=>{let{children:t,className:a,...r}=e;return(0,s.jsx)("table",{...r,className:(0,d.cn)("group relative w-full border-collapse text-left text-slate-10 text-sm",a),children:(0,s.jsx)("tbody",{children:t})})};k.Row=e=>{let{children:t,className:a,...r}=e;return(0,s.jsx)("tr",{className:(0,d.cn)("border-collapse align-bottom border-slate-6 border-b last:border-b-0",a),...r,children:t})},k.Column=e=>{let{children:t,className:a,...r}=e;return(0,s.jsx)("td",{className:(0,d.cn)("py-1.5 align-bottom font-regular",a),...r,children:t})};let S=e=>{let{results:t}=e;return(0,s.jsx)(k,{children:null==t?void 0:t.map((e,t)=>{let a=Object.entries(e.statsPerEmailClient).filter(e=>{let[,t]=e;return"error"===t.status}),r=a.map(e=>{let[t]=e;return g.family[t]}).join(", ");return(0,s.jsxs)(k.Row,{children:[(0,s.jsx)(k.Column,{children:(0,s.jsxs)("span",{className:"flex text-red-400 uppercase gap-2 items-center",children:[(0,s.jsx)(w,{}),(0,d.aj)(e.entry.title)]})}),(0,s.jsxs)(k.Column,{children:[a.length>0?"Not supported in ".concat(r):null,(0,s.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,s.jsx)(k.Column,{className:"font-mono text-slate-11 text-right",children:(0,s.jsx)(N,{line:e.location.start.line,column:e.location.start.column,type:"react"})})]},t)})})};var L=a(8452);let R=(0,b.createServerReference)("7f9b3a848bbe4a93883c346cdec3c24d5339cb7808",b.callServer,void 0,b.findSourceMapURL,"checkImages"),M=(0,b.createServerReference)("7fb0b869e2c1a7e20a7beb79bc7ce29fb15d18b21f",b.callServer,void 0,b.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 T=e=>{let{rows:t}=e;return void 0===t?null:(0,s.jsx)(k,{children:t.map((e,t)=>{if("link"===e.source){let a=e.result.checks.find(e=>!1===e.passed),r=[];for(let t of e.result.checks)"fetch_attempt"===t.type&&t.metadata.fetchStatusCode&&r.push((0,s.jsxs)(s.Fragment,{children:["HTTP ",t.metadata.fetchStatusCode]}));return r.push((0,s.jsx)(N,{line:e.result.codeLocation.line,column:e.result.codeLocation.column,type:"html"})),(0,s.jsxs)(P,{status:e.result.status,children:[(0,s.jsx)(P.Name,{children:(0,d.aj)(a.type)}),(0,s.jsxs)(P.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,s.jsx)("span",{className:"ml-2 text-ellipsis overflow-hidden text-nowrap max-w-[30ch]",children:e.result.link})]}),(0,s.jsx)(P.Metadata,{children:r})]},t)}if("image"===e.source){let a=e.result.checks.find(e=>!1===e.passed),r=[];for(let t of e.result.checks)"image_size"===t.type&&t.metadata.byteCount&&r.push((0,L.A)(t.metadata.byteCount)),"fetch_attempt"===t.type&&t.metadata.fetchStatusCode&&r.push((0,s.jsxs)(s.Fragment,{children:["HTTP ",t.metadata.fetchStatusCode]}));return r.push((0,s.jsx)(N,{line:e.result.codeLocation.line,column:e.result.codeLocation.column,type:"html"})),(0,s.jsxs)(P,{status:e.result.status,children:[(0,s.jsx)(P.Name,{children:(0,d.aj)(a.type)}),(0,s.jsxs)(P.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,s.jsx)("span",{className:"ml-2 text-ellipsis overflow-hidden text-nowrap max-w-[30ch]",children:e.result.source})]}),(0,s.jsx)(P.Metadata,{children:r})]},t)}})})},P=e=>{let{children:t,className:a,status:r,...n}=e;return(0,s.jsx)(k.Row,{"data-status":r,...n,className:(0,d.cn)("group/result",a),children:t})};P.Name=e=>{let{children:t,...a}=e;return(0,s.jsx)(k.Column,{...a,children:(0,s.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,s.jsx)(w,{}),"string"==typeof t?(0,d.aj)(t):t]})})},P.Description=e=>{let{children:t,className:a,...r}=e;return(0,s.jsx)(k.Column,{...r,children:t})},P.Metadata=e=>{let{children:t,className:a,...r}=e;return(0,s.jsx)(k.Column,{align:"right",...r,className:(0,d.cn)("font-mono text-slate-11",a),children:i.Children.map(t,(e,t)=>(0,s.jsxs)(s.Fragment,{children:[t>0?" \xb7 ":null,e]}))})};let E=e=>{let{result:t}=e;return(0,s.jsx)(s.Fragment,{children:t?(0,s.jsxs)(k,{children:[(0,s.jsxs)(k.Row,{className:"sticky border-b top-0",children:[(0,s.jsx)(k.Column,{className:"uppercase",children:(0,s.jsxs)("span",{className:"flex gap-2 items-center",children:[(0,s.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,s.jsx)(k.Column,{children:0===t.points?"Congratulations! Your email is clean of abuse indicators.":"Higher scores are better"}),(0,s.jsxs)(k.Column,{className:"text-right tracking-tighter font-bold",children:[(0,s.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,s.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,s.jsxs)(k.Row,{children:[(0,s.jsx)(k.Column,{className:"uppercase",children:(0,s.jsxs)("span",{className:"flex gap-2 items-center",children:[(0,s.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,s.jsx)(k.Column,{children:e.description}),(0,s.jsxs)(k.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(8031),I=a(5877);let z=e=>{let{children:t,className:a,active:r,tooltip:n,delayDuration:l=500,...i}=e;return(0,s.jsx)(I.m.Provider,{children:(0,s.jsxs)(I.m,{delayDuration:l,children:[(0,s.jsx)(I.m.Trigger,{asChild:!0,children:(0,s.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",r&&"data-[state=active]:text-cyan-11",a),children:[t,r?(0,s.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]})}),n?(0,s.jsx)(I.m.Content,{children:n}):null]})})},D=e=>{let t;if("localStorage"in a.g){let s=a.g.localStorage.getItem(e);if(null!==s&&"undefined"!==s)try{t=JSON.parse(s)}catch(t){console.warn("Failed to load stored value for",e,"with value",s)}}return[(0,i.useSyncExternalStore)(()=>()=>{},()=>t,()=>void 0),function(t){"localStorage"in a.g&&a.g.localStorage.setItem(e,JSON.stringify(t))}]},_=()=>{var e;let t=null!=(e=(0,l.useSearchParams)().get("toolbar-panel"))?e:void 0;return{activeTab:t,toggled:void 0!==t}},F=e=>{let{serverLintingRows:t,serverSpamCheckingResult:c,serverCompatibilityResults:m,prettyMarkup:h,reactMarkup:g,plainText:b,emailPath:w,emailSlug:y}=e,C=(0,l.usePathname)(),N=(0,l.useSearchParams)(),k=(0,l.useRouter)(),{activeTab:L,toggled:P}=_(),V=e=>{let t=new URLSearchParams(N);void 0===e?t.delete("toolbar-panel"):t.set("toolbar-panel",e),k.push("".concat(C,"?").concat(t.toString()).concat(location.hash))},[I,F]=D("spam-assassin-".concat(y.replaceAll("/","-"))),[A,{load:Y,loading:J}]=(e=>{let{markup:t,plainText:a,initialResult:s}=e,[r,n]=(0,i.useState)(s),[l,o]=(0,i.useState)(!1),c=(0,i.useRef)(!1);return[r,{loading:l,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})}),s=await e.json();if(!("error"in s))return n(s),s;f.oR.error(s.error)}catch(e){console.error(e),f.oR.error(JSON.stringify(e))}finally{o(!1),c.current=!1}}}}]})({markup:h,plainText:b,initialResult:null!=c?c:I}),[X,q]=D("linter-".concat(y.replaceAll("/","-"))),[G,{load:$,loading:Q}]=(e=>{let{markup:t,initialRows:s}=e,[r,n]=(0,i.useState)(s),l=function(e,t){return[{getStream:()=>R(e,t),mapValue(e){if(e&&"success"!==e.status)return{result:e,source:"image"}}},{getStream:()=>M(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[r,{loading:o,load:async()=>{if(!d.current){d.current=!0,c(!0),n([]);try{let e=[];for await(let t of H(l))n(a=>{if(!a)return[t];let s=[...a,t];return s.sort((e,t)=>"error"===e.result.status&&"warning"===t.result.status?-1:+("warning"===e.result.status&&"error"===t.result.status)),e=s,s});return e}finally{c(!1),d.current=!1}}}}]})({markup:h,initialRows:null!=t?t:X}),[K,ee]=D("compatibility-".concat(y.replaceAll("/","-"))),[et,{load:ea,loading:es}]=(e=>{let{reactMarkup:t,emailPath:a,initialResults:s}=e,[r,n]=(0,i.useState)(s),[l,o]=(0,i.useState)(!1),c=(0,i.useRef)(!1);return[r,{loading:l,load:async()=>{if(c.current)return;c.current=!0,o(!0),n([]);let e=[];try{let s=await j(t,a);for await(let t of v(s))"error"===t.status&&n(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}}]})({emailPath:w,reactMarkup:g,initialResults:null!=m?m:K});o.Hf||i.useEffect(()=>{(async()=>{q(await $()),F(await Y()),ee(await ea())})()},[]);let er=i.useId();return(0,s.jsx)("div",{"data-toggled":P,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,s.jsx)(r.bL,{value:null!=L?L:"",onValueChange:e=>{V(e)},asChild:!0,children:(0,s.jsxs)("div",{className:"flex flex-col h-full",children:[(0,s.jsxs)(r.B8,{className:"flex gap-4 px-4 border-b border-solid border-slate-6 h-10 w-full flex-shrink-0",children:[(0,s.jsxs)(n.o,{id:"toolbar-".concat(er),children:[(0,s.jsx)(r.l9,{asChild:!0,value:"linter",children:(0,s.jsx)(z,{active:"linter"===L,children:"Linter"})}),(0,s.jsx)(r.l9,{asChild:!0,value:"compatibility",children:(0,s.jsx)(z,{active:"compatibility"===L,children:"Compatibility"})}),(0,s.jsx)(r.l9,{asChild:!0,value:"spam-assassin",children:(0,s.jsx)(z,{active:"spam-assassin"===L,children:"Spam"})})]}),(0,s.jsxs)("div",{className:"flex gap-0.5 ml-auto",children:[(0,s.jsx)(z,{delayDuration:0,tooltip:"linter"===L&&"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"===L&&"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"===L&&"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,s.jsx)(x,{size:24})}),o.Hf?null:(0,s.jsx)(z,{tooltip:"Reload",disabled:Q||J,onClick:async()=>{void 0===L&&V("linter"),"spam-assassin"===L?await Y():"linter"===L?await $():"compatibility"===L&&await ea()},children:(0,s.jsx)(p,{size:24,className:(0,d.cn)({"opacity-60 animate-spin-fast":Q||J})})}),(0,s.jsx)(z,{tooltip:"Toggle toolbar",onClick:()=>{void 0===L?V("linter"):V(void 0)},children:(0,s.jsx)(u.R,{size:24,className:"transition-transform group-data-[toggled=false]/toolbar:rotate-180"})})]})]}),(0,s.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,s.jsx)(r.UC,{value:"linter",children:Q?(0,s.jsx)(O,{message:"Analyzing your code for linting issues..."}):(null==G?void 0:G.length)===0?(0,s.jsxs)(U,{children:[(0,s.jsx)(W,{}),(0,s.jsx)(Z,{children:"All good"}),(0,s.jsx)(B,{children:"No linting issues found."})]}):(0,s.jsx)(T,{rows:null!=G?G:[]})}),(0,s.jsx)(r.UC,{value:"compatibility",children:es?(0,s.jsx)(O,{message:"Checking email compatibility..."}):(null==et?void 0:et.length)===0?(0,s.jsxs)(U,{children:[(0,s.jsx)(W,{}),(0,s.jsx)(Z,{children:"Great compatibility"}),(0,s.jsx)(B,{children:"Template should render properly everywhere."})]}):(0,s.jsx)(S,{results:null!=et?et:[]})}),(0,s.jsx)(r.UC,{value:"spam-assassin",children:J?(0,s.jsx)(O,{message:"Evaluating your email for spam indicators..."}):(null==A?void 0:A.isSpam)===!1?(0,s.jsxs)(U,{children:[(0,s.jsx)(W,{}),(0,s.jsx)(Z,{children:"10/10"}),(0,s.jsx)(B,{children:"Your email is clean of abuse indicators."})]}):(0,s.jsx)(E,{result:A})})]})]})})})},O=e=>{let{message:t}=e;return(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center pt-8",children:[(0,s.jsxs)("div",{className:"relative mb-8 flex items-center justify-center",children:[(0,s.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,s.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,s.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,s.jsx)("div",{className:"h-5 w-5 rounded-full border-2 border-white/50 border-t-transparent animate-spin-fast"})})]}),(0,s.jsx)("h3",{className:"text-slate-12 font-medium text-base mb-1",children:"Processing"}),(0,s.jsx)("p",{className:"text-slate-11 text-sm text-center max-w-[320px]",children:t})]})},U=e=>{let{children:t}=e;return(0,s.jsx)("div",{className:"flex flex-col items-center justify-center pt-8",children:t})},W=()=>(0,s.jsxs)("div",{className:"relative mb-8 flex items-center justify-center",children:[(0,s.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,s.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,s.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,s.jsx)(m.i,{size:24,className:"text-white drop-shadow-sm"})})]}),Z=e=>{let{children:t}=e;return(0,s.jsx)("h3",{className:"text-slate-12 font-medium text-base mb-1",children:t})},B=e=>{let{children:t}=e;return(0,s.jsx)("p",{className:"text-slate-11 text-sm text-center max-w-[320px]",children:t})},A=e=>{let{serverLintingRows:t,serverSpamCheckingResult:a,serverCompatibilityResults:r}=e,{emailPath:n,emailSlug:l,renderedEmailMetadata:i}=(0,c.$)();if(void 0===i)return null;let{prettyMarkup:o,plainText:d,reactMarkup:u}=i;return(0,s.jsx)(F,{emailPath:n,emailSlug:l,prettyMarkup:o,reactMarkup:u,plainText:d,serverLintingRows:t,serverSpamCheckingResult:a,serverCompatibilityResults:r})}}},e=>{e.O(0,[979,983,900,442,615,105,713,358],()=>e(e.s=4137)),_N_E=e.O()}]);
@@ -0,0 +1,3 @@
1
+ /*
2
+ ! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
3
+ */*,: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}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-2{bottom:-.5rem}.-bottom-\[100vw\]{bottom:-100vw}.-bottom-px{bottom:-1px}.-left-2{left:-.5rem}.-left-\[100vw\]{left:-100vw}.-right-2{right:-.5rem}.-right-\[100vw\]{right:-100vw}.-top-2{top:-.5rem}.-top-\[100vw\]{top:-100vw}.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%}.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%}.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-3{height:.75rem}.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-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-9{width:2.25rem}.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-1\/2{--tw-translate-x:50%}.translate-x-1\/2,.translate-x-\[-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-x-\[-50\%\]{--tw-translate-x:-50%}.translate-y-1\/2{--tw-translate-y:50%}.translate-y-1\/2,.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}@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}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.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-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.rounded-bl-sm{border-bottom-left-radius:.125rem}.rounded-tl-sm{border-top-left-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-solid{border-style:solid}.border-\[\#34343A\]{--tw-border-opacity:1;border-color:rgb(52 52 58/var(--tw-border-opacity))}.border-cyan-5{border-color:#00befd4d}.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\/50{background-color:rgb(0 0 0/.5)}.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-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-0{padding-right:0}.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-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-6{line-height:1.5rem}.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}.\[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-black ::-moz-selection{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.selection\:\!text-black ::selection{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.selection\:\!text-cyan-12 ::-moz-selection{color:#bbf3fef7!important}.selection\:\!text-cyan-12 ::selection{color:#bbf3fef7!important}.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-black::-moz-selection{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.selection\:\!text-black::selection{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.selection\:\!text-cyan-12::-moz-selection{color:#bbf3fef7!important}.selection\:\!text-cyan-12::selection{color:#bbf3fef7!important}.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\:text-slate-12:focus-within{color:#fcfdffef}.hover\:border-slate-10:hover{border-color:#e5edfd7b}.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-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}.aria-selected\:bg-cyan-5[aria-selected=true]{background-color:#00befd4d}.aria-selected\:hover\:text-cyan-11:hover[aria-selected=true],.aria-selected\:text-cyan-11[aria-selected=true]{color:#52e1fee5}.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-\[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-\[920px\]{max-width:920px}.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}}.\[\&\+\*\]\:aria-selected\:bg-cyan-5[aria-selected=true]+*{background-color:#00befd4d}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-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/21350d82a1f187e9-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/c5fe6dc8356a8c31-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/19cfc7226ec3afaa-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_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--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"}