https://www.mariejo.com/_next/static/chunks/pages/[locale]/blog/[...slug]-f1debfa7c20f413d.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="80c8ff69-3e7c-43f8-ae67-f3c0c8b68f99",e._sentryDebugIdIdentifier="sentry-dbid-80c8ff69-3e7c-43f8-ae67-f3c0c8b68f99")}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2145],{40020:function(e,t,i){"use strict";var n,o=i(67294);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)({}).hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(null,arguments)}t.Z=function(e){return o.createElement("svg",r({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n||(n=o.createElement("path",{d:"M8 20L16 12L8 4",stroke:"#1D1D1D",strokeMiterlimit:10,strokeLinecap:"round"})))}},20761:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[locale]/blog/[...slug]",function(){return i(56489)}])},72193:function(e,t,i){"use strict";i.d(t,{W:function(){return g}});var n=i(85893);i(67294);var o=i(45007),r=i(27603),l=i(88893),a=i(49366),d=i(5973);let c=(0,r.ZP)(a.Z).withConfig({componentId:"sc-e1dba83e-0"})(["margin-bottom:32px;padding-top:","px;"],e=>{let{$paddingTop:t}=e;return t}),s=(0,r.ZP)(d.Fb).attrs(e=>{let{$headingLevel:t}=e;return{forwardedAs:"h".concat(t),size:40}}).withConfig({componentId:"sc-e1dba83e-1"})(["",";"],e=>{let{$useLightTextColor:t,theme:i}=e;return t&&(0,r.iv)(["color:",";"],i.color.global.shades.tint0)}),g=e=>{let{headingLevel:t,title:i,paddingTop:r=0}=e,a=(0,o.v9)(l.J$);return(0,n.jsx)(c,{$paddingTop:r,"data-sentry-element":"StyledPageHeader","data-sentry-component":"CategoryHeader","data-sentry-source-file":"CategoryHeader.tsx",children:(0,n.jsx)(s,{$useLightTextColor:a,$headingLevel:t,"data-sentry-element":"Title","data-sentry-source-file":"CategoryHeader.tsx",children:i})})}},56489:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSP:function(){return es},default:function(){return eg}});var n=i(85893),o=i(59911),r=i(67294),l=i(27603),a=i(40020),d=i(75917),c=i(5973),s=i(43822);let g=l.ZP.ol.withConfig({componentId:"sc-a1949582-0"})([""," color:",";overflow:hidden;white-space:nowrap;span{color:",";}"],(0,c.cY)("link",10),e=>{let{theme:t}=e;return t.blog.breadCrumbs.color},e=>{let{theme:t}=e;return t.color.global.shades.tint80}),p=l.ZP.li.withConfig({componentId:"sc-a1949582-1"})(["display:inline-block;text-overflow:ellipsis;"]),h=(0,l.ZP)(a.Z).withConfig({componentId:"sc-a1949582-2"})(["flex:0 0 10px;margin:0 4px;height:10px;width:10px;"]),u=l.ZP.span.withConfig({componentId:"sc-a1949582-3"})([""]);var f=(0,s.Z)(e=>{let{pillar:t,article:i,translator:o}=e,r=[{to:"/blog/",label:"Blog"},{to:"/blog/".concat(t.url),label:t.title},!!i&&{label:i.title}].filter(Boolean);return(0,n.jsx)(g,{"aria-label":o("b2c.blog.breadcrumbs"),children:r.map((e,t)=>{let{to:i,label:o}=e,l=r.length-1===t,a=Array(r.length-t).join("up ").slice(0,-1),c={as:i&&!l?d.ZP:"span",to:i||void 0,rel:a||void 0};return(0,n.jsxs)(p,{ariaCurrent:r.length-1===t?"page":void 0,children:[(0,n.jsx)(u,{...c,children:o}),r.length-1>t&&(0,n.jsx)(h,{"aria-hidden":!0})]},o)})})}),m=i(45697),x=i.n(m),b=i(85388),v=i(21653);let w=l.ZP.div.withConfig({componentId:"sc-e899741e-0"})(["& > :first-child{position:relative;"," & > img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;}}"],e=>{let{ratio:t}=e;return(0,l.iv)(["padding-bottom:calc(100% / (","));"],t)}),j=l.ZP.div.withConfig({componentId:"sc-e899741e-1"})(["",""],b.ZP.md((0,l.iv)(["",""],e=>{let{ratio:t,indent:i,containerWidth:n}=e;return(0,l.iv)(["position:relative;margin-top:calc(("," / (",")) * -1);min-height:calc(("," / (",")));&::before{content:'';display:block;position:absolute;top:0;left:50%;width:100%;max-width:",";background-color:white;padding-bottom:calc(("," / (",")));transform:translateX(-50%);}"],"".concat(i,"%"),t,"".concat(i,"vw"),t,n,"".concat(i,"%"),t)}))),P=e=>{let{maskImage:t,ratio:i,indent:o,containerWidth:r,children:l}=e;return(0,n.jsxs)(w,{ratio:i,children:[t,(0,n.jsx)(j,{ratio:i,indent:o,containerWidth:r,children:l})]})},Z=e=>{var t;let{image:i,children:o,ratio:r,indent:l,containerWidth:a}=e;if(!i)return o;let d=(0,n.jsx)("div",{children:(0,n.jsx)(v.Z,{src:null==i?void 0:null===(t=i.fields.file)||void 0===t?void 0:t.url,alt:i.fields.title,fill:!0,style:{objectFit:"cover"},sizes:{xs:768,sm:1024,md:1440,lg:1600},priority:!0})});return(0,n.jsx)(P,{maskImage:d,ratio:r,indent:l,containerWidth:a,children:o})};Z.propTypes={image:x().object,ratio:x().number,indent:function(e,t,i){let n=e[t];if("number"!=typeof n||n<0||n>100)return Error("Invalid prop ".concat(t," supplied to ").concat(i,". ").concat(t," should be a number between 0 and 100. Got: ").concat(n))},containerWidth:x().string},Z.defaultProps={ratio:2.5,indent:60,containerWidth:"80%"};var C=i(20192),y=i(89726),I=i(63859),k=i(39166),S=i(18438);

