"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7168],{81077:function(e,n,t){t.d(n,{g:function(){return Loading}});var r=t(35944),o=t(50722),a=t(10166);let i=(0,a.Z)("div",{target:"e1tazl0y0"})("display:flex;align-items:center;justify-content:center;padding:1em;"),Loading=e=>{let{className:n,size:t="md"}=e;return(0,r.tZ)(i,{className:n,children:(0,r.tZ)(o.B,{size:t,color:"transparent",isLoading:!0,children:"Loading"})})}},60577:function(e,n,t){t.d(n,{On:function(){return l},R7:function(){return s},nE:function(){return i},o$:function(){return d}});var r=t(10166),o=t(15184),a=t(24612);let i=(0,r.Z)("div",{target:"e1yo38sh0"})("position:fixed;z-index:",a.kg.adBlock,";bottom:0;left:50%;width:fit-content;max-width:100%;background:none;transform:translateX(-50%);.close-sticky-button{position:absolute;display:flex;width:16px;height:16px;align-items:center;justify-content:center;background:#bfbfbf;border-radius:50%;color:white;cursor:pointer;font-size:12px;line-height:12px;transform:translate(50%,-50%);top:0;right:0;}opacity:0;pointer-events:none;&[data-visible='true']{opacity:1;pointer-events:auto;}"),l=(0,r.Z)("div",{target:"e1yo38sh1"})("display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:100%;width:fit-content;height:fit-content;margin-inline:auto;/* margin:1rem auto;*/\n  &[data-no-wrapper='false']{border:1px solid ",o.t.colors.neutral50,";background:",o.t.colors.neutral50,";}&[data-no-wrapper='true']{line-height:0;}&[data-header-bottom='true']{flex-direction:column-reverse;background:none;border:none;}"),s=(0,r.Z)("div",{target:"e1yo38sh2"})("/* background:",o.t.colors.neutral50,";*/\n  width:100%;padding:0 5px 1.5px;display:flex;align-items:center;justify-content:center;gap:5px;text-transform:capitalize;img{height:12px;width:12px;max-width:12px;max-height:12px;}&[data-header-bottom='true']{background:",o.t.colors.neutral50,";}span{font-size:10px;line-height:12px;color:",o.t.colors.gray400,";font-weight:400;}"),d=(0,r.Z)("div",{target:"e1yo38sh3"})("background-color:white;background-image:url('/images/close-blue.svg');background-repeat:no-repeat;background-size:contain;background-position:center;width:24px;height:24px;position:absolute;top:1px;right:1px;cursor:pointer;")},39139:function(e,n,t){t.r(n),t.d(n,{AdBlock:function(){return f}});var r=t(35944),o=t(67294),a=t(36965),i=t(64523),l=t(42708),s=t(86896),d=t(95386),c=t(91961),u=t(60577);let p={},g=["TopBanner","MidBanner1","MidBanner2","masthead","Sticky"],_getForceRefreshConfig=(e,n)=>{if(e===a.L.Vietnam&&g.some(e=>n.includes(e)))return!0},displayAd=e=>{let{contentId:n,adUnitPath:t,size:r,divId:o,pos:a,sizeMapping:i,hideIfHasSubot:l,customTargetings:s,onSuccess:d}=e;if(!o||!document.getElementById(o))return console.error("divId is required");destroyAdSlot(o),window.googletag=window.googletag||{cmd:[]};let{googletag:u}=window;u.cmd.push(function(){let e=document.querySelector('meta[name="content_id"]'),g="string"==typeof n?n:null==e?void 0:e.content,h=u.defineSlot(t,r,o);if(h){try{s&&Object.keys(s).forEach(e=>{e&&(null==h||h.setTargeting(e,s[e]))})}catch(e){console.error(e)}p[o]=h,(0,c.Tm)(h),h.setTargeting("Pos",a),h.addService(u.pubads()),g&&h.setTargeting("Content_ID",g),i&&h.defineSizeMapping(i),l&&document.getElementById("subot--container")&&h.setTargeting("chatbot",!0),u.display(o),u.pubads().isInitialLoadDisabled()&&u.pubads().refresh([h]),null==d||d()}})},destroyAdSlot=e=>{if(p[e]){window.googletag=window.googletag||{cmd:[]};let{googletag:n}=window;n.cmd.push(function(){n.destroySlots([p[e]]),delete p[e]})}},h=["Sticky"],m=(0,o.forwardRef)(function(e,n){let{className:t,adUnitPath:c,size:g,divId:m,pos:f,sizeMapping:b,contentId:v,isHidden:x,hideIfHasSubot:w,isSticky:y,refreshInterval:C,customTargetings:k,style:Z,adDefaultSize:I,noWrapper:S,showCloseBtn:T,onCloseAd:N,headerBottom:B,wrapperProps:z,onlyRefreshInview:_}=e,{locale:M}=(0,d.h)(),j=C||(M===a.L.Vietnam&&f.some(e=>h.includes(e))?30:void 0),{formatMessage:P}=(0,s.Z)(),{ref:O,inView:A}=(0,l.YD)(),L=(0,o.useRef)(null),R=(0,o.useRef)(j);R.current=_getForceRefreshConfig(M,f)?15:j;let E=_getForceRefreshConfig(M,f)||_,[W,U]=(0,o.useState)(!1),setupRefreshAd=e=>{null!==L.current&&clearInterval(L.current),L.current=window.setInterval(()=>{window.googletag=window.googletag||{cmd:[]};let{googletag:e}=window;e.cmd.push(function(){p[m]&&e.pubads().refresh([p[m]])})},1e3*e)};if((0,o.useEffect)(()=>{A&&E&&R.current?setupRefreshAd(R.current):!A&&E&&null!==L.current&&clearInterval(L.current)},[A,E]),(0,o.useEffect)(()=>()=>{destroyAdSlot(m),L.current&&clearInterval(L.current)},[]),(0,o.useEffect)(()=>{x||displayAd({contentId:v,adUnitPath:c,size:g,divId:m,pos:f,sizeMapping:b,hideIfHasSubot:w,customTargetings:k,onSuccess:()=>R.current&&!E&&setupRefreshAd(R.current)})},[x]),W)return null;let D=(0,r.BX)("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:[(0,r.tZ)("div",{ref:n,id:m}),T&&(0,r.tZ)(u.o$,{onClick:()=>{null==N||N(),U(!0)}})]});if(y)return D;let H=I?I[0]:g?Array.isArray(g[0])?g[0][0]:g[0]:void 0,V=I?I[1]:g?Array.isArray(g[0])?g[0][1]:g[1]:void 0;return(0,r.tZ)(i.x,{...z,className:t,children:(0,r.tZ)(u.On,{ref:O,className:t,style:Z,"data-no-wrapper":!!S,"data-header-bottom":!!B,children:S?D:(0,r.BX)(r.HY,{children:[(0,r.BX)(u.R7,{"data-header-bottom":!!B,children:[(0,r.tZ)("img",{loading:"lazy",src:"/svg/adsIcon.svg",alt:"ad icon"}),(0,r.tZ)("span",{children:P({id:"adBanner.title",defaultMessage:"Advertisement"})})]}),(0,r.tZ)("div",{style:{minWidth:H||"100%",minHeight:V||"100%",position:"relative"},children:D})]})})})}),f=(0,o.memo)(m,(e,n)=>e.adUnitPath===n.adUnitPath&&e.divId===n.divId&&e.className===n.className&&e.isHidden===n.isHidden)},94187:function(e,n,t){t.d(n,{Y:function(){return CarouselOrListingBlock}});var r=t(35944),o=t(67294);let a=(0,o.createContext)({});function useSlideInfo(e,n){let[t,r]=(0,o.useState)({canScrollNext:!0,canScrollPrev:!1,slidesInView:[0],currentSlide:0,totalSlide:n}),a=(0,o.useCallback)(()=>{e&&r({canScrollNext:e.canScrollNext(),canScrollPrev:e.canScrollPrev(),slidesInView:e.slidesInView(),currentSlide:e.selectedScrollSnap(),totalSlide:n})},[e]);return(0,o.useEffect)(()=>{e&&(e.on("scroll",a),a())},[e]),{slideInfo:t}}var i=t(54576),l=t(64523),s=t(86896),d=t(74706),c=t(22074),u=t(15536),p=t(3941),g=t(56817),h=t(96768),m=(0,g.k)(e=>({bar:{transitionDuration:"0ms",background:e.colors.neutral[3]},root:{maxWidth:"calc(100% - 16px)",marginLeft:0,marginRight:0,height:(0,h.h)(4),background:"transparent",position:"relative","&:before":{position:"absolute",content:'""',top:0,left:0,right:0,bottom:0,background:"#fff",opacity:.25}}}));let CarouselProgressBar=e=>{let{embla:n,styles:t,...a}=e,{classes:i}=m(void 0,{name:"CarouselProgressBar",styles:t}),[l,s]=(0,o.useState)(0),d=(0,o.useCallback)(()=>{if(!n)return;let e=Math.max(0,Math.min(1,n.scrollProgress()));s(100*e)},[n,s]);return(0,o.useEffect)(()=>{n&&(n.on("scroll",d),d())},[n]),(0,r.tZ)(p.E,{value:l,classNames:{bar:i.bar,root:i.root},size:"sm",...a})};var f=t(83015),b=t(87861),v=t(47195),x=(0,g.k)((e,n)=>{let{showFullSlide:t}=n;return{arrow:{position:"absolute",top:"calc(50% - 32px)",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"},...t?{width:(0,h.h)(40),height:(0,h.h)(40),opacity:.85,boxShadow:"0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05),rgba(0, 0, 0, 0.05) 0 1.25rem 1.5625rem -0.3125rem,rgba(0, 0, 0, 0.04) 0 0.625rem 0.625rem -0.3125rem"}:{width:(0,h.h)(30),height:(0,h.h)(30),border:"1px solid ".concat(e.colors.neutral200)}},arrowIcon:{transition:"all .2s ease"},arrowPrev:{left:t?(0,h.h)(-50):(0,h.h)(-15)},arrowNext:{right:t?(0,h.h)(-50):(0,h.h)(-15)}}});let Arrows=e=>{let{styles:n,classNames:t}=e,{embla:i,filteredChild:s,showFullSlide:d}=(0,o.useContext)(a),{slideInfo:c}=useSlideInfo(i,s.length),{classes:u,cx:p}=x({showFullSlide:d},{name:"CarouselOrListingBlockArrows",styles:n,classNames:t});return(0,r.BX)(r.HY,{children:[(0,r.tZ)(l.x,{className:p(u.arrow,u.arrowPrev,c.canScrollPrev?"":"disabled"),onClick:()=>null==i?void 0:i.scrollPrev(),children:(0,r.tZ)(b.Z,{className:u.arrowIcon,size:18,useCurrentColor:!0})}),(0,r.tZ)(l.x,{className:p(u.arrow,u.arrowNext,c.canScrollNext?"":"disabled"),onClick:()=>null==i?void 0:i.scrollNext(),children:(0,r.tZ)(v.Z,{className:u.arrowIcon,size:18,useCurrentColor:!0})})]})};var w=(0,g.k)((e,n)=>{let{showFullSlide:t}=n;return{carouselWrapper:{position:"relative",".mantine-Carousel-viewport":{position:"relative","&:before, &:after":{content:'""',position:"absolute",top:0,bottom:0,zIndex:1,width:(0,h.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")]:{...!t&&{marginRight:(0,h.h)(-16)}}}}});let CarouselWrapper=e=>{let{children:n,styles:t,className:i,classNames:s,...d}=e,{embla:c,filteredChild:u,showFullSlide:p}=(0,o.useContext)(a),{slideInfo:g}=useSlideInfo(c,u.length),{classes:h,cx:m}=w({showFullSlide:p},{name:"CarouselOrListingBlock__CarouselWrapper",styles:t,classNames:s});return(0,r.tZ)(l.x,{className:m(h.carouselWrapper,p?"":g.canScrollNext?"still-slide":"end-slide",i),...d,children:n})};var y=(0,g.k)((e,n)=>{let{showFullSlide:t,gapMobile:r,gapDesktop:o}=n;return{wrapper:{display:"flex",flexDirection:"column",gap:(0,h.h)(12)},sliderWrapper:{"& > *":{height:"100%"}},listing:{display:"flex",gap:(0,h.h)(r),alignItems:"stretch",[e.fn.largerThan("sm")]:{gap:(0,h.h)(o)}},itemWrapper:{flex:"1 1 0px","& > *":{height:"100%"}},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,h.h)(20),backgroundColor:e.colors.neutral[1],[e.fn.smallerThan("sm")]:{...!t&&{marginRight:(0,h.h)(16)}}},arrowPrev:{},arrowNext:{}}});let CarouselOrListingBlock=e=>{let{children:n=[],...t}=e,[i,l]=(0,o.useState)(null),[s,d]=(0,o.useState)([]);return(0,r.tZ)(a.Provider,{value:{embla:i,setEmbla:l,filteredChild:s,setFilteredChild:d,...t},children:n})};CarouselOrListingBlock.LazyLoadItem=e=>{let{children:n,index:t}=e,{embla:i,filteredChild:l}=(0,o.useContext)(a),{slideInfo:s}=useSlideInfo(i,l.length),d=s.slidesInView.includes(t-1),c=(0,o.useMemo)(()=>(0,r.tZ)(r.HY,{children:n(d)}),[d]);return c},CarouselOrListingBlock.Paging=e=>{let{formatMessage:n}=(0,s.Z)(),{filteredChild:t,embla:d}=(0,o.useContext)(a),{slideInfo:c}=useSlideInfo(d,t.length);return t.length>0&&c?(0,r.tZ)(l.x,{...e,children:(0,r.tZ)(i.T,{size:"p3",children:n({id:"category.title"},{total:c.totalSlide,number:(0,r.tZ)("strong",{children:c.currentSlide+1})})})}):null},CarouselOrListingBlock.Slider=e=>{let{children:n=[],arrow:t=!0,styles:i,classNames:s,...p}=e,{lengthToCarouselDesktop:g=3,lengthToCarouselMobile:h=2,percentOfEndSlideDesktop:m=38,percentOfEndSlideMobile:b=75,gapDesktop:v=16,gapMobile:x=16,showFullSlide:w,carouselSetting:C,disableCarousel:k,lazyLoad:Z,onSlideChange:I,filteredChild:S,setFilteredChild:T,embla:N,setEmbla:B,autoPlay:z,delayTime:_}=(0,o.useContext)(a),{classes:M}=y({showFullSlide:w,gapMobile:x,gapDesktop:v},{name:"CarouselOrListingBlock",styles:i,classNames:s}),j=(0,f.d)(),P=(0,o.useRef)((0,c.Z)({playOnInit:z,delay:_})),O=S.length>=(j?h:g);return(0,o.useEffect)(()=>{T((0,u.Z)(n).filter(e=>o.isValidElement(e)))},[n]),(0,r.tZ)(l.x,{...p,children:!k&&O?(0,r.BX)(CarouselWrapper,{children:[(0,r.tZ)(d.n,{slideSize:w?j?"".concat(100/(h-1),"%"):"".concat(100/(g-1),"%"):j?"".concat(b,"%"):"".concat(m,"%"),loop:!!w,align:"start",slideGap:j?"".concat(x,"px"):"".concat(v,"px"),getEmblaApi:B,withIndicators:!Z&&!j,withControls:!1,plugins:[...z?[P.current]:[]],onSlideChange:I,classNames:{viewport:M.carouselViewport,indicators:M.carouselIndicators,indicator:M.carouselIndicator},...C,onMouseLeave:()=>{var e;return z&&(null===(e=P.current)||void 0===e?void 0:e.play())},onTouchEnd:()=>{var e;return z&&(null===(e=P.current)||void 0===e?void 0:e.play())},children:S.map((e,n)=>(0,r.tZ)(d.n.Slide,{className:M.sliderWrapper,children:e},String(n)))}),j?(0,r.tZ)(CarouselProgressBar,{embla:N,classNames:{bar:M.progressBar,root:M.progressRoot}}):t?(0,r.tZ)(Arrows,{classNames:{arrowPrev:M.arrowPrev,arrowNext:M.arrowNext}}):null]}):(0,r.tZ)(l.x,{className:M.listing,"data-slide-length":S.length,children:S.map((e,n)=>(0,r.tZ)(l.x,{className:M.itemWrapper,children:e},String(n)))})})}},79513:function(e,n,t){t.d(n,{B:function(){return LandingPageBanner}});var r=t(35944),o=t(83015),a=t(82729),i=t(7259),l=t(72660);function _templateObject(){let e=(0,a._)(["\n  position: relative;\n  display: block;\n  text-decoration: none;\n  img {\n    "," {\n      aspect-ratio: 1920 / 550;\n      width: 100%;\n      height: auto;\n      object-fit: cover;\n      object-position: center;\n    }\n    "," {\n      width: 100%;\n      height: auto;\n    }\n  }\n"]);return _templateObject=function(){return e},e}let s=l.ZP.a.withConfig({componentId:"sc-5c935101-0"})(_templateObject(),i.M.mbUp,i.M.mbDown),LandingPageBanner=e=>{let{banner:n,className:t,onClick:a}=e,i=(0,o.d)();return(!i||(null==n?void 0:n.mobile))&&(i||(null==n?void 0:n.desktop))?(0,r.tZ)(s,{className:t,href:null==n?void 0:n.url,onClick:(null==n?void 0:n.url)?void 0:a,target:(null==n?void 0:n.url)?"_blank":void 0,enableScroll:!(null==n?void 0:n.url)&&void 0!==a,children:(0,r.tZ)("img",{src:i?null==n?void 0:n.mobile:null==n?void 0:n.desktop,alt:"banner",loading:"lazy"})}):null}},1245:function(e,n,t){t.d(n,{N:function(){return ClickableBanner}});var r=t(35944),o=t(67294),a=t(7259),i=t(92935),l=t(54576),s=t(64523),d=t(97564),c=t(96768),u=t(88393),p=t(86896),g=t(38339),h=t(97721),m=t(94187),f=t(20868),b=t(83015),v=t(71216),x=t(29017),w=t(15184),y=t(64761),C=t(64577),k=t(50667),Z=t(97802),I=t(79069),S=t(56817),T=(0,S.k)((e,n)=>{let{bgSessionColor:t,bannerColor:r}=n;return{root:{},banner:{padding:(0,c.h)(12),backgroundColor:r,...t===r&&{border:"1px solid ".concat(e.colors.neutral[1])},borderRadius:(0,c.h)(12),height:"100%",[e.fn.smallerThan("sm")]:{padding:(0,c.h)(8)}},bannerIframe:{},title:{display:"flex",alignItems:"center",justifyContent:"center",flexGrow:1," > *":{overflow:"hidden",textOverflow:"ellipsis",display:" -webkit-box","-webkit-line-clamp":2," -webkit-box-orient":"vertical"},[e.fn.smallerThan("sm")]:{height:"initial"}}}});let N={white:"#ffffff","yellow-600":w.t.colors.yellow600,"violet-600":w.t.colors.violet600,"green-600":w.t.colors.green600,primary:w.t.colors.primaryBase,none:"transparent"},Banner=e=>{let{banner:n,bgSessionColor:t,hasLeavePageConfirm:a,ratio:l=336/356,keepNatureRatio:u,requireLogin:p,openChatWoot:g,onItemClick:h,className:m,classNames:f,styles:b,...v}=e,{url:w="",title:S,banner:B,expired_day_status:z,card_color:_}=n,M=N[_],{classes:j,cx:P}=T({bannerColor:M,bgSessionColor:t},{name:"ClickableBannerItem",styles:b,classNames:f}),{handleClick:O}=(0,I.g)(w),A=(0,y.rZ)(),{state:{isLoggedIn:L}}=(0,o.useContext)(x.I),R=(0,Z.t)([w]),{isExternalUrl:E}=(null==R?void 0:R[0])||{};return B?(0,r.tZ)(s.x,{component:z||g?"div":"a",href:w,target:E?"_blank":"_self",className:P("pointer-event-child-none",j.root,m),"data-event-label":w,...v,onClick:e=>{if(!E&&w.includes("#")){e.preventDefault();let n=w.split("#");null==h||h(n[n.length-1])}else if(p&&!L)e.preventDefault(),(0,k.p0)(window.location.href);else if(a)O(e);else{var n,t;g&&(null===(n=window)||void 0===n?void 0:n.$chatwoot)&&(e.preventDefault(),null===(t=window)||void 0===t||t.$chatwoot.toggle("open"))}},children:(0,r.tZ)("div",{className:j.banner,children:(0,r.BX)(d.K,{ta:"center",justify:"space-between",sx:e=>({height:"100%",gap:(0,c.h)(8),[e.fn.largerThan("sm")]:{gap:(0,c.h)(16)}}),children:[(0,r.tZ)("div",{className:j.title,children:(0,r.tZ)(i.H,{tag:"h5",color:["white","none"].includes(_)?A.colors.gray[8]:"#ffffff",children:S})}),u?(0,r.tZ)("img",{src:B,alt:"",loading:"lazy"}):(0,r.tZ)(C.o,{className:j.bannerIframe,ratio:l,sx:{borderRadius:8,overflow:"hidden",...z&&{filter:"grayscale(1)"}},children:(0,r.tZ)("img",{src:B,alt:"",loading:"lazy"})})]})})}):null};var B=(0,S.k)((e,n)=>{let{listLength:t,bgColor:r,embedChatwootClick:o}=n;return{root:{backgroundColor:r||e.colors.blue[0],paddingTop:(0,c.h)(80),paddingBottom:(0,c.h)(80),[e.fn.smallerThan("sm")]:{paddingTop:(0,c.h)(40),paddingBottom:(0,c.h)(40)}},inner:{},header:{textAlign:"center"},heading:{},desc:{...o&&{[e.fn.largerThan("sm")]:{maxWidth:(0,c.h)(744),margin:"0 auto"}}},bannerItem:{flex:"inherit",width:1===t?"100%":"calc((100% - 16px)/2)",[e.fn.largerThan("sm")]:{width:1===t?(0,c.h)(648):"calc((100% - 72px)/4)"},...o&&{width:"100%",[e.fn.largerThan("sm")]:{width:"calc((100% - 48px)/2)",maxWidth:(0,c.h)(552)}}},bannerIframe:{},bannerItemTitle:{...o&&{display:"none"}},bannerItemWrapper:{...o&&{background:"transparent"}},bannerList:{display:"flex",flexWrap:"wrap",gap:(0,c.h)(16),justifyContent:t<4?"center":"flex-start",[e.fn.largerThan("sm")]:{gap:(0,c.h)(24)}},disclaimer:{[e.fn.largerThan("sm")]:{width:1===t?(0,c.h)(648):2===t?"calc((100% - 24px)/2)":"100%",margin:"0 auto"}},bubbleRoot:{position:"relative"},bubbleInside:{position:"absolute",left:(0,c.h)(-140),top:(0,c.h)(-60),border:"1px solid #029394",borderRadius:"64%",padding:(0,c.h)(16),width:(0,c.h)(250),height:(0,c.h)(80),cursor:"pointer",".chatwood-icon":{width:(0,c.h)(40)}},bubbleText:{textTransform:"uppercase",color:"#029394"}}});let ClickableBanner=e=>{let{embedChatwootClick:n,chatToken:t,avatarIcon:w,banner:y,bannerProps:C,bgColor:k,hasDisclaimer:Z,applyCarousel:I,requireLogin:S,onItemClick:T,styles:N,classNames:z}=e,{formatMessage:_}=(0,p.Z)(),M=(0,b.d)(),j=(0,f.U)(),{dispatch:P}=(0,o.useContext)(x.I),O=y.list_banners,{classes:A}=B({listLength:O.length,bgColor:k,embedChatwootClick:n},{name:"ClickableBanner",styles:N,classNames:z}),L=(0,o.useMemo)(()=>null==t?void 0:t.startsWith("https"),[]);if((0,o.useEffect)(()=>{!L&&t&&P({type:v.H.SET_CHATWOOT_WEBSITE_TOKEN,payload:t})},[t]),(0,o.useEffect)(()=>{let e=document.getElementsByTagName("body")[0];return w&&(e.classList.add("replace-chatwoot-icon"),document.documentElement.style.setProperty("--chatwoot-bg","url('".concat(w,"')"))),()=>{e.classList.remove("replace-chatwoot-icon")}},[w]),!y)return null;let R={classNames:{banner:A.bannerItemWrapper,bannerIframe:A.bannerIframe,title:A.bannerItemTitle},requireLogin:S,"data-event-category":"Spotlight","data-event-action":"Banners Click",bgSessionColor:k,keepNatureRatio:n,ratio:1===O.length?16/9:void 0},content=e=>{let{isExternalLinkChat:t=!1,isChatWoot:o=!1}=e;return(0,r.tZ)(s.x,{className:A.root,children:(0,r.tZ)(g.W,{className:A.inner,children:(0,r.BX)(d.K,{w:"100%",sx:e=>({gap:(0,c.h)(16),[e.fn.largerThan("sm")]:{gap:(0,c.h)(24)}}),children:[(y.icon||y.title||y.description)&&(0,r.BX)(d.K,{spacing:12,className:A.header,children:[y.icon&&(0,r.tZ)(s.x,{sx:{backgroundColor:"#ffffff",width:80,height:80,borderRadius:"50%",padding:6,[a.M.mbDown]:{width:64,height:64}},children:(0,r.tZ)("img",{src:y.icon,alt:"",loading:"lazy"})}),y.title&&(0,r.tZ)(i.H,{tag:"h3",className:A.heading,children:y.title}),y.description&&(0,r.tZ)(l.T,{size:"p3",className:A.desc,children:y.description})]}),(0,r.tZ)(m.Y,{showFullSlide:!M,lengthToCarouselDesktop:5,gapDesktop:18,disableCarousel:!I,children:(0,r.tZ)(m.Y.Slider,{classNames:{listing:A.bannerList,itemWrapper:A.bannerItem},styles:e=>({progressRoot:{background:"transparent",position:"relative","&:before":{position:"absolute",content:'""',top:0,left:0,right:0,bottom:0,background:"#fff",opacity:.25}},progressBar:{background:e.colors.neutral[3]}}),children:O.map(e=>(0,r.tZ)(Banner,{onItemClick:T,banner:e,openChatWoot:!t&&(n||e.url.endsWith("#chatwoot")),...R,...C,...o&&{"data-event-category":"Chatwoot Chat","data-event-action":"Start Chat - Middle Page","data-event-label":j}},e.title))})}),Z&&(0,r.tZ)(h.e,{classNames:{root:A.disclaimer},title:_({id:"confirmLeavePage.title",defaultMessage:"Leaving HHG page"}),content:_({id:"confirmLeavePage.content",defaultMessage:"As your trusted health partner, we want to ensure you have the information you need to safeguard your health. Are you sure you want to leave this page?"})})]})})})};return M||!n||L?content({isExternalLinkChat:!0}):(0,r.tZ)(u.u.Floating,{label:(0,r.tZ)(s.x,{className:A.bubbleRoot,children:(0,r.tZ)(d.K,{className:A.bubbleInside,align:"center",justify:"center",children:(0,r.tZ)(l.T,{size:"s2",className:A.bubbleText,children:_({id:"carePath.cursorChat.message",defaultMessage:"Chat miễn ph\xed ngay"})})})}),styles:{tooltip:{transition:"all 0.8s cubic-bezier(0.2, 0.9, 0.3, 1)",background:"transparent"}},children:(0,r.tZ)(s.x,{"data-event-category":"Chatwoot Chat","data-event-action":"Start Chat - Middle Page","data-event-label":j,className:"pointer-event-child-none",onClick:()=>{var e,n;return L?window.open(t):null===(n=window)||void 0===n?void 0:null===(e=n.$chatwoot)||void 0===e?void 0:e.toggle("open")},sx:{cursor:"pointer",overflow:"hidden"},children:content({isChatWoot:!0})})})}},69678:function(e,n,t){t.d(n,{KU:function(){return p},P7:function(){return d},XM:function(){return u},Yr:function(){return l},ak:function(){return c},cG:function(){return s}});var r=t(82729),o=t(7259),a=t(72660),i=t(79513);function _templateObject(){let e=(0,r._)(["\n  overflow: visible;\n\n  min-height: 100vh;\n  .banner {\n    background-color: ",";\n  }\n\n  #div-gpt-ad-home-top,\n  #div-gpt-ad-home-sidebar1,\n  #div-gpt-ad-home-sidebar2 {\n    div {\n      display: flex;\n      overflow: hidden;\n      max-width: 100%;\n      justify-content: center;\n    }\n  }\n  margin-bottom: 80px;\n\n  .html-div {\n    color: ",";\n    &[data-size='small'] {\n      font-size: 16px;\n      "," {\n        font-size: 18px;\n      }\n    }\n    &[data-size='medium'] {\n      font-size: 19px;\n      "," {\n        font-size: 22px;\n      }\n    }\n    &[data-size='large'] {\n      font-size: 24px;\n      "," {\n        font-size: 27px;\n      }\n    }\n\n    "," {\n      margin: 32px 0px;\n      font-size: 18px;\n      font-weight: normal;\n      letter-spacing: -0.2px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-weight: normal;\n      font-size: 16px;\n      line-height: 28px;\n    }\n    p {\n      margin-bottom: 24px;\n    }\n  }\n\n  .health-tool-container {\n    background-color: ",";\n    "," {\n      padding: 0;\n    }\n  }\n\n  /* iframe {\n    width: 100%;\n    max-width: 100%;\n  } */\n\n  "," {\n    .super-content-container {\n      max-width: 768px;\n      text-align: justify;\n    }\n    .health-tool-container {\n      padding: 24px;\n      max-width: 768px;\n    }\n  }\n\n  .article-bottom-ad {\n    "," {\n      margin-bottom: var(--mobile-bottom-height);\n      @supports (margin-bottom: env(safe-area-inset-bottom)) {\n        margin-bottom: calc(\n          env(safe-area-inset-bottom) + var(--mobile-bottom-height)\n        );\n      }\n    }\n  }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,r._)(["\n  overflow: visible;\n  position: relative;\n  min-height: 100vh;\n  .banner {\n    background-color: ",";\n  }\n\n  #div-gpt-ad-home-top,\n  #div-gpt-ad-home-sidebar1,\n  #div-gpt-ad-home-sidebar2 {\n    div {\n      display: flex;\n      overflow: hidden;\n      max-width: 100%;\n      justify-content: center;\n    }\n  }\n  margin-bottom: 80px;\n\n  .html-div {\n    color: ",";\n    &[data-size='small'] {\n      font-size: 16px;\n      "," {\n        font-size: 18px;\n      }\n    }\n    &[data-size='medium'] {\n      font-size: 19px;\n      "," {\n        font-size: 22px;\n      }\n    }\n    &[data-size='large'] {\n      font-size: 24px;\n      "," {\n        font-size: 27px;\n      }\n    }\n\n    margin: 32px 0px;\n    font-size: 18px;\n    font-weight: normal;\n    letter-spacing: -0.2px;\n    line-height: 32px;\n\n    "," {\n      font-weight: normal;\n      font-size: 16px;\n      line-height: 28px;\n    }\n    p {\n      margin-bottom: 24px;\n    }\n  }\n\n  .health-tool-container {\n    background-color: ",";\n    "," {\n      padding: 0;\n    }\n  }\n\n  /* iframe {\n    width: 100%;\n    max-width: 100%;\n  } */\n\n  "," {\n    .super-content-container {\n      max-width: 768px;\n      text-align: justify;\n    }\n    .health-tool-container {\n      padding: 24px;\n      max-width: 768px;\n    }\n    .health-concern-container {\n      max-width: 768px;\n    }\n  }\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,r._)(["\n  position: relative;\n  overflow: visible;\n  width: 100%;\n  background-color: ",";\n\n  .trending-tab {\n    position: sticky;\n    z-index: 2;\n    top: 0;\n    width: 100%;\n\n    border-bottom: none;\n    background-color: ",";\n\n    & > ul {\n      width: 100%;\n    }\n\n    & > ul > li > div > p {\n      "," {\n        font-size: ",";\n      }\n    }\n\n    "," {\n      padding: 25px 0 8px;\n    }\n\n    "," {\n      padding: 4px 0 0;\n    }\n\n    & > div {\n      "," {\n        padding: 0 16px;\n      }\n    }\n  }\n\n  &[data-is-top-bar-appears='true'] {\n    .trending-tab {\n      top: 64px;\n      transition: top 0.5s;\n    }\n  }\n\n  &[data-is-top-bar-appears='false'] {\n    .trending-tab {\n      top: 0;\n      transition: top 0.5s;\n    }\n  }\n"]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,r._)(["\n  display: flex;\n  min-width: 100%;\n  max-width: 400px;\n  height: 100%;\n  flex-direction: column;\n  padding: 0 24px;\n  border-radius: ",";\n\n  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)),\n    drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)),\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n"]);return _templateObject3=function(){return e},e}function _templateObject4(){let e=(0,r._)(["\n  position: absolute;\n  z-index: 10;\n  top: 80px;\n  left: 50%;\n  overflow: visible;\n  width: 0;\n  height: 100%;\n\n  "," {\n    .action-bar {\n      top: min(6rem + 16px, 100vh / 4 + 16px);\n      margin-left: -460px;\n    }\n  }\n"]);return _templateObject4=function(){return e},e}function _templateObject5(){let e=(0,r._)([""]);return _templateObject5=function(){return e},e}let l=a.ZP.div.withConfig({componentId:"sc-bbc39162-0"})(_templateObject(),e=>{var n;return null===(n=e.theme)||void 0===n?void 0:n.colors.gray100},e=>{var n;return null===(n=e.theme)||void 0===n?void 0:n.colors.gray800},o.M.mbUp,o.M.mbUp,o.M.mbUp,o.M.mbUp,o.M.mbDown,e=>{var n;return null===(n=e.theme)||void 0===n?void 0:n.colors.neutral50},o.M.mbDown,o.M.mbUp,o.M.mbDown),s=a.ZP.div.withConfig({componentId:"sc-bbc39162-1"})(_templateObject1(),e=>{var n;return null===(n=e.theme)||void 0===n?void 0:n.colors.gray100},e=>{var n;return null===(n=e.theme)||void 0===n?void 0:n.colors.gray800},o.M.mbUp,o.M.mbUp,o.M.mbUp,o.M.mbDown,e=>{var n;return null===(n=e.theme)||void 0===n?void 0:n.colors.neutral50},o.M.mbDown,o.M.mbUp),d=a.ZP.div.withConfig({componentId:"sc-bbc39162-2"})(_templateObject2(),e=>{var n;return null===(n=e.theme)||void 0===n?void 0:n.colors.white},e=>{var n;return null===(n=e.theme)||void 0===n?void 0:n.colors.white},o.M.mbUp,e=>{var n;return null===(n=e.theme)||void 0===n?void 0:n.sizes.fsHeading6},o.M.mbUp,o.M.mbDown,o.M.mbUp),c=a.ZP.div.withConfig({componentId:"sc-bbc39162-3"})(_templateObject3(),e=>{var n;return null===(n=e.theme)||void 0===n?void 0:n.borderRadius}),u=a.ZP.div.withConfig({componentId:"sc-bbc39162-4"})(_templateObject4(),o.M.mbUp),p=(0,a.ZP)(i.B).withConfig({componentId:"sc-bbc39162-5"})(_templateObject5())},91961:function(e,n,t){t.d(n,{Em:function(){return getCountryAdTag},Tm:function(){return setGlobalTargeting},WV:function(){return getLocaleCategoryAdTag},gV:function(){return getCategorySlugFromArticleSlug},nP:function(){return getCategoryAdTag},od:function(){return getAdTag}});var r=t(68929),o=t.n(r),a=t(33908),i=t(24612);let getAdTag=e=>{let{countryAdTag:n,contentAdTag:t,forceTag:r}=e;return r?"/21682272649/".concat(n,"/").concat(r):t?t.redundant?"/21682272649/".concat(n,"/").concat(n,"_").concat(t.result):"/21682272649/".concat(n,"/").concat(t.result):"/21682272649/".concat(n,"/ad")},getCountryAdTag=(e,n)=>{let{isMobile:t}=n,r=i.Ar.DESKTOP;return t&&(r=i.Ar.MOBILE),i.MW[e]+r},getCategoryAdTag=e=>e.split("/").filter(Boolean).map(e=>{var n;return(n=o()(e)).charAt(0).toUpperCase()+n.slice(1)}).join("/"),getMappings=(e,n)=>{let t="tl-PH"===e?n.replace("fil/",""):n,r=decodeURI(t.split(/[?#]/)[0]),o=(0,a.FD)(e,r),i=(0,a.YP)(e,r);return{foundMapping:o,foundNonRedundantMapping:i}},getLocaleCategoryAdTag=(e,n,t)=>{let r=[n,...t||[]].find(n=>{let t=getMappings(e,n);return t.foundMapping||t.foundNonRedundantMapping}),{foundMapping:o,foundNonRedundantMapping:a}=getMappings(e,r||"");if(!o&&!a){let t="tl-PH"===e?n.replace("fil/",""):n,r=decodeURI(t.split(/[?#]/)[0]);return{result:getCategoryAdTag(r),redundant:!0}}return{result:o||a||"",redundant:!!o}},getCategorySlugFromArticleSlug=e=>{let n=e.split("/").filter(Boolean);return n.pop(),n.join("/")},setGlobalTargeting=e=>{let n=window.location.pathname.split(/[-/]/).filter(Boolean);n.length>0&&e.setTargeting("Keyword_URL",n)}}}]);