1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1572],{37878:(e,t,s)=>{"use strict";s.r(t),s.d(t,{Reveal:()=>n,default:()=>l});var a=s(95155),i=s(68071),r=s(62825);function n(e){let{children:t,delay:s=0,duration:n=.7,y:l=24,className:d}=e;return(0,r.D)()?(0,a.jsx)("div",{className:d,children:t}):(0,a.jsx)(i.PY1.div,{className:d,initial:{opacity:0,y:l},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"0px 0px -10% 0px"},transition:{duration:n,delay:s,ease:[.16,1,.3,1]},children:t})}let l=n},59318:(e,t,s)=>{"use strict";s.d(t,{AnimatedCounter:()=>l});var a=s(95155),i=s(76604),r=s(56506),n=s(12115);function l(e){let{value:t,suffix:s="",prefix:l="",duration:d=1.6,className:c}=e,o=(0,n.useRef)(null),m=(0,i.W)(o,{once:!0,margin:"0px 0px -10% 0px"}),[u,x]=(0,n.useState)(0);return(0,n.useEffect)(()=>{if(!m)return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return void x(t);let e=(0,r.i)(0,t,{duration:d,ease:[.16,1,.3,1],onUpdate:e=>x(Math.round(e))});return()=>e.stop()},[m,t,d]),(0,a.jsxs)("span",{ref:o,className:c,children:[l,u.toLocaleString("en-GB"),s]})}},62825:(e,t,s)=>{"use strict";s.d(t,{D:()=>i});var a=s(12115);function i(){let[e,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),s=()=>t(e.matches);return s(),e.addEventListener("change",s),()=>e.removeEventListener("change",s)},[]),e}},67926:(e,t,s)=>{Promise.resolve().then(s.t.bind(s,6874,23)),Promise.resolve().then(s.t.bind(s,33063,23)),Promise.resolve().then(s.bind(s,73116)),Promise.resolve().then(s.bind(s,59318)),Promise.resolve().then(s.bind(s,37878))},73116:(e,t,s)=>{"use strict";s.d(t,{ProcessTimeline:()=>o});var a=s(95155),i=s(66766),r=s(93084),n=s(4733),l=s(5608),d=s(68071),c=s(12115);function o(e){let{steps:t,className:s=""}=e,o=(0,c.useRef)(null),u=(0,r.I)(),{scrollYProgress:x}=(0,n.L)({target:o,offset:["start 0.75","end 0.55"]}),h=(0,l.z)(x,{stiffness:140,damping:28,mass:.6});return 0===t.length?null:(0,a.jsxs)("div",{ref:o,className:["relative",s].join(" "),children:[(0,a.jsx)("div",{"aria-hidden":"true",className:"absolute top-2 bottom-10 left-5 w-0.5 -translate-x-1/2 bg-ink-200 md:left-1/2"}),u?(0,a.jsx)("div",{"aria-hidden":"true",className:"absolute top-2 bottom-10 left-5 w-0.5 -translate-x-1/2 bg-brand-500 md:left-1/2"}):(0,a.jsx)(d.PY1.div,{"aria-hidden":"true",style:{scaleY:h},className:"absolute top-2 bottom-10 left-5 w-0.5 origin-top -translate-x-1/2 bg-brand-500 md:left-1/2"}),(0,a.jsx)("ol",{className:"space-y-16 md:space-y-24",children:t.map((e,s)=>{let r=s%2==1,n=(0,a.jsx)(m,{reduce:null!=u&&u,className:"absolute top-0 left-5 z-10 -translate-x-1/2 md:static md:translate-x-0 md:justify-self-center",children:(0,a.jsx)("span",{className:"grid h-10 w-10 -ske
1w-x-[18deg] place-items-center bg-brand-500 shadow-md shadow-brand-500/30 sm:h-12 sm:w-12",children:(0,a.jsx)("span",{className:"skew-x-[18deg] font-display text-lg font-bold text-ink-950 sm:text-xl",children:s+1})})}),l=(0,a.jsxs)(m,{reduce:null!=u&&u,delay:.08,className:r?"md:text-left":"md:text-right",children:[(0,a.jsxs)("p",{className:["mb-2 flex items-center gap-2.5 font-display text-xs font-semibold tracking-[0.2em] text-brand-600 uppercase",r?"":"md:justify-end"].join(" "),children:[(0,a.jsx)("span",{className:"eb-block-accent h-2.5 w-4","aria-hidden":"true"}),"Step ",s+1," of ",t.length]}),(0,a.jsx)("h3",{className:"text-2xl font-semibold text-ink-900 sm:text-3xl",children:e.titleEdit?(0,a.jsx)("span",{"data-eb-edit":e.titleEdit,children:e.title}):e.title}),e.body?(0,a.jsx)("p",{className:"mt-3 leading-relaxed text-ink-500",children:e.bodyEdit?(0,a.jsx)("span",{"data-eb-edit":e.bodyEdit,children:e.body}):e.body}):null]}),d=e.image?(0,a.jsx)(m,{reduce:null!=u&&u,delay:.16,children:(0,a.jsx)("div",{className:"relative aspect-[4/3] overflow-hidden rounded-lg shadow-lg shadow-ink-900/10",children:(0,a.jsx)(i.default,{src:e.image.url,alt:e.image.alt,fill:!0,sizes:"(min-width: 768px) 40vw, 90vw",className:"object-cover"})})}):null;return(0,a.jsxs)("li",{className:"relative grid gap-6 pl-14 md:grid-cols-[1fr_5.5rem_1fr] md:items-center md:gap-y-0 md:pl-0",children:[(0,a.jsx)("div",{className:r?"md:order-3":"md:order-1",children:l}),(0,a.jsx)("div",{className:"md:order-2",children:n}),(0,a.jsx)("div",{className:r?"md:order-1":"md:order-3",children:d})]},e.title+s)})})]})}function m(e){let{children:t,reduce:s,delay:i=0,className:r=""}=e;return s?(0,a.jsx)("div",{className:r,children:t}):(0,a.jsx)(d.PY1.div,{className:r,initial:{opacity:0,y:28},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"0px 0px -12% 0px"},transition:{duration:.7,delay:i,ease:[.16,1,.3,1]},children:t})}},93084:(e,t,s)=>{"use strict";s.d(t,{I:()=>n});var a=s(69050),i=s(64917),r=s(12115);function n(){a.r.current||(0,i.Uu)();let[e]=(0,r.useState)(a.O.current);return e}}},e=>{e.O(0,[6874,8071,3063,1799,3039,8441,5964,7358],()=>e(e.s=67926)),_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.