https://zoe.com/_next/static/chunks/pages/learn-0c4fe9125eabfcdb.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3128,4087],{81437:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/learn",function(){return i(30028)}])},6389:function(e,t,i){"use strict";i.d(t,{j:function(){return a}});var n=i(85893),r=i(44087);let a=e=>{let{data:t,className:i,layout:a,objectFit:o,objectPosition:s}=e;return(0,n.jsx)(r.E,{data:t,className:i,layout:a,objectFit:o,objectPosition:s})}},67270:function(e,t,i){"use strict";i.d(t,{v:function(){return p}});var n=i(85893),r=i(41686),a=i(4621);let o=r.default.nav.withConfig({componentId:"sc-41e5980c-0"})(["background-color:",";margin-top:88px;padding:16px 0 18px;& h4{margin:0;text-transform:uppercase;font-size:",";line-height:",";letter-spacing:2.4px;padding:7px 32px 7px 0;border-right:1px solid ",";}@media screen and (max-width:","){& h4{padding:7px 16px;}}"],e=>e.theme.v2.surface.cream300,e=>e.theme.v2.typography.body.xs.fontSize,e=>e.theme.v2.typography.body.xs.lineHeight,e=>e.theme.v2.onSurface.subdued.border,e=>e.theme.breakpoints.tablet),s=r.default.div.withConfig({componentId:"sc-41e5980c-1"})(["width:100%;max-width:1008px;padding:0 24px;display:flex;align-items:center;justify-content:center;position:relative;@media screen and (max-width:","){padding:0;}"],e=>e.theme.breakpoints.mobile),l=r.default.div.withConfig({componentId:"sc-41e5980c-2"})(["overflow:scroll;white-space:nowrap;scrollbar-width:none;&::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none;}@media screen and (max-width:","){margin:0 24px 0 0;}"],e=>e.theme.breakpoints.mobile),d=r.default.ul.withConfig({componentId:"sc-41e5980c-3"})(["margin:0;padding:0;display:flex;list-style-type:none;li{margin-left:32px;a{color:",";transition:color 400ms ease-in;font-family:",";font-size:",";line-height:",";&:hover{color:",";}}&.active{a{color:",";}}}@media screen and (max-width:","){li{a{font-size:",";line-height:",";}&:last-child{a{padding-right:24px;}}}}"],e=>e.theme.v2.secondary.action,e=>e.theme.v2.font.lotaGrotesqueLight,e=>e.theme.v2.typography.body.xs.fontSize,e=>e.theme.v2.typography.body.xs.lineHeight,e=>e.theme.v2.interactive.bright,e=>e.theme.v2.interactive.bright,e=>e.theme.breakpoints.mobile,e=>e.theme.v2.typography.body.xxs.fontSize,e=>e.theme.v2.typography.body.xxs.lineHeight),c=r.default.div.withConfig({componentId:"sc-41e5980c-4"})(["width:16px;height:16px;position:absolute;right:10px;top:9px;transform:rotate(180deg);background-image:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.15674 2.33643L0.712016 7.78115C0.594859 7.8983 0.594858 8.08825 0.712016 8.20541L6.15674 13.6501' stroke='%23445DC3' stroke-linecap='round' stroke-width='2px' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");background-repeat:no-repeat;cursor:pointer;display:none;@media screen and (max-width:","){display:block;}"],e=>e.theme.breakpoints.mobile),m=()=>{let e=document.getElementById("ScrollNavigation");null!==e&&e.scrollBy({top:0,left:100,behavior:"smooth"})},p=e=>{let{categories:t,selected:i}=e;return(0,n.jsx)(o,{children:(0,n.jsxs)(s,{children:[(0,n.jsx)(l,{id:"ScrollNavigation",children:(0,n.jsx)(d,{children:t.map(e=>{let{id:t,categoryName:r,categorySlug:o}=e;return(0,n.jsx)("li",{className:i===o?"active":"",children:(0,n.jsx)(a.A,{href:"/learn/category/".concat(o),children:r})},t)})})}),(0,n.jsx)(c,{onClick:m})]})})}},26174:function(e,t,i){"use strict";i.d(t,{T:function(){return l}});var n=i(85893),r=i(41686),a=i(4621),o=i(6389);let s=r.default.div.withConfig({componentId:"sc-15fce875-0"})(["text-align:left;a{color:",";}p{margin:12px 0 0;padding:0;}h3{margin:12px 0 0;}img{border-radius:8px;object-fit:cover;}"],e=>e.theme.v2.onSurface.text),l=e=>{var t;let{article:i,className:r,firstFeatured:l}=e;return(0,n.jsx)(s,{className:r,children:(0,n.jsxs)(a.A,{href:"/learn/".concat(i.articleSlug),passHref:!0,children:[l?(0,n.jsxs)(n.Fragment,{children:[(null===(t=i.square)||void 0===t?void 0:t.responsiveImage)&&(0,n.jsx)(o.j,{data:i.square.responsiveImage,className:"desktop"}),i.featuredImage.responsiveImage&&(0,n.jsx)(o.j,{data:i.featuredImage.responsiveImage,className:"mobile"})]}):i.featuredImage.responsiveImage&&(0,n.jsx)(o.j,{data:i.featuredImage.responsiveImage}),(0,n.jsx)("h3",{children:i.articleTitle}),l?(0,n.jsxs)("p",{className:"small secondary",children:[i.abstract.split(" ").splice(0,30).join(" "),"..."]}):(0,n.jsxs)("p",{className:"small secondary",children:[i.abstract.split(" ").splice(0,12).join(" "),"..."]})]})})}},16220:function(e,t,i){"use strict";i.d(t,{Z:function(){return m}});var n=i(85893),r=i(41686),a=i(93308),o=i(4621),s=i(26174);let l=r.default.div.withConfig({componentId:"sc-7cbd125e-0"})(["display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:16px;margin-bottom:32px;border-bottom:1px solid ",";h2{margin:0;font-size:40px;line-height:54px;color:",";font-family:",";}a{font-weight:500;font-size:18px;line-height:24px;padding-bottom:4px;}@media screen and (max-width:","){h2{font-size:32px;line-height:48px;}}@media screen and (max-width:","){h2{font-size:24px;line-height:32px;}a{font-size:14px;padding-bottom:0;}}"],e=>e.theme.v2.onSurface.subdued.border,e=>e.theme.v2.onSurface.text,e=>e.theme.v2.font.nantes,e=>e.theme.breakpoints.tablet,e=>e.theme.breakpoints.mobile),d=r.default.div.withConfig({componentId:"sc-7cbd125e-1"})(["display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:48px 32px;margin-bottom:48px;@media screen and (max-width:","){grid-template-columns:1fr 1fr;gap:24px 24px;}"],e=>e.theme.breakpoints.tablet),c=r.default.div.withConfig({componentId:"sc-7cbd125e-2"})(["margin-top:64px;"]),m=e=>{let{categoryID:t,categoryName:i,categorySlug:r,subCategorySlug:m,articles:p,showHeader:h}=e;if(p&&p.length>0){let e=r;return m&&(e=e+"/"+m),(0,n.jsxs)(a.W,{children:[h?(0,n.jsxs)(l,{children:[(0,n.jsx)(o.A,{href:"/learn/category/".concat(e),passHref:!0,children:(0,n.jsx)("h2",{children:i},t)}),(0,n.jsx)(o.A,{href:"/learn/category/".concat(e),children:"View all"})]}):(0,n.jsx)(c,{}),(0,n.jsx)(d,{children:p.map(e=>(0,n.jsx)(s.T,{article:e},e.id))})]})}return null}},93308:function(e,t,i){"use strict";i.d(t,{W:function(){return a}});var n=i(41686);let r={wide:1298,med:1136,small:1008,narrow:684,normal:void 0},a=n.default.div.withConfig({componentId:"sc-caad8c11-0"})(["width:100%;max-width:1008px;margin:0 auto;padding:0 24px;"," "," "," "," "," @media screen and (max-width:","){padding:0 20px;"," ","}",""],e=>{let t=e.$size&&r[e.$size];return t?"max-width: ".concat(t,"px;"):void 0},e=>e.$flex&&"display:flex;",e=>"center"===e.$align&&"align-items: center;",e=>"top"===e.$align&&"align-items: flex-start;",e=>e.$direction&&"flex-direction: ".concat(e.$direction,";"),e=>e.theme.breakpoints.tablet,e=>"no-mobile"===e.$padding&&"padding: 0;",e=>e.$flex&&"flex-direction:column;",e=>!!e.$height&&"height: ".concat(e.$height,";"))},12378:function(e,t,i){"use strict";i.d(t,{p:function(){return d},v:function(){return l}});var n=i(85893),r=i(9008),a=i.n(r),o=i(24222),s=i(49396);let l=e=>{let t=e.split(/[?#]/)[0];return t.length>1?t.replace(/\/+$/,""):t},d=e=>{var t,i,r,d;let{metaData:c,canonicalPath:m,type:p,alternateUrls:h}=e,{asPath:g}=(0,o.j)(),u="".concat((0,s.Oh)()).concat(l(null!=m?m:g));return(0,n.jsxs)(a(),{children:[(null==c?void 0:c.title)&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("title",{children:c.title}),(0,n.jsx)("meta",{property:"og:title",content:c.title}

