"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 i=(0,o.createContext)({});function useSlideInfo(e,t){let[a,r]=(0,o.useState)({canScrollNext:!0,canScrollPrev:!1,slidesInView:[0],currentSlide:0,totalSlide:t}),i=(0,o.useCallback)(()=>{e&&r({canScrollNext:e.canScrollNext(),canScrollPrev:e.canScrollPrev(),slidesInView:e.slidesInView(),currentSlide:e.selectedScrollSnap(),totalSlide:t})},[e]);return(0,o.useEffect)(()=>{e&&(e.on("scroll",i),i())},[e]),{slideInfo:a}}var n=a("wp0n"),l=a("Eso5"),c=a("dDsW"),d=a("fdQd"),s=a("JPg4"),p=a("yVya"),g=a("sT6G"),h=a("hXNO"),m=a("5Q4Z"),u=a("iZ8j"),x=a("/npG"),y=a("mYVa"),f=(0,x.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,y.h)(40),height:(0,y.h)(40),opacity:.85,boxShadow:"1px 4px 8px 1px rgba(0, 0, 0, 0.1)"}:{width:(0,y.h)(30),height:(0,y.h)(30),border:"1px solid ".concat(e.colors.neutral200)}},arrowIcon:{transition:"all .2s ease"},arrowPrev:{left:0,[e.fn.largerThan("sm")]:{left:a?(0,y.h)(-60):(0,y.h)(-15)}},arrowNext:{right:0,[e.fn.largerThan("sm")]:{right:a?(0,y.h)(-60):(0,y.h)(-15)}}}});let Arrows=e=>{let{styles:t,classNames:a}=e,{embla:n,filteredChild:c,showFullSlide:d}=(0,o.useContext)(i),{slideInfo:s}=useSlideInfo(n,c.length),{classes:p,cx:g}=f({showFullSlide:d},{name:"CarouselOrListingBlock__Arrows",styles:t,classNames:a});return(0,r.BX)(r.HY,{children:[(0,r.tZ)(l.x,{className:g("arrow","arrow-prev",p.arrow,p.arrowPrev,s.canScrollPrev?"":"disabled"),onClick:()=>null==n?void 0:n.scrollPrev(),children:(0,r.tZ)(m.Z,{className:p.arrowIcon,size:18,useCurrentColor:!0})}),(0,r.tZ)(l.x,{className:g("arrow","arrow-next",p.arrow,p.arrowNext,s.canScrollNext?"":"disabled"),onClick:()=>null==n?void 0:n.scrollNext(),children:(0,r.tZ)(u.Z,{className:p.arrowIcon,size:18,useCurrentColor:!0})})]})};var v=(0,x.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,y.h)(10),background:"#fff",boxShadow:"0px 0 10px 10px rgba(0, 0, 0, 0.05)",opacity:0,transition:"opacity 0.6s ease"},"&: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,y.h)(-16)}}}}});let CarouselWrapper=e=>{let{children:t,styles:a,className:n,classNames:c,...d}=e,{embla:s,filteredChild:p,showFullSlide:g}=(0,o.useContext)(i),{slideInfo:h}=useSlideInfo(s,p.length),{classes:m,cx:u}=v({showFullSlide:g},{name:"CarouselOrListingBlock__CarouselWrapper",styles:a,classNames:c});return(0,r.tZ)(l.x,{className:u(m.carouselWrapper,g?"":h.canScrollNext?"still-slide":"end-slide",n),...d,children:t})};var C=(0,x.k)((e,t)=>{let{showFullSlide:a,gapMobile:r,gapDesktop:o,withIndicators:i}=t;return{wrapper:{display:"flex",flexDirection:"column",gap:(0,y.h)(12)},sliderWrapper:{"& > *":{height:"100%"}},listing:{display:"flex",gap:(0,y.h)(r),alignItems:"stretch",[e.fn.largerThan("sm")]:{gap:(0,y.h)(o)}},itemWrapper:{flex:"1 1 0px","& > *":{height:"100%"}},carouselRoot:{},carouselViewport:{},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,y.h)(20),backgroundColor:e.colors.neutral[1],[e.fn.smallerThan("sm")]:{...!a&&{marginRight:(0,y.h)(16)}}},arrow:{...i&&{marginTop:-16}},arrowPrev:{},arrowNext:{},arrowIcon:{}}});let CarouselOrListingBlock=e=>{let{children:t=[],...a}=e,[n,l]=(0,o.useState)(null),[c,d]=(0,o.useState)([]);return(0,r.tZ)(i.Provider,{value:{embla:n,setEmbla:l,filteredChild:c,setFilteredChild:d,...a},children:t})};CarouselOrListingBlock.LazyLoadItem=e=>{let{children:t,index:a}=e,{embla:n,filteredChild:l}=(0,o.useContext)(i),{slideInfo:c}=useSlideInfo(n,l.length),d=c.slidesInView.includes(a-1),s=(0,o.useMemo)(()=>(0,r.tZ)(r.HY,{children:t(d)}),[d]);return s},CarouselOrListingBlock.Paging=e=>{let{formatMessage:t}=(0,c.Z)(),{filteredChild:a,embla:d}=(0,o.useContext)(i),{slideInfo:s}=useSlideInfo(d,a.length);return a.length>0&&s?(0,r.tZ)(l.x,{...e,children:(0,r.tZ)(n.T,{size:"p3",children:t({id:"category.title"},{total:s.totalSlide,number:(0,r.tZ)("strong",{children:s.currentSlide+1})})})}):null},CarouselOrListingBlock.Slider=e=>{let{children:t=[],arrow:a=!0,styles:n,classNames:c,...m}=e,{lengthToCarouselDesktop:u=3,lengthToCarouselMobile:x=2,percentOfEndSlideDesktop:y=38,percentOfEndSlideMobile:f=75,gapDesktop:v=16,gapMobile:b=16,showFullSlide:w,carouselSetting:k,disableCarousel:Z,lazyLoad:N,onSlideChange:E,filteredChild:T,setFilteredChild:S,embla:B,setEmbla:F,autoPlay:L,delayTime:I,hideProgressBar:A}=(0,o.useContext)(i),D=(0,h.d)(),z=(0,o.useMemo)(()=>void 0!==(null==k?void 0:k.withIndicators)?null==k?void 0:k.withIndicators:!N&&!D,[D,N]),{classes:P}=C({showFullSlide:w,gapMobile:b,gapDesktop:v,withIndicators:z},{name:"CarouselOrListingBlock__Slider",styles:n,classNames:c}),R=(0,o.useRef)((0,s.Z)({playOnInit:L,delay:I})),W=T.length>=(D?x:u);return(0,o.useEffect)(()=>{S((0,p.Z)(t).filter(e=>o.isValidElement(e)))},[t]),(0,r.tZ)(l.x,{...m,children:!Z&&W?(0,r.BX)(CarouselWrapper,{children:[(0,r.tZ)(d.a,{slideSize:w?D?"".concat(100/(x-1),"%"):"".concat(100/(u-1),"%"):D?"".concat(f,"%"):"".concat(y,"%"),loop:!!w,align:"start",slideGap:D?"".concat(b,"px"):"".concat(v,"px"),getEmblaApi:F,withIndicators:z,withControls:!1,plugins:[...L&&I?[R.current]:[]],onSlideChange:E,classNames:{root:P.carouselRoot,viewport:P.carouselViewport,indicators:P.carouselIndicators,indicator:P.carouselIndicator},...k,onMouseLeave:()=>{var e;return L&&I&&(null==R?void 0:null===(e=R.current)||void 0===e?void 0:e.play())},onTouchEnd:()=>{var e;return L&&I&&(null==R?void 0:null===(e=R.current)||void 0===e?void 0:e.play())},children:T.map((e,t)=>(0,r.tZ)(d.a.Slide,{className:P.sliderWrapper,children:e},String(t)))}),!D||A||z?null:(0,r.tZ)(g.I,{embla:B,classNames:{bar:P.progressBar,root:P.progressRoot}}),(!D||a)&&(0,r.tZ)(Arrows,{classNames:{arrow:P.arrow,arrowPrev:P.arrowPrev,arrowNext:P.arrowNext,arrowIcon:P.arrowIcon}})]}):(0,r.tZ)(l.x,{className:P.listing,"data-slide-length":T.length,children:T.map((e,t)=>(0,r.tZ)(l.x,{className:P.itemWrapper,children:e},String(t)))})})}},QhBZ:function(e,t,a){a.d(t,{Z:function(){return CategoryExplainer}});var r=a("BGKE"),o=a("q1tI"),i=a("DEkF"),n=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;}}"),h=(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 m=a("1KiM");let RenderDesktop=e=>{let t,{explainerPosts:a=[],categoryName:o,categoryTextColor:i,currentCategory:n}=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)(m.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:i},categoryLink:n&&n.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)(m.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:i},categoryLink:n&&n.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)(m.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:i},text:"",categoryLink:n&&n.permalink===e.category.permalink?e.permalink:e.category.permalink,onClickCategoryName:handleClickSameCategory},t))})]})},RenderMobile=e=>{let{explainerPosts:t=[],categoryName:a,categoryTextColor:i,currentCategory:n}=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)(h,{id:"test",children:t.map((e,o)=>(0,r.tZ)(m.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:i},text:"",categoryLink:n&&n.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,n.Z)();return(0,r.BX)(p,{"data-type-mobile":t,children:[(0,r.tZ)(i.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"),i=a("qQsD"),n=a("wp0n"),l=a("frWj"),c=a("Eso5"),d=a("C/sX"),s=a("dDsW"),p=a("S3OL"),g=a("vODv"),h=a("iv2E"),m=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:C,router:{defaultLocale:b="en-US"}}=(0,m.h)(),{classes:w,theme:k}=v(void 0,{name:"ArticleCardList__Categories"}),Z=u.CX[C||b].CATEGORIES_TYPE||"long",N=(0,o.useMemo)(()=>a.length,[a]),E=(0,o.useMemo)(()=>t?"long"===Z?4:6:1,[t,Z]),T=(0,o.useMemo)(()=>Array(Math.ceil(N/E)).fill("").map((e,t)=>a.slice(t*E,t*E+E)),[t]),[S]=(0,o.useMemo)(()=>["long"===Z?1:1===N?1:2===N||4===N?2:3],[Z,N]);return(0,r.tZ)(f,{"data-layout-type":Z,"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)(n.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:T.map((e,a)=>(0,r.tZ)(d.r,{justify:1===T.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/S,children:(0,r.tZ)(c.x,{className:w.slider,sx:{".category-card":{display:"block",width:"auto !important"}},children:(0,r.tZ)(i.C,{category:e,dataEventCategory:"Recommended Topics",dataEventAction:"Click",dataEventLabel:"https://".concat(h.domainLocales[C]).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"===Z?48:73:100,height:t?"long"===Z?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")]:{...N<6&&{width:170,flex:"none"}}}},children:a.map((e,a)=>(0,r.tZ)(c.x,{className:w.slider,children:(0,r.tZ)(i.C,{category:e,dataEventCategory:"Recommended Topics",dataEventAction:"Click",dataEventLabel:"https://".concat(h.domainLocales[C]).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"===Z?48:73:100,height:t?"long"===Z?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"),i=a("DEkF"),n=a("MmHG"),l=a("YFqc"),c=a.n(l),d=a("dDsW"),s=a("P5LW"),p=a("rIrU"),g=a("tQmg"),h=a("rBCA"),m=a("iBNF");let u=(0,h.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:",m.r.borderRadius,";&.no-des{height:20px;visibility:hidden;}}}"),x=(0,h.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:",m.r.borderRadius,";}}"),RenderDesktop=e=>{let{imgBannerSrc:t,categoryName:a,description:o,colorFeatureImage:l,reviewedBy:h,reviewedDate:m}=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)(i.H,{className:"category-name",tag:"h3",as:"h1",children:a}),h&&(0,r.tZ)("div",{className:"reviewed",children:(0,r.BX)(n.T,{size:"p3",children:[u({id:"categoryPage.info.reviewed"})," ",(0,r.tZ)(c(),{href:h.profileUrl,prefetch:!1,children:h.displayName})," "+u({id:"categoryPage.onDate",defaultMessage:"on {date}"},{date:(0,g.m)(m,y)})]})})]})]}),o?(0,r.tZ)("div",{className:"content",children:(0,r.tZ)("div",{className:"description",children:(0,r.tZ)(n.T,{size:"p3",children:o})})}):(0,r.tZ)("div",{className:"content no-description"})]})},RenderMobile=e=>{let{imgBannerSrc:t,categoryName:a,description:l,colorFeatureImage:h,reviewedBy:m,reviewedDate:x}=e,y=(0,o.useRef)(null),[f,v]=(0,o.useState)(0),{formatMessage:C}=(0,d.Z)(),{locale:b}=(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:h,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)(i.H,{className:"category-name",tag:"h3",as:"h1",children:a}),m&&(0,r.tZ)("div",{className:"reviewed",children:(0,r.BX)(n.T,{size:"p3",children:[C({id:"categoryPage.info.reviewed"})," ",(0,r.tZ)(c(),{href:m.profileUrl,prefetch:!1,children:m.displayName})," "+C({id:"categoryPage.onDate",defaultMessage:"on {date}"},{date:(0,g.m)(x,b)})]})})]})]}),(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)(n.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:i,colorFeatureImage:n,reviewedBy:l,reviewedDate:c}=e;return i?(0,r.tZ)(RenderMobile,{imgBannerSrc:t,categoryName:a,description:o,colorFeatureImage:n,reviewedBy:l,reviewedDate:c}):(0,r.tZ)(RenderDesktop,{imgBannerSrc:t,categoryName:a,description:o,colorFeatureImage:n,reviewedBy:l,reviewedDate:c})}}}]);