"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2885],{14145:function(n,t,e){e.d(t,{b:function(){return ArticleFeedback},l:function(){return o}});var i,o,a=e(35944),l=e(67294),r=e(13023),d=e(50722),c=e(68206),s=e(80912),p=e(86896),m=e(76248),f=e(97627),g=e(45683),h=e(50667),u=e(20868),b=e(83015),x=e(95386),y=e(98926),w=e(29017),v=e(79364),k=e(15184),C=e(31582),_=e(77248),Z=e(57317),O=e(61902),j=e(74231);let z=j.Ry().shape({status:j.Rx().notRequired(),message:j.Z_().notRequired().default("")});var M=e(10166),B=e(7259);let I=(0,M.Z)("div",{target:"e1qrz8ed0"})("display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:24px;width:100%;height:184px;/* Neutral/Neutral-100 */\n\n  border:1px solid ",k.t.colors.neutral100,";border-radius:8px;.button-group{display:flex;gap:16px;}"),S=(0,M.Z)("form",{target:"e1qrz8ed1"})("display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:8px;.feedback-status{cursor:pointer;display:flex;align-items:center;padding:12px;gap:10px;width:100%;min-height:52px;/* Gray/Gray-50 */\n    border:1px solid transparent;background:",k.t.colors.gray50,";border-radius:",k.t.borderRadius,";transition:all 300ms ease-in-out;&.active{background:",k.t.colors.primary50,";border:1px solid ",k.t.colors.primary200,";}}.feedback-disclaimer{display:flex;gap:4px;",B.M.mbDown,"{margin-bottom:16px;}}"),FeedbackForm=n=>{let{onSubmit:t,...e}=n,{formatMessage:i}=(0,p.Z)(),{state:{isLoggedIn:c}}=(0,l.useContext)(w.I),{currentArticle:s,setIsDisliked:u}=(0,v.WM)(n=>({currentArticle:n.currentArticle,setIsDisliked:n.setIsDisliked}),m.X),j=(0,b.d)(),{locale:M}=(0,x.h)(),B=(0,_.c)({initialValues:{message:"",status:o.Other},validate:(0,Z.X)(z)}),onSubmit=async n=>{var e;if(!c){(0,h.p0)("".concat((0,h.UC)(M)).concat(null==s?void 0:s.permalink,"?feedback=").concat(y.lo.DisLike,"&feedback_stat=").concat(n.status,"&message=").concat(n.message),"reaction");return}let i=await(0,f.d)(g.y.SSO.SSO_FEEDBACK,{method:"POST",data:{post_id:null==s?void 0:s.id,feedback:y.lo.DisLike,feedback_stat:n.status,message:n.message}},"sso");(null==i?void 0:null===(e=i._data)||void 0===e?void 0:e.total)&&u(!0),t()};return(0,a.BX)(S,{onSubmit:B.onSubmit(onSubmit,n=>{Object.values(n).forEach(n=>(0,O.showNotification)({type:"danger",message:n||"",title:i({id:"babyGrowth.error.title",defaultMessage:"Invalid data"})}))}),...e,children:[(0,a.BX)("div",{className:"feedback-status ".concat(B.values.status===o.Inaccurate?"active":""),onClick:()=>{B.setFieldValue("status",o.Inaccurate)},children:[(0,a.tZ)("svg",{width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",children:(0,a.tZ)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14 24C8.48 24 4 19.52 4 14C4 8.48 8.48 4 14 4C19.52 4 24 8.48 24 14C24 19.52 19.52 24 14 24ZM14 9C13.45 9 13 9.45 13 10V14C13 14.55 13.45 15 14 15C14.55 15 15 14.55 15 14V10C15 9.45 14.55 9 14 9ZM13 17H15V19H13V17Z",fill:"#FE921D"})}),(0,a.tZ)(r.T,{size:"p3",color:k.t.colors.gray800,children:i({id:"feedback.status.inaccurate",defaultMessage:"This article contains incorrect information"})})]}),(0,a.BX)("div",{className:"feedback-status ".concat(B.values.status===o.NoRelated?"active":""),onClick:()=>{B.setFieldValue("status",o.NoRelated)},children:[(0,a.tZ)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,a.tZ)("path",{d:"M11.6777 21.9957C11.2556 21.9571 10.8798 21.6495 10.7793 21.2047L10.2246 18.7594L7.51367 15.7477C7.18267 15.3807 7 14.9038 7 14.4098V5.17739C7 4.07239 7.895 3.17739 9 3.17739H17.0312C17.7723 3.17739 18.4431 3.61367 18.7441 4.29067L21.7461 11.0465C21.9131 11.4205 22 11.826 22 12.236V13.1774C22 14.2774 21.1 15.1774 20 15.1774H13C13 15.1774 14 17.5481 14 19.3141C14 20.9271 12.9624 21.6331 12.1074 21.9411C11.9647 21.9928 11.8184 22.0086 11.6777 21.9957ZM3.5 15.1774C2.672 15.1774 2 14.5054 2 13.6774V4.67739C2 3.84939 2.672 3.17739 3.5 3.17739C4.328 3.17739 5 3.84939 5 4.67739V13.6774C5 14.5054 4.328 15.1774 3.5 15.1774Z",fill:"#2D87F3"})}),(0,a.tZ)(r.T,{size:"p3",color:k.t.colors.gray800,children:i({id:"feedback.status.noRelated",defaultMessage:"This article doesn't have the information I'm looking for"})})]}),(0,a.tZ)(C.Kx,{w:"100%",placeholder:i({id:"feedback.message.placeholder",defaultMessage:"Please tell us what was incorrect"}),...B.getInputProps("message")}),(0,a.BX)("div",{className:"feedback-disclaimer",children:[(0,a.tZ)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",style:{width:"32px"},children:(0,a.tZ)("path",{d:"M14.8256 12.3007L8.96093 2.544C8.75626 2.20333 8.39693 2 7.9996 2C7.60226 2 7.24293 2.20333 7.03893 2.54333L1.1736 12.3007C0.965597 12.6467 0.960264 13.0793 1.15893 13.4307C1.35693 13.782 1.73093 14 2.13493 14H13.8649C14.2683 14 14.6429 13.782 14.8409 13.4307C15.0396 13.0793 15.0336 12.6467 14.8256 12.3007ZM8.33293 12H7.66626C7.48226 12 7.33293 11.8507 7.33293 11.6667V11C7.33293 10.816 7.48226 10.6667 7.66626 10.6667H8.33293C8.51693 10.6667 8.66626 10.816 8.66626 11V11.6667C8.66626 11.8507 8.51693 12 8.33293 12ZM7.9996 9.33333C7.6316 9.33333 7.33293 9.03467 7.33293 8.66667V6.66667C7.33293 6.29867 7.6316 6 7.9996 6C8.3676 6 8.66626 6.29867 8.66626 6.66667V8.66667C8.66626 9.03467 8.3676 9.33333 7.9996 9.33333Z",fill:"#FE921D"})}),(0,a.tZ)(r.T,{size:"n1",color:k.t.colors.gray600,children:i({id:"articlePage.disclaimer",defaultMessage:"Hello Health Group does not provide medical advice, diagnosis or treatment."})})]}),(0,a.tZ)(d.B,{size:"lg",color:"primary",isBlock:j,children:i({id:"feedback.submit",defaultMessage:"Submit"})})]})};(i=o||(o={}))[i.Inaccurate=1]="Inaccurate",i[i.NoRelated=2]="NoRelated",i[i.Other=3]="Other";let ArticleFeedback=n=>{let{formatMessage:t}=(0,p.Z)(),{currentArticle:e,isLiked:i,isDisliked:o,setIsLiked:k}=(0,v.WM)(n=>({currentArticle:n.currentArticle,isLiked:n.isLiked,isDisliked:n.isDisliked,setIsLiked:n.setIsLiked}),m.X),{state:{isLoggedIn:C}}=(0,l.useContext)(w.I),{locale:_}=(0,x.h)(),[Z,O]=(0,l.useState)(!1),j=(0,b.d)(),z=(0,u.U)();if(i||o)return null;let handleReaction=async n=>{if(n===y.lo.DisLike){O(!0);return}if(C){var t;let n=await(0,f.d)(g.y.SSO.SSO_FEEDBACK,{method:"POST",data:{post_id:null==e?void 0:e.id,feedback:y.lo.Like}},"sso");(null==n?void 0:null===(t=n._data)||void 0===t?void 0:t.total)&&k(!0)}else(0,h.p0)("".concat((0,h.UC)(_)).concat(null==e?void 0:e.permalink,"?feedback=").concat(y.lo.Like,"&postId=").concat(null==e?void 0:e.id),"reaction")};return(0,a.BX)(a.HY,{children:[(0,a.BX)(I,{...n,children:[(0,a.tZ)(r.T,{size:"s2",type:"semiBold",children:t({id:"feedback.title",defaultMessage:"Was this article helpful?"})}),(0,a.BX)("div",{className:"button-group",children:[(0,a.tZ)(d.B,{size:"sm",color:"transparent",onClick:()=>handleReaction(y.lo.Like),"data-event-category":"FeedbackIcon","data-event-action":"Yes","data-event-label":z,className:"pointer-event-child-none",children:(0,a.BX)("svg",{width:"49",height:"48",viewBox:"0 0 49 48",fill:"none",children:[(0,a.tZ)("rect",{x:"0.5",width:"48",height:"48",rx:"4",fill:"#00CB8A"}),(0,a.tZ)("path",{d:"M32.4803 17.9902C32.2205 17.9979 31.9739 18.1065 31.7928 18.2929L21.4998 28.5859L18.2069 25.2929C18.1147 25.1969 18.0044 25.1203 17.8822 25.0675C17.7601 25.0147 17.6287 24.9869 17.4956 24.9855C17.3626 24.9842 17.2306 25.0094 17.1074 25.0597C16.9843 25.1099 16.8724 25.1843 16.7783 25.2784C16.6842 25.3725 16.6098 25.4844 16.5595 25.6075C16.5093 25.7307 16.484 25.8627 16.4854 25.9957C16.4868 26.1288 16.5146 26.2602 16.5674 26.3823C16.6202 26.5045 16.6968 26.6148 16.7928 26.707L20.7928 30.707C20.9804 30.8944 21.2347 30.9998 21.4998 30.9998C21.765 30.9998 22.0193 30.8944 22.2069 30.707L33.2069 19.707C33.3514 19.5665 33.4501 19.3857 33.49 19.1882C33.53 18.9906 33.5093 18.7857 33.4308 18.6001C33.3523 18.4145 33.2195 18.2569 33.0499 18.1481C32.8803 18.0393 32.6817 17.9842 32.4803 17.9902Z",fill:"white"})]})}),(0,a.tZ)(d.B,{size:"sm",color:"transparent",onClick:()=>handleReaction(y.lo.DisLike),"data-event-category":"FeedbackIcon","data-event-action":"No","data-event-label":z,className:"pointer-event-child-none",children:(0,a.BX)("svg",{width:"49",height:"48",viewBox:"0 0 49 48",fill:"none",children:[(0,a.tZ)("rect",{x:"0.5",width:"48",height:"48",rx:"4",fill:"#FF6F4D"}),(0,a.tZ)("path",{d:"M18.4901 16.9902C18.2911 16.9902 18.0967 17.0496 17.9317 17.1607C17.7667 17.2718 17.6386 17.4296 17.5637 17.614C17.4889 17.7983 17.4707 18.0007 17.5115 18.1954C17.5523 18.3901 17.6502 18.5682 17.7928 18.707L23.0858 23.9999L17.7928 29.2929C17.6968 29.3851 17.6202 29.4954 17.5674 29.6176C17.5146 29.7397 17.4868 29.8711 17.4854 30.0042C17.484 30.1372 17.5093 30.2692 17.5595 30.3924C17.6098 30.5155 17.6842 30.6274 17.7783 30.7215C17.8724 30.8156 17.9843 30.89 18.1074 30.9402C18.2306 30.9905 18.3626 31.0157 18.4956 31.0144C18.6287 31.013 18.7601 30.9851 18.8822 30.9324C19.0044 30.8796 19.1147 30.803 19.2069 30.707L24.4998 25.414L29.7928 30.707C29.885 30.803 29.9953 30.8796 30.1175 30.9324C30.2396 30.9851 30.371 31.013 30.5041 31.0144C30.6371 31.0157 30.7691 30.9905 30.8922 30.9402C31.0154 30.89 31.1273 30.8156 31.2214 30.7215C31.3155 30.6274 31.3899 30.5155 31.4401 30.3924C31.4904 30.2692 31.5156 30.1372 31.5143 30.0042C31.5129 29.8711 31.485 29.7397 31.4323 29.6176C31.3795 29.4954 31.3028 29.3851 31.2069 29.2929L25.9139 23.9999L31.2069 18.707C31.3514 18.5665 31.4501 18.3857 31.49 18.1882C31.53 17.9906 31.5093 17.7857 31.4308 17.6001C31.3523 17.4145 31.2195 17.2569 31.0499 17.1481C30.8803 17.0393 30.6817 16.9842 30.4803 16.9902C30.2205 16.9979 29.9739 17.1065 29.7928 17.2929L24.4998 22.5859L19.2069 17.2929C19.1137 17.1971 19.0022 17.121 18.8791 17.069C18.756 17.017 18.6237 16.9902 18.4901 16.9902Z",fill:"white"})]})})]})]}),j?(0,a.tZ)(c.D,{title:t({id:"feedback.modal.title",defaultMessage:"How can we improve it?"}),open:Z,onClose:()=>O(!1),placement:"bottom",children:(0,a.tZ)(FeedbackForm,{onSubmit:()=>O(!1)},Number(Z))}):(0,a.tZ)(s.M,{size:500,opened:Z,onClose:()=>O(!1),centered:!0,title:(0,a.tZ)(r.T,{size:"s2",type:"semiBold",children:t({id:"feedback.modal.title",defaultMessage:"How can we improve it?"})}),children:(0,a.tZ)(FeedbackForm,{onSubmit:()=>O(!1)},Number(Z))})]})}},3646:function(n,t,e){e.d(t,{E:function(){return VideoList}});var i=e(35944),o=e(67294),a=e(15184),l=e(13023),r=e(18618),d=e(74706),c=e(64523),s=e(83015),p=e(82729),m=e(7259),f=e(92935),g=e(72660);function _templateObject(){let n=(0,p._)(["\n  margin-block: 40px;\n  "," {\n    margin-left: -16px;\n    margin-right: -16px;\n  }\n\n  &[data-slide='2'] {\n    margin-block: 0;\n    display: flex;\n    gap: 24px;\n    > div {\n      width: 100%;\n    }\n  }\n"]);return _templateObject=function(){return n},n}function _templateObject1(){let n=(0,p._)(["\n  .mantine-Carousel-indicators {\n    top: calc(100% + 1rem);\n  }\n\n  .mantine-Carousel-indicator {\n    width: 8px;\n    height: 8px;\n    border-width: 0;\n    opacity: 1;\n    background-color: ",";\n\n    &[data-active] {\n      background-color: ",";\n    }\n    .mantine-Carousel-control[data-inactive] {\n      opacity: 0;\n      cursor: 'default';\n    }\n  }\n"]);return _templateObject1=function(){return n},n}function _templateObject2(){let n=(0,p._)(["\n  margin-block: 20px;\n  padding-left: 16px;\n  border-left: 5px solid ",";\n"]);return _templateObject2=function(){return n},n}let h=g.ZP.div.withConfig({componentId:"sc-f43ae016-0"})(_templateObject(),m.M.mbDown),u=(0,g.ZP)(d.n).withConfig({componentId:"sc-f43ae016-1"})(_templateObject1(),null===a.t||void 0===a.t?void 0:a.t.colors.neutral200,null===a.t||void 0===a.t?void 0:a.t.colors.primaryBase),b=(0,g.ZP)(f.H).withConfig({componentId:"sc-f43ae016-2"})(_templateObject2(),null===a.t||void 0===a.t?void 0:a.t.colors.primaryBase),VideoList=n=>{let{videos:t,title:e,description:p,slideToShow:m=1.2,isAutoPlay:f=!1,...g}=n,x=(0,s.d)();return(null==t?void 0:t.length)&&0!==t.length?1===t.length?(0,i.BX)(h,{...g,children:[e&&(o.isValidElement(e)?e:(0,i.tZ)(b,{tag:"h2",color:a.t.colors.secondaryBase,children:e})),p&&(0,i.tZ)(l.T,{size:"p3",style:{marginBottom:"16px"},children:p}),(0,i.tZ)(r.w,{url:t[0].videoUrl||"",autoPlay:f,style:{maxWidth:"600px"}})]}):2!==t.length||x?(0,i.BX)(h,{...g,children:[e&&(o.isValidElement(e)?e:(0,i.tZ)(b,{tag:"h2",color:a.t.colors.secondaryBase,children:e})),p&&(0,i.tZ)(l.T,{size:"p3",style:{marginBottom:"16px"},children:p}),(0,i.tZ)(u,{slidesToShow:m,slideGap:x?16:24,withIndicators:!0,controlSize:32,controlsOffset:5,draggable:!1,speed:500,children:t.map((n,t)=>(0,i.tZ)(d.n.Slide,{children:(0,i.tZ)(r.w,{url:n.videoUrl||"",autoPlay:f})},t))})]}):(0,i.BX)(c.x,{my:16,children:[e&&(o.isValidElement(e)?e:(0,i.tZ)(b,{tag:"h2",color:a.t.colors.secondaryBase,style:{marginBlock:24},children:e})),p&&(0,i.tZ)(l.T,{size:"p3",style:{marginBottom:"16px"},children:p}),(0,i.tZ)(h,{"data-slide":"2",...g,children:t.map((n,t)=>(0,i.tZ)(r.w,{url:(null==n?void 0:n.videoUrl)||"",autoPlay:f},t))})]}):null}},20254:function(n,t,e){e.d(t,{Gt:function(){return m},H6:function(){return g},IW:function(){return y},KA:function(){return C},Sr:function(){return h},UZ:function(){return f},Y1:function(){return x},d3:function(){return k},fK:function(){return v},jx:function(){return w},o8:function(){return p}});var i=e(82729),o=e(81091),a=e(22806),l=e(7259),r=e(15184),d=e(72660),c=e(3646),s=e(24612);function _templateObject(){let n=(0,i._)(["\n  position: relative;\n  display: flex;\n  width: 100%;\n"]);return _templateObject=function(){return n},n}function _templateObject1(){let n=(0,i._)(["\n  position: absolute;\n  top: 0;\n  right: 1rem;\n  display: none;\n  width: var(--author-width);\n  height: 100%;\n  "," {\n    display: flex;\n    flex-direction: column;\n  }\n  .article-desktop-ad-container {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 2rem 0;\n    .article-desktop-ad-wrapper {\n      flex: 1;\n      padding: 1rem 0;\n      .article-desktop-ad {\n        position: sticky;\n        margin-left: auto;\n        margin-right: auto;\n        transition: top 200ms ease-in-out;\n        --avoid-nav-banner-height: 0px;\n        --avoid-nav-sponsor-height: 0px;\n        top: calc(\n          90px + var(--avoid-nav-banner-height) +\n            var(--avoid-nav-sponsor-height)\n        );\n        &.avoid-nav-banner {\n          --avoid-nav-banner-height: 50px;\n        }\n        &.avoid-nav-sponsor {\n          --avoid-nav-sponsor-height: 50px;\n        }\n      }\n    }\n  }\n"]);return _templateObject1=function(){return n},n}function _templateObject2(){let n=(0,i._)(["\n  width: 100%;\n  scroll-margin-top: 80px;\n  "," {\n    width: calc(100% - var(--author-width) - 3em);\n    .article-ad-container {\n      &[data-mobile-ad] {\n        margin-bottom: -1rem;\n      }\n      &[data-publift-ad] {\n        margin-left: -1rem;\n        margin-bottom: 0.5rem;\n      }\n      .article-mobile-ad {\n        display: none;\n      }\n      &.ad-avoid-bottom {\n        top: -150px;\n      }\n    }\n  }\n  hr {\n    border: solid 0.5px ",";\n  }\n  .article-ad-container {\n    position: relative;\n    z-index: ",";\n    text-align: center;\n    margin-bottom: 1rem;\n    .article-mobile-ad {\n      display: flex;\n      justify-content: center;\n      margin: 1rem auto;\n      &.publift-ad {\n        margin: 0 auto;\n      }\n    }\n  }\n"]);return _templateObject2=function(){return n},n}function _templateObject3(){let n=(0,i._)(["\n  width: 100%;\n\n  .top-ad {\n    margin-left: auto;\n    margin-right: auto;\n    > div {\n      margin-bottom: 1rem;\n    }\n  }\n  .tpads-unit {\n    display: none;\n  }\n\n  > span.end-of-article:empty {\n    display: inline-block;\n    height: 0 !important;\n  }\n"]);return _templateObject3=function(){return n},n}function _templateObject4(){let n=(0,i._)(["\n  padding: 0 0 1rem 0;\n  background: white;\n"]);return _templateObject4=function(){return n},n}function _templateObject5(){let n=(0,i._)(["\n  table {\n    display: block;\n    width: 100%;\n    border-spacing: 0;\n    margin-block: 10px;\n    min-width: 375px;\n    max-width: 700px;\n    overflow-x: auto;\n    ::-webkit-scrollbar {\n      -webkit-appearance: none;\n      width: 100px;\n      height: 4px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n      border-radius: 4px;\n      background-color: ",";\n    }\n    thead,\n    tbody {\n      width: 100%;\n    }\n    th,\n    td {\n      min-width: 300px;\n      width: 160px;\n      padding: 13px 12px;\n      font-size: 14px;\n      line-height: 22px;\n      font-style: normal;\n      text-align: left;\n      "," {\n        min-width: 160px;\n      }\n      p {\n        margin-block-start: 1em;\n        margin-block-end: 1em;\n      }\n    }\n    th {\n      font-weight: 600;\n      text-align: center;\n    }\n    td {\n      font-weight: 400;\n    }\n    &.spine-table-light {\n      thead {\n        background-color: #f7f9fc;\n        th {\n          color: #737373;\n        }\n      }\n      tbody {\n        td {\n          border-bottom: 1px solid #e4e8ec;\n        }\n      }\n    }\n    &.spine-table-dark {\n      thead {\n        background-color: #87909c;\n        th {\n          color: #ffffff;\n        }\n      }\n      tbody {\n        tr:nth-child(2n) {\n          background-color: #f7f9fc;\n        }\n      }\n    }\n    &.spine-table-blue {\n      thead {\n        background-color: #45a4ff;\n        th {\n          color: #ffffff;\n        }\n      }\n      tbody {\n        tr {\n          background-color: #f7f9fc;\n        }\n        td {\n          background-color: #f0f8ff;\n          border-bottom: 1px solid #bcdeff;\n        }\n      }\n    }\n    &.spine-table-pros-cons {\n      display: inline-table;\n      thead {\n        th {\n          text-align: center;\n          color: #ffffff;\n          &:nth-child(2n) {\n            background-color: #45a4ff;\n          }\n          &:nth-child(2n + 1) {\n            background-color: #bb82e1;\n          }\n        }\n      }\n      tbody {\n        td {\n          &::before {\n            content: '•';\n            margin-right: 4px;\n          }\n          &:nth-child(2n) {\n            background-color: #e3f2ff;\n          }\n          &:nth-child(2n + 1) {\n            background-color: #f5edff;\n          }\n        }\n      }\n    }\n  }\n"]);return _templateObject5=function(){return n},n}function _templateObject6(){let n=(0,i._)(["\n  &.disclaimer {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n  position: relative;\n  line-height: 1.7;\n  overflow-wrap: break-word;\n  white-space: pre-line;\n\n  "," {\n    font-size: 18px;\n  }\n  * {\n    max-width: 100%;\n  }\n\n  sup {\n    position: relative;\n    bottom: 0.7em;\n    font-size: 0.7em !important;\n    line-height: 0 !important;\n    vertical-align: baseline;\n  }\n\n  input {\n    background: white;\n  }\n\n  p,\n  ul,\n  form {\n    &:not(:last-child) {\n      margin-block: 16px;\n    }\n  }\n\n  ","\n  "," {\n    ","\n  }\n  h2 {\n    margin-block: 16px;\n  }\n  h3 {\n    margin-block: 16px;\n  }\n  h4 {\n    margin-block: 16px;\n  }\n  h5 {\n    margin-block: 16px;\n  }\n\n  h1 *,\n  h2 *,\n  h3 *,\n  h4 *,\n  h5 *,\n  h6 * {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    "," {\n      width: calc(100% + 2rem);\n      margin-right: -1rem;\n      margin-left: -1rem;\n      max-width: unset;\n    }\n  }\n\n  figcaption {\n    margin-top: 0.5em;\n    margin-bottom: 1.5em;\n    color: ",";\n    font-size: 0.8em;\n    text-align: center;\n  }\n\n  div.article-image-alt {\n    margin-top: -1.5em;\n    margin-bottom: 2em;\n    color: ",";\n    font-size: 0.8em;\n    text-align: center;\n  }\n\n  ul {\n    padding-left: 1rem;\n    /* margin-bottom: 1em; */\n    margin-block: 16px;\n\n    list-style: inside;\n    white-space: normal;\n  }\n\n  li {\n    position: relative;\n    padding-left: 2em;\n    margin-bottom: 0.4em;\n    list-style-type: none;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      margin-left: 0.5em;\n      color: ",";\n      content: '•';\n      font-size: 1em;\n    }\n    *:first-child {\n      display: initial;\n    }\n  }\n\n  ol {\n    margin-bottom: 1em;\n    list-style: decimal;\n    li {\n      padding-left: unset;\n      margin-left: 2em;\n      list-style-type: unset;\n      &:before {\n        display: none;\n      }\n      &::marker {\n        font-size: 1.1em;\n        font-weight: bold;\n      }\n    }\n  }\n\n  form {\n    display: flex;\n    align-items: center;\n  }\n\n  /* Colors */\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  p {\n    color: ",";\n  }\n\n  a {\n    color: ",";\n    text-decoration: none;\n  }\n\n  /* Scroll offset */\n  h2[id],\n  h3[id] {\n    scroll-margin: 70px;\n  }\n  .teads-player {\n    position: relative;\n    &::before {\n      content: '';\n      font-size: 10px;\n      line-height: 12px;\n      color: rgb(140, 140, 140);\n      font-weight: 400;\n      position: absolute;\n      bottom: 100%;\n      left: 50%;\n      transform: translateX(-50%);\n      padding: 3px 0;\n      width: 100%;\n      text-align: center;\n      z-index: 999999;\n      background: rgb(248, 249, 252);\n    }\n  }\n  &[data-locale='vi-VN'] {\n    .teads-player {\n      &::before {\n        content: 'Quảng c\xe1o';\n      }\n    }\n  }\n  &[data-locale='en-PH'],\n  &[data-locale='tl-PH'],\n  &[data-locale='my-MM'],\n  &[data-locale='hi-IN'],\n  &[data-locale='zh-TW'] {\n    .teads-player {\n      &::before {\n        content: 'Advertisement';\n      }\n    }\n  }\n  &[data-locale='id-ID'] {\n    .teads-player {\n      &::before {\n        content: 'Iklan';\n      }\n    }\n  }\n  &[data-locale='ms-MY'] {\n    .teads-player {\n      &::before {\n        content: 'Iklan';\n      }\n    }\n  }\n  &[data-locale='th-TH'] {\n    .teads-player {\n      &::before {\n        content: 'โฆษณา';\n      }\n    }\n  }\n  &[data-locale='kh-KH'] {\n    .teads-player {\n      &::before {\n        content: 'ផ្សព្វផ្សាយពាណិជ្ជកម្ម';\n      }\n    }\n  }\n"]);return _templateObject6=function(){return n},n}function _templateObject7(){let n=(0,i._)(["\n  content-visibility: auto;\n  contain-intrinsic-size: 500px;\n  a[href*='typeform.com/'],\n  [data-url*='typeform.com/'] {\n    display: block;\n    iframe {\n      height: 100%;\n    }\n  }\n  ","\n  /* Key take-away */\n  img {\n    margin-block: 16px;\n  }\n  iframe {\n    aspect-ratio: 16/9;\n    min-height: 0;\n    width: 100%;\n    height: auto;\n    max-width: unset;\n    "," {\n      margin-inline: -16px !important;\n      width: calc(100% + 32px) !important;\n    }\n  }\n  & > p {\n    margin-block: 24px;\n    "," {\n      margin-block: 16px;\n    }\n  }\n  .content-key-takeaways {\n    padding: 24px;\n    margin: 8px 0;\n    background-image: url(","/key-takeaway-desktop.png);\n    background-color: ",";\n    background-size: 100%;\n    background-repeat: no-repeat;\n    background-position: bottom;\n    border-radius: ",";\n\n    .content {\n      br:first-child {\n        display: none;\n      }\n      > h2,\n      > h2 * {\n        margin-bottom: 0;\n        color: #284a75 !important;\n      }\n\n      span,\n      p,\n      ul {\n        /* m/P1 16-28 */\n\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 400;\n        font-size: 16px;\n        line-height: 28px;\n        /* or 175% */\n\n        letter-spacing: -0.2px;\n\n        /* Gray/Gray-800 */\n\n        color: #262626;\n      }\n    }\n    .title {\n      margin-bottom: 16px;\n      h3 {\n        /* m/H2 24-32 Bold */\n\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 700;\n        font-size: 24px;\n        line-height: 32px;\n        /* identical to box height, or 133% */\n\n        letter-spacing: -0.8px;\n\n        /* Secondary/Secondary */\n\n        color: #284a75;\n        margin: 0;\n      }\n    }\n    .key-takaway-logo-wrapper {\n      display: flex;\n      flex-direction: row-reverse;\n      margin-top: 12px;\n      .key-takaway-logo {\n        width: auto;\n        height: 24px;\n      }\n    }\n    "," {\n      background-image: url(","/key-takeaway-mobile.png);\n      padding: 16px;\n      ul {\n        padding-left: 0;\n      }\n    }\n  }\n\n  /* Quotation */\n\n  .content-quotation {\n    position: relative;\n    padding: 36px 0;\n    margin: 24px 0;\n    "," {\n      padding: 40px 0;\n    }\n\n    br:first-child {\n      display: none;\n    }\n\n    &::before {\n      position: absolute;\n      top: 0;\n      display: block;\n      width: 24px;\n      height: 24px;\n      content: url(","/quote-left-small.svg);\n    }\n    &::after {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      display: block;\n\n      width: 24px;\n      height: 24px;\n      content: url(","/quote-right-small.svg);\n    }\n\n    .title {\n      position: absolute;\n      bottom: 0;\n      left: 32px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      h3 {\n        margin: 0;\n        color: "," !important;\n        font-size: 16px !important;\n        font-weight: normal;\n        line-height: 28px;\n      }\n      ::before {\n        width: 24px;\n        height: 24px;\n\n        content: url(","/quote-minus.svg);\n      }\n    }\n\n    .content {\n      padding: 0 24px;\n      font-size: 18px;\n      font-weight: 600;\n      line-height: 26px;\n    }\n  }\n\n  .content-recommendation {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 24px;\n    /* Yellow/Yellow-50 */\n\n    background: #fff8e2;\n    /* Yellow/Yellow-800 */\n\n    border-bottom: 2px solid #fe921d;\n    border-radius: 8px;\n\n    br:first-child {\n      display: none;\n    }\n\n    .title {\n      h3 {\n        margin: 0;\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 700;\n        font-size: 18px;\n        line-height: 28px;\n        letter-spacing: -0.2px;\n\n        /* Yellow/Yellow-800 */\n\n        color: #fe921d;\n      }\n    }\n\n    .content {\n      font-family: 'Inter';\n      font-style: normal;\n      font-weight: 400;\n      font-size: 18px;\n      line-height: 28px;\n\n      letter-spacing: -0.2px;\n\n      /* Gray/Gray-800 */\n\n      color: #262626;\n\n      li {\n        position: relative;\n        &:before {\n          position: absolute;\n          top: 0;\n          left: 0;\n          color: #fe921d;\n          content: '•';\n          font-size: 24px;\n        }\n        *:first-child {\n          display: initial;\n        }\n      }\n    }\n\n    "," {\n      padding: 16px;\n      h3 {\n        font-size: 16px;\n        line-height: 24px;\n      }\n      p,\n      span,\n      li {\n        font-size: 16px;\n        line-height: 28px;\n      }\n    }\n  }\n\n  /* Article summary */\n  .content-summary {\n    padding: 24px;\n    margin-block: 16px;\n    background: #f7f9fc;\n    border-bottom: 2px solid #2d87f3;\n    border-radius: 8px;\n    .title {\n      margin-bottom: 12px;\n      h3 {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 700;\n        font-size: 18px;\n        line-height: 28px;\n        /* identical to box height, or 156% */\n\n        letter-spacing: -0.2px;\n\n        /* Primary/Primary */\n\n        color: #2d87f3;\n        margin: 0;\n      }\n    }\n\n    .content {\n      > p,\n      > span,\n      h3 {\n        margin-bottom: 8px;\n      }\n      font-family: 'Inter';\n      font-style: normal;\n      font-weight: 400;\n      font-size: 18px;\n      line-height: 28px;\n      letter-spacing: -0.2px;\n\n      li {\n        color: #262626;\n        padding-left: 24px;\n        &:before {\n          position: absolute;\n          top: 0;\n          left: 0;\n          color: ",";\n          content: '•';\n          font-size: 24px;\n          margin-left: 0;\n        }\n        *:first-child {\n          display: initial;\n        }\n      }\n    }\n    "," {\n      padding: 16px;\n      ul {\n        padding-left: 0;\n      }\n      p,\n      span {\n        font-weight: 400;\n        font-size: 16px;\n        line-height: 28px;\n        letter-spacing: -0.2px;\n      }\n      h3 {\n        font-size: 16px;\n        line-height: 24px;\n      }\n    }\n  }\n"]);return _templateObject7=function(){return n},n}function _templateObject8(){let n=(0,i._)(["\n  "," {\n    margin-right: -16px;\n    margin-left: -16px;\n  }\n"]);return _templateObject8=function(){return n},n}function _templateObject9(){let n=(0,i._)(["\n  border: 1px solid\n    ",";\n  border-radius: 4px;\n  margin-top: 12px;\n  background-color: ",";\n  "," {\n    margin-right: -16px;\n    margin-left: -16px;\n  }\n  content-visibility: auto;\n  contain-intrinsic-size: 1000px;\n"]);return _templateObject9=function(){return n},n}function _templateObject10(){let n=(0,i._)(["\n  margin-bottom: 16px;\n  a {\n    color: ",";\n    font-size: 16px;\n    font-weight: ",";\n    line-height: 28px;\n    text-decoration: none;\n  }\n  li {\n    display: inline-flex;\n  }\n  li:after {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 0 8px;\n    content: url('/svg/divider.svg');\n  }\n  li:last-child:after {\n    content: none;\n  }\n  &.prefont {\n    letter-spacing: -0.2px;\n    word-spacing: 0.7px;\n  }\n"]);return _templateObject10=function(){return n},n}function _templateObject11(){let n=(0,i._)(["\n  "," {\n    margin-inline: 0;\n  }\n"]);return _templateObject11=function(){return n},n}function _templateObject12(){let n=(0,i._)(["\n  opacity: 1;\n  transition: opacity 0.5s ease-in-out;\n  &[data-hidden='true'] {\n    height: 0;\n    opacity: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  .ad-afterimage {\n    margin-top: -1rem;\n  }\n"]);return _templateObject12=function(){return n},n}let p=d.ZP.div.withConfig({componentId:"sc-fa4dd11c-0"})(_templateObject()),m=d.ZP.div.withConfig({componentId:"sc-fa4dd11c-1"})(_templateObject1(),l.M.mbUp),f=d.ZP.div.withConfig({componentId:"sc-fa4dd11c-2"})(_templateObject2(),l.M.mbUp,r.t.colors.neutral100,s.kg.articleAdContainer),g=d.ZP.div.withConfig({componentId:"sc-fa4dd11c-3"})(_templateObject3()),h=d.ZP.div.withConfig({componentId:"sc-fa4dd11c-4"})(_templateObject4()),u=(0,d.iv)(_templateObject5(),r.t.colors.gray200,l.M.mbDown),b=(0,d.ZP)(g).withConfig({componentId:"sc-fa4dd11c-5"})(_templateObject6(),l.M.mbUp,(0,a.g)(),l.M.mbDown,(0,a.g)(!0),l.M.mbDown,r.t.colors.gray500,r.t.colors.gray500,r.t.colors.primaryBase,r.t.colors.gray800,r.t.colors.primaryBase),x=(0,d.ZP)(b).withConfig({componentId:"sc-fa4dd11c-6"})(_templateObject7(),u,l.M.mbDown,l.M.mbDown,s.Nr,r.t.colors.primary50,r.t.borderRadius,l.M.mbDown,s.Nr,l.M.mbDown,s.uQ,s.uQ,r.t.colors.gray500,s.uQ,l.M.mbDown,r.t.colors.primaryBase,l.M.mbDown),y=(0,d.ZP)(o.D).withConfig({componentId:"sc-fa4dd11c-7"})(_templateObject8(),l.M.mbDown),w=d.ZP.div.withConfig({componentId:"sc-fa4dd11c-8"})(_templateObject9(),n=>n.transparentStyle?"transparent":"#e4e8ec",n=>n.transparentStyle?"transparent":r.t.colors.neutral50,l.M.mbDown),v=d.ZP.ul.withConfig({componentId:"sc-fa4dd11c-9"})(_templateObject10(),r.t.colors.secondaryBase,r.t.sizes.fwBold),k=(0,d.ZP)(c.E).withConfig({componentId:"sc-fa4dd11c-10"})(_templateObject11(),l.M.mbDown),C=d.ZP.div.withConfig({componentId:"sc-fa4dd11c-11"})(_templateObject12())},20948:function(n,t,e){e.d(t,{Xm:function(){return getMetaTag},fX:function(){return splitHtml2},mG:function(){return addTrackingCode}});let getMetaTag=(n,t)=>{var e;let i=RegExp('meta name="'+t+'" content="([^"]*)',"gi"),o=n?null===(e=i.exec(n))||void 0===e?void 0:e[1]:"";return o},splitByTag=(n,t,e)=>{let i=n.indexOf(t),o=n.substring(0,i),a=e.map(t=>({index:n.indexOf(t,i),length:t.length})),l=a.find(n=>n.index>-1);if(!l)return[o,n.substring(i),""];{let t=l.index+l.length,e=n.substring(i,t),a=n.substring(t);return[o,e,a]}},splitHtml2=n=>{let t=[],e=splitSpecialTag(n);return t.push(...e),t.filter(n=>!!n.trim())},addTrackingCode=(n,t)=>n.replace("<a",'<a data-event-category="Article Outline" data-event-action= "Article Outline Click" data-event-label="'.concat(t,'"')),i=[{identifier:'<div class="flat-after-first-paragraph',ends:["</div>","/>",">"]},{identifier:'<div class="percentages-',ends:["</div>","/>",">"]},{identifier:'<div data-embed-type="',ends:["</div>","/>",">"]},{identifier:"[article-yoast-faqs",ends:["]"]},{identifier:"[embed-health-tool",ends:["]"]}],splitSpecialTag=n=>{let t=[];return n&&i.every(e=>{if(n.indexOf(e.identifier)>-1){let[i,o,a]=splitByTag(n,e.identifier,e.ends);return t.push(...splitSpecialTag(i)),t.push(o),t.push(...splitSpecialTag(a)),!1}return!0}),t.length||t.push(n),t}}}]);