1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8974],{8893:(e,t,a)=>{"use strict";a.d(t,{default:()=>d});var r=a(21928),l=a(47460),s=a(72598),i=a.n(s),n=a(47203);let o={Publication:"#1982F4",Talk:"#12bfdf","Talks & Podcasts":"#12bfdf",Blog:"#E51A66"};function d(e){let{items:t}=e,a=(0,l.useRef)(null),[s,d]=(0,l.useState)(0),c=(0,l.useCallback)(()=>{let e=a.current;if(!e)return;let{scrollLeft:t,scrollWidth:r,clientWidth:l}=e,s=r-l;d(s>0?t/s:0)},[]);(0,l.useEffect)(()=>{let e=a.current;if(e)return e.addEventListener("scroll",c,{passive:!0}),c(),()=>e.removeEventListener("scroll",c)},[c]);let u=e=>{let t=a.current;if(!t)return;let r=t.querySelector("a"),l=((null==r?void 0:r.offsetWidth)||320)+20;t.scrollBy({left:"right"===e?l:-l,behavior:"smooth"})};return(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{ref:a,className:"flex gap-5 overflow-x-auto scrollbar-hide -mx-6 px-6 pb-1",children:t.map(e=>{let t=o[e.type]||"#1982F4";return(0,r.jsxs)(i(),{href:e.permalink,className:"group flex-none w-[280px] sm:w-[310px] md:w-[340px] flex flex-col rounded-2xl overflow-hidden bg-white border border-gray-200 hover:shadow-lg hover:border-gray-300 transition-all duration-200",children:[e.coverImage?(0,r.jsx)("div",{className:"h-[180px] bg-cover bg-center bg-gray-100",style:{backgroundImage:"url('".concat(e.coverImage,"')")}}):(0,r.jsx)("div",{className:"h-[180px] relative overflow-hidden",style:{background:"linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, ".concat(t,"33 100%)")},children:(0,r.jsx)("div",{className:"absolute inset-0 opacity-[0.07]",style:{backgroundImage:"radial-gradient(circle at 30% 40%, ".concat(t," 1px, transparent 1px), radial-gradient(circle at 70% 60%, ").concat(t," 1px, transparent 1px)"),backgroundSize:"24px 24px, 32px 32px"}})}),(0,r.jsxs)("div",{className:"flex flex-col flex-1 p-5",children:[(0,r.jsx)("span",{className:"text-[11px] font-bold uppercase tracking-[0.04em] px-2.5 py-0.5 rounded-full border border-gray-200 text-gray-600 self-start mb-3",children:e.type}),(0,r.jsx)("div",{className:"border-t border-gray-100 pt-3",children:(0,r.jsx)("h4",{className:"font-serif text-[17px] font-medium leading-snug tracking-tight line-clamp-3",children:e.title})}),(0,r.jsx)("span",{className:"text-[13px] text-gray-500 mt-auto pt-4",children:(0,n.Yq)(e.date)})]})]},e.permalink)})}),(0,r.jsxs)("div",{className:"flex items-center justify-between mt-6",children:[(0,r.jsx)("div",{className:"w-[200px] h-[3px] bg-gray-200 rounded-full relative",children:(0,r.jsx)("div",{className:"absolute h-full w-[30%] bg-blue rounded-full transition-[left] duration-150",style:{left:"".concat(70*s,"%")}})}),(0,r.jsxs)("div",{className:"flex gap-2.5",children:[(0,r.jsx)("button",{onClick:()=>u("left"),className:"w-10 h-10 rounded-full bg-black text-white flex items-center justify-center hover:bg-gray-800 transition-colors disabled:opacity-30","aria-label":"Previous",disabled:s<=0,children:"â"}),(0,r.jsx)("button",{onClick:()=>u("right"),className:"w-10 h-10 rounded-full bg-black text-white flex items-center justify-center hover:bg-gray-800 transition-colors disabled:opacity-30","aria-label":"Next",disabled:s>=.99,children:"â"})]})]})]})}},41996:(e,t,a)=>{"use strict";a.d(t,{default:()=>o});var r=a(21928),l=a(72598),s=a.n(l),i=a(14409);let n={landing:"/edit",about:"/about/edit",areas:"/areas/edit",collaborate:"/outreach/collaboration/edit","area-ai-robotics":"/areas/ai-robotics/edit","area-digital-human-rights":"/areas/digital-human-rights/edit","area-neurotech":"/areas/neurotech/edit","area-economies-governance":"/areas/economies-governance/edit","area-eg-subareas":"/areas/economies-governance/subareas/edit","area-eg-impact":"/areas/economies-governance/impact/edit",insights:"/insights/edit",publications:"/publications/edit",talks:"/talks/edit",tutorials:"/tutorials/edit",blog:"/blog/edit",authors:"/authors/edit"};function o(e){let{rkey:t,href:a}=e,{isAuthenticated:l,isAdmin:o}=(0,i.A)();return l&&o?(0,r.jsxs)(s(),{href:a||n[t]||"/admin?page=".concat(encodeURIComponent(t)),className:"fixed top-20 right-6 z-50 flex items-center gap-2 px-4 py-2 bg-blue text-white rounded-full shadow-lg hover:bg-blue/90 transition-colors text-sm font-medium",title:'Edit "'.concat(t,'" page content'),children:[(0,r.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"})}),"Edit page"]}):null}},95816:(e,t,a)=>{Promise.resolve().then(a.t.bind(a,72598,23)),Promise.resolve().then(a.bind(a,52290)),Promise.resolve().then(a.bind(a,41996
1)),Promise.resolve().then(a.bind(a,8893))}},e=>{e.O(0,[2598,2290,2103,9335,7358],()=>e(e.s=95816)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.