"use strict";(self.webpackChunkhhgDiscoverV1=self.webpackChunkhhgDiscoverV1||[]).push([[4544],{G64l:function(e,t,a){a.d(t,{M:function(){return fetchVideoPreview}});var n=a("JOt+"),i=a("LSb+"),o=a("VAcX");function normalizePreviewImageUrl(e){if(e)return e.replace(/&amp;/g,"&")}async function fetchVideoPreview(e){if(!e.length)return[];let t=function(e,t){let a=[];for(let n=0;n<e.length;n+=t)a.push(e.slice(n,n+t));return a}(e,10),a=(await (0,o.v)(t.map(async e=>{let t=await (0,n.callApiNew)(i.PATHS.TOGETHER.FETCH_MULTI_PREVIEW,{method:"POST",data:{links:e.map(e=>e.urlVideo),update:!0}},"together"),a=function(e){if(null==e)return[];if(Array.isArray(e))return e;if("object"==typeof e){if(Array.isArray(e.previews))return e.previews;if(Array.isArray(e.data))return e.data;if(Array.isArray(e.results))return e.results}return[]}(null==t?void 0:t.data);return e.map((e,t)=>(function(e,t){if(!e||"object"!=typeof e)return{title:t.videoTitle||"",url:t.urlVideo};if(e.preview&&"object"==typeof e.preview){let a=e.preview;return{title:t.videoTitle||a.title||"",url:t.urlVideo,image:normalizePreviewImageUrl(a.image)}}return e.data?{...e.data,url:t.urlVideo,title:t.videoTitle||e.title||"",image:normalizePreviewImageUrl("string"==typeof e.data.image?e.data.image:void 0)}:{...e,url:t.urlVideo,title:t.videoTitle||("string"==typeof e.title?e.title:"")||""}})(function(e,t,a){let n=t.urlVideo,i=e[a];if(i&&"object"==typeof i&&i.link===n)return i;let o=e.find(e=>"object"==typeof e&&e&&e.link===n);return null!=o?o:i}(a,e,t),e))}))).map(o.R).filter(e=>!!e);return[].concat(...a)}},pqUD:function(e,t,a){a.d(t,{B:function(){return NextImageWrap}});var n=a("BGKE");a("+OUp");var i=a("aG+K"),o=a.n(i),r=a("E0Fa");let NextImageWrap=e=>{let{style:t,...a}=e;return(0,n.Y)(o(),{loader:r.A,style:{objectFit:"cover",...t},...a})}},p2qK:function(e,t,a){a.d(t,{$c:function(){return d},Cp:function(){return s},Q4:function(){return c},QZ:function(){return l}});var n=a("rBCA"),i=a("YHQg"),o=a("iBNF"),r=a("CL9C");let l=(0,n.A)("div",{target:"eikl4v60"})("position:relative;width:100%;height:100%;img{border-radius:50%;object-fit:cover;}.badge{position:absolute;right:0;bottom:0;display:flex;}"),d=(0,n.A)("div",{target:"eikl4v61"})("width:12px;height:12px;"),s=(0,n.A)(i.d,{target:"eikl4v62"})(".author .poster p span:not(.author-name){font-weight:400;}.author .poster p span:not(.name){color:",o.w.colors.gray800,";}.author-name{font-weight:600;}&.has-description-line-clamp .inner-content .text{display:-webkit-box !important;overflow:hidden !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:var(--description-line-clamp) !important;}&[data-banner-ratio][data-direction='horizontal'] .banner{align-self:flex-start;flex-shrink:0;}&[data-banner-ratio][data-direction='vertical'] .banner{width:100%;flex-shrink:0;height:auto !important;max-height:none !important;min-height:unset !important;}&[data-banner-ratio] .banner a{position:absolute;inset:0;display:block;height:auto;}.footer > div,.footer .author{align-items:flex-start;}.footer .author .poster{display:flex;align-items:center;min-height:24px;line-height:1.3;}&[data-size='lg'] .footer .author .poster{",r.M.tdUp,"{min-height:32px;}}"),c=(0,n.A)("div",{target:"eikl4v63"})("width:100%;height:100%;position:relative;")},q8dt:function(e,t,a){a.r(t),a.d(t,{ArticleCardWrapper:function(){return ArticleCardWrapper}});var n=a("BGKE"),i=a("+OUp"),o=a("D7zM"),r=a("ns0B"),l=a.n(r),d=a("/zZM"),s=a.n(d),c=a("JOt+"),u=a("LSb+"),p=a("bPK4"),m=a("Slg3"),g=a("pqUD"),h=a("HMs9"),lazyLoadWrapper=e=>{let{...t}=e;return(0,n.Y)(h.Ay,{once:!0,offset:1200,...t})},v=a("/sjq"),f=a("a5L+"),b=a("AG8C"),y=a("bGjd"),x=a("9brV"),k=a("iZSu"),w=a("VnHZ"),C=a("2Zdi"),B=a("EYOB"),T=a("p2qK"),S=a("CWxQ");let getHorizontalBannerWidth=(e,t)=>"md"===e?t?100:200:"sm"===e?100:void 0,getBannerRatioStyle=e=>{let{bannerRatio:t,direction:a,size:n,isMobile:i,styleBanner:o}=e;if(!t)return o;let r="horizontal"===a?getHorizontalBannerWidth(n,i):void 0;return{position:"relative",overflow:"hidden",flexShrink:0,aspectRatio:t,height:"auto",maxHeight:"none",minHeight:"unset",..."horizontal"===a?{alignSelf:"flex-start",...r?{width:r,minWidth:r,maxWidth:r}:{}}:{width:"100%"},...o}},ArticleCardWrapper=e=>{var t,a,r,d,h,_,I,Y,A,N,R,L,D;let{article:M,avatarImg:P,authorName:z,authorLink:F,title:E,text:H,disabledBadge:W=!0,className:O,uploadTime:G,isLazyLoad:V,bannerImageWrapProps:j,authorImageWrapProps:K,banner:U,hideBookmark:q,dataEventCategoryForReviewer:Q,dataEventActionForReviewer:Z,bannerRatio:X=1.5,descriptionLineClamp:$,style:J,...ee}=e,{state:{userInfo:et},dispatch:ea}=(0,i.useContext)(w.B),en=(0,f.a)(),{isLargeMobile:ei}=(0,y.lm)(),{bookmarks:eo=[]}=et||{},[er,el]=(0,i.useState)(-1!==eo.indexOf(M.id)),[ed,es]=(0,i.useState)(!1),{locale:ec=k.ne.PhilippinesEnglish}=(0,b.$)(),eu=(0,C.QS)({article:M,locale:ec,version:"short"}),bookmarkArticle=e=>{if(null==et?void 0:et.id)el(e=>!e),er?(async()=>{let{_status:t}=await (0,c.callApiNew)(u.PATHS.SSO.DELETE_BOOKMARK,{method:"DELETE",data:{host_name:v.domainLocales[ec],post_ids:[e]}},"sso");1===t&&ea({type:S.Q.REMOVE_BOOKMARKS,payload:{bookmarks:[e],bookmarkId:e}})})():(async()=>{let{_status:t,_data:a}=await (0,c.callApiNew)(u.PATHS.SSO.CREATE_BOOKMARK,{method:"POST",data:{host_name:v.domainLocales[ec],post_ids:[e]}},"sso");1===t&&ea({type:S.Q.ADD_BOOKMARKS,payload:{bookmarks:[e],bookmarkId:e,isFirstTimeBookmark:a.first_time_bookmark}})})();else{let t=window.location.href,a=encodeURIComponent("".concat(t).concat(t.includes("?")?"&":"?","source=bookmark,").concat(e));x.dX?o.u.getState().triggerLogin({source:"bookmark,".concat(e)}):window.location.href=x.a5?"".concat(x.a5,"?returnUrl=").concat(a):t}};(0,i.useEffect)(()=>{es(!q)},[]),(0,i.useEffect)(()=>{el(-1!==eo.indexOf(M.id))},[eo.length]);let ep=eu.avatar_permalink?s():"span",em=eu.avatar_permalink?(0,p.oN)(ec,!0)+eu.avatar_permalink:"",{styleBanner:eg,direction:eh,size:ev,...ef}=ee,eb=(0,i.useMemo)(()=>getBannerRatioStyle({bannerRatio:X,direction:eh,size:ev,isMobile:en,styleBanner:eg}),[X,eh,en,ev,eg]),ey=(0,n.Y)(T.Cp,{isPremium:ec!==k.ne.Vietnam&&M.isPremium,isMobile:en,className:[O,$?"has-description-line-clamp":""].filter(Boolean).join(" "),style:{...$?{"--description-line-clamp":$}:{},...J},"data-banner-ratio":X||void 0,dataEventCategoryForBookmark:"Bookmark",dataEventActionForBookmark:"Click",dataEventLabelForBookmark:"https://".concat(v.domainLocales[ec]).concat(M.permalinkDecode),dataEventLabelForTitle:"https://".concat(v.domainLocales[ec]).concat(M.permalinkDecode),dataEventLabelForCategory:"https://".concat(v.domainLocales[ec]).concat((null===(t=M.category)||void 0===t?void 0:t.permalinkDecode)||(null===(a=M.category)||void 0===a?void 0:a.permalink)||""),dataEventLabelForBanner:"https://".concat(v.domainLocales[ec]).concat(M.permalinkDecode),hasAffiliate:M.hasAffiliate,articleLink:M.permalink,categoryLink:(null===(r=M.category)||void 0===r?void 0:r.permalink)||"#",categoryName:(null===(d=M.category)||void 0===d?void 0:d.displayName)||(null===(h=M.category)||void 0===h?void 0:h.name)||(null===(I=M.categories)||void 0===I?void 0:null===(_=I[0])||void 0===_?void 0:_.displayName)||(null===(A=M.categories)||void 0===A?void 0:null===(Y=A[0])||void 0===Y?void 0:Y.name)||"",banner:U||(0,n.Y)(g.B,{src:(en?M.featureImageMobile:M.featureImage)||M.featureImage||x.I6,fill:!0,alt:M.postName,...j}),specialty:(null===(N=M.expert)||void 0===N?void 0:N.specialty)||(null===(R=M.author)||void 0===R?void 0:R.specialty),...ef,direction:eh,styleBanner:eb,uploadTime:(0,B.F)(G||M.modifiedTime,ec)||G||M.modifiedTime,title:l()(E||M.postTitle||M.postName||"")||"",text:void 0!==H?l()(H||""):M.excerpt||M.description||M.postContent?l()(M.excerpt||M.description||(null===(L=M.postContent)||void 0===L?void 0:L.split("\r\n")[0])||""):"",avatarImg:(0,n.Y)(ep,{href:eu.avatar_permalink,className:"pointer-event-child-none","data-event-category":Q,"data-event-action":Z,"data-event-label":em,prefetch:!1,children:(0,n.FD)(T.QZ,{children:[(0,n.Y)(T.Q4,{children:(0,n.Y)(g.B,{className:"avatar",src:eu.avatar||x.Iu,alt:eu.avatar_alt,..."lg"!==ev||en||ei?{width:24,height:24}:{width:32,height:32},placeholder:void 0,blurDataURL:void 0,...K})}),!W&&eu.indicator&&(0,n.Y)(T.$c,{className:"badge",children:(0,n.Y)("img",{src:eu.indicator,loading:"lazy",alt:"badge",width:12,height:12})})]})}),authorName:(0,n.FD)("span",{"data-event-category":Q,"data-event-action":Z,"data-event-label":em,className:"pointer-event-child-none",children:[(0,n.Y)(m.F,{...eu,formatOptionsProps:{expert_display_name:{href:""}}}),"\xa0"]}),authorLink:eu.avatar_permalink,isBookmarkDisplayed:ed,isBookmark:er,onBookmark:()=>bookmarkArticle(M.id),styleLabel:{color:(null===(D=M.category)||void 0===D?void 0:D.textColor)||"#008C50",...ef.styleLabel}});return V?(0,n.Y)(lazyLoadWrapper,{placeholder:(0,n.FD)("div",{style:{opacity:0,pointerEvents:"none",height:180},children:[(0,n.Y)("a",{href:eu.avatar_permalink,children:eu.avatar_permalink}),(0,n.Y)("a",{href:eu.avatar_permalink,children:(0,n.Y)("img",{"data-src":eu.avatar,alt:eu.avatar_alt})}),(0,n.Y)("div",{children:(0,n.Y)(m.F,{...eu,formatOptionsProps:{expert_display_name:{"data-event-category":Q,"data-event-action":Z,"data-event-label":em}}})}),(0,n.FD)("a",{href:ef.articleLink,children:[(0,n.Y)("img",{"data-src":M.featureImage,alt:M.postTitle}),(0,n.Y)("img",{"data-src":M.featureImageMobile,alt:M.postTitle}),(0,n.Y)("img",{"data-src":M.featureImageMobileXs,alt:M.postTitle}),(0,n.Y)("div",{children:ef.categoryName}),(0,n.Y)("div",{children:G}),(0,n.Y)("div",{children:E||""}),(0,n.Y)("div",{children:H||""})]})]}),children:ey}):ey}},"6tEp":function(e,t,a){a.d(t,{Q:function(){return CtaBannerSection}});var n=a("BGKE"),i=a("P+HS"),o=a("vH4S"),r=a("q6HN"),l=a("a5L+"),d=a("+OUp");let s="Service Connection",c=(0,d.createContext)({eventCategory:s}),u={layout_1_block:1,layout_2_block:2,layout_3_block:3,layout_4_block:4},resolveRatioLayout=e=>e&&e in p?e:"image_on_top_button_below",resolveMaxCol=e=>u[e],p={image_overlay_button:{1:400/552,2:400/552,3:400/360,4:400/264},image_on_top_button_below:{1:220/552,2:220/552,3:200/360,4:200/264}};var m=a("lNEE");let pickCtaBannerResponsiveValue=(e,t,a)=>(null!=e?e:a)[t?0:1],isCtaBannerMultiplePopupMode=e=>"include-popup"===e,isCtaBannerSinglePopupMode=e=>"include-popup"===e,isCtaBannerSinglePrimaryPopupMode=(e,t)=>isCtaBannerSinglePopupMode(e)&&"first"===t,isCtaBannerSingleSecondaryPopupMode=(e,t)=>isCtaBannerSinglePopupMode(e)&&"second"===t,isCtaBannerSingleLinkMode=e=>"link"===e,configGrid=function(e,t){var a,n;let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"layout_4_block",o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=resolveMaxCol(i),l=e>0?o?r:Math.min(e,r):1,d=resolveRatioLayout(t),s=l in p[d]?l:Math.min(l,4);return{colNumber:l,itemsPerGroup:l,grow:!1,span:12/l,ratio:null!==(n=null!==(a=p[d][l])&&void 0!==a?a:p[d][s])&&void 0!==n?n:p[d][2],gap:24,smGap:16}},g={titleSize:["h2","h2"],descriptionSize:["p2","p2"],align:["left","center"],gap:[8,8]},h=[20,40];var v=(0,o.createStyles)((e,t)=>{let{backgroundColor:a,sectionPadding:n}=t,[i,r]=n;return{root:{backgroundColor:a||e.colors.gray[1],display:"flex",flexDirection:"column",gap:20,padding:"".concat((0,o.rem)(i)," 0"),overflow:"visible",[e.fn.largerThan("sm")]:{padding:"".concat((0,o.rem)(r)," 0"),gap:40}},header:{color:e.colors.gray[8]}}}),f=a("oTwY"),b=(0,o.createStyles)(e=>({root:{[e.fn.smallerThan("sm")]:{".mantine-Carousel-viewport":{paddingLeft:16,paddingRight:16},".carousel-progress":{marginLeft:16,marginRight:16}}},accordionItem:{border:0},accordionLabel:{padding:0},accordionControl:{padding:"".concat((0,o.rem)(12)," ").concat((0,o.rem)(18)),borderTop:0,borderBottom:"1px solid ".concat(e.colors.neutral[1]),".mantine-Accordion-label p":{fontWeight:i.FontWeight.regular},'&[data-active="true"]':{borderBottom:0,".mantine-Accordion-label p":{fontWeight:i.FontWeight.semiBold}},"&:hover":{backgroundColor:"transparent"}},accordionContent:{paddingBottom:0,[e.fn.smallerThan("sm")]:{paddingLeft:0,paddingRight:0}}})),y=a("mCqF"),x=a("ufNQ"),k=a("E+gi"),w=a("HG5m"),C=a("KmVC"),B=a("Iblh"),T=a("dDsW"),icons_Play=e=>{let{size:t=40,...a}=e;return(0,n.FD)("svg",{width:t,height:t,viewBox:"0 0 47 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a,children:[(0,n.Y)("path",{d:"M23.297 43.153c10.55 0 19.103-8.64 19.103-19.298S33.847 4.557 23.297 4.557 4.193 13.197 4.193 23.855s8.553 19.298 19.104 19.298",fill:"#262626","fill-opacity":".75"}),(0,n.Y)("path",{d:"m19.477 16.136 11.462 7.719-11.462 7.72z",fill:"#fff",stroke:"#fff","stroke-width":"1.75","stroke-linecap":"round","stroke-linejoin":"round"})]})},S=a("pqUD");let useImageAspectRatio=e=>{let[t,a]=(0,d.useState)(null),[n,i]=(0,d.useState)(null);return(0,d.useLayoutEffect)(()=>{if(!e){a(null),i(null);return}let t=!1,n=new Image;n.src=e;let syncSize=()=>{!t&&n.naturalWidth&&n.naturalHeight&&(i({width:n.naturalWidth,height:n.naturalHeight}),a(n.naturalWidth/n.naturalHeight))};return n.complete?syncSize():(n.onload=syncSize,n.onerror=()=>{t||(a(null),i(null))}),()=>{t=!0}},[e]),{aspectRatio:t,intrinsicSize:n}};var _=a("jD9D"),I=a("wA0V"),Y=(0,o.createStyles)((e,t)=>{let{isBackgroundImage:a,hasIllustration:n,backgroundImageMaxHeight:i,isPopupLinkOnly:r}=t;return{modalContent:{position:"relative",borderRadius:(0,o.rem)(16),overflow:"hidden",...a?{display:"flex",flexDirection:"column",maxHeight:i}:{minHeight:(0,o.rem)(338),[e.fn.largerThan("sm")]:{minHeight:(0,o.rem)(288)}}},modalHeader:{position:"absolute",right:0,top:0,border:0,background:"transparent",padding:0,zIndex:r?3:2,".mantine-CloseButton-root":{width:(0,o.rem)(30),height:(0,o.rem)(30),top:(0,o.rem)(8),right:(0,o.rem)(8),color:"#8c8c8c",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",backgroundColor:e.white,"&:hover":{backgroundColor:"".concat(e.white," !important"),color:"#595959 !important","& svg":{color:"#595959 !important"}},"& svg":{width:"".concat((0,o.rem)(20)," !important"),height:"".concat((0,o.rem)(20)," !important"),color:"#8c8c8c"}}},modalBody:{padding:0,...r&&{position:"relative"},...a&&{flex:1,minHeight:0,maxHeight:"100%",display:"flex",flexDirection:"column",justifyContent:"center",overflow:"hidden"}},linkOnlyWrapper:{position:"relative",display:"flex",flex:1,flexDirection:"column",minHeight:"100%"},root:{display:"flex",flexDirection:"column",...a?{flex:1,minHeight:0,maxHeight:"100%",justifyContent:"center",alignItems:"center",padding:"".concat((0,o.rem)(16)," ").concat((0,o.rem)(24)),position:"relative",zIndex:1,overflow:"hidden"}:{gap:(0,o.rem)(16),padding:"".concat((0,o.rem)(16)," ").concat((0,o.rem)(24)),alignItems:"center",[e.fn.largerThan("sm")]:{flexDirection:n?"row":"column",alignItems:n?"center":"stretch",gap:(0,o.rem)(24),padding:(0,o.rem)(24)}}},content:{display:"flex",flexDirection:"column",minWidth:0,...r&&{position:"relative",zIndex:1,pointerEvents:"none"},...a?{flex:"none",gap:(0,o.rem)(8),width:"100%",textAlign:"center",alignItems:"center"}:{flex:1,gap:0,width:"100%",textAlign:"center",alignItems:"center",[e.fn.largerThan("sm")]:{textAlign:n?"left":"center",alignItems:n?"flex-start":"center",...n&&{paddingLeft:(0,o.rem)(24)}}}},textBlock:{display:"flex",flexDirection:"column",width:"100%",...a?{gap:(0,o.rem)(8),alignItems:"center"}:{gap:(0,o.rem)(2),[e.fn.largerThan("sm")]:{gap:(0,o.rem)(4)}}},bodyText:{wordBreak:"break-word"},actions:{display:"flex",width:"100%",...a?{flexDirection:"column-reverse",gap:(0,o.rem)(8),marginTop:(0,o.rem)(16),alignItems:"center",[e.fn.largerThan("sm")]:{flexDirection:"row",justifyContent:"center",width:"auto"}}:{flexDirection:"column-reverse",gap:(0,o.rem)(8),marginTop:(0,o.rem)(16),[e.fn.largerThan("sm")]:{flexDirection:"row",marginTop:(0,o.rem)(24),justifyContent:n?"flex-start":"center",width:"auto"}}},btn:{flex:"none",width:"100%",minWidth:0,[e.fn.largerThan("sm")]:{minWidth:(0,o.rem)(152),width:"auto"}},popupLinkOverlay:{position:"absolute",inset:0,zIndex:2,display:"block",textDecoration:"none",color:"transparent",cursor:"pointer"},illustration:{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginInline:"auto",width:"auto",maxHeight:(0,o.rem)(120),[e.fn.largerThan("sm")]:{width:(0,o.rem)(240),height:(0,o.rem)(240),maxHeight:"none",marginInline:0},img:{display:"block",objectFit:"contain",maxHeight:(0,o.rem)(120),width:"auto",height:"auto",[e.fn.largerThan("sm")]:{maxWidth:"100%",maxHeight:"100%",width:"auto",height:"auto"}}}}});let A={mobile:343,desktop:648},N={mobile:343,desktop:960},R={mobile:48,desktop:120},L={desktop:520},getPopupMaxHeightPx=(e,t)=>e?Math.max(t-R.mobile,200):Math.min(Math.max(t-R.desktop,200),L.desktop),getBackgroundImageMaxWidthPx=(e,t)=>{let a=e?N.mobile:N.desktop;return Math.min(a,Math.max(t-32,280))},getBackgroundImageMaxHeight=e=>e?"calc(100dvh - ".concat((0,o.rem)(R.mobile),")"):"min(calc(100dvh - ".concat((0,o.rem)(R.desktop),"), ").concat((0,o.rem)(L.desktop),")"),getBackgroundImageMaxWidth=(e,t)=>(0,o.rem)(getBackgroundImageMaxWidthPx(e,t)),getContainedImageModalWidth=e=>{let{aspectRatio:t,isMobile:a,viewportWidth:n,viewportHeight:i}=e,o=getBackgroundImageMaxWidthPx(a,n),r=getPopupMaxHeightPx(a,i);return t?o/t<=r?o:Math.min(Math.round(r*t),o):o},getBackgroundImageUrl=(e,t)=>t?e.imageMobile||e.imageDesktop:e.imageDesktop||e.imageMobile,getPopupBackgroundStyle=(e,t)=>{if("background-color"===e.backgroundStyle&&e.backgroundColour)return{backgroundColor:e.backgroundColour};if("background-image"===e.backgroundStyle){let a=getBackgroundImageUrl(e,t);if(a)return{backgroundImage:'url("'.concat(a,'")'),backgroundSize:"contain",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}},getPopupIllustrationSrc=(e,t)=>"background-color"===e.backgroundStyle&&e.icon?e.icon:"background-image"!==e.backgroundStyle?t?e.mobile||e.desktop||e.icon:e.desktop||e.mobile||e.icon:void 0,getPopupLinkOnlyTarget=(e,t)=>{var a,n,i,o;let r=[(null==e?void 0:null===(a=e.url)||void 0===a?void 0:a.trim())?{url:e.url.trim(),openNewTab:!!e.openNewTab,hasTitle:!!(null===(n=e.title)||void 0===n?void 0:n.trim())}:null,(null==t?void 0:null===(i=t.url)||void 0===i?void 0:i.trim())?{url:t.url.trim(),openNewTab:!!t.openNewTab,hasTitle:!!(null===(o=t.title)||void 0===o?void 0:o.trim())}:null].filter(e=>!!e),[l]=r;return 1!==r.length||!l||l.hasTitle?null:{url:l.url,openNewTab:l.openNewTab}},CtaBannerPopupModal=e=>{var t,a;let{opened:r,onClose:u,popupSetting:p,triggerButton:g,primaryButton:h,secondaryButton:v}=e,{eventCategory:f=s}=(0,d.useContext)(c),b=(0,l.a)(),y=(0,I.m)(),x={"data-event-category":f,"data-event-action":"CTA Banner - Close popup","data-event-label":y},{width:k,height:w}=(0,_.l)(),C="background-image"===p.backgroundStyle,B=C?getBackgroundImageUrl(p,b):void 0,{aspectRatio:T}=useImageAspectRatio(B),S=C?getContainedImageModalWidth({aspectRatio:T,isMobile:b,viewportWidth:k||(b?375:1440),viewportHeight:w||(b?667:900)}):null,N=getBackgroundImageMaxHeight(b),R=getBackgroundImageMaxWidth(b,k||(b?375:1440)),L=p.buttonColour||(null==g?void 0:g.backgroundColor),D=p.gradientButton||(null==g?void 0:g.backgroundGradient),M=null!=h?h:null===(t=p.buttons)||void 0===t?void 0:t.primary,P=null!=v?v:null===(a=p.buttons)||void 0===a?void 0:a.secondary,z=getPopupLinkOnlyTarget(M,P),F=!!z,E=C?void 0:getPopupIllustrationSrc(p,b),{classes:H}=Y({isBackgroundImage:C,hasIllustration:!!E,backgroundImageMaxHeight:N,isPopupLinkOnly:F},{name:"CtaBannerSection__MultipleImage__PopupModal"}),W=null==M?void 0:M.title,O=null==M?void 0:M.url,G=null==P?void 0:P.title,V=null==P?void 0:P.url,j=getPopupBackgroundStyle(p,b),K=p.description;return(0,n.Y)(i.TemplateProvider,{variant:i.CustomStylesType.LEADGEN,children:(0,n.Y)(i.Modal,{opened:r,onClose:u,centered:!0,withCloseButton:!0,closeButtonProps:x,overlayProps:x,size:C&&S?(0,o.rem)(S):b?(0,o.rem)(343):(0,o.rem)(648),zIndex:500,classNames:{content:H.modalContent,header:H.modalHeader,body:H.modalBody},styles:{...C?{inner:{padding:(0,o.rem)(16),maxHeight:"100dvh"},content:{...j,width:S?(0,o.rem)(S):(0,o.rem)(b?A.mobile:A.desktop),maxWidth:R,maxHeight:N,height:"auto",...T&&{aspectRatio:"".concat(T)}},body:{flex:1,minHeight:0,maxHeight:"100%",overflow:"hidden"}}:{content:j,body:j}},children:(0,n.FD)(o.Box,{className:H.linkOnlyWrapper,children:[F&&z&&(0,n.Y)(o.Box,{component:"a",href:z.url,target:z.openNewTab?"_blank":"_self",rel:z.openNewTab?"noopener noreferrer":void 0,className:H.popupLinkOverlay,"aria-label":p.title||"CTA Banner","data-event-category":f,"data-event-action":"CTA Banner Popup - Redirect - Left button","data-event-label":z.url,onClick:u}),(0,n.FD)(o.Box,{className:H.root,style:C?void 0:j,children:[!C&&b&&E&&(0,n.Y)(o.Box,{className:H.illustration,children:(0,n.Y)("img",{src:E,alt:"",loading:"lazy"})}),(0,n.FD)(o.Box,{className:H.content,children:[(p.title||(0,m.DK)(K))&&(0,n.FD)(o.Box,{className:H.textBlock,children:[p.title&&(0,n.Y)(i.Text,{size:"h3",variant:"primary",weight:"semiBold",sx:{color:p.titleColour||void 0},children:p.title}),(0,n.Y)(m.f2,{className:H.bodyText,content:K,size:"p2",variant:"tertiary",color:p.descriptionColour})]}),(W||G)&&(0,n.FD)(o.Box,{className:H.actions,children:[G&&(0,n.Y)(i.Button,{className:H.btn,variant:"tertiary",size:"lg",color:L,gradient:D,"data-event-category":f,"data-event-action":"CTA Banner Popup - Redirect - Left button","data-event-label":V||G,...V?{component:"a",href:V,target:"_blank",rel:"noopener noreferrer",onClick:u}:{type:"button",onClick:u},children:G}),W&&(0,n.Y)(i.Button,{className:H.btn,variant:"primary",size:"lg",color:L,gradient:D,"data-event-category":f,"data-event-action":"CTA Banner Popup - Redirect - Right button","data-event-label":O||W,...O?{component:"a",href:O,target:"_blank",rel:"noopener noreferrer",onClick:u}:{type:"button",onClick:u},children:W})]})]}),!C&&!b&&E&&(0,n.Y)(o.Box,{className:H.illustration,children:(0,n.Y)("img",{src:E,alt:"",loading:"lazy"})})]})]})})})};var D=(0,o.createStyles)((e,t)=>{let{layout:a,infoLayout:n,ratio:i,fixSizeBanner:r,radius:l,btnColor:d,hasHoverEffect:s,isYoutubeEmbed:c}=t,u="image_overlay_button"===a,p="image_on_top_button_below"===a,m="horizon"===n,g="vertical"===n;return{root:{display:"flex",flexDirection:"column",position:"relative",borderRadius:16,backgroundColor:"#fff",boxShadow:"0px 0px 1px 0px #0000000A, 0px 2px 8px 0px #0000000A, 0px 16px 24px 0px #0000000F",...!r&&p&&{height:"100%"},...r&&{height:"auto",alignSelf:"flex-start",width:"100%",marginBottom:(0,o.rem)(24)},[e.fn.largerThan("sm")]:{borderRadius:l,transition:"transform .2s","&:hover":{...s&&{transform:"translateY(-10px)"},...c&&{[".".concat((0,o.getStylesRef)("thumbnailOverlay"))]:{backgroundColor:"rgba(0, 0, 0, .4)"}},[".".concat((0,o.getStylesRef)("btn"))]:{backgroundColor:"".concat(e.fn.darken(d||e.fn.primaryColor(),.1)," !important")}}}},rootClickable:{cursor:"pointer"},info:{gap:16,...u&&{position:"absolute",insetInline:0,bottom:0,paddingBottom:40,display:"flex",justifyContent:"center"},...p&&{borderRadius:16,...!r&&{flex:1},display:"flex",flexDirection:"column",borderTopLeftRadius:"0",borderTopRightRadius:"0",padding:(0,o.rem)(12)},...g&&p&&{justifyContent:"flex-start"},[e.fn.smallerThan("sm")]:{paddingBottom:16},[e.fn.largerThan("sm")]:{...p&&{alignItems:m?"center":"stretch",padding:"".concat((0,o.rem)(12)," ").concat((0,o.rem)(16))},...m&&{flexDirection:"row",justifyContent:"space-between",gap:(0,o.rem)(4)}}},linkTarget:{display:"block",textDecoration:"none",color:"inherit",border:"none",padding:0,background:"none",cursor:"pointer",width:"100%",textAlign:"inherit"},thumbnailWrap:{position:"relative",overflow:"hidden",borderRadius:16,...!r&&p&&{flexShrink:0},...p&&{borderBottomLeftRadius:0,borderBottomRightRadius:0},[e.fn.largerThan("sm")]:{borderRadius:l,...p&&{borderBottomLeftRadius:0,borderBottomRightRadius:0}}},thumbnailOverlay:{ref:(0,o.getStylesRef)("thumbnailOverlay"),position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:3,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"transparent",transition:"all .2s ease",pointerEvents:"none",".play-icon path":{"&:first-child":{fill:"#262626"}}},picture:{position:"relative",overflow:"hidden",lineHeight:0,...r?{display:"block",width:"100%"}:{display:"block",height:0,paddingBottom:"".concat(100*i,"%"),[e.fn.smallerThan("sm")]:{paddingBottom:"".concat((u?1.4:249/320)*100,"%")}},...r&&{img:{display:"block"}},img:{borderRadius:16,...p&&{borderBottomLeftRadius:0,borderBottomRightRadius:0},...!r&&{objectFit:"cover"},[e.fn.largerThan("sm")]:{borderRadius:l,...p&&{borderBottomLeftRadius:0,borderBottomRightRadius:0}}}},header:{gap:4},actions:{position:"relative",zIndex:1,...u&&{paddingLeft:16,paddingRight:16,textAlign:"center"},...p&&g&&{marginTop:"auto"}},btn:{ref:(0,o.getStylesRef)("btn"),minWidth:(0,o.rem)(168),...d&&{backgroundColor:"".concat(d," !important")},[e.fn.smallerThan("sm")]:{width:"100%"},[e.fn.largerThan("sm")]:{...p&&{width:"100%"}}},btnYoutube:{[".".concat((0,o.getStylesRef)("btnInner"))]:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"100%"},[".".concat((0,o.getStylesRef)("btnIcon"))]:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:0,marginRight:0,opacity:0,overflow:"hidden",transform:"scale(0)",transformOrigin:"center",transition:"width 0.3s ease, margin 0.3s ease, opacity 0.3s ease, transform 0.3s ease",flexShrink:0},[".".concat((0,o.getStylesRef)("btnLabel"))]:{whiteSpace:"nowrap"},"&:hover":{[".".concat((0,o.getStylesRef)("btnIcon"))]:{width:(0,o.rem)(20),marginRight:(0,o.rem)(8),opacity:1,transform:"scale(1)"}}},btnInner:{ref:(0,o.getStylesRef)("btnInner")},btnIcon:{ref:(0,o.getStylesRef)("btnIcon")},btnLabel:{ref:(0,o.getStylesRef)("btnLabel")}}}),M=a("G64l");let isCtaMultiImageYoutubeButton=(e,t)=>{var a;return"multiple-image"===e&&!!((null==t?void 0:t.embedYoutube)&&(null===(a=t.youtubeLink)||void 0===a?void 0:a.trim()))},buildCtaBannerVideoItem=(e,t,a)=>{var n,i,o,r,l,d,s,c;return{id:"cta-banner-youtube",videoId:"cta-banner-youtube",url:e,title:null!==(i=null!==(n=null==t?void 0:t.title)&&void 0!==n?n:null==a?void 0:a.title)&&void 0!==i?i:"",type:w.V.VIDEO,description:"",createTime:"",duration:0,totalView:0,image:null!==(r=null!==(o=null==t?void 0:t.image)&&void 0!==o?o:null==a?void 0:a.image)&&void 0!==r?r:"",imageMedium:null!==(d=null!==(l=null==t?void 0:t.image)&&void 0!==l?l:null==a?void 0:a.image)&&void 0!==d?d:"",imageThumbnail:null!==(c=null!==(s=null==t?void 0:t.image)&&void 0!==s?s:null==a?void 0:a.image)&&void 0!==c?c:"",active:!1,articleLink:""}},fetchCtaBannerVideoPreview=async(e,t)=>{let a=await (0,M.M)([{urlVideo:e,videoTitle:t}]);return a[0]},LinkTarget=e=>{let{enabled:t,href:a,openNewTab:i,onClick:r,className:l,label:d,action:s,eventCategory:c,children:u}=e;return t?r?(0,n.Y)(o.Box,{component:"button",type:"button",onClick:r,className:l,"data-event-category":c,"data-event-action":s,"data-event-label":d,children:u}):a?(0,n.Y)(o.Box,{component:"a",href:a,target:i?"_blank":"_self",rel:i?"noopener noreferrer":void 0,className:l,"data-event-category":c,"data-event-action":s,"data-event-label":d,children:u}):(0,n.Y)(n.FK,{children:u}):(0,n.Y)(n.FK,{children:u})},Item=e=>{var t,a;let{data:r,layout:u,styles:p,classNames:g,infoLayout:h="horizon",ratio:v=312/430,radius:f=24,alignRightCTA:b,...y}=e,{data:x,eventCategory:_=s}=(0,d.useContext)(c),{type:I,fixSizeBanner:Y,applyCarousel:A,shortReelLayout:N,popupSetting:R,advancedSettings:L}=x||{},{formatMessage:M}=(0,T.A)(),P=(0,l.a)(),[z,F]=(0,d.useState)(null),[E,H]=(0,d.useState)(!1),[W,{open:O,close:G}]=(0,B.j)(!1),{desktop:V,mobile:j,title:K,titleColor:U,description:q,descriptionColor:Q,buttons:Z,popupButtons:X}=r,$=null==Z?void 0:Z.primary,J=null==$?void 0:$.url,ee=null==$?void 0:$.title,et=null==$?void 0:$.youtubeLink,ea=!!(R&&isCtaBannerMultiplePopupMode(L)&&(null==$?void 0:$.title)),en=!ea,ei=isCtaMultiImageYoutubeButton(I,$),eo=!!(J&&!ei&&en),er=!!(ei||ea||en&&J),el=ei?et:ea?ee:J,ed=M({id:"ctaBanner.playNowBtn",defaultMessage:"Play now"}),es=ei?ed:ee,ec=!!(ei||ee&&(J||ea)),eu=!!(null==$?void 0:$.openNewTab),ep="CTA Banner - ".concat(es," - Click"),em=P?j||V:V||j,{intrinsicSize:eg}=useImageAspectRatio(Y?em:void 0),eh=Math.max(1,Math.round(430*v)),{classes:ev}=D({layout:u,infoLayout:h,ratio:v,fixSizeBanner:Y,radius:f,btnColor:null==$?void 0:$.backgroundColor,hasHoverEffect:!!(J||ei||ea)&&!A,isYoutubeEmbed:ei},{name:"CtaBannerSection__MultipleImage__Item",styles:p,classNames:g}),ef=(0,d.useCallback)(async()=>{if(null==et?void 0:et.trim()){H(!0);try{let e=await fetchCtaBannerVideoPreview(et,K);F(buildCtaBannerVideoItem(et,e,{title:K,image:V||j}))}catch(e){F(buildCtaBannerVideoItem(et,void 0,{title:K,image:V||j}))}finally{H(!1)}}},[V,j,K,et]),eb=(0,d.useCallback)(e=>{e.preventDefault(),O()},[O]),ey=ei?ef:ea?O:void 0,ex=(0,n.FD)(o.Box,{className:ev.thumbnailWrap,children:[(0,n.Y)(o.Box,{className:ev.picture,children:Y?(0,n.Y)(S.B,{src:em,alt:K||"CTA Banner",width:null!==(t=null==eg?void 0:eg.width)&&void 0!==t?t:430,height:null!==(a=null==eg?void 0:eg.height)&&void 0!==a?a:eh,sizes:"100vw",priority:!0,style:{width:"100%",height:"auto",maxWidth:"100%",objectFit:"unset"}}):(0,n.Y)(S.B,{src:em,alt:K||"CTA Banner",fill:!0,priority:!0,sizes:"(max-width: 768px) 100vw, 33vw"})}),ei&&(0,n.Y)(o.Flex,{className:ev.thumbnailOverlay,align:"center",justify:"center","aria-hidden":!0,children:(0,n.Y)(icons_Play,{className:"play-icon",size:P?32:46})})]});return(0,n.FD)(n.FK,{children:[(0,n.FD)(o.Box,{...y,className:(0,o.clsx)(ev.root,ea&&ev.rootClickable),"data-ratio":v,...ea&&{onClick:eb,"data-event-category":_,"data-event-action":ep,"data-event-label":el},children:[(0,n.Y)(LinkTarget,{enabled:er&&!ea,href:eo?J:void 0,onClick:ey,openNewTab:eu,className:ev.linkTarget,label:el,action:ep,eventCategory:_,children:ex}),(0,n.FD)(o.Stack,{className:ev.info,children:["image_on_top_button_below"===u&&(K||(0,m.DK)(q))&&(0,n.Y)(LinkTarget,{enabled:er&&!ea,href:eo?J:void 0,onClick:ey,openNewTab:eu,className:ev.linkTarget,label:el,action:ep,eventCategory:_,children:(0,n.FD)(o.Stack,{className:ev.header,children:[K&&(0,n.Y)(i.Text,{size:"h5",color:U,variant:"primary",children:K}),(0,n.Y)(m.f2,{content:q,size:"p2",variant:"tertiary",color:Q})]})}),ec&&(0,n.Y)(o.Box,{className:(0,o.clsx)(ev.actions,b&&"flex justify-end"),children:(0,n.Y)(i.Button,{className:(0,o.clsx)(ev.btn,ei&&ev.btnYoutube),variant:"primary",size:"lg",color:null==$?void 0:$.backgroundColor,gradient:null==$?void 0:$.backgroundGradient,loading:E,"data-event-category":_,"data-event-action":ep,"data-event-label":ei?et:J,...ei?{type:"button",onClick:e=>{e.preventDefault(),e.stopPropagation(),ef()}}:ea?{type:"button",onClick:e=>{e.stopPropagation(),O()}}:eo?{component:"a",href:J,target:eu?"_blank":"_self",rel:eu?"noopener noreferrer":void 0}:{},children:ei?(0,n.FD)("span",{className:ev.btnInner,children:[(0,n.Y)("span",{className:ev.btnIcon,"aria-hidden":!0,children:(0,n.Y)(C.A,{size:20,color:"currentColor"})}),(0,n.Y)("span",{className:ev.btnLabel,children:es})]}):es})})]})]}),z&&(0,n.Y)(k.a,{opened:!!z.videoId,data:z,onClose:()=>F(null),isMobile:P,forceType:N?w.V.SHORTS:w.V.VIDEO}),ea&&R&&(0,n.Y)(CtaBannerPopupModal,{opened:W,onClose:G,popupSetting:R,triggerButton:$,primaryButton:null==X?void 0:X.primary,secondaryButton:null==X?void 0:X.secondary})]})},P=(0,d.forwardRef)((e,t)=>{let{styles:a,classNames:i,banners:r=[],keepGridCol:l,...s}=e,{data:u}=(0,d.useContext)(c),{layout:p,gridLayout:m,fixSizeBanner:g}=u||{},h=(0,d.useMemo)(()=>configGrid(r.length,p,m,l),[r.length,p,m,l]),v=(0,d.useRef)(null);(0,d.useImperativeHandle)(t,()=>v.current,[]);let f=!g;return(0,n.Y)(o.Box,{sx:e=>({position:"relative",".arrow":{position:"absolute",top:"50%",transform:"translate(0, -50%)",border:"1px solid ".concat(e.colors.gray[1]),width:40,height:40,boxShadow:"0px 0px 1px 0px #0000000A,0px 2px 8px 0px #0000000A,0px 10px 16px 0px #0000000A","&.arrow-prev":{left:-64},"&.arrow-next":{right:-64},[e.fn.smallerThan("sm")]:{display:"none"}},...f&&{".mantine-Carousel-container":{alignItems:"stretch"},".mantine-Carousel-slide":{height:"auto",display:"flex"}},[e.fn.smallerThan("sm")]:{overflow:"hidden",".carousel-progress":{width:"calc(100% - 32px)"}}}),children:(0,n.FD)(y.A,{slideSize:"100%",slideGap:24,align:"start",autoplay:!0,ref:v,breakpoints:[{maxWidth:"sm",slideSize:"80%",slideGap:16}],...s,children:[(0,n.Y)(y.A.Body,{children:(0,n.Y)(x.A,{breakpoints:{base:{itemsPerGroup:1,GroupWrapper:e=>(0,n.Y)(y.A.Slide,{sx:f?{"& > *":{width:"100%",height:"100%"}}:void 0,children:e})},md:{itemsPerGroup:h.itemsPerGroup,GroupWrapper:e=>(0,n.Y)(y.A.Slide,{sx:{paddingBottom:30},children:(0,n.Y)(o.Grid,{gutter:h.gap,grow:!l&&h.grow,align:g?"flex-start":"stretch",sx:f?{width:"100%",flex:1}:void 0,children:e})}),ItemWrapper:e=>(0,n.Y)(o.Grid.Col,{span:h.span,sx:{display:"flex",overflow:"visible",...g&&{paddingBottom:24},...!g&&{alignItems:"stretch"}},children:(0,n.Y)(o.Box,{sx:{width:"100%",...!g&&{height:"100%"}},children:e})})}},items:r.map((e,t)=>(0,n.Y)(Item,{data:e,layout:p,alignRightCTA:1===r.length,infoLayout:r.length<=2&&"image_on_top_button_below"===p&&!l?"horizon":"vertical",radius:r.length>2?16:24,ratio:h.ratio},String(t)))})}),(0,n.Y)(y.A.Control,{className:"arrow arrow-prev",direction:"prev"}),(0,n.Y)(y.A.Control,{className:"arrow arrow-next",direction:"next"}),(0,n.Y)(y.A.Progress,{className:"carousel-progress",sx:e=>({marginTop:16,[e.fn.largerThan("sm")]:{display:"none"}})})]})})});P.displayName="CarouselLayout";let GridLayout=e=>{let{banners:t,keepGridCol:a}=e,{data:i}=(0,d.useContext)(c),{layout:r,gridLayout:l,fixSizeBanner:s}=i||{},u=(0,d.useMemo)(()=>configGrid(t.length,r,l,a),[t.length,r,l,a]);return(0,n.Y)(o.Grid,{gutterSm:u.smGap,gutterMd:u.gap,grow:!a&&u.grow,align:s?"flex-start":"stretch",sx:s?{overflow:"visible"}:void 0,children:t.map((e,i)=>(0,n.Y)(o.Grid.Col,{span:12,md:u.span,sx:{display:"flex",overflow:"visible",...s&&{paddingBottom:24},...!s&&{alignItems:"stretch"}},children:(0,n.Y)(Item,{data:e,layout:r,alignRightCTA:1===t.length,infoLayout:t.length<=2&&"image_on_top_button_below"===r&&!a?"horizon":"vertical",radius:t.length>2?16:24,ratio:u.ratio,sx:{width:"100%",...!s&&"image_on_top_button_below"===r&&{height:"100%"}}},String(i))},String(i)))})},z=(0,d.forwardRef)((e,t)=>{let{banners:a,keepGridCol:i}=e,{data:r,mobileCarouselMode:s="carousel"}=(0,d.useContext)(c),{applyCarousel:u}=r||{},p=(0,l.a)();return(0,n.Y)(o.Box,{children:u&&!(p&&"list"===s)?(0,n.Y)(P,{ref:t,banners:a,keepGridCol:i}):(0,n.Y)(GridLayout,{banners:a,keepGridCol:i})})});z.displayName="ListingItem";let AccordionGroup=()=>{let{data:e}=(0,d.useContext)(c),{listing:t=[],expandAllCategories:a}=e||{},{classes:r}=b(void 0,{name:"CtaBannerSection__MultipleImage__Item"}),l=a?Array.from({length:t.length},(e,t)=>"group-".concat(t)):["group-0"],[s,u]=(0,d.useState)(l),p=(0,d.useRef)([]),m=(0,d.useRef)(l);return(0,d.useEffect)(()=>{let e=s.filter(e=>!m.current.includes(e));e.forEach(e=>{let t=Number(e.replace("group-",""));requestAnimationFrame(()=>{requestAnimationFrame(()=>{var e,a;null===(a=p.current[t])||void 0===a||null===(e=a.reInit)||void 0===e||e.call(a)})})}),m.current=s},[s]),(0,n.Y)(o.Box,{className:r.root,children:(0,n.Y)(o.Accordion,{chevron:(0,n.Y)(f.A,{size:20}),styles:{chevron:{"&[data-rotate]":{transform:"rotate(45deg)"}}},classNames:{label:r.accordionLabel,control:r.accordionControl,item:r.accordionItem,content:r.accordionContent},multiple:!0,defaultValue:l,onChange:e=>{u(e)},children:t.map((e,t)=>{var a;return(0,n.FD)(o.Accordion.Item,{value:"group-".concat(t),children:[(0,n.Y)(o.Accordion.Control,{children:(0,n.Y)(i.Text,{size:"title2",weight:"regular",children:null===(a=e.keyPillars)||void 0===a?void 0:a.name})}),(0,n.Y)(o.Accordion.Panel,{children:(0,n.Y)(z,{ref:e=>p.current[t]=e,banners:e.banners,keepGridCol:!0})})]},t)})})})},NormalGroup=()=>{let{data:e}=(0,d.useContext)(c),{listing:t}=e;return(0,n.Y)(o.Box,{children:t.map((e,t)=>(0,n.Y)(z,{banners:e.banners},String(t)))})},MultipleImage=()=>{let{data:e}=(0,d.useContext)(c),{layoutKeyPillars:t}=e||{};return t?(0,n.Y)(AccordionGroup,{}):(0,n.Y)(NormalGroup,{})};var F=(0,o.createStyles)((e,t)=>{let{backgroundColor:a,sectionPadding:n}=t,[i,r]=n;return{root:{backgroundColor:a||e.colors.gray[1],padding:"".concat((0,o.rem)(i)," 0"),[e.fn.largerThan("sm")]:{padding:"".concat((0,o.rem)(r)," 0")}},header:{color:e.colors.gray[8],padding:"".concat((0,o.rem)(24)," 0"),[e.fn.largerThan("sm")]:{padding:"".concat((0,o.rem)(48)," 0")}}}}),E=a("CL9C"),H=(0,o.createStyles)((e,t)=>{let{layout:a,layoutPosition:n,ratio:i=.3125,fixSizeBanner:o,aspectRatio:r}=t,l="image_overlay_content"===a,d="2_column_layout_1_1"===a||"2_column_layout_2_1"===a,s=null!=r?r:i>0?1/i:void 0;return{root:{position:"relative",backgroundColor:"transparent",overflow:"hidden",...o?{height:"auto"}:{[e.fn.smallerThan("sm")]:{...l&&{height:0,paddingBottom:"133.33%"}},[e.fn.largerThan("sm")]:{"&:before":{content:'""',display:"block",height:0,paddingBottom:"".concat(100*i,"%")}}}},inner:{position:"relative",...!o&&{[e.fn.smallerThan("sm")]:{...l&&{position:"absolute",inset:0}},[e.fn.largerThan("sm")]:{position:"absolute",inset:0}},...o&&d&&{[e.fn.largerThan("sm")]:{display:"flex",alignItems:"stretch",..."right_banner"===n&&{flexDirection:"row-reverse"}}}},container:{position:"relative",zIndex:1,...o&&l&&{position:"absolute",inset:0,pointerEvents:"none",[e.fn.largerThan("sm")]:{height:"100%"}},[e.fn.smallerThan("sm")]:{...!o&&l&&{height:"100%"},...d&&!o&&{"&.hhg-page-container":{paddingLeft:0,paddingRight:0}},...o&&d&&{"&.hhg-page-container":{paddingLeft:0,paddingRight:0}}},[e.fn.largerThan("sm")]:{height:o&&d?"auto":"100%",display:"flex",alignItems:"center",flex:o&&d?1:void 0,minWidth:o&&d?0:void 0,..."right_banner"===n&&!o&&{justifyContent:"flex-end"}}},info:{pointerEvents:"auto",[e.fn.smallerThan("sm")]:{padding:24,gap:16,...l&&{position:"absolute",left:0,right:0,bottom:0,zIndex:1}},[e.fn.largerThan("sm")]:{position:"relative",gap:24,width:d&&"2_column_layout_2_1"===a?"66.67%":"50%",...o&&l&&{height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",..."right_banner"===n?{alignItems:"flex-end",marginLeft:"auto",paddingRight:108}:{paddingLeft:108}},...!o&&"right_banner"===n&&{paddingLeft:108}}},picture:{...o&&{display:"block",width:"100%",flexShrink:0,...s&&{aspectRatio:"".concat(s)},...d&&{[e.fn.largerThan("sm")]:{width:"2_column_layout_2_1"===a?"33.33%":"50%"}},img:{display:"block",width:"100%",height:"auto"}},...!o&&{position:"absolute",inset:0,zIndex:0},[e.fn.smallerThan("sm")]:{...d&&!o&&{position:"relative",inset:"unset",display:"block",height:0,paddingBottom:"80%"},...!o&&{img:{position:"absolute",top:0,left:0,right:0,bottom:0,width:"100%",height:"100%",objectFit:"cover"}}},[e.fn.largerThan("sm")]:{...!o&&{img:{position:"absolute",top:0,left:"2_column_layout_2_1"===a?"left_banner"===n?"66.67%":"0":"2_column_layout_1_1"===a&&"left_banner"===n?"50%":"0",right:0,bottom:0,width:"2_column_layout_2_1"===a?"33.33%":"2_column_layout_1_1"===a?"50%":"100%",height:"100%",objectFit:"cover"}}}},header:{[e.fn.smallerThan("sm")]:{gap:8}},actions:{display:"flex",gap:8,position:"relative",zIndex:3,[e.fn.smallerThan("sm")]:{flexDirection:"column"}},bannerLinkOverlay:{position:"absolute",inset:0,zIndex:2,display:"block",textDecoration:"none",color:"transparent",cursor:"pointer"}}});let SingleImage=e=>{var t;let{layout:a,layoutPosition:u,banner:p,fixSizeBanner:g=!1,ratio:h,styles:v,className:f,classNames:b}=e,{data:y,eventCategory:x=s}=(0,d.useContext)(c),{popupSetting:k,advancedSettings:w,popupDisplayButton:C,popupButtons:T}=y||{},S=(0,l.a)(),[_,{open:I,close:Y}]=(0,B.j)(!1),{desktop:A,mobile:N,title:R,titleColor:L,description:D,descriptionColor:M,buttons:P={}}=null!=p?p:{},z=P.primary,F=P.secondary,W=!!(k&&isCtaBannerSinglePrimaryPopupMode(w,C)&&(null==z?void 0:z.title)),O=!!(k&&isCtaBannerSingleSecondaryPopupMode(w,C)&&(null==F?void 0:F.title)),{aspectRatio:G,intrinsicSize:V}=useImageAspectRatio(g?S?N||A:A||N:void 0),{classes:j,cx:K}=H({layout:a,layoutPosition:u,ratio:h,fixSizeBanner:g,aspectRatio:g?G:void 0},{name:"CtaBannerSection__SingleImage",styles:v,classNames:b}),U=!!((null==z?void 0:z.title)&&(z.url||W)),q=!!((null==F?void 0:F.title)&&(F.url||O)),Q=!!(isCtaBannerSingleLinkMode(w)&&(null==z?void 0:z.url)&&!(null==z?void 0:null===(t=z.title)||void 0===t?void 0:t.trim())),Z=null==z?void 0:z.url;return A||N?(0,n.FD)(n.FK,{children:[(0,n.Y)(o.Box,{className:K(f,j.root),children:(0,n.FD)(o.Box,{className:j.inner,children:[Q&&Z&&(0,n.Y)(o.Box,{component:"a",href:Z,target:(null==z?void 0:z.openNewTab)?"_blank":"_self",rel:(null==z?void 0:z.openNewTab)?"noopener noreferrer":void 0,className:j.bannerLinkOverlay,"aria-label":R||"CTA Banner","data-event-category":x,"data-event-action":"CTA Banner - Banner click","data-event-label":Z}),(0,n.FD)("picture",{className:j.picture,children:[(0,n.Y)("source",{media:"(min-width: ".concat(E.B.BREAK_POINT_TABLET,"px)"),srcSet:A}),(0,n.Y)("img",{loading:"eager",decoding:"async",src:N||A,alt:"CTA Banner",...g&&V&&{width:V.width,height:V.height},style:g?{width:"100%",height:"auto",display:"block"}:void 0})]}),(0,n.Y)(r.m,{className:j.container,children:(0,n.FD)(o.Stack,{className:j.info,sx:Q?{pointerEvents:"none"}:void 0,children:[(R||(0,m.DK)(D))&&(0,n.FD)(o.Stack,{spacing:12,className:j.header,children:[R&&(0,n.Y)(i.Text,{size:"h1",as:"h2",color:L,variant:"primary",children:R}),(0,n.Y)(m.f2,{content:D,size:"p2",variant:"tertiary",color:M})]}),(U||q)&&(0,n.FD)(o.Box,{className:j.actions,children:[U&&z&&(0,n.Y)(i.Button,{variant:"secondary",size:"lg",color:z.backgroundColor,"data-event-category":x,"data-event-action":"CTA Banner - ".concat(z.title," - Left click"),"data-event-label":W?z.title:z.url,gradient:z.backgroundGradient,styles:{root:{backgroundColor:"#fff"}},...W?{type:"button",onClick:e=>{e.preventDefault(),I()}}:{component:"a",href:z.url,target:z.openNewTab?"_blank":"_self"},children:z.title}),q&&F&&(0,n.Y)(i.Button,{variant:"primary",gradient:F.backgroundGradient,size:"lg",color:F.backgroundColor,"data-event-category":x,"data-event-action":"CTA Banner - ".concat(F.title," - Right click"),"data-event-label":O?F.title:F.url,...O?{type:"button",onClick:e=>{e.preventDefault(),I()}}:{component:"a",href:F.url,target:F.openNewTab?"_blank":"_self"},children:F.title})]})]})})]})}),(W||O)&&k&&(0,n.Y)(CtaBannerPopupModal,{opened:_,onClose:Y,popupSetting:k,triggerButton:W?z:F,primaryButton:null==T?void 0:T.primary,secondaryButton:null==T?void 0:T.secondary})]}):null},CtaBannerSection=e=>{var t,a;let{data:d,styles:u,className:p,classNames:m,ratio:f,eventCategory:b=s,headerText:y,mobileCarouselMode:x="carousel",sectionPadding:k=h,...w}=e,{title:C,description:B,type:T,layout:S,listing:_,backgroundColor:I,fixSizeBanner:Y}=d,A=(0,l.a)(),N="single-image"===T,R=pickCtaBannerResponsiveValue(null==y?void 0:y.titleSize,A,g.titleSize),L=pickCtaBannerResponsiveValue(null==y?void 0:y.descriptionSize,A,g.descriptionSize),D=pickCtaBannerResponsiveValue(null==y?void 0:y.align,A,g.align),M=pickCtaBannerResponsiveValue(null==y?void 0:y.gap,A,g.gap),{classes:P,cx:z}=(N?F:v)({backgroundColor:I,sectionPadding:k},{name:"CtaBannerSection",styles:u,classNames:m});return(0,n.Y)(c.Provider,{value:{data:d,eventCategory:b,mobileCarouselMode:x},children:(0,n.FD)(o.Stack,{spacing:0,className:z(P.root,p),children:[(C||B)&&(0,n.Y)(r.m,{children:(0,n.FD)(o.Stack,{spacing:M,className:P.header,children:[C&&(0,n.Y)(i.Text,{size:R,weight:"semiBold",variant:"primary",align:D,children:C}),B&&(0,n.Y)(i.Text,{size:L,variant:"tertiary",align:D,children:B})]})}),N?(0,n.Y)(SingleImage,{layout:S,banner:null==_?void 0:null===(a=_[0])||void 0===a?void 0:null===(t=a.banners)||void 0===t?void 0:t[0],layoutPosition:d.layoutPosition,fixSizeBanner:!!Y,ratio:f,styles:u,...w}):"multiple-image"===T?(0,n.Y)(r.m,{children:(0,n.Y)(MultipleImage,{})}):null]})})}},NwNR:function(e,t,a){a.d(t,{p3:function(){return MastheadAd}});var n=a("BGKE"),i=a("+OUp"),o=a("rBCA"),r=a("CL9C"),l=a("iBNF"),d=a("vH4S");a("ns0B");var s=a("dDsW"),c=a("Ud3P"),u=a("moN4");a("P7Ch");var p=a("a5L+");a("AG8C");var m=a("U6DU"),g=a("imPi");let MastheadAd=e=>{let{adUnitPath:t,customTargetting:a,isSponsored:o,defaultNoScroll:l,initialSticky:v=!1,className:f,hasPlaceholder:b,onCloseAd:y,containerClassName:x}=e,{formatMessage:k}=(0,s.A)(),w=(0,p.a)(),[C,B]=(0,i.useState)(!!b),[T,S]=(0,i.useState)(v);return(0,i.useEffect)(()=>{let e=null,checkShowPadding=()=>{g.$.measure(()=>{let e=document.querySelector("[id^=super-masthead-ad-]");((null==e?void 0:e.getBoundingClientRect().height)||0)>10&&B(!0)}),e=setTimeout(checkShowPadding,1e3)};return e=setTimeout(checkShowPadding,1e3),(0,m.GF)(()=>{let{googletag:e}=window;(null==e?void 0:e.pubads)&&e.pubads().addEventListener("slotRenderEnded",e=>{var t;(null===(t=e.slot)||void 0===t?void 0:t.getSlotElementId().startsWith("super-masthead-ad"))&&(setTimeout(()=>{S(!1)},4e3),setTimeout(()=>{var e;null===(e=document.querySelector("html"))||void 0===e||e.classList.remove("ad-noscroll")},700))})}),setTimeout(()=>{var e;null===(e=document.querySelector("html"))||void 0===e||e.classList.remove("ad-noscroll")},1500),()=>{e&&clearTimeout(e)}},[]),(0,n.Y)(d.Box,{className:x,sx:e=>({...b&&{position:"relative",height:234,backgroundColor:"#f8f9fc",".article-masthead":{position:"absolute",top:0,right:0,bottom:0,left:0},[e.fn.largerThan("sm")]:{height:296}},[e.fn.smallerThan("sm")]:{...T&&{position:"sticky",top:0,zIndex:304,width:"100%",overflow:"hidden"}}}),children:(0,n.Y)(n.FK,{children:(0,n.FD)(h,{"data-visible":C,"data-sponsored":o,"data-sticky":T,className:f,children:[l&&(0,n.Y)("script",{async:!0,dangerouslySetInnerHTML:{__html:"\n                if (window.innerWidth > ".concat(r.B.BREAK_POINT_MOBILE,") {\n                  document.querySelector('html')?.classList.add('ad-noscroll')\n                }\n              ")}}),C&&(0,n.FD)(u.AY,{children:[(0,n.Y)("img",{src:"/svg/adsIcon.svg",alt:"ads sign icon",loading:"lazy"}),(0,n.Y)("span",{children:k({id:"adBanner.title",defaultMessage:"Advertisement"})})]}),(0,n.Y)(c.AdBlock,{adUnitPath:t,size:w?[[414,200],[375,188],[1,1]]:[[970,250],[1,1]],divId:"super-masthead-ad-".concat(w?"mobile":"desktop","-").concat(null==a?void 0:a.Content_ID),pos:["masthead"],customTargetings:a,contentId:String(null==a?void 0:a.Content_ID),adDefaultSize:[0,0],noWrapper:!0,showCloseBtn:!0,wrapperProps:{m:0},onCloseAd:y},String(w))]})})})},h=(0,o.A)("div",{target:"e838u5x0"})("background:",l.w.colors.neutral50,";&[data-visible='true']{padding:1rem 0;&[data-sponsored='true']{padding:0 0 1rem;}}")},P7Ch:function(e,t,a){a.d(t,{C4:function(){return splitHtml2}});let splitByTag=(e,t,a)=>{let n=e.indexOf(t),i=e.substring(0,n),o=a.map(t=>({index:e.indexOf(t,n),length:t.length})),r=o.find(e=>e.index>-1);if(!r)return[i,e.substring(n),""];{let t=r.index+r.length,a=e.substring(n,t),o=e.substring(t);return[i,a,o]}},splitHtml2=e=>{let t=[],a=splitSpecialTag(e);return t.push(...a),t.filter(e=>!!e.trim())},n=[{identifier:'<div class="flat-after-first-paragraph',ends:["</div>","/>",">"]},{identifier:'<div class="percentages-',ends:["</div>","/>",">"]},{identifier:'<div data-embed-type="',ends:["</div>","/>",">"]},{identifier:'<div data-embed-type="',ends:["</div>","/>",">"]},{identifier:'<div class="after-3rd-paragraph',ends:["</div>","/>",">"]},{identifier:"[article-yoast-faqs",ends:["]"]},{identifier:"[embed-health-tool",ends:["]"]},{identifier:"<h3 data-tableid",ends:["</h3>","/>",">"]},{identifier:"<h2 data-tableid",ends:["</h2>","/>",">"]}],splitFeatureImgParagraph=e=>{let t=/<p[^>]*>\s*<img[^>]*\bdata-feature-img\b[^>]*\/?>[\s\S]*?<\/p>/i.exec(e);if(!t)return null;let a=t.index,n=t[0];return[e.slice(0,a),n,e.slice(a+n.length)]},splitSpecialTag=e=>{let t=[];if(e){let a=splitFeatureImgParagraph(e);if(a){let[e,t,n]=a;return[...splitSpecialTag(e),t,...splitSpecialTag(n)]}n.every(a=>{if(e.indexOf(a.identifier)>-1){let[n,i,o]=splitByTag(e,a.identifier,a.ends);return t.push(...splitSpecialTag(n)),t.push(i),t.push(...splitSpecialTag(o)),!1}return!0})}return t.length||t.push(e),t}},VBYX:function(e,t,a){a.d(t,{N:function(){return useMastheadAdEnable}});var n=a("+OUp"),i=a("a5L+");function useMastheadAdEnable(e,t){let a=(0,i.a)(),{enableMobile:o,enableDesktop:r,enableExcludeSponsorMobile:l,enableExcludeSponsorDesktop:d}=e||{};return(0,n.useMemo)(()=>a?!!o&&(!l||!t):!!r&&(!d||!t),[a,o,l,r,d,t])}},E0Fa:function(e,t,a){a.d(t,{A:function(){return myImageLoader}});function myImageLoader(e){let{src:t="",width:a,quality:n}=e;return t.includes("?")?"".concat(t,"&w=").concat(a,"&q=").concat(n||75):"".concat(t,"?w=").concat(a,"&q=").concat(n||75)}},VAcX:function(e,t,a){function getSettledValue(e){var t;return e&&"fulfilled"===e.status&&null!==(t=e.value)&&void 0!==t?t:null}async function allSettled(e){return Promise.all(Array.from(e).map(async e=>{try{let t=await e;return{status:"fulfilled",value:t}}catch(e){return{status:"rejected",reason:e}}}))}a.d(t,{R:function(){return getSettledValue},v:function(){return allSettled}})}}]);