"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7644],{"SjA+":function(e,t,a){a.d(t,{Y:function(){return CarouselOrListingBlock}});var r=a("BGKE"),o=a("q1tI");let n=(0,o.createContext)({});var i=a("/kWL"),l=a("Eso5"),c=a("dDsW"),d=a("FNss"),s=a("mYVa"),p=a("JPg4"),g=a("yVya"),m=a("sT6G"),h=a("hXNO"),u=a("5Q4Z"),x=a("iZ8j"),y=a("/npG"),f=(0,y.k)((e,t)=>{let{showFullSlide:a}=t;return{arrow:{position:"absolute",top:"50%",transform:"translateY(-50%)",zIndex:2,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"white",cursor:"pointer",transition:"all .2s ease",userSelect:"none","&:hover":{backgroundColor:e.colors.neutral100,borderColor:e.colors.neutral100},"&.disabled":{opacity:0,cursor:"inherit"},...a?{width:(0,s.h)(40),height:(0,s.h)(40),opacity:.85,boxShadow:"1px 4px 8px 1px rgba(0, 0, 0, 0.1)"}:{width:(0,s.h)(30),height:(0,s.h)(30),border:"1px solid ".concat(e.colors.neutral200)}},arrowIcon:{transition:"all .2s ease"},arrowPrev:{left:0,[e.fn.largerThan("sm")]:{left:a?(0,s.h)(-60):(0,s.h)(-15)}},arrowNext:{right:0,[e.fn.largerThan("sm")]:{right:a?(0,s.h)(-60):(0,s.h)(-15)}}}});let v=(0,o.memo)(function(e){let{styles:t,classNames:a}=e,{embla:i,slideInfo:c,showFullSlide:d,prepareSlidesAround:s}=(0,o.useContext)(n),{classes:p,cx:g}=f({showFullSlide:d},{name:"CarouselOrListingBlock__Arrows",styles:t,classNames:a}),m=(0,o.useCallback)(()=>{i&&(s(Math.max(i.selectedScrollSnap()-1,0)),i.scrollPrev())},[i,s]),h=(0,o.useCallback)(()=>{i&&(s(Math.min(i.selectedScrollSnap()+1,c.totalSlide-1)),i.scrollNext())},[i,s,c.totalSlide]);return(0,r.BX)(r.HY,{children:[(0,r.tZ)(l.x,{className:g("arrow","arrow-prev",p.arrow,p.arrowPrev,c.canScrollPrev?"":"disabled"),onClick:m,children:(0,r.tZ)(u.Z,{className:p.arrowIcon,size:18,useCurrentColor:!0})}),(0,r.tZ)(l.x,{className:g("arrow","arrow-next",p.arrow,p.arrowNext,c.canScrollNext?"":"disabled"),onClick:h,children:(0,r.tZ)(x.Z,{className:p.arrowIcon,size:18,useCurrentColor:!0})})]})});var b=(0,y.k)((e,t)=>{let{showFullSlide:a}=t;return{carouselWrapper:{position:"relative",".mantine-Carousel-viewport":{position:"relative","&:before, &:after":{content:'""',position:"absolute",top:0,bottom:0,zIndex:1,width:(0,s.h)(10),background:"#fff",boxShadow:"0px 0 10px 10px rgba(0, 0, 0, 0.05)",opacity:0,transition:"opacity 0.15s ease",willChange:"opacity"},"&:before":{right:"100%",boxShadow:"0px 0 -10px 10px rgba(0, 0, 0, 0.05)"},"&:after":{left:"100%",boxShadow:"0px 0 10px 10px rgba(0, 0, 0, 0.05)"}},"&.still-slide .mantine-Carousel-viewport":{"&:after":{opacity:1}},"&.end-slide .mantine-Carousel-viewport":{"&:before":{opacity:1}},[e.fn.smallerThan("sm")]:{...!a&&{marginRight:(0,s.h)(-16)}}}}});let C=(0,o.memo)(function(e){let{children:t,styles:a,className:i,classNames:c,...d}=e,{slideInfo:s,showFullSlide:p}=(0,o.useContext)(n),{classes:g,cx:m}=b({showFullSlide:p},{name:"CarouselOrListingBlock__CarouselWrapper",styles:a,classNames:c});return(0,r.tZ)(l.x,{className:m(g.carouselWrapper,p?"":s.canScrollNext?"still-slide":"end-slide",i),...d,children:t})});var w=(0,y.k)((e,t)=>{let{showFullSlide:a,gapMobile:r,gapDesktop:o,withIndicators:n}=t;return{wrapper:{display:"flex",flexDirection:"column",gap:(0,s.h)(12)},sliderWrapper:{contain:"layout style paint",'[data-carousel-active="false"] &':{contentVisibility:"hidden",pointerEvents:"none"},"& > *":{height:"100%"}},listing:{display:"flex",gap:(0,s.h)(r),alignItems:"stretch",[e.fn.largerThan("sm")]:{gap:(0,s.h)(o)}},itemWrapper:{flex:"1 1 0px","& > *":{height:"100%"}},carouselRoot:{"& .mantine-Carousel-container":{backfaceVisibility:"hidden"},"& .mantine-Carousel-slide":{transform:"translateZ(0)"}},carouselViewport:{overflow:"hidden"},carouselIndicators:{position:"static",marginTop:"24px"},carouselIndicator:{width:8,height:8,borderRadius:"50%",border:"1px solid ".concat(e.colors.neutral100),boxShadow:"none",background:"#fff",opacity:1,"&[data-active]":{borderColor:e.fn.primaryColor(),background:e.fn.primaryColor()}},progressBar:{background:e.colors.neutral[3]},progressRoot:{marginTop:(0,s.h)(20),backgroundColor:e.colors.neutral[1],[e.fn.smallerThan("sm")]:{...!a&&{marginRight:(0,s.h)(16)}}},arrow:{...n&&{marginTop:-16}},arrowPrev:{},arrowNext:{},arrowIcon:{}}});let createInitialSlideInfo=e=>{let t=Array.from({length:Math.min(e,5)},(e,t)=>t);return{canScrollNext:!0,canScrollPrev:!1,slidesInView:[0],currentSlide:0,totalSlide:e,renderedSlideIndices:t}},buildRenderedSlideIndices=(e,t,a)=>{let r=new Set;for(let a=t-2;a<=t+2;a+=1)a>=0&&a<e&&r.add(a);return null==a||a.slidesInView().forEach(t=>{t>=0&&t<e&&r.add(t)}),Array.from(r).sort((e,t)=>e-t)},getRenderedSlideIndices=(e,t)=>buildRenderedSlideIndices(t,e.selectedScrollSnap(),e),CarouselOrListingBlock=e=>{let{children:t=[],lengthToCarouselDesktop:a=3,lengthToCarouselMobile:i=2,percentOfEndSlideDesktop:l=38,percentOfEndSlideMobile:c=75,hasShadowAtEndSlide:d,showFullSlide:s,carouselSetting:p,gapDesktop:g=16,gapMobile:m=16,disableCarousel:h,lazyLoad:u,autoPlay:x,delayTime:y,onSlideChange:f,hideProgressBar:v,isActive:b=!0,loop:C,duration:w}=e,[k,S]=(0,o.useState)(null),[Z,N]=(0,o.useState)([]),{slideInfo:I,prepareSlidesAround:E}=function(e,t,a){let r=!(arguments.length>3)||void 0===arguments[3]||arguments[3],[n,i]=(0,o.useState)(()=>createInitialSlideInfo(t)),l=(0,o.useRef)(a);l.current=a,(0,o.useEffect)(()=>{i(e=>e.totalSlide===t?e:createInitialSlideInfo(t))},[t]),(0,o.useEffect)(()=>{if(!e||!r)return;let syncSlideInfo=()=>{i({canScrollNext:e.canScrollNext(),canScrollPrev:e.canScrollPrev(),slidesInView:e.slidesInView(),currentSlide:e.selectedScrollSnap(),totalSlide:t,renderedSlideIndices:getRenderedSlideIndices(e,t)})},o=0,syncSlidesInView=()=>{l.current&&(o||(o=requestAnimationFrame(()=>{o=0,i(t=>{let a=e.slidesInView();return t.slidesInView.length===a.length&&t.slidesInView.every((e,t)=>e===a[t])?t:{...t,slidesInView:a}})})))};return e.on("select",syncSlideInfo),e.on("reInit",syncSlideInfo),e.on("pointerDown",syncSlideInfo),a&&e.on("scroll",syncSlidesInView),syncSlideInfo(),()=>{e.off("select",syncSlideInfo),e.off("reInit",syncSlideInfo),e.off("pointerDown",syncSlideInfo),a&&e.off("scroll",syncSlidesInView),o&&cancelAnimationFrame(o)}},[e,t,a,r]);let c=(0,o.useCallback)(a=>{e&&r&&i(r=>{let o=buildRenderedSlideIndices(t,a,e);return r.renderedSlideIndices.length===o.length&&r.renderedSlideIndices.every((e,t)=>e===o[t])?r:{...r,renderedSlideIndices:o}})},[e,r,t]);return{slideInfo:n,prepareSlidesAround:c}}(k,Z.length,u,b),T=(0,o.useMemo)(()=>({embla:k,setEmbla:S,filteredChild:Z,setFilteredChild:N,slideInfo:I,prepareSlidesAround:E,lengthToCarouselDesktop:a,lengthToCarouselMobile:i,percentOfEndSlideDesktop:l,percentOfEndSlideMobile:c,hasShadowAtEndSlide:d,showFullSlide:s,carouselSetting:p,gapDesktop:g,gapMobile:m,disableCarousel:h,lazyLoad:u,autoPlay:x,delayTime:y,onSlideChange:f,hideProgressBar:v,isActive:b,loop:C,duration:w}),[k,Z,I,E,a,i,l,c,d,s,p,g,m,h,u,x,y,f,v,b,C,w]);return(0,r.tZ)(n.Provider,{value:T,children:t})};CarouselOrListingBlock.LazyLoadItem=e=>{let{children:t,index:a}=e,{slideInfo:i}=(0,o.useContext)(n),l=i.slidesInView.includes(a-1),c=(0,o.useMemo)(()=>(0,r.tZ)(r.HY,{children:t(l)}),[l]);return c},CarouselOrListingBlock.Paging=e=>{let{formatMessage:t}=(0,c.Z)(),{filteredChild:a,slideInfo:d}=(0,o.useContext)(n);return a.length>0&&d?(0,r.tZ)(l.x,{...e,children:(0,r.tZ)(i.T,{size:"p3",children:t({id:"category.title"},{total:d.totalSlide,number:(0,r.tZ)("strong",{children:d.currentSlide+1})})})}):null},CarouselOrListingBlock.Slider=e=>{let{children:t=[],arrow:a=!0,listingLayoutColumns:i,listingGap:c,styles:u,classNames:x,...y}=e,{lengthToCarouselDesktop:f=3,lengthToCarouselMobile:b=2,percentOfEndSlideDesktop:k=38,percentOfEndSlideMobile:S=75,gapDesktop:Z=16,gapMobile:N=16,showFullSlide:I,carouselSetting:E,disableCarousel:T,lazyLoad:B,onSlideChange:L,filteredChild:F,setFilteredChild:A,embla:D,setEmbla:R,autoPlay:z,delayTime:P,hideProgressBar:W,isActive:M=!0,loop:j}=(0,o.useContext)(n),V=(0,h.d)(),X=(0,o.useMemo)(()=>void 0!==(null==E?void 0:E.withIndicators)?null==E?void 0:E.withIndicators:!B&&!V,[V,B]),{classes:O}=w({showFullSlide:I,gapMobile:N,gapDesktop:Z,withIndicators:X},{name:"CarouselOrListingBlock__Slider",styles:u,classNames:x}),_=(0,o.useRef)((0,p.Z)({playOnInit:z,delay:P})),G=F.length>=(V?b:f),q=null!=c?c:V?N:Z,H=i?"calc((100% - ".concat((i-1)*q,"px) / ").concat(i,")"):void 0,U=i?{display:"flex !important",flexWrap:"wrap",gap:(0,s.h)(q),alignItems:"stretch",justifyContent:"flex-start"}:void 0,Y=H?{boxSizing:"border-box",flex:"0 0 ".concat(H," !important"),width:H,maxWidth:H,minWidth:0}:void 0;return(0,o.useEffect)(()=>{let e=(0,g.Z)(t).filter(e=>o.isValidElement(e));A(t=>t.length===e.length&&t.every((t,a)=>t===e[a])?t:e)},[t]),(0,r.tZ)(l.x,{...y,"data-carousel-active":M,children:!T&&G?(0,r.BX)(C,{children:[(0,r.tZ)(d.a,{slideSize:I?V?"".concat(100/(b-1),"%"):"".concat(100/(f-1),"%"):V?"".concat(S,"%"):"".concat(k,"%"),loop:"boolean"==typeof j?j:!!I,align:"start",slideGap:V?"".concat(N,"px"):"".concat(Z,"px"),getEmblaApi:R,withIndicators:X,withControls:!1,plugins:[...z&&P?[_.current]:[]],onSlideChange:L,classNames:{root:O.carouselRoot,viewport:O.carouselViewport,indicators:O.carouselIndicators,indicator:O.carouselIndicator},...E,onMouseLeave:()=>{var e;return z&&P&&(null==_?void 0:null===(e=_.current)||void 0===e?void 0:e.play())},onTouchEnd:()=>{var e;return z&&P&&(null==_?void 0:null===(e=_.current)||void 0===e?void 0:e.play())},children:F.map((e,t)=>(0,r.tZ)(d.a.Slide,{className:O.sliderWrapper,children:e},String(t)))}),!V||W||X?null:(0,r.tZ)(m.I,{embla:D,classNames:{bar:O.progressBar,root:O.progressRoot}}),(!V||a)&&(0,r.tZ)(v,{classNames:{arrow:O.arrow,arrowPrev:O.arrowPrev,arrowNext:O.arrowNext,arrowIcon:O.arrowIcon}})]}):(0,r.tZ)(l.x,{className:O.listing,"data-slide-length":F.length,...i?{"data-layout-columns":i}:{},sx:U,children:F.map((e,t)=>(0,r.tZ)(l.x,{className:O.itemWrapper,sx:Y,children:e},String(t)))})})}},QhBZ:function(e,t,a){a.d(t,{Z:function(){return CategoryExplainer}});var r=a("BGKE"),o=a("q1tI"),n=a("rPIz"),i=a("dDsW"),l=a("iv2E"),c=a("P5LW"),d=a("rBCA"),s=a("iBNF");let p=(0,d.Z)("div",{target:"eruesg50"})(".article-card{padding:16px 0;.label{color:",s.r.colors.green500,";}.author{.avatar{position:relative;}.poster{line-height:1.3;}}}"),g=(0,d.Z)("div",{target:"eruesg51"})("display:flex;margin-bottom:60px;.article-card.desktop{width:100%;.banner{max-height:244px;}.title{margin-bottom:12px;}}.first-section{width:50%;margin-right:32px;}.second-section{width:50%;&[data-type='many-item']{display:grid;column-gap:32px;grid-template-columns:calc(50% - 16px) calc(50% - 16px);grid-template-rows:auto auto;row-gap:16px;}}"),m=(0,d.Z)("div",{target:"eruesg52"})("display:flex;overflow:auto;flex-direction:row;margin-right:-16px;margin-bottom:39px;gap:unset;scrollbar-width:none;/* Firefox */\n\n  &::-webkit-scrollbar{display:none;/* Safari and Chrome */}.article-card{width:78%;flex-shrink:0;margin-right:16px;}.article-card-one-item{width:calc(100% - 16px);flex-shrink:0;padding:16px 0;margin-right:16px;}");var h=a("1KiM");let RenderDesktop=e=>{let t,{explainerPosts:a=[],categoryName:o,categoryTextColor:n,currentCategory:i}=e,{locale:d}=(0,c.h)(),s=a[0];t=a.length>=5?a.slice(1,5):a[1]?[a[1]]:[];let handleClickSameCategory=e=>{e.preventDefault()};return(0,r.BX)(g,{children:[s?(0,r.tZ)("div",{className:"first-section",children:(0,r.tZ)(h.ArticleCardWrapper,{dataEventCategoryForTitle:"Top Article Title",dataEventActionForTitle:"Click 1",dataEventLabelForTitle:"https://".concat(l.domainLocales[d]).concat(s.permalinkDecode),dataEventCategoryForBanner:"Top Article Banner",dataEventActionForBanner:"Click 1",dataEventLabelForBanner:"https://".concat(l.domainLocales[d]).concat(s.permalinkDecode),dataEventCategoryForCategory:"Top Category Title",dataEventActionForCategory:"Click 1",dataEventLabelForCategory:"https://".concat(l.domainLocales[d]).concat(s.category.permalinkDecode),article:s,className:"article-card no-replace-click",type:"author",size:"lg",direction:"vertical",categoryName:o,styleLabel:{color:n},categoryLink:i&&i.permalink===s.category.permalink?s.permalink:s.category.permalink,onClickCategoryName:handleClickSameCategory,bannerImageWrapProps:{sizes:"(max-width: 1180px) 48vw, 553px"}})}):a.map((e,t)=>(0,r.tZ)(h.ArticleCardWrapper,{dataEventCategoryForTitle:"Top Article Title",dataEventActionForTitle:"Click ".concat(t+2),dataEventLabelForTitle:"https://".concat(l.domainLocales[d]).concat(e.permalinkDecode),dataEventCategoryForBanner:"Top Article Banner",dataEventActionForBanner:"Click ".concat(t+2),dataEventLabelForBanner:"https://".concat(l.domainLocales[d]).concat(e.permalinkDecode),dataEventCategoryForCategory:"Top Category Title",dataEventActionForCategory:"Click ".concat(t+2),dataEventLabelForCategory:"https://".concat(l.domainLocales[d]).concat(e.category.permalinkDecode),article:e,categoryName:o,className:"article-card no-replace-click",type:"author",size:"lg",direction:"vertical",styleLabel:{color:n},categoryLink:i&&i.permalink===e.category.permalink?e.permalink:e.category.permalink,onClickCategoryName:handleClickSameCategory},"explainer-".concat(t))),(0,r.tZ)("div",{className:"second-section","data-type":a.length>=5?"many-item":"one-item",children:t.length>0&&t.map((e,t)=>(0,r.tZ)(h.ArticleCardWrapper,{dataEventCategoryForTitle:"Top Article Title",dataEventActionForTitle:"Click ".concat(t+2),dataEventLabelForTitle:"https://".concat(l.domainLocales[d]).concat(e.permalinkDecode),dataEventCategoryForBanner:"Top Article Banner",dataEventActionForBanner:"Click ".concat(t+2),dataEventLabelForBanner:"https://".concat(l.domainLocales[d]).concat(e.permalinkDecode),dataEventCategoryForCategory:"Top Category Title",dataEventActionForCategory:"Click ".concat(t+2),dataEventLabelForCategory:"https://".concat(l.domainLocales[d]).concat(e.category.permalinkDecode),article:e,direction:"vertical",className:"article-card no-replace-click",type:"author",size:a.length>=5?"sm":"lg",categoryName:o,styleLabel:{color:n},text:"",categoryLink:i&&i.permalink===e.category.permalink?e.permalink:e.category.permalink,onClickCategoryName:handleClickSameCategory},t))})]})},RenderMobile=e=>{let{explainerPosts:t=[],categoryName:a,categoryTextColor:n,currentCategory:i}=e,{locale:d}=(0,c.h)(),handleClickSameCategory=e=>{e.preventDefault()};return(0,o.useEffect)(()=>{var e;null===(e=document.querySelector("#test"))||void 0===e||e.scrollTo(0,0)},[t]),(0,r.tZ)(m,{id:"test",children:t.map((e,o)=>(0,r.tZ)(h.ArticleCardWrapper,{dataEventCategoryForTitle:"Top Article Title",dataEventActionForTitle:"Click ".concat(o+1),dataEventLabelForTitle:"https://".concat(l.domainLocales[d]).concat(e.permalinkDecode),dataEventCategoryForBanner:"Top Article Banner",dataEventActionForBanner:"Click ".concat(o+1," "),dataEventLabelForBanner:"https://".concat(l.domainLocales[d]).concat(e.permalinkDecode),dataEventCategoryForCategory:"Top Category Title",dataEventActionForCategory:"Click ".concat(o+1," "),dataEventLabelForCategory:"https://".concat(l.domainLocales[d]).concat(e.category.permalinkDecode),article:e,style:o===t.length-1?{paddingRight:"16px"}:{},categoryName:a,className:1===t.length?"article-card-one-item no-replace-click":"article-card no-replace-click",type:"author",size:"sm",direction:"vertical",styleLabel:{color:n},text:"",categoryLink:i&&i.permalink===e.category.permalink?e.permalink:e.category.permalink,onClickCategoryName:handleClickSameCategory,bannerImageWrapProps:{sizes:"76vw"}},"explainer-".concat(e.id)))})},CategoryExplainer=e=>{let{isMobile:t,explainerPosts:a=[],categoryName:o,categoryTextColor:l,currentCategory:c}=e,{formatMessage:d}=(0,i.Z)();return(0,r.BX)(p,{"data-type-mobile":t,children:[(0,r.tZ)(n.H,{tag:"h3",style:{marginTop:"35px"},children:d({id:"categoryPage.explainer"})}),t?(0,r.tZ)(RenderMobile,{explainerPosts:a,categoryName:o,categoryTextColor:l,currentCategory:c}):(0,r.tZ)(RenderDesktop,{explainerPosts:a,categoryName:o,categoryTextColor:l,currentCategory:c})]})}},ggup:function(e,t,a){a.r(t),a.d(t,{CategorySubCategory:function(){return CategorySubCategory}});var r=a("BGKE"),o=a("q1tI"),n=a("c212"),i=a("/kWL"),l=a("frWj"),c=a("Eso5"),d=a("C/sX"),s=a("dDsW"),p=a("S3OL"),g=a("vODv"),m=a("iv2E"),h=a("P5LW"),u=a("rIrU"),x=a("rBCA"),y=a("iBNF");let f=(0,x.Z)("div",{target:"ee9cm8f0"})(".wrapper{background-color:",y.r.colors.white,";.text{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;a{color:",y.r.colors.primaryBase,";font-weight:700;text-decoration:none;}}.category-card{width:calc(100% - 6px);min-height:180px;.banner{min-height:102px;> *{max-height:100%;}}.content{margin-top:10px;}}}.ampCategory img{object-fit:contain;}&[data-type-mobile='false']{margin-bottom:64px;.scroll-list{.grid-layout{width:calc(100% + 32px);margin-left:-16px;}.category-card{width:calc(100% - 32px);}.left-arrow-scroll{left:-65px;cursor:pointer;}.right-arrow-scroll{right:-65px;cursor:pointer;}}}&[data-type-mobile='true']{margin-bottom:50px;.wrapper{margin-top:20px;margin-bottom:20px;}.scroll-list{padding:0 1rem;.arrow-right{right:-15px;}.arrow-left{left:-15px;}.bullet-nav{bottom:-20px;}}.category-card{width:calc(100% - 8px);height:130px;min-height:110px;.banner{min-height:63px;}.content{margin-top:5px;}}}&[data-type-mobile='true'][data-layout-type='long']{.category-card{display:flex;height:auto;min-height:50px;flex-direction:row;align-items:center;padding:8px 0;.banner{width:80px;height:48px;min-height:48px;padding:0 16px;flex-shrink:0;}.content{margin-top:0;text-align:left;}}}");var v=(0,a("/npG").k)(e=>({root:{display:"flex",flexDirection:"column",gap:24},slider:{height:"100%",[e.fn.largerThan("sm")]:{padding:"10px 5px"}}}));let CategorySubCategory=e=>{let{isMobile:t,subCategories:a,categoryName:x}=e,{formatMessage:y}=(0,s.Z)(),{locale:b,router:{defaultLocale:C="en-US"}}=(0,h.h)(),{classes:w,theme:k}=v(void 0,{name:"ArticleCardList__Categories"}),S=u.CX[b||C].CATEGORIES_TYPE||"long",Z=(0,o.useMemo)(()=>a.length,[a]),N=(0,o.useMemo)(()=>t?"long"===S?4:6:1,[t,S]),I=(0,o.useMemo)(()=>Array(Math.ceil(Z/N)).fill("").map((e,t)=>a.slice(t*N,t*N+N)),[t]),[E]=(0,o.useMemo)(()=>["long"===S?1:1===Z?1:2===Z||4===Z?2:3],[S,Z]);return(0,r.tZ)(f,{"data-layout-type":S,"data-type-mobile":t,children:a.length>0&&(0,r.BX)("div",{className:"wrapper",children:[(0,r.tZ)("div",{className:"text",children:(0,r.tZ)(i.T,{size:"h3",children:y({id:"categoryPage.subCategories"},{name:x})})}),(0,r.tZ)(l.z,{largerThan:"sm",styles:{display:"none"},children:(0,r.tZ)(c.x,{children:(0,r.tZ)(g.jx,{lengthToCarouselMobile:2,showFullSlide:!0,carouselSetting:{loop:!1,withIndicators:!0},children:(0,r.tZ)(g.jx.Slider,{children:I.map((e,a)=>(0,r.tZ)(d.r,{justify:1===I.length&&1===e.length?"center":void 0,gutterMd:24,gutterXs:0,sx:{[k.fn.smallerThan("sm")]:{height:"auto !important"}},children:e.map((e,a)=>(0,r.tZ)(d.r.Col,{span:12/E,children:(0,r.tZ)(c.x,{className:w.slider,sx:{".category-card":{display:"block",width:"auto !important"}},children:(0,r.tZ)(n.C,{category:e,dataEventCategory:"Recommended Topics",dataEventAction:"Click",dataEventLabel:"https://".concat(m.domainLocales[b]).concat(e.permalinkDecode),"data-type-mobile":t,className:"category-card",imgBanner:(0,r.tZ)(p.R,{layout:"responsive",loading:"lazy",objectFit:"contain",src:e.iconUrl||u.At,width:t?"long"===S?48:73:100,height:t?"long"===S?48:63:100,alt:e.categoryName,style:{objectFit:"contain"}}),label:e.categoryName,href:e.permalink},e.termId)},a)},a))},a))})})})}),(0,r.tZ)(l.z,{smallerThan:"sm",styles:{display:"none"},children:(0,r.tZ)(c.x,{children:(0,r.tZ)(g.jx,{lengthToCarouselDesktop:7,showFullSlide:!0,children:(0,r.tZ)(g.jx.Slider,{styles:{itemWrapper:{[k.fn.largerThan("sm")]:{...Z<6&&{width:170,flex:"none"}}}},children:a.map((e,a)=>(0,r.tZ)(c.x,{className:w.slider,children:(0,r.tZ)(n.C,{category:e,dataEventCategory:"Recommended Topics",dataEventAction:"Click",dataEventLabel:"https://".concat(m.domainLocales[b]).concat(e.permalinkDecode),"data-type-mobile":t,className:"category-card",imgBanner:(0,r.tZ)(p.R,{loading:"lazy",src:e.iconUrl||u.At,width:t?"long"===S?48:73:100,height:t?"long"===S?48:63:100,alt:e.categoryName,style:{objectFit:"contain"}}),label:e.categoryName,href:e.permalink},e.termId)},a))})})})})]})})}},"RE/H":function(e,t,a){a.d(t,{f:function(){return CategoryInfo}});var r=a("BGKE"),o=a("q1tI"),n=a("rPIz"),i=a("Vitr"),l=a("YFqc"),c=a.n(l),d=a("dDsW"),s=a("P5LW"),p=a("rIrU"),g=a("tQmg"),m=a("rBCA"),h=a("iBNF");let u=(0,m.Z)("div",{target:"e1ksmgu20"})("display:flex;height:auto;min-height:unset;flex-direction:column;/* Break out of mobile container*/\n  margin-right:-16px;margin-left:-16px;background-color:",e=>{let{categoryColor:t}=e;return t},";.heading{display:flex;flex-direction:column;align-items:center;justify-content:center;.banner{position:relative;z-index:2;display:flex;width:100px;height:100px;align-items:center;justify-content:center;margin:24px auto 0 auto;background-color:white;border-radius:50%;}.info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;.category-name{margin-bottom:8px;}.reviewed{width:80%;text-align:center;a{color:black;font-weight:700;}}}}.content{display:flex;width:100%;flex-direction:column;align-items:center;padding:16px 16px 16px 16px;background-color:white;border-radius:20px 20px 0px 0px;.description{padding:16px;border:1px solid #f2f2f2;margin-top:24px;background-color:white;border-radius:",h.r.borderRadius,";&.no-des{height:20px;visibility:hidden;}}}"),x=(0,m.Z)("div",{target:"e1ksmgu21"})("display:flex;width:calc(100vw - 16px);height:auto;min-height:unset;flex-direction:column;margin-left:calc((50vw - 50% - 8px) * -1);background-color:",e=>{let{categoryColor:t}=e;return t},";.heading{display:flex;width:768px;flex-direction:row;align-items:flex-end;justify-content:flex-start;margin:0 auto;.banner{position:relative;z-index:2;display:flex;width:168px;height:168px;flex-shrink:0;align-items:center;justify-content:center;margin-top:24px;margin-right:32px;background-color:white;border-radius:50%;}.info{position:relative;z-index:2;margin-bottom:32px;.category-name{margin-bottom:8px;}.reviewed{a{color:black;font-weight:700;}}}}.content{display:flex;width:100%;flex-direction:column;align-items:center;margin-top:-122px;background-color:white;border-radius:40px 40px 0px 0px;&.no-description{height:150px;}.description{width:768px;padding:24px;border:1px solid #f2f2f2;margin-top:122px;background-color:white;border-radius:",h.r.borderRadius,";}}"),RenderDesktop=e=>{let{imgBannerSrc:t,categoryName:a,description:o,colorFeatureImage:l,reviewedBy:m,reviewedDate:h}=e,{formatMessage:u}=(0,d.Z)(),{locale:y}=(0,s.h)();return(0,r.BX)(x,{categoryColor:l,children:[(0,r.BX)("div",{className:"heading",children:[(0,r.tZ)("div",{className:"banner",children:(0,r.tZ)("img",{loading:"lazy",src:t||p.At,style:{width:"140px",height:"140px",objectFit:"contain"},alt:a})}),(0,r.BX)("div",{className:"info",children:[(0,r.tZ)(n.H,{className:"category-name",tag:"h3",as:"h1",children:a}),m&&(0,r.tZ)("div",{className:"reviewed",children:(0,r.BX)(i.T,{size:"p3",children:[u({id:"categoryPage.info.reviewed"})," ",(0,r.tZ)(c(),{href:m.profileUrl,prefetch:!1,children:m.displayName})," "+u({id:"categoryPage.onDate",defaultMessage:"on {date}"},{date:(0,g.m)(h,y)})]})})]})]}),o?(0,r.tZ)("div",{className:"content",children:(0,r.tZ)("div",{className:"description",children:(0,r.tZ)(i.T,{size:"p3",children:o})})}):(0,r.tZ)("div",{className:"content no-description"})]})},RenderMobile=e=>{let{imgBannerSrc:t,categoryName:a,description:l,colorFeatureImage:m,reviewedBy:h,reviewedDate:x}=e,y=(0,o.useRef)(null),[f,v]=(0,o.useState)(0),{formatMessage:b}=(0,d.Z)(),{locale:C}=(0,s.h)();return(0,o.useEffect)(()=>{var e;v(null===(e=y.current)||void 0===e?void 0:e.clientHeight)},[]),(0,r.BX)(u,{categoryColor:m,children:[(0,r.BX)("div",{className:"heading",children:[(0,r.tZ)("div",{className:"banner",children:(0,r.tZ)("img",{loading:"lazy",src:t||p.At,style:{width:"80px",height:"80px",objectFit:"contain"},alt:a})}),(0,r.BX)("div",{ref:y,className:"info",children:[(0,r.tZ)(n.H,{className:"category-name",tag:"h3",as:"h1",children:a}),h&&(0,r.tZ)("div",{className:"reviewed",children:(0,r.BX)(i.T,{size:"p3",children:[b({id:"categoryPage.info.reviewed"})," ",(0,r.tZ)(c(),{href:h.profileUrl,prefetch:!1,children:h.displayName})," "+b({id:"categoryPage.onDate",defaultMessage:"on {date}"},{date:(0,g.m)(x,C)})]})})]})]}),(0,r.tZ)("div",{className:"content",style:{marginTop:f?"-".concat(f+50,"px"):"-84px"},children:l?(0,r.tZ)("div",{className:"description",style:{marginTop:f?"".concat(f+50,"px"):"84px"},children:(0,r.tZ)(i.T,{size:"p3",children:l})}):(0,r.tZ)("div",{className:"description no-des",style:{marginTop:f?"".concat(f+50,"px"):"84px"}})})]})},CategoryInfo=e=>{let{imgBannerSrc:t,categoryName:a,description:o,isMobile:n,colorFeatureImage:i,reviewedBy:l,reviewedDate:c}=e;return n?(0,r.tZ)(RenderMobile,{imgBannerSrc:t,categoryName:a,description:o,colorFeatureImage:i,reviewedBy:l,reviewedDate:c}):(0,r.tZ)(RenderDesktop,{imgBannerSrc:t,categoryName:a,description:o,colorFeatureImage:i,reviewedBy:l,reviewedDate:c})}}}]);