P616:[{"_631":21,"_632":235,"_633":634},"app1","app2","diffCode","var Component=(()=>{var p=Object.create;var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var v=(l,a)=>()=>(a||l((a={exports:{}}).exports,a),a.exports),k=(l,a)=>{for(var t in a)s(l,t,{get:a[t],enumerable:!0})},i=(l,a,t,r)=>{if(a&&typeof a==\"object\"||typeof a==\"function\")for(let n of h(a))!y.call(l,n)&&n!==t&&s(l,n,{get:()=>a[n],enumerable:!(r=u(a,n))||r.enumerable});return l};var N=(l,a,t)=>(t=l!=null?p(f(l)):{},i(a||!l||!l.__esModule?s(t,\"default\",{value:l,enumerable:!0}):t,l)),g=l=>i(s({},\"__esModule\",{value:!0}),l);var o=v((E,c)=>{c.exports=_jsx_runtime});var w={};k(w,{default:()=>m,frontmatter:()=>x});var e=N(o()),x=void 0;function b(l){let a={code:\"code\",pre:\"pre\",span:\"span\",...l.components},{Accordion:t,Icon:r,LaunchEditor:n}=a;return t||d(\"Accordion\",!0),r||d(\"Icon\",!0),n||d(\"LaunchEditor\",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t,{title:\"index.html\",variant:\"changed\",children:(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"index.html\",\"data-start\":\"3\",\"data-remove\":\"15\",\"data-add\":\"6,7,8,9,10,11,16\",\"data-line-numbers\":\"true\",\"data-lang\":\"html\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",\"data-diff-line-number\":\"3\",children:[\"\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"head\"}),\">\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",\"data-diff-line-number\":\"4\",children:[\"\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"meta\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"charset\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"UTF-8\"}),'\"',\" />\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",\"data-diff-line-number\":\"5\",children:[\"\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"link\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"rel\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"icon\"}),'\"',\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"type\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"image/svg+xml\"}),'\"',\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"href\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"/vite.svg\"}),'\"',\" />\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",\"data-add\":!0,\"data-diff-line-number\":\"6\",children:[\"\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"link\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"rel\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"preconnect\"}),'\"',\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"href\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://fonts.googleapis.com\"}),'\"',\" />\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",\"data-add\":!0,\"data-diff-line-number\":\"7\",children:[\"\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"link\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"rel\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"preconnect\"}),'\"',\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"href\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://fonts.gstatic.com\"}),'\"',\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"crossorigin\"}),\" />\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",\"data-add\":!0,\"data-diff-line-number\":\"8\",children:[\"\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"link\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",\"data-add\":!0,\"data-diff-line-number\":\"9\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"href\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap\"}),'\"',`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",\"data-add\":!0,\"data-diff-line-number\":\"10\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"rel\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"stylesheet\"}),'\"',`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"11\",\"data-add\":!0,\"data-diff-line-number\":\"11\",children:[\"\t\t/>\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"12\",\"data-diff-line-number\":\"12\",children:[\"\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"meta\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"name\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"viewport\"}),'\"',\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"content\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"width=device-width, initial-scale=1.0\"}),'\"',\" />\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"13\",\"data-diff-line-number\":\"13\",children:[\"\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"title\"}),\">EpicWeb.dev | Unleash The Designer in You\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"14\",\"data-diff-line-number\":\"14\",children:[\"\t\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"15\",\"data-remove\":!0,\"data-diff-line-number\":\"14\",children:[\"\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"body\"}),\">\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"16\",\"data-add\":!0,\"data-diff-line-number\":\"15\",children:[\"\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"body\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"class\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"font-poppins\"}),'\"',\">\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"17\",\"data-diff-line-number\":\"16\",children:[\"\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"div\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"id\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"root\"}),'\"',\">\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"18\",\"data-diff-line-number\":\"17\",children:[\"\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"script\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"type\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"module\"}),'\"',\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"src\"}),\"=\",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"/src/main.tsx\"}),'\"',\">\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"19\",\"data-diff-line-number\":\"18\",children:[\"\t\",`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/index.html\",line:3,children:(0,e.jsx)(\"span\",{title:\"01.project-setup/01.problem.unstyled-markup/index.html\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/index.html\",syncTo:{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/index.html\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/index.html\",syncTo:{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/index.html\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/index.html\",line:3,children:(0,e.jsx)(\"span\",{title:\"08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/index.html\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]})}),`\n`,(0,e.jsxs)(t,{title:\"package.json\",variant:\"changed\",children:[(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"package.json\",\"data-start\":\"1\",\"data-remove\":\"2\",\"data-add\":\"3\",\"data-line-numbers\":\"true\",\"data-lang\":\"json\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",\"data-diff-line-number\":\"1\",children:[\"{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",\"data-remove\":!0,\"data-diff-line-number\":\"1\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"name\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"exercises_01.project-setup_01.problem.unstyled-markup\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",\"data-add\":!0,\"data-diff-line-number\":\"2\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"name\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"exercises_08.upgrade-to-tailwind-v4_04.solution.keyframe-animations\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",\"data-diff-line-number\":\"3\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"private\"}),'\"',\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"true\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",\"data-diff-line-number\":\"4\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"version\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"0.0.0\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",\"data-diff-line-number\":\"5\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"type\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"module\"}),'\"',\",\",`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/package.json\",line:1,children:(0,e.jsx)(\"span\",{title:\"01.project-setup/01.problem.unstyled-markup/package.json\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/package.json\",syncTo:{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/package.json\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/package.json\",syncTo:{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/package.json\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/package.json\",line:1,children:(0,e.jsx)(\"span\",{title:\"08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/package.json\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]}),(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"package.json\",\"data-start\":\"14\",\"data-remove\":\"24,25,26\",\"data-add\":\"17,27,28\",\"data-line-numbers\":\"true\",\"data-lang\":\"json\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"14\",\"data-diff-line-number\":\"14\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"react-dom\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^18.2.0\"}),'\"',`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"15\",\"data-diff-line-number\":\"15\",children:[\" },\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"16\",\"data-diff-line-number\":\"16\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"devDependencies\"}),'\"',\": {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"17\",\"data-add\":!0,\"data-diff-line-number\":\"17\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"@tailwindcss/vite\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^4.0.0-alpha.14\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"18\",\"data-diff-line-number\":\"18\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"@types/node\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^20.9.1\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"19\",\"data-diff-line-number\":\"19\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"@types/react\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^18.2.15\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"20\",\"data-diff-line-number\":\"20\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"@types/react-dom\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^18.2.7\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"21\",\"data-diff-line-number\":\"21\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"@typescript-eslint/eslint-plugin\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^6.0.0\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"22\",\"data-diff-line-number\":\"22\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"@typescript-eslint/parser\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^6.0.0\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"23\",\"data-diff-line-number\":\"23\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"@vitejs/plugin-react\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^4.0.3\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"24\",\"data-remove\":!0,\"data-diff-line-number\":\"23\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"autoprefixer\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^10.4.16\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"25\",\"data-remove\":!0,\"data-diff-line-number\":\"23\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"postcss\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^8.4.31\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"26\",\"data-remove\":!0,\"data-diff-line-number\":\"23\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"tailwindcss\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^3.4.0\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"27\",\"data-add\":!0,\"data-diff-line-number\":\"24\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"open-props\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^1.6.18\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"28\",\"data-add\":!0,\"data-diff-line-number\":\"25\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"tailwindcss\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^4.0.0-alpha.14\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"29\",\"data-diff-line-number\":\"26\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"typescript\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^5.0.2\"}),'\"',\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"30\",\"data-diff-line-number\":\"27\",children:[\" \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"vite\"}),'\"',\": \",'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"^5.1.5\"}),'\"',`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"31\",\"data-diff-line-number\":\"28\",children:[\" }\",`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/package.json\",line:14,children:(0,e.jsx)(\"span\",{title:\"01.project-setup/01.problem.unstyled-markup/package.json\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/package.json\",syncTo:{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/package.json\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/package.json\",syncTo:{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/package.json\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/package.json\",line:14,children:(0,e.jsx)(\"span\",{title:\"08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/package.json\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]})]}),`\n`,(0,e.jsx)(t,{title:\"postcss.config.mjs\",variant:\"deleted\",children:(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"postcss.config.mjs\",\"data-start\":\"1\",\"data-remove\":\"1,2,3,4,5,6\",\"data-line-numbers\":\"true\",\"data-lang\":\"javascript\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"export\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"default\"}),\" {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\tplugins: {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\t\ttailwindcss: {},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\t\tautoprefixer: {},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"}\",`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/postcss.config.mjs\",line:1,children:(0,e.jsx)(\"span\",{title:\"01.project-setup/01.problem.unstyled-markup/postcss.config.mjs\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/postcss.config.mjs\",syncTo:{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/postcss.config.mjs\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/postcss.config.mjs\",syncTo:{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/postcss.config.mjs\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]})]})]})}),`\n`,(0,e.jsx)(t,{title:\"src/App.tsx\",variant:\"changed\",children:(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"src/App.tsx\",\"data-start\":\"1\",\"data-remove\":\"1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,24,25,30,31,32,33,50,51,52\",\"data-add\":\"22,26,27,28,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122\",\"data-line-numbers\":\"true\",\"data-lang\":\"tsx\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"export\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"default\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"function\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"App\"}),\"() {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"return\"}),\" (\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\t\t<>\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"p\"}),\">Let's build something epic!\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"/*\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t\t\\u{1F428} 1. Import the { EpicStackLogo } component from the './logos/logos.tsx' file. \"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t\tRender it with a width and height of level 20\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t*/\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"/* \"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"11\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t\t\\u{1F4B0} You can use the 'size-*' utilities to set an \"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"12\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t\tequal width and height in a single class! \"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"13\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t*/\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"14\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"15\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:'/* \\u{1F428} 2. Add an `h1` tag that says \"The Epic Stack\" */'}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"16\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"17\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"/* \"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"18\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t\t\\u{1F428} 3. Add a paragraph that says: \"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"19\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:'\t\t\t\t\"Check the Getting Started guide file for how to get your project off the ground!\"'}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"20\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:'\t\t\t\tThe \"Getting Started\" should be a link. Set the href to \"#\".'}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"21\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t*/\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"22\",\"data-add\":!0,\"data-diff-line-number\":\"1\",children:[\"import \",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"EpicStackLogo\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"logos\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),\" from './logos/logos'\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"23\",\"data-diff-line-number\":\"2\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"24\",\"data-remove\":!0,\"data-diff-line-number\":\"2\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"/* \"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"25\",\"data-remove\":!0,\"data-diff-line-number\":\"2\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t\t\\u{1F428} 4. Import the { logos } from the './logos/logos.tsx' file.\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"26\",\"data-add\":!0,\"data-diff-line-number\":\"3\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"function clsx(...classes: string[]) {\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"27\",\"data-add\":!0,\"data-diff-line-number\":\"4\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\treturn classes.filter(Boolean).join(' ')\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"28\",\"data-add\":!0,\"data-diff-line-number\":\"5\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"}\"}),`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"29\",\"data-diff-line-number\":\"6\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"30\",\"data-remove\":!0,\"data-diff-line-number\":\"6\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t\t\t1. Add an `ul` for the logos list.\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"31\",\"data-remove\":!0,\"data-diff-line-number\":\"6\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t\t\t2. Iterate over the `logos` array and render an `li` for each logo.\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"32\",\"data-remove\":!0,\"data-diff-line-number\":\"6\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t\t\t3. Each `li` should have an `a` with an `href` attribute set to the logo's `href`.\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"33\",\"data-remove\":!0,\"data-diff-line-number\":\"6\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t\t\t4. Inside the `a`, render an `img` with a `src` attribute set to the logo's `src`.\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"34\",\"data-add\":!0,\"data-diff-line-number\":\"7\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"const columnClasses: Record<(typeof logos)[number]['column'], string> = {\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"35\",\"data-add\":!0,\"data-diff-line-number\":\"8\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t1: 'xl:col-start-1',\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"36\",\"data-add\":!0,\"data-diff-line-number\":\"9\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t2: 'xl:col-start-2',\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"37\",\"data-add\":!0,\"data-diff-line-number\":\"10\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t3: 'xl:col-start-3',\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"38\",\"data-add\":!0,\"data-diff-line-number\":\"11\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t4: 'xl:col-start-4',\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"39\",\"data-add\":!0,\"data-diff-line-number\":\"12\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t5: 'xl:col-start-5',\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"40\",\"data-add\":!0,\"data-diff-line-number\":\"13\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"41\",\"data-add\":!0,\"data-diff-line-number\":\"14\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"const rowClasses: Record<(typeof logos)[number]['row'], string> = {\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"42\",\"data-add\":!0,\"data-diff-line-number\":\"15\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t1: 'xl:row-start-1',\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"43\",\"data-add\":!0,\"data-diff-line-number\":\"16\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t2: 'xl:row-start-2',\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"44\",\"data-add\":!0,\"data-diff-line-number\":\"17\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t3: 'xl:row-start-3',\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"45\",\"data-add\":!0,\"data-diff-line-number\":\"18\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t4: 'xl:row-start-4',\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"46\",\"data-add\":!0,\"data-diff-line-number\":\"19\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t5: 'xl:row-start-5',\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"47\",\"data-add\":!0,\"data-diff-line-number\":\"20\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t6: 'xl:row-start-6',\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"48\",\"data-add\":!0,\"data-diff-line-number\":\"21\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"}\"}),`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"49\",\"data-diff-line-number\":\"22\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"50\",\"data-remove\":!0,\"data-diff-line-number\":\"22\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:'\t\t\t\tTo avoid the images being GIANT, let\\'s add a `className` of \"w-16\" to the `img`.'}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"51\",\"data-remove\":!0,\"data-diff-line-number\":\"22\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\t\t*/\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"52\",\"data-remove\":!0,\"data-diff-line-number\":\"22\",children:[\"\t\t\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"53\",\"data-add\":!0,\"data-diff-line-number\":\"23\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"export\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"default\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"function\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"App\"}),\"() {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"54\",\"data-add\":!0,\"data-diff-line-number\":\"24\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"return\"}),\" (\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"55\",\"data-add\":!0,\"data-diff-line-number\":\"25\",children:[\"\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"div\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"grid min-h-screen place-items-center px-4 py-16\"}),'\"',\">\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"56\",\"data-add\":!0,\"data-diff-line-number\":\"26\",children:[\"\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"div\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"grid place-items-center gap-12 sm:gap-16 xl:max-w-7xl xl:grid-cols-[auto_1fr] xl:gap-x-24 xl:gap-y-4\"}),'\"',\">\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"57\",\"data-add\":!0,\"data-diff-line-number\":\"27\",children:[\"\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"div\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"58\",\"data-add\":!0,\"data-diff-line-number\":\"28\",children:[\"\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"clsx\"}),\"(\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"59\",\"data-add\":!0,\"data-diff-line-number\":\"29\",children:[\"\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"flex max-w-md flex-col items-center text-center xl:text-left\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"60\",\"data-add\":!0,\"data-diff-line-number\":\"30\",children:[\"\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"xl:col-start-2 xl:row-span-2 xl:row-start-3 xl:grid xl:max-w-none xl:grid-cols-[auto_1fr] xl:grid-rows-subgrid xl:gap-4\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"61\",\"data-add\":!0,\"data-diff-line-number\":\"31\",children:[\"\t\t\t\t\t)\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"62\",\"data-add\":!0,\"data-diff-line-number\":\"32\",children:[\"\t\t\t\t>\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"63\",\"data-add\":!0,\"data-diff-line-number\":\"33\",children:[\"\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"EpicStackLogo\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"64\",\"data-add\":!0,\"data-diff-line-number\":\"34\",children:[\"\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"clsx\"}),\"(\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"65\",\"data-add\":!0,\"data-diff-line-number\":\"35\",children:[\"\t\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"size-20\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"66\",\"data-add\":!0,\"data-diff-line-number\":\"36\",children:[\"\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// Animation\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"67\",\"data-add\":!0,\"data-diff-line-number\":\"37\",children:[\"\t\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"animate-slide-top\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"68\",\"data-add\":!0,\"data-diff-line-number\":\"38\",children:[\"\t\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"xl:animate-slide-left xl:[animation-delay:0.5s]\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"69\",\"data-add\":!0,\"data-diff-line-number\":\"39\",children:[\"\t\t\t\t\t\t)\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"70\",\"data-add\":!0,\"data-diff-line-number\":\"40\",children:[\"\t\t\t\t\t/>\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"71\",\"data-add\":!0,\"data-diff-line-number\":\"41\",children:[\"\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"h1\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"72\",\"data-add\":!0,\"data-diff-line-number\":\"42\",children:[\"\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"clsx\"}),\"(\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"73\",\"data-add\":!0,\"data-diff-line-number\":\"43\",children:[\"\t\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"sm:text-4.5xl lg:text-5.5xl mt-6 text-4xl font-medium md:mt-8 md:text-5xl xl:mt-0\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"74\",\"data-add\":!0,\"data-diff-line-number\":\"44\",children:[\"\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// Animation\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"75\",\"data-add\":!0,\"data-diff-line-number\":\"45\",children:[\"\t\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"animate-slide-top [animation-delay:0.3s]\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"76\",\"data-add\":!0,\"data-diff-line-number\":\"46\",children:[\"\t\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"xl:animate-slide-left xl:[animation-delay:0.8s]\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"77\",\"data-add\":!0,\"data-diff-line-number\":\"47\",children:[\"\t\t\t\t\t\t)\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"78\",\"data-add\":!0,\"data-diff-line-number\":\"48\",children:[\"\t\t\t\t\t>\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"79\",\"data-add\":!0,\"data-diff-line-number\":\"49\",children:[\"\t\t\t\t\t\tThe <\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"span\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"text-highlight\"}),'\"',\">Epic Stack\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"80\",\"data-add\":!0,\"data-diff-line-number\":\"50\",children:[\"\t\t\t\t\t\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"81\",\"data-add\":!0,\"data-diff-line-number\":\"51\",children:[\"\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"p\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"82\",\"data-add\":!0,\"data-diff-line-number\":\"52\",children:[\"\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"clsx\"}),\"(\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"83\",\"data-add\":!0,\"data-diff-line-number\":\"53\",children:[\"\t\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"mt-4 text-slate-600 sm:text-lg md:mt-6 md:text-xl xl:mt-0\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"84\",\"data-add\":!0,\"data-diff-line-number\":\"54\",children:[\"\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// Animation\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"85\",\"data-add\":!0,\"data-diff-line-number\":\"55\",children:[\"\t\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"animate-slide-top [animation-delay:0.8s]\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"86\",\"data-add\":!0,\"data-diff-line-number\":\"56\",children:[\"\t\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"xl:animate-slide-left xl:[animation-delay:1.3s]\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"87\",\"data-add\":!0,\"data-diff-line-number\":\"57\",children:[\"\t\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"xl:col-span-2\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"88\",\"data-add\":!0,\"data-diff-line-number\":\"58\",children:[\"\t\t\t\t\t\t)\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"89\",\"data-add\":!0,\"data-diff-line-number\":\"59\",children:[\"\t\t\t\t\t>\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"90\",\"data-add\":!0,\"data-diff-line-number\":\"60\",children:[\"\t\t\t\t\t\tCheck the\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\" \"}),\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"91\",\"data-add\":!0,\"data-diff-line-number\":\"61\",children:[\"\t\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"a\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"92\",\"data-add\":!0,\"data-diff-line-number\":\"62\",children:[\"\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"focus:ring-highlight text-black underline hover:no-underline focus:outline-none focus:ring-2\"}),'\"',`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"93\",\"data-add\":!0,\"data-diff-line-number\":\"63\",children:[\"\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"href\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"#\"}),'\"',`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"94\",\"data-add\":!0,\"data-diff-line-number\":\"64\",children:[\"\t\t\t\t\t\t>\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"95\",\"data-add\":!0,\"data-diff-line-number\":\"65\",children:[\"\t\t\t\t\t\t\tGetting Started\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"96\",\"data-add\":!0,\"data-diff-line-number\":\"66\",children:[\"\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\" \"}),\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"97\",\"data-add\":!0,\"data-diff-line-number\":\"67\",children:[\"\t\t\t\t\t\tguide file for how to get your project off the ground!\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"98\",\"data-add\":!0,\"data-diff-line-number\":\"68\",children:[\"\t\t\t\t\t\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"99\",\"data-add\":!0,\"data-diff-line-number\":\"69\",children:[\"\t\t\t\t\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"100\",\"data-add\":!0,\"data-diff-line-number\":\"70\",children:[\"\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"ul\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"flex max-w-3xl flex-wrap justify-center gap-2 sm:gap-4 xl:row-span-6 xl:grid xl:grid-flow-col xl:grid-cols-5 xl:grid-rows-subgrid\"}),'\"',\">\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"101\",\"data-add\":!0,\"data-diff-line-number\":\"71\",children:[\"\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"logos\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"map\"}),\"((\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"logo\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"i\"}),\") \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" (\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"102\",\"data-add\":!0,\"data-diff-line-number\":\"72\",children:[\"\t\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"li\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"103\",\"data-add\":!0,\"data-diff-line-number\":\"73\",children:[\"\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"key\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"logo\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"href\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"104\",\"data-add\":!0,\"data-diff-line-number\":\"74\",children:[\"\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"style\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),\"{ \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"--loop-index\"}),\"'\",\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"i\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"as\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"React\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"CSSProperties\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"105\",\"data-add\":!0,\"data-diff-line-number\":\"75\",children:[\"\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"clsx\"}),\"(\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"106\",\"data-add\":!0,\"data-diff-line-number\":\"76\",children:[\"\t\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"columnClasses\"}),\"[\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"logo\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"column\"}),\"],\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"107\",\"data-add\":!0,\"data-diff-line-number\":\"77\",children:[\"\t\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"rowClasses\"}),\"[\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"logo\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"row\"}),\"],\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"108\",\"data-add\":!0,\"data-diff-line-number\":\"78\",children:[\"\t\t\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"animate-fade-in motion-safe:animate-roll-reveal\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"109\",\"data-add\":!0,\"data-diff-line-number\":\"79\",children:[\"\t\t\t\t\t\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"motion-safe:[animation-delay:calc(0.07s*var(--loop-index))]\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"110\",\"data-add\":!0,\"data-diff-line-number\":\"80\",children:[\"\t\t\t\t\t\t\t)\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"111\",\"data-add\":!0,\"data-diff-line-number\":\"81\",children:[\"\t\t\t\t\t\t>\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"112\",\"data-add\":!0,\"data-diff-line-number\":\"82\",children:[\"\t\t\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"a\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"113\",\"data-add\":!0,\"data-diff-line-number\":\"83\",children:[\"\t\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"href\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"logo\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"href\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"114\",\"data-add\":!0,\"data-diff-line-number\":\"84\",children:[\"\t\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"bg-highlight/[7%] hover:bg-highlight/10 focus:ring-highlight grid size-20 place-items-center rounded-2xl p-4 transition hover:-rotate-6 focus:outline-none focus:ring-2 focus:ring-offset-2 sm:size-24\"}),'\"',`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"115\",\"data-add\":!0,\"data-diff-line-number\":\"85\",children:[\"\t\t\t\t\t\t\t>\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"116\",\"data-add\":!0,\"data-diff-line-number\":\"86\",children:[\"\t\t\t\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"img\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"src\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"logo\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"src\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"alt\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"logo\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"alt\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),\" />\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"117\",\"data-add\":!0,\"data-diff-line-number\":\"87\",children:[\"\t\t\t\t\t\t\t\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"118\",\"data-add\":!0,\"data-diff-line-number\":\"88\",children:[\"\t\t\t\t\t\t\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"119\",\"data-add\":!0,\"data-diff-line-number\":\"89\",children:[\"\t\t\t\t\t))\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"120\",\"data-add\":!0,\"data-diff-line-number\":\"90\",children:[\"\t\t\t\t\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"121\",\"data-add\":!0,\"data-diff-line-number\":\"91\",children:[\"\t\t\t\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"122\",\"data-add\":!0,\"data-diff-line-number\":\"92\",children:[\"\t\t\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"123\",\"data-diff-line-number\":\"93\",children:[\"\t)\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"124\",\"data-diff-line-number\":\"94\",children:[\"}\",`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/src/App.tsx\",line:1,children:(0,e.jsx)(\"span\",{title:\"01.project-setup/01.problem.unstyled-markup/src/App.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/src/App.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/App.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/App.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/src/App.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/App.tsx\",line:1,children:(0,e.jsx)(\"span\",{title:\"08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/App.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]})}),`\n`,(0,e.jsx)(t,{title:\"src/logos/epic-stack.tsx\",variant:\"changed\",children:(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"src/logos/epic-stack.tsx\",\"data-start\":\"1\",\"data-remove\":\"1,2,3,4,5\",\"data-line-numbers\":\"true\",\"data-lang\":\"tsx\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"/*\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\\u{1F9DD}\\u200D\\u2640\\uFE0F I've prepared the Epic Stack logo as a React component for you.\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\tYou can pass it Tailwind classNames to style it!\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"*/\"}),`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",\"data-diff-line-number\":\"1\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"export\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"function\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"EpicStackLogo\"}),\"({ \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"className\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",\"''\",\" }) {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",\"data-diff-line-number\":\"2\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"return\"}),\" (\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",\"data-diff-line-number\":\"3\",children:[\"\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"svg\"}),`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/src/logos/epic-stack.tsx\",line:1,children:(0,e.jsx)(\"span\",{title:\"01.project-setup/01.problem.unstyled-markup/src/logos/epic-stack.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/src/logos/epic-stack.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/logos/epic-stack.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/logos/epic-stack.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/src/logos/epic-stack.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/logos/epic-stack.tsx\",line:1,children:(0,e.jsx)(\"span\",{title:\"08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/logos/epic-stack.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]})}),`\n`,(0,e.jsx)(t,{title:\"src/logos/logos.ts\",variant:\"changed\",children:(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"src/logos/logos.ts\",\"data-start\":\"22\",\"data-remove\":\"25,26,27,28\",\"data-add\":\"34,35,41,42,48,49,55,56,62,63,69,70,76,77,83,84,90,91,97,98,104,105,111,112,118,119,125,126,132,133,139,140,146,147,153,154,160,161,167,168,174,175\",\"data-line-numbers\":\"true\",\"data-lang\":\"typescript\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"22\",\"data-diff-line-number\":\"22\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"23\",\"data-diff-line-number\":\"23\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"export\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"EpicStackLogo\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"./epic-stack\"}),\"'\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"24\",\"data-diff-line-number\":\"24\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"25\",\"data-remove\":!0,\"data-diff-line-number\":\"24\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"/*\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"26\",\"data-remove\":!0,\"data-diff-line-number\":\"24\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\t\\u{1F9DD}\\u200D\\u2640\\uFE0F I've prepared this list of Epic Stack logos, \"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"27\",\"data-remove\":!0,\"data-diff-line-number\":\"24\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"\tso you can display them on the page design.\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"28\",\"data-remove\":!0,\"data-diff-line-number\":\"24\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"*/\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"29\",\"data-diff-line-number\":\"25\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"export\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"const\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"logos\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" [\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"30\",\"data-diff-line-number\":\"26\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"31\",\"data-diff-line-number\":\"27\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"remix\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"32\",\"data-diff-line-number\":\"28\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Remix\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"33\",\"data-diff-line-number\":\"29\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://remix.run\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"34\",\"data-add\":!0,\"data-diff-line-number\":\"30\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"1\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"35\",\"data-add\":!0,\"data-diff-line-number\":\"31\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"1\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"36\",\"data-diff-line-number\":\"32\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"37\",\"data-diff-line-number\":\"33\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"38\",\"data-diff-line-number\":\"34\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"fly\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"39\",\"data-diff-line-number\":\"35\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Fly.io\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"40\",\"data-diff-line-number\":\"36\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://fly.io\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"41\",\"data-add\":!0,\"data-diff-line-number\":\"37\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"1\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"42\",\"data-add\":!0,\"data-diff-line-number\":\"38\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"2\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"43\",\"data-diff-line-number\":\"39\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"44\",\"data-diff-line-number\":\"40\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"45\",\"data-diff-line-number\":\"41\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"sqlite\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"46\",\"data-diff-line-number\":\"42\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"SQLite\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"47\",\"data-diff-line-number\":\"43\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://sqlite.org\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"48\",\"data-add\":!0,\"data-diff-line-number\":\"44\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"1\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"49\",\"data-add\":!0,\"data-diff-line-number\":\"45\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"3\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"50\",\"data-diff-line-number\":\"46\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"51\",\"data-diff-line-number\":\"47\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"52\",\"data-diff-line-number\":\"48\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"prisma\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"53\",\"data-diff-line-number\":\"49\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Prisma\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"54\",\"data-diff-line-number\":\"50\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://prisma.io\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"55\",\"data-add\":!0,\"data-diff-line-number\":\"51\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"2\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"56\",\"data-add\":!0,\"data-diff-line-number\":\"52\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"2\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"57\",\"data-diff-line-number\":\"53\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"58\",\"data-diff-line-number\":\"54\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"59\",\"data-diff-line-number\":\"55\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"zod\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"60\",\"data-diff-line-number\":\"56\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Zod\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"61\",\"data-diff-line-number\":\"57\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://zod.dev/\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"62\",\"data-add\":!0,\"data-diff-line-number\":\"58\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"2\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"63\",\"data-add\":!0,\"data-diff-line-number\":\"59\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"3\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"64\",\"data-diff-line-number\":\"60\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"65\",\"data-diff-line-number\":\"61\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"66\",\"data-diff-line-number\":\"62\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"github\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"67\",\"data-diff-line-number\":\"63\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"GitHub\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"68\",\"data-diff-line-number\":\"64\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://github.com\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"69\",\"data-add\":!0,\"data-diff-line-number\":\"65\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"2\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"70\",\"data-add\":!0,\"data-diff-line-number\":\"66\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"4\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"71\",\"data-diff-line-number\":\"67\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"72\",\"data-diff-line-number\":\"68\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"73\",\"data-diff-line-number\":\"69\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"resend\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"74\",\"data-diff-line-number\":\"70\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Resend\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"75\",\"data-diff-line-number\":\"71\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://resend.com\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"76\",\"data-add\":!0,\"data-diff-line-number\":\"72\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"2\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"77\",\"data-add\":!0,\"data-diff-line-number\":\"73\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"5\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"78\",\"data-diff-line-number\":\"74\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"79\",\"data-diff-line-number\":\"75\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"80\",\"data-diff-line-number\":\"76\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"reactEmail\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"81\",\"data-diff-line-number\":\"77\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"React Email\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"82\",\"data-diff-line-number\":\"78\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://react.email\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"83\",\"data-add\":!0,\"data-diff-line-number\":\"79\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"2\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"84\",\"data-add\":!0,\"data-diff-line-number\":\"80\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"6\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"85\",\"data-diff-line-number\":\"81\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"86\",\"data-diff-line-number\":\"82\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"87\",\"data-diff-line-number\":\"83\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"tailwind\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"88\",\"data-diff-line-number\":\"84\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Tailwind CSS\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"89\",\"data-diff-line-number\":\"85\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://tailwindcss.com\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"90\",\"data-add\":!0,\"data-diff-line-number\":\"86\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"3\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"91\",\"data-add\":!0,\"data-diff-line-number\":\"87\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"3\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"92\",\"data-diff-line-number\":\"88\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"93\",\"data-diff-line-number\":\"89\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"94\",\"data-diff-line-number\":\"90\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"radixUI\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"95\",\"data-diff-line-number\":\"91\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Radix UI\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"96\",\"data-diff-line-number\":\"92\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://www.radix-ui.com/\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"97\",\"data-add\":!0,\"data-diff-line-number\":\"93\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"3\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"98\",\"data-add\":!0,\"data-diff-line-number\":\"94\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"4\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"99\",\"data-diff-line-number\":\"95\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"100\",\"data-diff-line-number\":\"96\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"101\",\"data-diff-line-number\":\"97\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"shadcnUI\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"102\",\"data-diff-line-number\":\"98\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"shadcn/ui\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"103\",\"data-diff-line-number\":\"99\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://ui.shadcn.com/\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"104\",\"data-add\":!0,\"data-diff-line-number\":\"100\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"3\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"105\",\"data-add\":!0,\"data-diff-line-number\":\"101\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"5\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"106\",\"data-diff-line-number\":\"102\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"107\",\"data-diff-line-number\":\"103\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"108\",\"data-diff-line-number\":\"104\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"playwright\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"109\",\"data-diff-line-number\":\"105\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Playwright\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"110\",\"data-diff-line-number\":\"106\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://playwright.dev/\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"111\",\"data-add\":!0,\"data-diff-line-number\":\"107\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"4\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"112\",\"data-add\":!0,\"data-diff-line-number\":\"108\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"1\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"113\",\"data-diff-line-number\":\"109\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"114\",\"data-diff-line-number\":\"110\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"115\",\"data-diff-line-number\":\"111\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"msw\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"116\",\"data-diff-line-number\":\"112\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"MSW\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"117\",\"data-diff-line-number\":\"113\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://mswjs.io\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"118\",\"data-add\":!0,\"data-diff-line-number\":\"114\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"4\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"119\",\"data-add\":!0,\"data-diff-line-number\":\"115\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"2\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"120\",\"data-diff-line-number\":\"116\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"121\",\"data-diff-line-number\":\"117\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"122\",\"data-diff-line-number\":\"118\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"fakerJS\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"123\",\"data-diff-line-number\":\"119\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Faker.js\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"124\",\"data-diff-line-number\":\"120\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://fakerjs.dev/\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"125\",\"data-add\":!0,\"data-diff-line-number\":\"121\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"4\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"126\",\"data-add\":!0,\"data-diff-line-number\":\"122\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"3\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"127\",\"data-diff-line-number\":\"123\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"128\",\"data-diff-line-number\":\"124\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"129\",\"data-diff-line-number\":\"125\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"vitest\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"130\",\"data-diff-line-number\":\"126\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Vitest\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"131\",\"data-diff-line-number\":\"127\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://vitest.dev\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"132\",\"data-add\":!0,\"data-diff-line-number\":\"128\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"4\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"133\",\"data-add\":!0,\"data-diff-line-number\":\"129\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"4\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"134\",\"data-diff-line-number\":\"130\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"135\",\"data-diff-line-number\":\"131\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"136\",\"data-diff-line-number\":\"132\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"testingLibrary\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"137\",\"data-diff-line-number\":\"133\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Testing Library\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"138\",\"data-diff-line-number\":\"134\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://testing-library.com\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"139\",\"data-add\":!0,\"data-diff-line-number\":\"135\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"4\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"140\",\"data-add\":!0,\"data-diff-line-number\":\"136\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"5\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"141\",\"data-diff-line-number\":\"137\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"142\",\"data-diff-line-number\":\"138\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"143\",\"data-diff-line-number\":\"139\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"docker\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"144\",\"data-diff-line-number\":\"140\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Docker\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"145\",\"data-diff-line-number\":\"141\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://www.docker.com\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"146\",\"data-add\":!0,\"data-diff-line-number\":\"142\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"4\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"147\",\"data-add\":!0,\"data-diff-line-number\":\"143\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"6\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"148\",\"data-diff-line-number\":\"144\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"149\",\"data-diff-line-number\":\"145\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"150\",\"data-diff-line-number\":\"146\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"typescript\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"151\",\"data-diff-line-number\":\"147\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"TypeScript\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"152\",\"data-diff-line-number\":\"148\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://typescriptlang.org\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"153\",\"data-add\":!0,\"data-diff-line-number\":\"149\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"5\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"154\",\"data-add\":!0,\"data-diff-line-number\":\"150\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"2\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"155\",\"data-diff-line-number\":\"151\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"156\",\"data-diff-line-number\":\"152\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"157\",\"data-diff-line-number\":\"153\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"prettier\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"158\",\"data-diff-line-number\":\"154\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Prettier\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"159\",\"data-diff-line-number\":\"155\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://prettier.io\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"160\",\"data-add\":!0,\"data-diff-line-number\":\"156\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"5\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"161\",\"data-add\":!0,\"data-diff-line-number\":\"157\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"3\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"162\",\"data-diff-line-number\":\"158\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"163\",\"data-diff-line-number\":\"159\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"164\",\"data-diff-line-number\":\"160\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"eslint\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"165\",\"data-diff-line-number\":\"161\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"ESLint\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"166\",\"data-diff-line-number\":\"162\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://eslint.org\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"167\",\"data-add\":!0,\"data-diff-line-number\":\"163\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"5\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"168\",\"data-add\":!0,\"data-diff-line-number\":\"164\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"4\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"169\",\"data-diff-line-number\":\"165\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"170\",\"data-diff-line-number\":\"166\",children:[\"\t{\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"171\",\"data-diff-line-number\":\"167\",children:[\"\t\tsrc: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"sentry\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"172\",\"data-diff-line-number\":\"168\",children:[\"\t\talt: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"Sentry\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"173\",\"data-diff-line-number\":\"169\",children:[\"\t\thref: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"https://sentry.io\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"174\",\"data-add\":!0,\"data-diff-line-number\":\"170\",children:[\"\t\tcolumn: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"5\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"175\",\"data-add\":!0,\"data-diff-line-number\":\"171\",children:[\"\t\trow: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"5\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"176\",\"data-diff-line-number\":\"172\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"177\",\"data-diff-line-number\":\"173\",children:[\"] \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"as\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"const\"}),`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/src/logos/logos.ts\",line:22,children:(0,e.jsx)(\"span\",{title:\"01.project-setup/01.problem.unstyled-markup/src/logos/logos.ts\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/src/logos/logos.ts\",syncTo:{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/logos/logos.ts\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/logos/logos.ts\",syncTo:{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/src/logos/logos.ts\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/logos/logos.ts\",line:22,children:(0,e.jsx)(\"span\",{title:\"08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/logos/logos.ts\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]})}),`\n`,(0,e.jsx)(t,{title:\"src/styles/tailwind.css\",variant:\"changed\",children:(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"src/styles/tailwind.css\",\"data-start\":\"1\",\"data-remove\":\"1,2,3\",\"data-add\":\"4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64\",\"data-line-numbers\":\"true\",\"data-lang\":\"css\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"@\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"tailwind\"}),\" base;\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"@\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"tailwind\"}),\" components;\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"@\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"tailwind\"}),\" utilities;\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",\"data-add\":!0,\"data-diff-line-number\":\"1\",children:[\"@\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"tailwindcss\"}),\"'\",\";\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",\"data-add\":!0,\"data-diff-line-number\":\"2\",children:[\"@\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"open-props/easings\"}),\"'\",\";\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",\"data-add\":!0,\"data-diff-line-number\":\"3\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",\"data-add\":!0,\"data-diff-line-number\":\"4\",children:[\"@\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"theme\"}),\" {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",\"data-add\":!0,\"data-diff-line-number\":\"5\",children:[\"\t--breakpoint-sm: 520px;\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",\"data-add\":!0,\"data-diff-line-number\":\"6\",children:[\"\t--breakpoint-lg: 976px;\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",\"data-add\":!0,\"data-diff-line-number\":\"7\",children:[\"\t--color-highlight: #\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"6202ff\"}),\";\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"11\",\"data-add\":!0,\"data-diff-line-number\":\"8\",children:[\"\t--font-family-poppins: 'Poppins', \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"sans-serif\"}),\";\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"12\",\"data-add\":!0,\"data-diff-line-number\":\"9\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"13\",\"data-add\":!0,\"data-diff-line-number\":\"10\",children:[\"\t--font-size-4_5xl: 2.625rem;\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"14\",\"data-add\":!0,\"data-diff-line-number\":\"11\",children:[\"\t--font-size-4_5xl--line-height: 1.15;\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"15\",\"data-add\":!0,\"data-diff-line-number\":\"12\",children:[\"\t--font-size-5_5xl: 3.375rem;\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"16\",\"data-add\":!0,\"data-diff-line-number\":\"13\",children:[\"\t--font-size-5_5xl--line-height: 1;\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"17\",\"data-add\":!0,\"data-diff-line-number\":\"14\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"18\",\"data-add\":!0,\"data-diff-line-number\":\"15\",children:[\"\t@\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"keyframes\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"roll-reveal\"}),\" {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"19\",\"data-add\":!0,\"data-diff-line-number\":\"16\",children:[\"\t\tfrom {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"20\",\"data-add\":!0,\"data-diff-line-number\":\"17\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"transform\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"rotate\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"12deg\"}),\") \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"scale\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"0\"}),\");\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"21\",\"data-add\":!0,\"data-diff-line-number\":\"18\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"opacity\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"0\"}),\";\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"22\",\"data-add\":!0,\"data-diff-line-number\":\"19\",children:[\"\t\t}\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"23\",\"data-add\":!0,\"data-diff-line-number\":\"20\",children:[\"\t\tto {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"24\",\"data-add\":!0,\"data-diff-line-number\":\"21\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"transform\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"rotate\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"0deg\"}),\") \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"scale\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"1\"}),\");\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"25\",\"data-add\":!0,\"data-diff-line-number\":\"22\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"opacity\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"1\"}),\";\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"26\",\"data-add\":!0,\"data-diff-line-number\":\"23\",children:[\"\t\t}\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"27\",\"data-add\":!0,\"data-diff-line-number\":\"24\",children:[\"\t}\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"28\",\"data-add\":!0,\"data-diff-line-number\":\"25\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"29\",\"data-add\":!0,\"data-diff-line-number\":\"26\",children:[\"\t@\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"keyframes\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"fade-in\"}),\" {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"30\",\"data-add\":!0,\"data-diff-line-number\":\"27\",children:[\"\t\tfrom {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"31\",\"data-add\":!0,\"data-diff-line-number\":\"28\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"opacity\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"0\"}),\";\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"32\",\"data-add\":!0,\"data-diff-line-number\":\"29\",children:[\"\t\t}\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"33\",\"data-add\":!0,\"data-diff-line-number\":\"30\",children:[\"\t\tto {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"34\",\"data-add\":!0,\"data-diff-line-number\":\"31\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"opacity\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"1\"}),\";\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"35\",\"data-add\":!0,\"data-diff-line-number\":\"32\",children:[\"\t\t}\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"36\",\"data-add\":!0,\"data-diff-line-number\":\"33\",children:[\"\t}\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"37\",\"data-add\":!0,\"data-diff-line-number\":\"34\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"38\",\"data-add\":!0,\"data-diff-line-number\":\"35\",children:[\"\t@\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"keyframes\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"slide-left\"}),\" {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"39\",\"data-add\":!0,\"data-diff-line-number\":\"36\",children:[\"\t\tfrom {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"40\",\"data-add\":!0,\"data-diff-line-number\":\"37\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"transform\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"translateX\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"20px\"}),\");\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"41\",\"data-add\":!0,\"data-diff-line-number\":\"38\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"opacity\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"0\"}),\";\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"42\",\"data-add\":!0,\"data-diff-line-number\":\"39\",children:[\"\t\t}\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"43\",\"data-add\":!0,\"data-diff-line-number\":\"40\",children:[\"\t\tto {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"44\",\"data-add\":!0,\"data-diff-line-number\":\"41\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"transform\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"translateX\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"0px\"}),\");\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"45\",\"data-add\":!0,\"data-diff-line-number\":\"42\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"opacity\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"1\"}),\";\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"46\",\"data-add\":!0,\"data-diff-line-number\":\"43\",children:[\"\t\t}\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"47\",\"data-add\":!0,\"data-diff-line-number\":\"44\",children:[\"\t}\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"48\",\"data-add\":!0,\"data-diff-line-number\":\"45\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"49\",\"data-add\":!0,\"data-diff-line-number\":\"46\",children:[\"\t@\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"keyframes\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"slide-top\"}),\" {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"50\",\"data-add\":!0,\"data-diff-line-number\":\"47\",children:[\"\t\tfrom {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"51\",\"data-add\":!0,\"data-diff-line-number\":\"48\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"transform\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"translateY\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"20px\"}),\");\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"52\",\"data-add\":!0,\"data-diff-line-number\":\"49\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"opacity\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"0\"}),\";\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"53\",\"data-add\":!0,\"data-diff-line-number\":\"50\",children:[\"\t\t}\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"54\",\"data-add\":!0,\"data-diff-line-number\":\"51\",children:[\"\t\tto {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"55\",\"data-add\":!0,\"data-diff-line-number\":\"52\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"transform\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"translateY\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"0px\"}),\");\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"56\",\"data-add\":!0,\"data-diff-line-number\":\"53\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"opacity\"}),\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"1\"}),\";\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"57\",\"data-add\":!0,\"data-diff-line-number\":\"54\",children:[\"\t\t}\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"58\",\"data-add\":!0,\"data-diff-line-number\":\"55\",children:[\"\t}\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"59\",\"data-add\":!0,\"data-diff-line-number\":\"56\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"60\",\"data-add\":!0,\"data-diff-line-number\":\"57\",children:[\"\t--animate-roll-reveal: 0.\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"4s\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"roll-reveal\"}),\" var(--ease-spring-2) backwards;\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"61\",\"data-add\":!0,\"data-diff-line-number\":\"58\",children:[\"\t--animate-fade-in: 0.\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"4s\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"fade-in\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"ease-out\"}),\" backwards;\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"62\",\"data-add\":!0,\"data-diff-line-number\":\"59\",children:[\"\t--animate-slide-top: 0.\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"3s\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"slide-top\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"ease-out\"}),\" backwards;\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"63\",\"data-add\":!0,\"data-diff-line-number\":\"60\",children:[\"\t--animate-slide-left: 0.\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"3s\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"slide-left\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"ease-out\"}),\" backwards;\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"64\",\"data-add\":!0,\"data-diff-line-number\":\"61\",children:[\"}\",`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/src/styles/tailwind.css\",line:1,children:(0,e.jsx)(\"span\",{title:\"01.project-setup/01.problem.unstyled-markup/src/styles/tailwind.css\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/src/styles/tailwind.css\",syncTo:{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/styles/tailwind.css\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/styles/tailwind.css\",syncTo:{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/src/styles/tailwind.css\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/styles/tailwind.css\",line:1,children:(0,e.jsx)(\"span\",{title:\"08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/src/styles/tailwind.css\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]})}),`\n`,(0,e.jsx)(t,{title:\"tailwind.config.ts\",variant:\"deleted\",children:(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"tailwind.config.ts\",\"data-start\":\"1\",\"data-remove\":\"1,2,3,4,5,6,7,8,9\",\"data-line-numbers\":\"true\",\"data-lang\":\"typescript\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"type\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"Config\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"tailwindcss\"}),\"'\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"export\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"default\"}),\" {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\tcontent: [\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"./src/**/*.{ts,tsx,js,jsx}\"}),\"'\",\"],\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\ttheme: {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\t\textend: {},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\t},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"\tplugins: [],\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",\"data-remove\":!0,\"data-diff-line-number\":\"0\",children:[\"} \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"satisfies\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"Config\"}),`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/tailwind.config.ts\",line:1,children:(0,e.jsx)(\"span\",{title:\"01.project-setup/01.problem.unstyled-markup/tailwind.config.ts\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/tailwind.config.ts\",syncTo:{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/tailwind.config.ts\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/tailwind.config.ts\",syncTo:{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/tailwind.config.ts\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]})]})]})}),`\n`,(0,e.jsx)(t,{title:\"vite.config.ts\",variant:\"changed\",children:(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"vite.config.ts\",\"data-start\":\"1\",\"data-remove\":\"7\",\"data-add\":\"1,8\",\"data-line-numbers\":\"true\",\"data-lang\":\"typescript\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",\"data-add\":!0,\"data-diff-line-number\":\"1\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"tailwindcss\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"@tailwindcss/vite\"}),\"'\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",\"data-diff-line-number\":\"2\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"react\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"@vitejs/plugin-react\"}),\"'\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",\"data-diff-line-number\":\"3\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"defineConfig\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"vite\"}),\"'\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",\"data-diff-line-number\":\"4\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",\"data-diff-line-number\":\"5\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// https://vitejs.dev/config/\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",\"data-diff-line-number\":\"6\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"export\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"default\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"defineConfig\"}),\"({\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",\"data-remove\":!0,\"data-diff-line-number\":\"6\",children:[\"\tplugins: [\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"react\"}),\"()],\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",\"data-add\":!0,\"data-diff-line-number\":\"7\",children:[\"\tplugins: [\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"react\"}),\"(), \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"tailwindcss\"}),\"()],\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",\"data-diff-line-number\":\"8\",children:[\"\tserver: {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",\"data-diff-line-number\":\"9\",children:[\"\t\tport: \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"Number\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"process\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"env\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"PORT\"}),\") \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"||\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"3000\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"11\",\"data-diff-line-number\":\"10\",children:[\"\t},\",`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/vite.config.ts\",line:1,children:(0,e.jsx)(\"span\",{title:\"01.project-setup/01.problem.unstyled-markup/vite.config.ts\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/vite.config.ts\",syncTo:{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/vite.config.ts\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/vite.config.ts\",syncTo:{file:\"/myapp/workshop-content/exercises/01.project-setup/01.problem.unstyled-markup/vite.config.ts\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(r,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(n,{file:\"/myapp/workshop-content/exercises/08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/vite.config.ts\",line:1,children:(0,e.jsx)(\"span\",{title:\"08.upgrade-to-tailwind-v4/04.solution.keyframe-animations/vite.config.ts\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]})})]})}function m(l={}){let{wrapper:a}=l.components||{};return a?(0,e.jsx)(a,{...l,children:(0,e.jsx)(b,{...l})}):b(l)}function d(l,a){throw new Error(\"Expected \"+(a?\"component\":\"object\")+\" `\"+l+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return g(w);})();\n;return Component;"]