1,"title"),(0,n.jsx)("meta",{name:"twitter:title",content:c.title},"twitter-title")]}),(null==c?void 0:c.description)&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("meta",{name:"description",content:c.description},"description"),(0,n.jsx)("meta",{property:"og:description",content:c.description},"og-description"),(0,n.jsx)("meta",{name:"twitter:description",content:c.description},"twitter-description")]}),(null==c?void 0:c.image)&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("meta",{property:"og:image",content:null===(i=c.image)||void 0===i?void 0:null===(t=i.responsiveImage)||void 0===t?void 0:t.src},"og-image"),(0,n.jsx)("meta",{name:"twitter:image",content:null===(d=c.image)||void 0===d?void 0:null===(r=d.responsiveImage)||void 0===r?void 0:r.src},"twitter-image")]}),(0,n.jsx)("link",{rel:"canonical",href:u},"canonical"),(0,n.jsx)("meta",{property:"og:url",content:u},"og-url"),null==h?void 0:h.map(e=>{let{hreflang:t,href:i}=e;return(0,n.jsx)("link",{rel:"alternate",hrefLang:t,href:i},t)}),(0,n.jsx)("meta",{property:"og:type",content:p||"website"},"type"),(null==c?void 0:c.twitterCard)&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("meta",{name:"twitter:site",content:"@Join_ZOE"}),(0,n.jsx)("meta",{name:"twitter:card",content:c.twitterCard})]}),(null==c?void 0:c.noIndex)&&(0,n.jsx)("meta",{name:"robots",content:"noindex,nofollow"},"robots")]})}},30028:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return v},default:function(){return b}});var n=i(85893),r=i(52280),a=i(12378),o=i(67270),s=i(60249),l=i(16220),d=i(41686),c=i(93308),m=i(26174);let p=d.default.div.withConfig({componentId:"sc-d6c9b121-0"})(["display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:16px;margin-bottom:32px;border-bottom:1px solid ",";h2{margin:0;font-size:40px;font-family:",";line-height:54px;}@media screen and (max-width:","){h2{font-size:32px;line-height:48px;}}@media screen and (max-width:","){h2{font-size:24px;line-height:32px;}}"],e=>e.theme.v2.onSurface.subdued.border,e=>e.theme.v2.font.nantes,e=>e.theme.breakpoints.tablet,e=>e.theme.breakpoints.mobile),h=d.default.div.withConfig({componentId:"sc-d6c9b121-1"})(["display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:32px;grid-row-gap:40px;margin-bottom:80px;.feat-1{grid-area:1 / 1 / 3 / 3;}.feat-2{grid-area:1 / 3 / 2 / 4;}.feat-3{grid-area:2 / 3 / 3 / 4;}.feat-4{grid-area:3 / 1 / 4 / 2;}.feat-5{grid-area:3 / 2 / 4 / 3;}.feat-6{grid-area:3 / 3 / 4 / 4;}& div.mobile{display:none !important;}& div.desktop{display:block !important;}@media screen and (max-width:","){grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:24px 24px;margin-bottom:60px;div{&.feat-1{grid-area:1 / 1 / 2 / 3;}&.feat-2{grid-area:2 / 1 / 3 / 2;}&.feat-3{grid-area:2 / 2 / 3 / 3;}&.feat-4{grid-area:3 / 1 / 4 / 3;}&.feat-5{grid-area:4 / 1 / 5 / 2;}&.feat-6{grid-area:4 / 2 / 5 / 3;}}& div.mobile{display:block !important;}& div.desktop{display:none !important;}}"],e=>e.theme.breakpoints.tablet),g=e=>{let{featuredArticles:t}=e;return(0,n.jsxs)(c.W,{children:[(0,n.jsx)(p,{children:(0,n.jsx)("h2",{children:"Featured"})}),(0,n.jsx)(h,{children:[...t].sort((e,t)=>Number(t.firstFeaturedArticle)-Number(e.firstFeaturedArticle)).map((e,t)=>{var i;return(0,n.jsx)(m.T,{article:e,className:"feat-".concat(t+1),firstFeatured:null!==(i=e.firstFeaturedArticle)&&void 0!==i?i:void 0},e.id)})})]})};var u=i(22984);let f=d.default.div.withConfig({componentId:"sc-36d593c8-0"})(["text-align:center;margin-bottom:90px;margin-top:90px;h1{font-family:",";margin-bottom:16px;}h3{color:",";font-family:",";margin-bottom:16px;}@media screen and (max-width:","){margin-bottom:50px;margin-top:50px;}"],e=>e.theme.v2.font.nantes,e=>e.theme.v2.onSurface.subduedText,e=>e.theme.v2.font.lotaGrotesqueLight,e=>e.theme.breakpoints.mobile),x=e=>{let{page:t}=e;return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(c.W,{children:(0,n.jsxs)(f,{children:[(0,n.jsx)("h1",{children:t.pageTitle}),(0,n.jsx)("h3",{children:t.pageSubtitle}),(0,n.jsx)(u.rZ,{data:t.pageDescription})]})})})};var v=!0,b=e=>{var t;let{homepage:i,categories:d,articlesByCategory:c,featuredArticles:m}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{metaData:null!==(t=i.metaData)&&void 0!==t?t:void 0}),(0,n.jsx)(s.h,{}),(0,n.jsx)(o.v,{title:"Learn",categories:d}),(0,n.jsxs)("main",{id:"main-content",children:[(0,n.jsx)(x,{page:i}),(0,n.jsx)(g,{featuredArticles:m}),d.map((e,t)=>{let i=c[t];return(0,n.jsx)(l.Z,{categoryID:e.id,categoryName:e.categoryName,categorySlug:e.categorySlug,articles:i,showHeader:!0},e.id)})]}),(0,n.jsx)(r.$,{showPreFooter:!0})]})}},44087:function(e,t,i){"use strict";i.d(t,{E:function(){return b}});var n=i(67294);function r(e){return"function"==typeof n.use?{fetchPriority:e}:{fetchpriority:e}}let a="https://example.com/",o=(e,t,i)=>{if(e&&t)return i.map(i=>{let n=new URL(e,a);if(1!==i){n.searchParams.set("dpr",`${i}`);let e=n.searchParams.get("max-h"),t=n.searchParams.get("max-w");e&&n.searchParams.set("max-h",`${Math.floor(Number.parseInt(e)*i)}`),t&&n.searchParams.set("max-w",`${Math.floor(Number.parseInt(t)*i)}`)}let r=Math.floor(t*i);return r<50?null:`${n.toString().replace(a,"/")} ${r}w`}

1).filter(Boolean).join(",")};var s=Object.defineProperty,l=new Map,d=new WeakMap,c=0,m=void 0;n.Component;var p=i(48764).Buffer;let h="undefined"==typeof window,g=!h&&!!window.IntersectionObserver,u=e=>h?p.from(e.toString(),"binary").toString("base64"):window.btoa(e),f={position:"absolute",left:0,top:0,width:"100%",height:"100%",maxWidth:"none",maxHeight:"none"},x=({priority:e,inView:t,loaded:i})=>!!e||!h&&(!g||t||i),v=({priority:e,loaded:t})=>!!e||!h&&(!g||t),b=(0,n.forwardRef)(({className:e,fadeInDuration:t=500,intersectionTreshold:i,intersectionThreshold:a,intersectionMargin:s,pictureClassName:p,imgClassName:h,style:g,pictureStyle:b,imgStyle:w,layout:j="intrinsic",objectFit:y,objectPosition:k,data:I,onLoad:S,usePlaceholder:C=!0,priority:N=!1,sizes:E,srcSetCandidates:O=[.25,.5,.75,1,1.5,2,3,4],placeholderClassName:$,placeholderStyle:z},_)=>{var F,A,P,R,V,W,H,L;let M=(0,n.useRef)(null),[T,B]=function(e,t){let[i,r]=(0,n.useState)(!1);function a(){r(!0),null==t||t()}return(0,n.useEffect)(()=>{e.current&&e.current.complete&&e.current.naturalWidth&&a()},[]),[i,a]}(M,S),[D,q]=function({threshold:e,delay:t,trackVisibility:i,rootMargin:r,root:a,triggerOnce:o,skip:s,initialInView:p,fallbackInView:h,onChange:g}={}){var u;let[f,x]=n.useState(null),v=n.useRef(g),[b,w]=n.useState({inView:!!p,entry:void 0});v.current=g,n.useEffect(()=>{let n;if(!s&&f)return n=function(e,t,i={},n=m){if(void 0===window.IntersectionObserver&&void 0!==n){let r=e.getBoundingClientRect();return t(n,{isIntersecting:n,target:e,intersectionRatio:"number"==typeof i.threshold?i.threshold:0,time:0,boundingClientRect:r,intersectionRect:r,rootBounds:r}),()=>{}}let{id:r,observer:a,elements:o}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var i;return`${t}_${"root"===t?(i=e.root)?(d.has(i)||(c+=1,d.set(i,c.toString())),d.get(i)):"0":e[t]}`}).toString(),i=l.get(t);if(!i){let n;let r=new Map,a=new IntersectionObserver(t=>{t.forEach(t=>{var i;let a=t.isIntersecting&&n.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=a),null==(i=r.get(t.target))||i.forEach(e=>{e(a,t)})})},e);n=a.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),i={id:t,observer:a,elements:r},l.set(t,i)}return i}(i),s=o.get(e)||[];return o.has(e)||o.set(e,s),s.push(t),a.observe(e),function(){s.splice(s.indexOf(t),1),0===s.length&&(o.delete(e),a.unobserve(e)),0===o.size&&(a.disconnect(),l.delete(r))}}(f,(e,t)=>{w({inView:e,entry:t}),v.current&&v.current(e,t),t.isIntersecting&&o&&n&&(n(),n=void 0)},{root:a,rootMargin:r,threshold:e,trackVisibility:i,delay:t},h),()=>{n&&n()}},[Array.isArray(e)?e.toString():e,f,a,r,o,s,i,h,t]);let j=null==(u=b.entry)?void 0:u.target,y=n.useRef(void 0);f||!j||o||s||y.current===j||(y.current=j,w({inView:!!p,entry:void 0}));let k=[x,b.inView,b.entry];return k.ref=k[0],k.inView=k[1],k.entry=k[2],k}({threshold:a||i||0,rootMargin:s||"0px 0px 0px 0px",triggerOnce:!0,fallbackInView:!0}),Z=function(...e){return(0,n.useCallback)(t=>{for(let i=0;i<e.length;i++){let n=e[i];"function"==typeof n?n(t):n&&"object"==typeof n&&(n.current=t)}},e)}(_,D),G=x({priority:N,inView:q,loaded:T}),X=v({priority:N,inView:q,loaded:T}),J=I.webpSrcSet&&n.createElement("source",{srcSet:I.webpSrcSet,sizes:null!==(W=null!=E?E:I.sizes)&&void 0!==W?W:void 0,type:"image/webp"}),U=n.createElement("source",{srcSet:null!==(H=I.srcSet)&&void 0!==H?H:o(I.src,I.width,O),sizes:null!==(L=null!=E?E:I.sizes)&&void 0!==L?L:void 0}),K=t>0?`opacity ${t}ms`:void 0,Q=Object.assign({transition:K,opacity:X?0:1,position:"absolute",left:"-5%",top:"-5%",width:"110%",height:I.base64?"auto":"110%",maxWidth:"none",maxHeight:"none"},z),Y=C&&I.base64?n.createElement("img",{"aria-hidden":"true",alt:"",src:I.base64,className:$,style:Object.assign({objectFit:y,objectPosition:k},Q)}):C&&I.bgColor?n.createElement("div",{className:$,style:Object.assign({backgroundColor:I.bgColor},Q)}):null,{width:ee,aspectRatio:et}=I,ei=null!==(F=I.height)&&void 0!==F?F:et?ee/et:0,en=`<svg xmlns="http://www.w3.org/2000/svg" width="${ee}" height="${ei}"></svg>`,er="fill"!==j?n.createElement("img",{className:h,style:Object.assign({display:"block",width:"100%"},w),src:`data:image/svg+xml;base64,${u(en)}`,"aria-hidden":"true",alt:""}):null;return n.createElement("div",{ref:Z,className:e,style:Object.assign(Object.assign({overflow:"hidden"},"fill"===j?f:"intrinsic"===j?{position:"relative",width:"100%",maxWidth:ee}:"fixed"===j?{position:"relative",width:ee}:{position:"relative",width:"100%"}),g)},er,Y,G&&n.createElement("picture",{className:p,style:b},J,U,I.src&&n.createElement("img",Object.assign({ref:M,src:I.src,alt:null!==(A=I.alt)&&void 0!==A?A:"",title:null!==(P=I.title)&&void 0!==P?P:void 0,onLoad:B},r(N?"high":void 0),{className:h,style:Object.assign(Object.assign(Object.assign({opacity:X?1:0,transition:K},f),{objectFit:y,objectPosition:k}),w)}))),n.createElement("noscript",null,n.createElement("picture",{className:p,style:b},J,U,I.src&&n.createElement("img",Object.assign({src:I.src,alt:null!==(R=I.alt)&&void 0!==R?R:"",title:null!==(V=I.title)&&void 0!==V?V:void 0,className:h,style:Object.assign(Object.assign(Object.assign({},f),{objectFit:y,objectPosition:k}),w),loading:N?void 0:"lazy"},r(N?"high":void 0))))))})}},function(e){e.O(0,[1664,5675,4231,44,2984,2280,8861,249,2888,9774,179],function(){return e(e.s=81437)}),_N_E=e.O()}]);
2//# sourceMappingURL=learn-0c4fe9125eabfcdb.js.map