\n\t\t\t\t{#each demos as video, vi}\n\t\t\t\t\t
{\n\t\t\t\t\t\t\te.currentTarget?.classList.toggle('hover:scale-[200%]');\n\t\t\t\t\t\t\te.currentTarget?.classList.toggle('z-10');\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ton:mouseleave={(e) => {\n\t\t\t\t\t\t\te.currentTarget?.classList.remove('hover:scale-[200%]');\n\t\t\t\t\t\t\te.currentTarget?.classList.remove('z-10');\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle=\"animation-delay: {1.5 + vi}s;min-width:3rem;min-height:3rem;\"\n\t\t\t\t\t\tclass=\"hover:scale-110 cursor-pointer fadeIn hover:z-10 transition-transform flex flex-col items-center justify-between gap-4\"\n\t\t\t\t\t>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
![]()
{\n\t\t\t\t\t\t\t\t\t\tappsPicked.includes(video.app) || appsPicked.push(video.app);\n\t\t\t\t\t\t\t\t\t\tconsole.log('clicked', appsPicked);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\talt=\"logo\"\n\t\t\t\t\t\t\t\t\tclass=\" w-12 h-12 -top-8 mb-0 {vi ? 'scale-110' : ''} {video.logo ==\n\t\t\t\t\t\t\t\t\t'/logos/gmail_logo.svg'\n\t\t\t\t\t\t\t\t\t\t? 'bg-white scale-[80%] p-2 rounded-lg'\n\t\t\t\t\t\t\t\t\t\t: ' '}\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{video.text}\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t{/each}\n\t\t\t
\n\t\t