1let T=l.ZP.div.withConfig({componentId:"sc-2712d173-0"})(["max-width:1024px;margin:0 auto;padding-top:16px;",""],b.ZP.md((0,l.iv)(["padding:16px 24px;"]))),E=(0,l.ZP)(I.AN).withConfig({componentId:"sc-2712d173-1"})(["h1{font-family:",";}"],e=>{let{theme:t}=e;return t.font.secondary});var L=(0,s.Z)(e=>{let{article:t,pillar:i,translator:o}=e;return(0,r.useEffect)(()=>{t&&(window.openPageInContentful=()=>window.open((0,S.g3)(t.id)))},[t]),(0,n.jsxs)(k.vU,{children:[(0,n.jsx)(k.il,{children:(0,n.jsxs)(Z,{image:t.image,containerWidth:"1024px",children:[(0,n.jsxs)(k.il,{children:[(0,n.jsx)(T,{children:(0,n.jsx)(f,{article:t,pillar:i})}),(0,n.jsx)(k.uQ,{children:(0,n.jsx)(E,{children:(0,n.jsx)("h1",{children:t.title})})})]}),t.content&&(0,n.jsx)(y.Z,{document:t.content})]})}),t.related&&t.related.length>0&&(0,n.jsx)(C.Z,{articles:t.related,title:o("b2c.blog.related-articles")})]})}),_=i(45007),F=i(65849),z=i(88716),A=i(3766),D=i(99437),X=i(70098),B=i(14880),R=i(71413),H=i(3869),$=i(82146),G=i(74129),O=i(8581),W=i(15364),q=i(5781);let N=l.ZP.div.withConfig({componentId:"sc-8a3f869d-0"})(["background:",";padding:16px 24px;",""],e=>{let{theme:t}=e;return t.blog.breadCrumbs.background},b.ZP.lg((0,l.iv)(["width:auto;padding:8px 16px;"]))),J=(0,l.ZP)(k.il).withConfig({componentId:"sc-8a3f869d-1"})(["position:relative;margin:0 auto;padding:0;",""],b.ZP.lg((0,l.iv)(["& > ","{position:absolute;top:0;left:0;z-index:1;}"],N))),U=l.ZP.div.withConfig({componentId:"sc-8a3f869d-2"})(["position:relative;display:flex;flex-direction:column-reverse;overflow:hidden;"," ",""],b.ZP.lg((0,l.iv)(["flex-direction:row;"])),e=>{let{hasBackground:t}=e;if(t)return(0,l.iv)(["background:",";"],e=>{let{theme:t}=e;return t.blog.imageContentSplit.background})}),Y=l.ZP.div.withConfig({componentId:"sc-8a3f869d-3"})(["position:relative;left:0;right:0;width:100vw;height:100%;max-height:600px;overflow:hidden;img{width:100%;height:100%;object-fit:cover;object-position:50% 0;}div{height:100%;}",""],b.ZP.lg((0,l.iv)(["position:absolute;width:50%;max-height:100%;max-width:960px;",""],e=>{let{imagePosition:t}=e;return t===ee.RIGHT?(0,l.iv)(["left:50%;"]):(0,l.iv)(["right:50%;"])}))),M=l.ZP.div.withConfig({componentId:"sc-8a3f869d-4"})(["display:flex;justify-content:center;flex-direction:column;width:100%;padding:40px 20px;color:",";order:-1;"," "," ",""],e=>{let{theme:t}=e;return t.blog.imageContentSplit.color},b.ZP.md((0,l.iv)(["padding:56px 40px;"])),b.ZP.lg((0,l.iv)(["order:inherit;width:50%;padding:56px 72px;min-height:550px;",""],e=>{let{imagePosition:t}=e;return t===ee.RIGHT?(0,l.iv)(["margin-right:auto;"]):(0,l.iv)(["margin-left:auto;"])})),b.ZP.xl((0,l.iv)(["padding:160px 120px;"]))),Q=(0,l.ZP)(c.sS).attrs(()=>({size:70,forwardedAs:"h2"})).withConfig({componentId:"sc-8a3f869d-5"})(["margin-bottom:8px;",""],b.ZP.xl((0,l.iv)(["margin-bottom:16px;"]))),K=l.ZP.div.withConfig({componentId:"sc-8a3f869d-6"})(["",";b{font-weight:800;}i{font-style:italic;}"],(0,c.cY)("display",30)),V=(0,l.ZP)(d.ZP).withConfig({componentId:"sc-8a3f869d-7"})(["margin-top:24px;text-decoration:none;",""],b.ZP.md((0,l.iv)(["margin-top:32px;"]))),ee={LEFT:"LEFT",RIGHT:"RIGHT"},et=e=>(0,n.jsx)(N,{children:(0,n.jsx)(f,{...e})});var ei=e=>{let{imagePosition:t=ee.LEFT,hasBackground:i,image:o,title:r,content:l,ctaLabel:a,ctaLink:d,breadCrumbs:c}=e,s=(0,q.Wn)(),g=o.fields.file.url;return(0,n.jsxs)(J,{children:[c&&(0,n.jsx)(et,{...c}),(0,n.jsxs)(U,{hasBackground:i,children:[(0,n.jsx)(W.ZP,{firstCtaLink:d,children:(0,n.jsx)(Y,{imagePosition:t,children:(0,n.jsx)(v.Z,{src:g,alt:o?o.fields.title:"",width:0,height:0,fill:s,style:s?{}:{width:"100%",height:"auto"},sizes:{sm:500,ms:800,lg:800},priority:!0})})}),(0,n.jsxs)(M,{imagePosition:t,children:[r&&(0,n.jsx)(Q,{children:r}),l&&(0,n.jsx)(K,{children:(0,G.h)(l)}),a&&d&&(0,n.jsx)(V,{to:d,children:(0,n.jsx)(O.Z,{children:a})})]})]})]})};let en=(0,l.ZP)(k.il).withConfig({componentId:"sc-be5a7987-0"})(["padding-top:48px;max-width:1400px;"," ",""],b.ZP.md((0,l.iv)(["padding-top:72px;"])),b.ZP.lg((0,l.iv)(["padding-top:112px;"]))),eo={fetchProductsOverview:D.$};var er=(0,F.qC)(s.Z,(0,_.$j)((e,t)=>{let i="blog-pillar-".concat(t.pillar.id);return{productsOverview:(0,X.I)(e,i),searchId:i}},eo))(e=>{let{pillar:t,searchId:i,productsOverview:o,fetchProductsOverview:l,translator:a}=e,{canPurchaseProducts:d}=(0,R.Z)();(0,r.useEffect)(()=>{t&&(window.openPageInContentful=()=>

1window.open((0,S.g3)(t.id)))},[t]),(0,r.useEffect)(()=>{t.relatedShopPage&&t.relatedShopPage.productsFilter&&l(i,{page:1,pageSize:8,search:t.relatedShopPage.productsFilter.q,filters:(0,H.z)(t.relatedShopPage.productsFilter),includePrices:d})},[d,l,t.relatedShopPage,i]);let c=t.relatedPillars&&t.relatedPillars.length>0,s=c&&t.relatedPillars.map(e=>({title:e.title,link:(0,$.$d)({id:t.id,page:{fields:{url:e.url}},urlPrepend:"blog"}),imageUrl:e.image.fields.file.url,imageAlt:e.image.fields.title}));return(0,n.jsxs)("article",{children:[(0,n.jsx)(ei,{image:t.image,title:t.title,content:t.intro,ctaLabel:a("b2c.blog.discover-more"),ctaLink:t.relatedShopPage&&t.relatedShopPage.url&&"/".concat(t.relatedShopPage.url),breadCrumbs:{pillar:t},hasBackground:!0}),o&&(0,n.jsx)(en,{children:(0,n.jsx)(A.Z,{itemMargin:48,products:o.products,maxProductsPerSlide:4,moreProductsLink:t.relatedShopPage&&{url:t.relatedShopPage.url,linkText:a("b2c.blog.discover-more")}})}),t.articles.map((e,t)=>(0,n.jsx)(ei,{image:e.image,title:e.title,content:e.intro,ctaLabel:a("b2c.blog.discover-more"),ctaLink:e.url&&"/blog/".concat(e.url),imagePosition:t%2==0?ee.RIGHT:ee.LEFT},e.id)),c&&(0,n.jsxs)(z.E,{children:[(0,n.jsx)(z.v,{children:a("b2c.blog.related-subjects")}),(0,n.jsx)(B.Z,{categories:s})]})]})}),el=i(28956),ea=i(57573),ed=e=>{let{page:t}=e,i=t?(0,ea.G)(t.allLocalePaths):null,o=e=>{var t,o,r;let{children:l,pageData:a}=e;return(0,n.jsx)(el.Z,{openGraphImage:null==a?void 0:null===(r=a.image)||void 0===r?void 0:null===(o=r.fields)||void 0===o?void 0:null===(t=o.file)||void 0===t?void 0:t.url,title:a.title,metaDescription:a.metaDescription,allLocalePaths:i,children:l})};return t.article?(0,n.jsx)(o,{pageData:t.article,children:(0,n.jsx)(L,{article:t.article,pillar:t.pillar})}):t.pillar?(0,n.jsx)(o,{pageData:t.pillar,children:(0,n.jsx)(er,{pillar:t.pillar})}):null},ec=i(25646),es=!0,eg=e=>{let{page:t}=e;return(0,n.jsx)(ec.z8.Layout,{children:(0,n.jsx)(ed,{page:o.Qc(t)})})}},88716:function(e,t,i){"use strict";i.d(t,{E:function(){return s},v:function(){return c}});var n=i(85893);i(67294);var o=i(27603),r=i(49366),l=i(85388),a=i(5973),d=i(39166);let c=e=>{let{children:t,forwardedAs:i}=e;return(0,n.jsx)(r.Z,{children:(0,n.jsx)(a.Fb,{as:i||"h2",size:40,children:t})})},s=(0,o.ZP)(d.il).withConfig({componentId:"sc-93d3b2c0-0"})(["margin-top:40px;margin-bottom:40px;",""],l.ZP.lg((0,o.iv)(["margin-top:80px;margin-bottom:80px;"])))},40794:function(e,t,i){"use strict";i.d(t,{h:function(){return n}});let n=(0,i(67294).createContext)({})},20192:function(e,t,i){"use strict";var n=i(85893),o=i(58454);i(67294);var r=i(51655),l=i(27603),a=i(88716),d=i(5203),c=i(75917),s=i(85388),g=i(5973),p=i(39166);let h=l.ZP.div.withConfig({componentId:"sc-7f5a74bf-0"})(["padding:40px;background:",";",""],e=>e.theme.blog.topReadsBlock.background,s.ZP.md((0,l.iv)(["padding:40px 0;"]))),u=(0,l.ZP)(c.ZP).withConfig({componentId:"sc-7f5a74bf-1"})(["text-decoration:none;"]),f=(0,l.ZP)(o.JXS).withConfig({componentId:"sc-7f5a74bf-2"})(["margin-bottom:32px;padding:0 26px;"," ",""],s.ZP.md((0,l.iv)(["padding:0 16px;"])),s.ZP.xl((0,l.iv)(["padding:0 48px;"]))),m=(0,l.ZP)(d.Z).withConfig({componentId:"sc-7f5a74bf-3"})(["display:block;width:100%;max-width:100%;margin-bottom:16px;"]),x=(0,l.ZP)(g.Fb).attrs(()=>({size:20,forwardedAs:"h3"})).withConfig({componentId:"sc-7f5a74bf-4"})(["color:",";"],e=>e.theme.blog.titles.color),b=(0,l.ZP)(g.YS).attrs(()=>({size:20})).withConfig({componentId:"sc-7f5a74bf-5"})(["margin-bottom:8px;color:",";"],e=>e.theme.color.global.shades.tint80);t.Z=e=>{let{title:t,articles:i}=e;return(0,n.jsx)(p.il,{children:(0,n.jsxs)(h,{children:[(0,n.jsx)(a.v,{children:t}),(0,n.jsx)(o.X2j,{justifyContent:"center",children:(0,n.jsx)(o.JXS,{xs:12,md:10,children:(0,n.jsx)(o.X2j,{children:i?i.map(e=>(0,n.jsx)(f,{xs:12,md:6,lg:3,children:(0,n.jsxs)(u,{to:"/blog/".concat(e.url),children:[e.image&&(0,n.jsx)(m,{src:"".concat(e.image.fields.file.url,"?w=400&h=400&fit=fill"),alt:e.image.fields.title}),(0,n.jsx)(b,{children:e.pillar.title}),(0,n.jsx)(x,{children:e.title})]})},e.id)):[1,2,3,4].map(e=>(0,n.jsx)(f,{xs:12,md:6,lg:3,children:(0,n.jsx)(r.ZP,{height:200})},"blogArticleCollectionSkeleton-".concat(e)))})})})]})})}},14880:function(e,t,i){"use strict";var n=i(85893),o=i(58454),r=i(45697),l=i.n(r),a=i(67294),d=i(27603),c=i(72193),s=i(21653),g=i(79888),p=i(98241),h=i(85388),u=i(5973),f=i(40794),m=i(39166),x=i(76736);let b=(0,d.ZP)(m.il).withConfig({componentId:"sc-d5ee182d-0"})(["margin-top:48px;margin-bottom:48px;"]),v=(0,d.ZP)(o.X2j).withConfig({componentId:"sc-d5ee182d-1"})(["",""],h.ZP.md((0,d.iv)(["justify-content:center;"]))),w=(0,d.ZP)(o.JXS).withConfig({componentId:"sc-d5ee182d-2"})(["margin-bottom:16px;background:",";& > *{height:100%;display:flex;flex-direction:column;}",""],e=>{let{theme:t}=e;return t.categoriesBlock.category.backgroundColor},h.ZP.md((0,d.iv)(["margin-bottom:0;"]))),j=(0,d.ZP)(u.sS).attrs(()=>({size:20})).withConfig({componentId:"sc-d5ee182d-3"})(["display:flex;justify-content:center;margin-bottom:8px;flex-grow:1;text-align:center;color:",";",""],e=>e.theme.categoriesBlock.category.titleColor,h.ZP.lg((0,d.iv)(["margin-bottom:16px;"]))),P=(0,d.ZP)(j).withConfig({componentId:"sc-d5ee182d-4"})(["color:",";",""],e=>e.theme.categoriesBlock.category.subtitleColor,(0,u.cY)("body",20)),Z=(0,d.ZP)(p.Z).withConfig({componentId:"sc-d5ee182d-5"})(["z-index:9;position:absolute;top:0;bottom:0;left:0;right:0;"]),C=(0,d.ZP)(x.Z).withConfig({componentId:"sc-d5ee182d-6"})(["margin-top:auto;"]),y=e=>{let{isFirstBlockInPage:t,title:i,categories:r=[]}=e,{postEngagement:l}=(0,a.useContext)(f.h),d=t?1:2;return(0,n.jsx)(b,{children:(0,n.jsx)(o.X2j,{children:(0,n.jsxs)(o.JXS,{xs:12,children:[i&&(0,n.jsx)(c.W,{headingLevel:d,title:i}),(0,n.jsx)(v,{children:r.map(e=>(0,n.jsxs)(g.Z,{backgroundColor:"transparent",as:w,xs:6,md:3,children:[(0,n.jsx)(Z,{link:e.link,onClick:l}),e.title&&(0,n.jsx)(j,{forwardedAs:"h".concat(d+1),children:e.title}

1),e.subtitle&&(0,n.jsx)(P,{forwardedAs:"p",children:e.subtitle}),(0,n.jsx)(C,{ratio:"square",children:(0,n.jsx)(s.Z,{src:e.imageUrl,fill:!0,style:{objectFit:"cover"},sizes:{sm:200,ms:300,md:400,lg:400}})})]},e.title||e.imageAlt))})]})})})};y.propTypes={isFirstBlockInPage:l().bool,title:l().string,categories:l().arrayOf(l().shape({title:l().string,subtitle:l().string,imageUrl:l().string.isRequired,imageAlt:l().string.isRequired,link:l().object.isRequired})).isRequired},t.Z=y},79888:function(e,t,i){"use strict";var n=i(85893),o=i(45697),r=i.n(o);i(67294);var l=i(27603);let a=l.ZP.div.withConfig({componentId:"sc-4954b235-0"})(["position:relative;transition:background-color 0.2s ease-in-out;img{transition:transform 0.2s ease-in-out;}@media (hover:hover){&:hover{background-color:",";img{transform:scale(",");}}}"],e=>e.backgroundColor||e.theme.hoverEffect.backgroundColor,e=>e.$scaleFactor),d=l.ZP.div.withConfig({componentId:"sc-4954b235-1"})(["position:relative;z-index:1;"]),c=e=>{let{children:t,as:i="div",scaleFactor:o,backgroundColor:r,...l}=e;return(0,n.jsx)(a,{as:i,$scaleFactor:o,backgroundColor:r,...l,children:(0,n.jsx)(d,{children:t})})};c.propTypes={scaleFactor:r().number,backgroundColor:r().string},c.defaultProps={scaleFactor:1.015,backgroundColor:null},t.Z=c}},function(e){e.O(0,[2177,4201,2888,9774,179],function(){return e(e.s=20761)}),_N_E=e.O()}]);