1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3031],{27060:(e,t,n)=>{n.d(t,{I0:()=>o,MF:()=>c,Om:()=>d,e_:()=>a});var r=n(39955),i=n(59803),s=n(91921),l=n(63934);let o={hidden:{opacity:0},visible:{opacity:1,transition:{duration:.4,delay:.2,ease:[.5,1,.89,1]}}},a=l.P.create(r.a),c=l.P.create(i.s),d=l.P.create(s.E)},40625:(e,t,n)=>{n.d(t,{Wx:()=>g});var r,i,s,l=n(14232),o=Object.defineProperty,a=new Map,c=new WeakMap,d=0;l.Component;var u=Reflect.get(i||(i=n.t(l,2)),"useInsertionEffect"),p=null!=u?u:l.useEffect,x=(null==(r=l.version)?void 0:r.startsWith("19."))||!1,h="u"<typeof window?l.useEffect:l.useLayoutEffect;function g({threshold:e,delay:t,trackVisibility:n,rootMargin:r,scrollMargin:i,root:o,triggerOnce:b,skip:f,initialInView:v,fallbackInView:m,onChange:w}={}){let j=l.useRef(v),[y,I]=l.useState({inView:!!v,entry:void 0}),E=function(e,{threshold:t,root:n,rootMargin:r,scrollMargin:i,trackVisibility:o,delay:h,fallbackInView:g,skip:b,triggerOnce:f}){let v=l.useRef(e),m=l.useRef({node:null,stop:void 0,owner:null});return u||(v.current=e),p(()=>{v.current=e},[e]),l.useCallback(function e(l){let u,p,w=m.current;if(!l&&w.owner!==e)return;if(l===w.node)return w.owner=e,x?w.stop:void 0;let j=w.stop;if(w.stop=void 0,null==j||j(),!l||b){w.node=null,w.owner=l?e:null;return}function y(){null==u||u(),w.stop===y&&(w.node=null,w.stop=void 0)}return w.node=l,w.owner=e,w.stop=y,u=function(e,t,n={},r=s){if(void 0===window.IntersectionObserver&&void 0!==r){let i=e.getBoundingClientRect();return t(r,{isIntersecting:r,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:i,intersectionRect:i,rootBounds:i}),()=>{}}let{id:i,observer:l,elements:o}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var n;return`${t}_${"root"===t?!(n=e.root)?"0":(c.has(n)||(d+=1,c.set(n,d.toString())),c.get(n)):e[t]}`}).toString(),n=a.get(t);if(!n){let r,i=new Map,s=new IntersectionObserver(t=>{t.forEach(t=>{var n;let s=t.isIntersecting&&r.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=s),[...null!=(n=i.get(t.target))?n:[]].forEach(e=>{e(s,t)})})},e);r=s.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:s,elements:i},a.set(t,n)}return n}(n),u=o.get(e)||[];o.has(e)||o.set(e,u),u.push(t),l.observe(e);let p=!1;return function(){p||(p=!0,u.splice(u.indexOf(t),1),0===u.length&&(o.delete(e),l.unobserve(e)),0===o.size&&(l.disconnect(),a.delete(i)))}}(l,(e,t)=>{v.current(e,t,p),p=e,f&&e&&y()},{threshold:t,root:n,rootMargin:r,scrollMargin:i,trackVisibility:o,delay:h},g),w.stop!==y&&u(),x?w.stop:void 0},[Array.isArray(t)?t.toString():t,n,r,i,o,h,g,b,f])}((e,t)=>{let n=j.current;j.current=e,(void 0!==n||e)&&(I({inView:e,entry:t}),null==w||w(e,t))},{threshold:e,root:o,rootMargin:r,scrollMargin:i,trackVisibility:n,delay:t,fallbackInView:m,skip:f,triggerOnce:b}),k=l.useRef({node:null,reset:!1}),C=l.useCallback(function(e){e?(k.current.node=e,k.current.reset=!1):k.current.node&&(k.current.node=null,k.current.reset=!0);let t=E(e);if(t)return()=>{t(),k.current.node===e&&(k.current.node=null,k.current.reset=!0)}},[E]);h(()=>{!k.current.reset||(k.current.reset=!1,b||f||(I({inView:!!v,entry:void 0}),j.current=v))});let R=[C,y.inView,y.entry];return R.ref=R[0],R.inView=R[1],R.entry=R[2],R}},93031:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});var r=n(37876),i=n(49255),s=n(45904),l=n(75625),o=n(39955),a=n(20339),c=n(5881),d=n(50845),u=n(20548),p=n(82736),x=n(59803),h=n(91921),g=n(69345),b=n(18387),f=n(14232),v=n(40625),m=n(27060);let w=({data:e})=>{let t,n,{child:w,title1:j,title2:y,description:I}=e,E=(w?.[0]?.image||[])[0],k=(w?.[1]?.button||[])[0],[C,R]=(0,f.useState)(!1),[S,V]=(0,f.useState)({base:"320px 285px",lg:"0"}),M=(0,l.A)({base:!0,lg:!1},{ssr:!0,fallback:(0,f.useContext)(i.A)?"base":"lg"}),{ref:_,inView:O}=(0,v.Wx)({threshold:1,triggerOnce:!0});return O&&!C&&(R(!0),t=1,n=setInterval(()=>{V({base:"320px 285px",lg:`${Math.floor(14.1*t)}px ${Math.floor(11.95*t)}px`,xl:`${Math.floor(16*t)}px ${Math.floor(12.75*t)}px`,"2xl":`${Math.floor(20.5*t)}px ${Math.floor(16.35*t)}px`}),21==++t&&clearInterval(n)},10)),(0,r.jsx)(o.a,{ref:_,as:"section",padding:{base:"0 0 32px",lg:"0"},borderBottom:{lg:"1px solid #cfd8e4"},id:e?.quicklink||"discoverSection",children:(0,r.jsx)(a.m,{children:(0,r.jsxs)(c.x,{templateColumns:"repeat(24,
11fr)",w:"100%",alignItems:"end",children:[(0,r.jsx)(d.E,{colSpan:{base:24,lg:8,xl:9,"2xl":10},position:"relative",justifySelf:"center",order:{base:1,lg:2},margin:{base:"0 -12px 16px",lg:"0"},children:(0,r.jsx)(o.a,{bgImage:{base:E?.mbgsrc?.url,lg:E?.bgsrc?.url},backgroundSize:S,bgRepeat:"no-repeat",bgPosition:{lg:"40px bottom",xl:"55px bottom","2xl":"40px bottom"},transition:"all ease-in-out 1s",children:M?(0,r.jsx)(u._,{src:E?.msrc?.url,alt:E?.msrc?.alt,marginTop:"-30px",width:"100%",htmlWidth:"320",htmlHeight:"317"}):(0,r.jsx)(u._,{src:E?.dsrc?.url,alt:E?.dsrc?.alt,marginTop:"-81px",htmlWidth:"956",htmlHeight:"445",width:"100%"})})}),(0,r.jsxs)(d.E,{colSpan:{base:24,lg:14},padding:{lg:"41px 0","2xl":"72px 0"},order:{base:2,lg:1},children:[M?(0,r.jsx)(p.D,{as:"h2",variant:"gradientFirst",marginBottom:"12px",children:(0,r.jsxs)(x.s,{direction:"column",children:[(0,r.jsx)(h.E,{as:"span",children:`${j}`}),(0,r.jsx)(h.E,{as:"span",children:y})]})}):(0,r.jsx)(p.D,{as:"h2",variant:"gradientFirst",marginBottom:{lg:"24px"},children:(0,r.jsxs)(x.s,{direction:"column",children:[(0,r.jsx)(m.Om,{as:"span",variants:m.I0,initial:"hidden",whileInView:"visible",viewport:{once:!0},children:j}),(0,r.jsx)(m.Om,{as:"span",variants:m.I0,initial:"hidden",whileInView:"visible",viewport:{once:!0},children:y})]})}),(0,r.jsx)(m.e_,{variants:m.I0,initial:"hidden",whileInView:"visible",viewport:{once:!0},children:(0,r.jsx)(h.E,{size:"large",marginBottom:{base:"12px",lg:"26px","2xl":"40px"},children:I})}),(0,r.jsx)(m.e_,{variants:m.I0,initial:"hidden",whileInView:"visible",viewport:{once:!0},children:(0,r.jsx)(g.N,{id:"discover-button",variant:"buttonPrimary",href:k?.link||"#",minW:{base:"180px",lg:"220px"},children:(0,r.jsxs)(x.s,{alignItems:"center",justifyContent:"space-between",children:[(0,r.jsx)(h.E,{display:{lg:"none"},children:k?.mtext}),(0,r.jsx)(h.E,{display:{base:"none",lg:"block"},children:k?.dtext}),(0,r.jsx)(x.s,{w:{base:"36px",lg:"40px"},ml:"12px",height:{base:"28px",lg:"32px"},justifyContent:"center",alignItems:"center",padding:"6px 10px",borderRadius:"16px",bgColor:"rgba(0, 0, 0, 0.2)",children:(0,r.jsx)(b.I,{as:s.default,boxSize:{base:"16px",lg:"20px"}})})]})})})]})]})})})}}}]);
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.