@hhgtech/hhg-components 1.20.44 → 1.20.46

package/build/index-b2bfa272.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-f7929e76.js"),n=require("react"),t=require("./together-643762e2.js"),a=require("./components/atoms/text.js");require("./index.styled-a757296d.js"),require("./index.styled-3c5397f9.js"),require("./index.styled-746e44a4.js"),require("./index.styled-69d9ccc8.js"),require("./index.styled-0e458732.js"),require("./index.styled-b1cca2d9.js"),require("./index.styled-153551ce.js"),require("./index.styled-fbf8794a.js"),require("./index.styled-c138a33c.js");var i=require("./components/atoms/heading.js");require("./components/atoms/label.js"),require("./index.styled-97d71ef5.js");var o=require("./components/atoms/logo.js"),l=require("./utils-1cac3068.js");require("./index.styled-f502a042.js");var r=require("./components/atoms/pureInput.js");require("./index.styled-61d64e64.js"),require("./index.styled-ec8b738a.js"),require("react-range"),require("./index.styled-4c7d3d62.js"),require("./index.styled-1d015c53.js"),require("./index.styled-7be82491.js"),require("./index.styled-f4dc1d65.js"),require("./index.styled-066b3539.js"),require("./components/atoms/textArea.js");var d=require("./components/atoms/container.js");require("./index.styled-b5ed3e2a.js"),require("./components/atoms/textDivider.js"),require("./index.styled-12564c85.js"),require("./Stethoscope-d829ee20.js"),require("./index.styled-749e4611.js"),require("react-dom"),require("./index.styled-1b85e0c8.js"),require("./index.styled-c0a48e50.js"),require("./components/atoms/menu.js"),require("./index.styled-78176bcd.js"),require("./translationsContext-2d7ea471.js");var s=require("string-format");require("lodash/debounce"),require("./constants-5675963f.js"),require("date-fns"),require("./animation-b53aef6e.js"),require("./lazyLoad-f5c59bb0.js");var c=require("styled-components");require("./Locale-11b51016.js"),require("./index.styled-71dccfe1.js");var p=require("./constants-ca5ea110.js"),u=require("./components/atoms/button.js"),m=require("./theme-696d81a9.js"),h=require("./zalo-e7b9d144.js"),g=require("./components/atoms/divider.js"),f=require("./index-afeb5842.js"),x=require("./togetherComponentGlobalContext-6197b982.js"),v=require("react-loading-skeleton"),y=require("./lock-f96868e8.js"),b=require("./components/atoms/avatar.js"),E=require("lodash"),w=require("./components/molecules/popup.js"),_=require("./translationsProvider-06140ba2.js"),k=require("./index-45b1d207.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var T=C(n),L=C(s),O=C(c),S=C(v),I={"vi-VN":"hellobacsi.com","id-ID":"hellosehat.com","ms-MY":"hellodoktor.com","km-KH":"hellokrupet.com","en-PH":"hellodoctor.com.ph","th-TH":"hellokhunmor.com","my-MM":"hellosayarwon.com","zh-TW":"helloyishi.com.tw","hi-IN":"helloswasthya.com","tl-PH":"hellodoctor.com.ph"},A={"vi-VN":{LOGO_TYPE:"hellobacsi",SITE_NAME:"HelloBacsi",SITE_NAME_FORMATTED:"Hello Bacsi",HOMEPAGE_IMAGE:"https://hellobacsi.com/images/country-thumbnails/VN.png",SITE_ID:"1",INSIDER_TAG:"//hellobacsivn.api.useinsider.com/ins.js?id=10003798",TOOLTIP_IMAGE:"/images/tooltips-vn.png",PREGNANCY_WEIGHT_GAIN:"cong-cu-tinh-can-nang-khi-mang-thai",BABY_POOP:"phan-tre-so-sinh-nhu-the-nao-la-tot",VACCINATION_TOOL:"lich-tiem-chung"},"en-PH":{LOGO_TYPE:"hellodoctor",SITE_NAME:"HelloDoctor",HOMEPAGE_IMAGE:"https://hellodoctor.com.ph/images/country-thumbnails/PH.png",SITE_NAME_FORMATTED:"Hello Doctor",SITE_ID:"9",CATEGORIES_TYPE:"short",INSIDER_TAG:"//hellodoctorph.api.useinsider.com/ins.js?id=10004527",TOOLTIP_IMAGE:"/images/tooltips-ph.png",PREGNANCY_WEIGHT_GAIN:"pregnancy-weight-gain-calculator",BABY_POOP:"a-visual-guide-on-baby-poop",VACCINATION_TOOL:"vaccination-tool"},"th-TH":{LOGO_TYPE:"hellokhunmor",SITE_NAME:"HelloKhunmor",HOMEPAGE_IMAGE:"https://hellokhunmor.com/images/country-thumbnails/TH.png",SITE_NAME_FORMATTED:"Hello Khunmor",SITE_ID:"3",CATEGORIES_TYPE:"long",INSIDER_TAG:"//hellokhunmor.api.useinsider.com/ins.js?id=10004524",TOOLTIP_IMAGE:"/images/tooltips-th.png",PREGNANCY_WEIGHT_GAIN:"เครื่องคำนวณน้ำหนักตัว",BABY_POOP:"สีอุจจาระของลูก-บอกถึงส",VACCINATION_TOOL:"vaccination-tool"},"km-KH":{LOGO_TYPE:"hellokrupet",SITE_NAME:"HelloKrupet",HOMEPAGE_IMAGE:"https://hellokrupet.com/images/country-thumbnails/KH.JPG",SITE_NAME_FORMATTED:"Hello Krupet",SITE_ID:"4",CATEGORIES_TYPE:"long",INSIDER_TAG:"//hellokrupet.api.useinsider.com/ins.js?id=10004523",TOOLTIP_IMAGE:"/images/tooltips-kh.png",PREGNANCY_WEIGHT_GAIN:"រង្វាស់សុខភាព/គណនាទម្ងន់ស្ត្រីពពោះ",BABY_POOP:"រង្វាស់សុខភាព/អត្ថន័យពណ៌-និងរូបរាងលាម",VACCINATION_TOOL:"រង្វាស់សុខភាព/កាលវិភាគចាក់ថ្នាំបង្កា"},"my-MM":{LOGO_TYPE:"hellosayarwon",SITE_NAME:"HelloSayarwon",HOMEPAGE_IMAGE:"https://hellosayarwon.com/images/country-thumbnails/PH.png",SITE_NAME_FORMATTED:"Hello Sayarwon",SITE_ID:"7",INSIDER_TAG:"//hellosayarwon.api.useinsider.com/ins.js?id=10004522"},"zh-TW":{LOGO_TYPE:"helloyishi",SITE_NAME:"HelloYishi",HOMEPAGE_IMAGE:"https://helloyishi.com.tw/images/country-thumbnails/TW.png",SITE_NAME_FORMATTED:"Hello Yishi",SITE_ID:"6",INSIDER_TAG:"//helloyishi.api.useinsider.com/ins.js?id=10004526",TOOLTIP_IMAGE:"/images/tooltips-tw.png",PREGNANCY_WEIGHT_GAIN:"pregnancy-weight-gain-calculator",BABY_POOP:"how-does-babies-poop-look-like",VACCINATION_TOOL:"vaccination-tool"},"id-ID":{LOGO_TYPE:"hellosehat",SITE_NAME:"HelloSehat",HOMEPAGE_IMAGE:"https://hellosehat.com/images/country-thumbnails/ID.png",SITE_NAME_FORMATTED:"Hello Sehat",SITE_ID:"2",INSIDER_TAG:"//hellosehat.api.useinsider.com/ins.js?id=10003799",TOOLTIP_IMAGE:"/images/tooltips-id.png",PREGNANCY_WEIGHT_GAIN:"kalkulator-kenaikan-berat-badan-ibu-hamil",BABY_POOP:"warna-feses-bayi-normal",VACCINATION_TOOL:"jadwal-imunisasi"},"hi-IN":{LOGO_TYPE:"helloswasthya",SITE_NAME:"HelloSwasthya",HOMEPAGE_IMAGE:"https://helloswasthya.com/images/country-thumbnails/IN.png",SITE_NAME_FORMATTED:"हैलो स्वास्थ्य",SITE_ID:"8",CATEGORIES_TYPE:"long",INSIDER_TAG:"//helloswasthya.api.useinsider.com/ins.js?id=10004498",TOOLTIP_IMAGE:"/images/tooltips-in.png",PREGNANCY_WEIGHT_GAIN:"garbhavastha-weight-calculator",BABY_POOP:"visual-guide-on-baby-poop",VACCINATION_TOOL:"vaccination-tool"},"ms-MY":{LOGO_TYPE:"hellodoktor",SITE_NAME:"HelloDoktor",HOMEPAGE_IMAGE:"https://hellodoktor.com/images/country-thumbnails/MY.png",SITE_NAME_FORMATTED:"Hello Doktor",SITE_ID:"5",INSIDER_TAG:"//hellodoktor.api.useinsider.com/ins.js?id=10004525",TOOLTIP_IMAGE:"/images/tooltips-my.png",PREGNANCY_WEIGHT_GAIN:"kalkulator-tambah-berat-badan-hamil",BABY_POOP:"kenali-najis-bayi-anda",VACCINATION_TOOL:"alat-kesihatan-vaksin"},"tl-PH":{LOGO_TYPE:"hellodoctor",SITE_NAME:"HelloDoctor",HOMEPAGE_IMAGE:"https://hellodoctor.com.ph/images/country-thumbnails/PH.png",SITE_NAME_FORMATTED:"Hello Doctor",SITE_ID:"9",CATEGORIES_TYPE:"short",INSIDER_TAG:"//hellodoctorph.api.useinsider.com/ins.js?id=10004527",TOOLTIP_IMAGE:"/fil/images/tooltips-ph.png",PREGNANCY_WEIGHT_GAIN:"pregnancy-weight-gain-calculator",BABY_POOP:"a-visual-guide-on-baby-poop",VACCINATION_TOOL:"vaccination-tool",ABOUT_US_IMAGE:"/fil/images/aboutus/PH.png"}},M={"vi-VN":{PRIVACY:"/privacy",TERM_OF_USE:"/dieu-khoan-su-dung",PRIVACY_POLICY:"/chinh-sach-quyen-rieng-tu",EDITORIAL_CORRECTIONS_POLICY:"/chinh-sach-bien-tap-chinh-sua",ADVERTISING_SPONSOR_POLICY:"/chinh-sach-quang-cao-tai-tro",POLICIES:"/chinh-sach",FAQS:"/thong-tin-quan-trong",SITEMAP:"/sitemap",ABOUT_US:"/about-us",ADVERTISEMENT:"/quang-cao-voi-chung-toi",CONTACT_US:"/lien-he",ABOUT_GO_CARE:"/about-go-care",HEALTH_TOOLS:"/health-tools",EXECUTIVE_BIOS:"https://hellohealthgroup.com/hello-bacsi/",RECRUITMENT:"https://hellohealthgroup.com/careers/",COMMUNITY_GUIDELINE:"/tieu-chuan-cong-dong",TOGETHER:"/community"},"km-KH":{POLICIES:"/policies",TERM_OF_USE:"/ខនិងលក្ខខណ្ឌ",PRIVACY_POLICY:"/គោលការណ៍ឯកជនភាព",EDITORIAL_CORRECTIONS_POLICY:"/គោលការណ៍ខ្លឹមសារមាតិកា",ADVERTISING_SPONSOR_POLICY:"/គោលការណ៍ផ្សាយពាណិជ្ជកម",FAQS:"/faqs",SITEMAP:"/sitemap",ABOUT_US:"/about-us",ADVERTISEMENT:"/advertisement",CONTACT_US:"/contact-us",ABOUT_GO_CARE:"/about-go-care",HEALTH_TOOLS:"/health-tools",EXECUTIVE_BIOS:"/#",RECRUITMENT:"https://hellohealthgroup.com/careers/",COMMUNITY_GUIDELINE:"/គោលការណ៍ណែនាំសហគមន៍",TOGETHER:"/community"},"en-PH":{POLICIES:"/policies",TERM_OF_USE:"/terms-of-use",PRIVACY_POLICY:"/privacy-policy",EDITORIAL_CORRECTIONS_POLICY:"/editorial-and-corrections-policy",ADVERTISING_SPONSOR_POLICY:"/advertising-and-sponsor-policy",FAQS:null,SITEMAP:null,ABOUT_US:"/about-us",ADVERTISEMENT:null,CONTACT_US:"/contact-us",ABOUT_GO_CARE:null,HEALTH_TOOLS:"/health-tools",EXECUTIVE_BIOS:"https://hellohealthgroup.com/management-team/",RECRUITMENT:"https://hellohealthgroup.com/careers/",COMMUNITY_GUIDELINE:"/community-guidelines",TOGETHER:"/community"},"my-MM":{POLICIES:"/polisi-terma-syarat",TERM_OF_USE:"/terms-of-use",PRIVACY_POLICY:"/privacy-policy",EDITORIAL_CORRECTIONS_POLICY:"/editorial-policy",ADVERTISING_SPONSOR_POLICY:"/advertising-policy",FAQS:null,SITEMAP:null,ABOUT_US:"/about-us",ADVERTISEMENT:"/pengiklanan",CONTACT_US:"/hubungi-kami",ABOUT_GO_CARE:null,HEALTH_TOOLS:"/health-tools",EXECUTIVE_BIOS:" https://hellohealthgroup.com/hello-doktor/",RECRUITMENT:"https://hellohealthgroup.com/careers/",COMMUNITY_GUIDELINE:"/panduan-komuniti",TOGETHER:"/community"},"zh-TW":{POLICIES:"/policies",TERM_OF_USE:"/terms-of-use",PRIVACY_POLICY:"/privacy-policy",EDITORIAL_CORRECTIONS_POLICY:"/editorial-and-corrections-policy",ADVERTISING_SPONSOR_POLICY:"/advertising-and-sponsor-policy",FAQS:null,SITEMAP:null,ABOUT_US:"/about-us",ADVERTISEMENT:"/advertising",CONTACT_US:"/contact-us",ABOUT_GO_CARE:null,FACILITY:"/facility",HEALTH_TOOLS:"/health-tools",EXECUTIVE_BIOS:"https://hellohealthgroup.com/management-team/",RECRUITMENT:"https://hellohealthgroup.com/careers/",COMMUNITY_GUIDELINE:null,TOGETHER:"/community"},"id-ID":{POLICIES_EN:"/policies",TERM_OF_USE:"/kebijakan-pengguna",PRIVACY_POLICY:"/kebijakan-privasi",EDITORIAL_CORRECTIONS_POLICY:"/kebijakan-editorial",ADVERTISING_SPONSOR_POLICY:"/kebijakan-iklan",POLICIES:"/kebijakan",FAQS:null,SITEMAP:null,ABOUT_US:"/about-us",ADVERTISEMENT:null,CONTACT_US:"/kontak-kami",CONTACT_EN:"/contact",ABOUT_GO_CARE:null,HEALTH_TOOLS:"/health-tools",EXECUTIVE_BIOS:"https://hellohealthgroup.com/hello-sehat/",RECRUITMENT:"https://hellohealthgroup.com/careers/",EDITORIAL_POLICY:"/edit-id",EDITORIAL_POLICY_EN:"/edit-en",COMMUNITY_GUIDELINE:"/panduan-komunitas",TOGETHER:"/community"},"hi-IN":{POLICIES:"/policies",TERM_OF_USE:"/terms-of-use",PRIVACY_POLICY:"/privacy-policy",EDITORIAL_CORRECTIONS_POLICY:"/editorial-and-corrections-policy",ADVERTISING_SPONSOR_POLICY:"/advertising-and-sponsor-policy",FAQS:null,SITEMAP:null,ABOUT_US:"/about-us",ADVERTISEMENT:null,CONTACT_US:"/contact-us",ABOUT_GO_CARE:null,HEALTH_TOOLS:"/health-tools",EXECUTIVE_BIOS:"https://hellohealthgroup.com/management-team/",RECRUITMENT:"https://hellohealthgroup.com/careers/",COMMUNITY_GUIDELINE:null,TOGETHER:"/community"},"ms-MY":{POLICIES:"/polisi-terma-syarat",TERM_OF_USE:"/terma-dan-syarat",PRIVACY_POLICY:"/polisi-privasi",EDITORIAL_CORRECTIONS_POLICY:"/polisi-editorial",ADVERTISING_SPONSOR_POLICY:"/polisi-pengiklanan",FAQS:null,SITEMAP:null,ABOUT_US:"/about-us",ADVERTISEMENT:"/pengiklanan",CONTACT_US:"/hubungi-kami",ABOUT_GO_CARE:null,HEALTH_TOOLS:"/health-tools",EXECUTIVE_BIOS:" https://hellohealthgroup.com/hello-doktor/",RECRUITMENT:"https://hellohealthgroup.com/careers/",COMMUNITY_GUIDELINE:"/panduan-komuniti",TOGETHER:"/community"},"th-TH":{POLICIES_EN:"/policies",TERM_OF_USE:"/เงื่อนใขการใช้งาน",PRIVACY_POLICY:"/นโยบายความเป็นส่วนตัว",EDITORIAL_CORRECTIONS_POLICY:"/นโยบายบรรณธิการ",ADVERTISING_SPONSOR_POLICY:"/นโยบายการโฆษณาและผู้สนับสนุน",POLICIES:"/นโยบาย",FAQS:"/คำถามที่พบบ่อย",SITEMAP:null,ABOUT_US:"/about-us",ADVERTISEMENT:"/ลงโฆษณากับเรา",CONTACT_US:"/contact-us",ABOUT_GO_CARE:null,HEALTH_TOOLS:"/health-tools",EXECUTIVE_BIOS:"https://hellohealthgroup.com/management-team/",RECRUITMENT:"https://hellohealthgroup.com/careers/",COMMUNITY_GUIDELINE:null,TOGETHER:"/community"},"tl-PH":{POLICIES:"/policies",TERM_OF_USE:"/terms-of-use",PRIVACY_POLICY:"/privacy-policy",EDITORIAL_CORRECTIONS_POLICY:"/editorial-and-corrections-policy",ADVERTISING_SPONSOR_POLICY:"/advertising-and-sponsor-policy",FAQS:null,SITEMAP:null,ABOUT_US:"/about-us",ADVERTISEMENT:null,CONTACT_US:"/contact-us",ABOUT_GO_CARE:null,HEALTH_TOOLS:"/health-tools",EXECUTIVE_BIOS:"https://hellohealthgroup.com/management-team/",RECRUITMENT:"https://hellohealthgroup.com/careers/",COMMUNITY_GUIDELINE:"/community-guidelines",TOGETHER:"/community"}},N={"vi-VN":[{type:"link",rel:"shortcut icon",href:"/by-locales/vi-VN/favicon.ico"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-32x32.png",sizes:"32x32"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-192x192.png",sizes:"192x192"},{type:"link",rel:"apple-touch-icon-precomposed",href:"/by-locales/vi-VN/icon-180x180.png"},{type:"meta",name:"msapplication-TileImage",content:"/by-locales/vi-VN/icon-270x270.png"}],"km-KH":[{type:"link",rel:"icon",href:"/by-locales/km-KH/icon-32x32.png",sizes:"32x32"},{type:"link",rel:"icon",href:"/by-locales/km-KH/icon-192x192.png",sizes:"192x192"},{type:"link",rel:"apple-touch-icon-precomposed",href:"/by-locales/km-KH/icon-180x180.png"},{type:"meta",name:"msapplication-TileImage",content:"/by-locales/km-KH/icon-270x270.png"}],"en-PH":[{type:"link",rel:"icon",href:"/by-locales/en-PH/icon-32x32.png",sizes:"32x32"},{type:"link",rel:"icon",href:"/by-locales/en-PH/icon-192x192.png",sizes:"192x192"},{type:"link",rel:"apple-touch-icon",href:"/by-locales/en-PH/icon-180x180.png"},{type:"meta",name:"msapplication-TileImage",content:"/by-locales/en-PH/icon-270x270.png"}],"id-ID":[{type:"link",rel:"shortcut icon",href:"/by-locales/vi-VN/favicon.ico"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-32x32.png",sizes:"32x32"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-192x192.png",sizes:"192x192"},{type:"link",rel:"apple-touch-icon-precomposed",href:"/by-locales/vi-VN/icon-180x180.png"},{type:"meta",name:"msapplication-TileImage",content:"/by-locales/vi-VN/icon-270x270.png"}],"ms-MY":[{type:"link",rel:"shortcut icon",href:"/by-locales/vi-VN/favicon.ico"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-32x32.png",sizes:"32x32"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-192x192.png",sizes:"192x192"},{type:"link",rel:"apple-touch-icon-precomposed",href:"/by-locales/vi-VN/icon-180x180.png"},{type:"meta",name:"msapplication-TileImage",content:"/by-locales/vi-VN/icon-270x270.png"}],"th-TH":[{type:"link",rel:"shortcut icon",href:"/by-locales/vi-VN/favicon.ico"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-32x32.png",sizes:"32x32"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-192x192.png",sizes:"192x192"},{type:"link",rel:"apple-touch-icon-precomposed",href:"/by-locales/vi-VN/icon-180x180.png"},{type:"meta",name:"msapplication-TileImage",content:"/by-locales/vi-VN/icon-270x270.png"}],"my-MM":[{type:"link",rel:"shortcut icon",href:"/by-locales/vi-VN/favicon.ico"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-32x32.png",sizes:"32x32"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-192x192.png",sizes:"192x192"},{type:"link",rel:"apple-touch-icon-precomposed",href:"/by-locales/vi-VN/icon-180x180.png"},{type:"meta",name:"msapplication-TileImage",content:"/by-locales/vi-VN/icon-270x270.png"}],"zh-TW":[{type:"link",rel:"shortcut icon",href:"/by-locales/vi-VN/favicon.ico"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-32x32.png",sizes:"32x32"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-192x192.png",sizes:"192x192"},{type:"link",rel:"apple-touch-icon-precomposed",href:"/by-locales/vi-VN/icon-180x180.png"},{type:"meta",name:"msapplication-TileImage",content:"/by-locales/vi-VN/icon-270x270.png"}],"hi-IN":[{type:"link",rel:"shortcut icon",href:"/by-locales/vi-VN/favicon.ico"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-32x32.png",sizes:"32x32"},{type:"link",rel:"icon",href:"/by-locales/vi-VN/icon-192x192.png",sizes:"192x192"},{type:"link",rel:"apple-touch-icon-precomposed",href:"/by-locales/vi-VN/icon-180x180.png"},{type:"meta",name:"msapplication-TileImage",content:"/by-locales/vi-VN/icon-270x270.png"}],marryBaby:[{type:"link",rel:"shortcut icon",href:"/favicons/favicon.ico"},{type:"link",rel:"icon",href:"/favicons/icon-32x32.png",sizes:"32x32"},{type:"link",rel:"icon",href:"/favicons/icon-192x192.png",sizes:"192x192"},{type:"link",rel:"apple-touch-icon-precomposed",href:"/favicons/icon-180x180.png"},{type:"meta",name:"msapplication-TileImage",content:"/favicons/icon-180x180.png"}]},P="user",R="community?website_url={websiteUrl}",j="topic?community_id={communityId}&website_url={websiteUrl}",B="spotlights?per_page={perPage}&order_by={orderBy}",D="healthtools?_hasgroup=1",H="categories?type=all",z="footer",U="api/specialties?_ishome=1&site={domain}",F="menu/footer",G="health-tools",Y=99,V=300,Q=400,Z=200,q=210,W=5,K=6,X=300,J={SOCIAL_LINKS:{facebookLink:"https://www.facebook.com/marry.baby.vn",instagramLink:"https://www.instagram.com/marrybaby.vn",zaloLink:"http://zalo.me/806483414530291942",youtubeLink:"https://www.youtube.com/user/marrybabyvn"}},$=function(n){var t,a,i,o,l,r,d,s,c,p,u,m,h,g,x,v,y,b,E,w=n.children,_=n.SEOData,k=void 0===_?{}:_,C=n.isAmp,L=void 0!==C&&C,O=n.locale,S=void 0===O?"vi-VN":O,M=n.routerPathname,P=n.routerQuery,R=n.nextHead,j=n.siteType,B=n.seoCustom,D=n.userId,H=n.forcedCanonicalUrl,z=n.usingDefaultHead,U="production"===process.env.NEXT_PUBLIC_DEPLOY_ENV,F=k.totalPages,G=k.currentPage,Y=k.SEOTitle,V=void 0===Y?"":Y,Q=k.SEODescription,Z=void 0===Q?"":Q,q=k.SEOImage,W=k.seoType,K=k.SEOImageWidth,X=k.SEOImageHeight,J=k.customMetaData,$=void 0===J?[]:J,ee=k.isIndexable,ne=void 0===ee||ee,te=k.hasNoCanonical,ae=void 0!==te&&te,ie=ne&&U?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",oe=process.env.NEXT_PUBLIC_BASE_API_URL,le=k.canonicalUrl||M;Object.keys(P).forEach((function(e){var n=P[e];n&&Array.isArray(n)&&(le=le.replace("[...".concat(e,"]"),n.join("/")))}));var re,de=S||"en-PH",se="helloSites"===j?I[de]:"www.marrybaby.vn",ce=le.endsWith("/")?"":"/";if(k.apiMetaData&&"string"==typeof k.apiMetaData){var pe=null===(t=k.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),ue=" - Page ".concat(G," of ").concat(F),me=G&&1!==G&&pe?k.apiMetaData.replace(pe[0],pe[0].includes("-")?pe[0].replace("-",ue+" - "):"<title>".concat(pe[1].concat(ue),"</title>")).replace('<link rel="canonical" href="https://'.concat(se).concat(le).concat(ce,'" />'),'<link rel="canonical" href="https://'.concat(se).concat(le).concat(ce,"?page=").concat(G,'" />')):k.apiMetaData,he=(re=f.htmlReactParser(me,{trim:!0})).find((function(e){var n,t;return"og:image"===(null===(n=e.props)||void 0===n?void 0:n.property)||"og:image:secure_url"===(null===(t=e.props)||void 0===t?void 0:t.property)}));if(!he){var ge="https://".concat(se,"/images/").concat(S,".png");re=e.__spreadArray(e.__spreadArray([],re,!0),[T.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=k.openGraph)||void 0===a?void 0:a.image)||ge||""}),T.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(i=k.openGraph)||void 0===i?void 0:i.image)||ge}),T.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(o=k.openGraph)||void 0===o?void 0:o.imageWidth)&&String(null===(l=k.openGraph)||void 0===l?void 0:l.imageWidth)||"1200"}),T.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(r=k.openGraph)||void 0===r?void 0:r.imageHeight)&&String(null===(d=k.openGraph)||void 0===d?void 0:d.imageHeight)||"630"})],!1)}}var fe="https://".concat(se,"/images/").concat(S,".png");return T.default.createElement(T.default.Fragment,null,R&&z&&T.default.createElement(R,null,T.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===j&&T.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===S?T.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===S||"ms-MY"===S?T.default.createElement(T.default.Fragment,null):T.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),T.default.createElement("link",{rel:"preconnect",href:oe}),T.default.createElement("meta",{charSet:"UTF-8"}),!L&&T.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),T.default.createElement("meta",{name:"google",content:"notranslate"}),T.default.createElement("meta",{name:"robots",content:ie}),T.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),$.map((function(n,t){return T.default.createElement("meta",e.__assign({key:t},n))})),T.default.createElement("meta",{name:"theme-color",content:"helloSites"===j?"#2c87f3":"#e85388"}),T.default.createElement("meta",{name:"page_type",content:"Home"}),T.default.createElement("meta",{name:"page_platform",content:"WEB"}),T.default.createElement("meta",{name:"page_language",content:de}),T.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),L&&T.default.createElement(T.default.Fragment,null,T.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),T.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),T.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),T.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),T.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),T.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),T.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!re&&T.default.createElement(T.default.Fragment,null,"helloSites"===j?T.default.createElement("title",null,B?V:V+" - "+(null===(s=A[S])||void 0===s?void 0:s.SITE_NAME)):T.default.createElement("title",null,V),!ae&&T.default.createElement("link",{rel:"canonical",href:"https://".concat(se).concat(le)}),T.default.createElement("meta",{name:"description",content:Z||(null===(c=k.openGraph)||void 0===c?void 0:c.description)}),k.schemaData&&T.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:k.schemaData}}),T.default.createElement("meta",{property:"og:locale",content:S}),T.default.createElement("meta",{property:"og:type",content:W||"website"}),T.default.createElement("meta",{property:"og:title",content:(null===(p=k.openGraph)||void 0===p?void 0:p.title)||V}),T.default.createElement("meta",{property:"og:description",content:(null===(u=k.openGraph)||void 0===u?void 0:u.description)||Z}),T.default.createElement("meta",{property:"og:url",content:"https://".concat(se).concat(le)}),T.default.createElement("meta",{property:"og:site_name",content:"https://".concat(se)}),T.default.createElement("meta",{property:"og:image",content:(null===(m=k.openGraph)||void 0===m?void 0:m.image)||q||fe||""}),T.default.createElement("meta",{property:"og:image:secure_url",content:(null===(h=k.openGraph)||void 0===h?void 0:h.image)||q||fe}),T.default.createElement("meta",{property:"og:image:width",content:(null===(g=k.openGraph)||void 0===g?void 0:g.imageWidth)&&String(null===(x=k.openGraph)||void 0===x?void 0:x.imageWidth)||K&&String(K)||"1200"}),T.default.createElement("meta",{property:"og:image:height",content:(null===(v=k.openGraph)||void 0===v?void 0:v.imageHeight)&&String(null===(y=k.openGraph)||void 0===y?void 0:y.imageHeight)||X&&String(X)||"630"}),T.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),T.default.createElement("meta",{name:"twitter:title",content:(null===(b=k.twitter)||void 0===b?void 0:b.title)||V}),T.default.createElement("meta",{name:"twitter:description",content:Z}),T.default.createElement("meta",{name:"twitter:image",content:(null===(E=k.twitter)||void 0===E?void 0:E.image)||q})),("helloSites"===j?N[de]||[]:N.marryBaby).map((function(e,n){return"link"===e.type?T.default.createElement("link",{key:"favicon-".concat(n),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?T.default.createElement("meta",{key:n,name:e.name,content:e.content}):null})),Array.isArray(re)&&H?re.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):re,H&&T.default.createElement("link",{rel:"canonical",href:H}),!k.hasNoAmp&&"vi-VN"!==S&&T.default.createElement("link",{rel:"amphtml",href:"https://".concat(se).concat(le).concat(ce,"?amp=1")}),D&&"undefined"!=typeof window?T.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(D,"'});")}}):null),R&&!z&&T.default.createElement(R,null),w)},ee="data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.5 12L10.5 8L6.5 4' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",ne="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",te={"navigation.loginJoin":"Login/Join","menu.categories.title":"Choose a service to explore","home.search":"Search {site}","home.navigator.menuItem.spotlights":"All In Focus","home.navigator.menuItem.helloTogether":"Communities","home.navigator.menuItem.helloCare":"Book a doctor","home.navigator.menuItem.healthTools":"Health Tools","home.navigator.menuItem.healthCategories":"Health Categories","home.navigator.menuItem.discover":"Discover","home.navigator.menuItem.allSpotlight":"See All In Focus","home.navigator.menuItem.allSpecialties":"See All Specialties","home.navigator.menuItem.allHealthTools":"See All Health Tools","home.navigator.menuItem.allCommunities":"See All Communities","home.navigator.menuItem.allCategories":"See All Categories","footer.sitemap":"Sitemap","footer.signUp":"Sign up to get fitness and nutrition tips, health news, and more.","footer.info.email":"Email: advertiser@hellohealthgroup.com","footer.info.license":"Giấy phép kinh doanh số: 0315857817 do Sở kế hoạch và Đầu tư TP. Hồ Chí Minh cấp ngày 21-8-2019","footer.info.contentResponsibility":"Chịu trách nhiệm quản lý nội dung: Hoàng Diệu Thu","footer.info.companyName":"Công ty TNHH Xin Chào Bác Sĩ","footer.info.certificate":"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 592/GP-BTTTT HN ngày 03/12/2019","footer.info.address":"Địa chỉ: Tầng 5, Tòa nhà Sonatus, 15 Lê Thánh Tôn, P.Bến Nghé, Quận 1, Thành phố Hồ Chí Minh","footer.followUsText":"Follow us","home.menu.category.view":"Xem {category}","menu.care.searchBySpecialties":"Tìm theo chuyên khoa","logout.popup.ask1":"Log Out of Hello Doctor?","logout.popup.ask2":"Are you sure you want to log out?","logout.popup.ask.mb":"Đăng xuất khỏi Marry Baby?","logout.popup.button.cancel":"Cancel","logout.popup.button.logout":"Log Out","profileMenu.accountSetting":"Account Setting","profileMenu.help":"Help","profileMenu.logout":"Logout","profileMenu.myProfile":"Profile","profileMenu.password":"Password","profileMenu.saved":"My Articles","home.navigator.menuItem.language":"Language","articlePage.sponsoredBy":"Sponsored By","articlePage.sponsoredContentBy":"Content sponsored  by","articlePage.sponsoredContent":"Sponsored Content","articlePage.sponsoredArticle":"Sponsored Article","articlePage.sponsoredByStickyPopup.close":"Close","articlePage.sponsoredByStickyPopup.content":"This is a sponsored article, for more information on our Advertising and Sponsorship policy please read our policies.","articlePage.sponsoredByStickyPopup.policies":"Policies","login.booking":"Booking with doctor","cookiePolicies.modal.title":"Please accept our privacy policy","cookiePolicies.modal.description":"Hello Bacsi uses cookies to improve your experience and to show you personalized ads","cookiePolicies.modal.accept":"Accept","cookiePolicies.modal.ourPolicies":"Our Policies"},ae=n.createContext({}),ie=function(){var e=n.useContext(ae);return function(n,t){var a=(e.translation||{})[n]||te[n];return a?t?L.default(a,t):a:function(){throw Error("missing translation "+n)}()}},oe=function(e){return e?{title:(null==e?void 0:e.name)||"",thumbnail:(null==e?void 0:e.thumbnail)||"",communitySlug:(null==e?void 0:e.slug)||"",communityId:null==e?void 0:e.id,color:null==e?void 0:e.color}:{}},le=function(e){var n;return e?{title:(null==e?void 0:e.name)||"",thumbnail:(null==e?void 0:e.thumbnail)||"",communitySlug:"".concat(null===(n=null==e?void 0:e.community)||void 0===n?void 0:n.slug,"/").concat(null==e?void 0:e.slug),communityId:null==e?void 0:e.id}:{}},re=function(e){var n,t,a,i;return e?{termId:e.term_id||null,sponsor:e.sponsor?(i=e.sponsor,i?{title:i.title,logo:i.logo,link:i.link}:{}):null,isSponsored:e.is_sponsored||null,categoryName:e.cat_name||e.name||null,name:e.name||null,iconUrl:e.icon||"",slugName:e.category_nicename||null,description:e.description||null,featureImage:e.thumbnail||e.image||null,displayName:e.name||null,parent:e.parent||null,permalink:e.permalink||null,slug:e.slug||null,childCates:(null===(n=e.child_cates)||void 0===n?void 0:n.map((function(e){return re(e)})))||[],thumnailColor:e.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:e.color_feature_image||null,imageColor:e.image_color||null,textColor:e.text_color||null,catParent:(null===(t=e.cat_parent)||void 0===t?void 0:t.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?(a=e.reviewed_by,{postTitle:a.post_title,permalink:a.permalink}):null,reviewedDate:e.reviewed_date||"",faqs:e.faqs?e.faqs.map((function(e){return function(e){return{title:e.title,content:e.content}}(e)})):null}:{}},de=function(e){return e?{icon:e.icon,link:e.link,subtitle:e.subtitle,title:e.title}:{}},se=function(e){var n,t;return e?{termId:(null==e?void 0:e.term_id)||0,name:(null==e?void 0:e.name)||"",healthTools:null!==(t=null===(n=null==e?void 0:e.health_tools)||void 0===n?void 0:n.map((function(e){return de(e)})))&&void 0!==t?t:[]}:{}},ce=function(n,t,a){return(t||"https://service-health-care.hellohealthgroup.com/")+L.default(U,e.__assign(e.__assign({},a),{domain:I[n]}))},pe=function(n,t,a){return(t||"https://wp.".concat(I[n],"/"))+"wp-json/api/"+L.default(H,e.__assign({},a))},ue=function(n,t,a){return(t||"https://wp.".concat(I[n],"/"))+"wp-json/api/"+L.default(D,e.__assign({},a))},me=function(n,t,a){return(t||"https://wp.".concat(I[n],"/"))+"wp-json/api/"+L.default(B,e.__assign({},a))},he=function(n,t,a){return(t||"https://wp.".concat(I[n],"/"))+"wp-json/api/"+L.default(z,e.__assign({},a))},ge=function(n,t,a){return(t||"https://together.hellohealthgroup.com/")+"api/v1/"+L.default(R,e.__assign(e.__assign({},a),{websiteUrl:"https://".concat(I[n])}))},fe=function(n,t,a){return(t||"https://together.hellohealthgroup.com/")+"api/v1/"+L.default(j,e.__assign(e.__assign({},a),{websiteUrl:"https://".concat(I[n])}))},xe=function(e){var n,t=e.type,a=e.specialtySlug,i=e.locale;return"/".concat(p.LOCALIZED_SLUGS[i].ALL,"/").concat((null===(n=p.LOCALIZED_SLUGS[i])||void 0===n?void 0:n[t])||"doctor","/").concat(null!=a?a:"")},ve=function(e){return e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image)||"",imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date}:{}},ye=function(e){var n=new Date;if(null==e?void 0:e.startDate){var t=new Date(e.startDate);if(n.getTime()<t.getTime())return!1}if(null==e?void 0:e.endDate){var a=new Date(e.endDate);if(n.getTime()>a.getTime())return!1}return!0},be=O.default.header(je||(je=e.__makeTemplateObject(["\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  /* overflow-x: hidden; */\n\n  border-bottom: 1px solid\n    ",";\n  background-color: ",";\n\n  &[data-site-type='marryBaby'] {\n    border-bottom: none;\n  }\n\n  &[data-fixed-bar='true'] {\n    position: fixed;\n    top: 0;\n  }\n\n  &[data-fixed-bar='false'] {\n    position: absolute;\n  }\n\n  &[data-collapsed='true'] {\n    top: -100%;\n    transition: top 0.5s;\n  }\n\n  &[data-collapsed='false'] {\n    top: 0px;\n    transition: top 0.5s;\n  }\n\n  .top-bar-header {\n    line-height: normal;\n  }\n\n  &[data-header-type='home'] {\n    position: fixed;\n    z-index: ",";\n  }\n\n  &[data-header-type='popup'] {\n    position: absolute;\n    z-index: ",";\n  }\n\n  &[data-header-type='popup-sub-level'] {\n    position: absolute;\n    z-index: ",";\n  }\n\n  &[data-is-displayed='false'] {\n    //display: none;\n    visibility: hidden;\n  }\n\n  &[data-is-amp='true'] {\n    position: relative;\n  }\n\n  .menu-handler:focus #categories-menu {\n    left: 0;\n    transition: left 0.1s;\n  }\n"],["\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  /* overflow-x: hidden; */\n\n  border-bottom: 1px solid\n    ",";\n  background-color: ",";\n\n  &[data-site-type='marryBaby'] {\n    border-bottom: none;\n  }\n\n  &[data-fixed-bar='true'] {\n    position: fixed;\n    top: 0;\n  }\n\n  &[data-fixed-bar='false'] {\n    position: absolute;\n  }\n\n  &[data-collapsed='true'] {\n    top: -100%;\n    transition: top 0.5s;\n  }\n\n  &[data-collapsed='false'] {\n    top: 0px;\n    transition: top 0.5s;\n  }\n\n  .top-bar-header {\n    line-height: normal;\n  }\n\n  &[data-header-type='home'] {\n    position: fixed;\n    z-index: ",";\n  }\n\n  &[data-header-type='popup'] {\n    position: absolute;\n    z-index: ",";\n  }\n\n  &[data-header-type='popup-sub-level'] {\n    position: absolute;\n    z-index: ",";\n  }\n\n  &[data-is-displayed='false'] {\n    //display: none;\n    visibility: hidden;\n  }\n\n  &[data-is-amp='true'] {\n    position: relative;\n  }\n\n  .menu-handler:focus #categories-menu {\n    left: 0;\n    transition: left 0.1s;\n  }\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.white}),Y,V,Q),Ee=O.default.header(Be||(Be=e.__makeTemplateObject(["\n  position: absolute;\n  bottom: 20px;\n  left: 16px;\n  display: flex;\n  align-items: center;\n"],["\n  position: absolute;\n  bottom: 20px;\n  left: 16px;\n  display: flex;\n  align-items: center;\n"]))),we=O.default.div(De||(De=e.__makeTemplateObject(["\n  margin-right: 8px;\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  margin-right: 8px;\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"]))),_e=O.default.div(He||(He=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 64px;\n  justify-content: center;\n\n  padding: 8px 0;\n  margin-top: 64px;\n  &[data-sponsored='true'] {\n    margin-top: 105px;\n  }\n  &[data-sitewide-banner-shown='true'] {\n    margin-top: 128px;\n  }\n\n  background-color: ",";\n\n  #search-input-home,\n  #search-input-home-temp,\n  #search-input-popup {\n    position: relative;\n    z-index: ",";\n    width: 100%;\n    box-shadow: 0px 0px 5px rgba(38, 38, 38, 0.08);\n  }\n\n  .displayIcon {\n    z-index: ",";\n    display: flex;\n    width: 24px;\n    height: 24px;\n    align-items: center;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n    opacity: 0;\n  }\n\n  &[data-is-displayed='true'] {\n    opacity: 1;\n    transition: opacity 0.2s;\n  }\n\n  &[data-header-type='popup'] {\n    position: fixed;\n    z-index: ",";\n    left: 0;\n    width: 100vw;\n  }\n"],["\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 64px;\n  justify-content: center;\n\n  padding: 8px 0;\n  margin-top: 64px;\n  &[data-sponsored='true'] {\n    margin-top: 105px;\n  }\n  &[data-sitewide-banner-shown='true'] {\n    margin-top: 128px;\n  }\n\n  background-color: ",";\n\n  #search-input-home,\n  #search-input-home-temp,\n  #search-input-popup {\n    position: relative;\n    z-index: ",";\n    width: 100%;\n    box-shadow: 0px 0px 5px rgba(38, 38, 38, 0.08);\n  }\n\n  .displayIcon {\n    z-index: ",";\n    display: flex;\n    width: 24px;\n    height: 24px;\n    align-items: center;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n    opacity: 0;\n  }\n\n  &[data-is-displayed='true'] {\n    opacity: 1;\n    transition: opacity 0.2s;\n  }\n\n  &[data-header-type='popup'] {\n    position: fixed;\n    z-index: ",";\n    left: 0;\n    width: 100vw;\n  }\n"])),(function(e){return e.theme.colors.white}),W,K,X),ke=O.default.div(ze||(ze=e.__makeTemplateObject(["\n  position: fixed;\n  z-index: 201;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s;\n\n  .menu-handler-item {\n    gap: 8px;\n    a {\n      text-decoration: none;\n    }\n  }\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  //categories\n  .menu-handler-categories:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-categories:focus-within .top-menu-categories {\n    display: block;\n  }\n  .menu-handler-categories:focus .top-menu-health-tools {\n    display: none;\n  }\n\n  //health tools\n  .menu-handler-health-tools:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-health-tools:focus-within .top-menu-health-tools {\n    display: block;\n  }\n  .menu-handler-health-tools:focus .top-menu-categories {\n    display: none;\n  }\n\n  //communities\n  .menu-handler-communities:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-communities:focus-within .top-menu-communities {\n    display: block;\n  }\n  .menu-handler-communities:focus .top-menu-care-specialties {\n    display: none;\n  }\n\n  //care\n  .menu-handler-care-specialties:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-care-specialties:focus-within .top-menu-care-specialties {\n    display: block;\n  }\n  .menu-handler-care-specialties:focus .top-menu-communities {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 201;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s;\n\n  .menu-handler-item {\n    gap: 8px;\n    a {\n      text-decoration: none;\n    }\n  }\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  //categories\n  .menu-handler-categories:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-categories:focus-within .top-menu-categories {\n    display: block;\n  }\n  .menu-handler-categories:focus .top-menu-health-tools {\n    display: none;\n  }\n\n  //health tools\n  .menu-handler-health-tools:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-health-tools:focus-within .top-menu-health-tools {\n    display: block;\n  }\n  .menu-handler-health-tools:focus .top-menu-categories {\n    display: none;\n  }\n\n  //communities\n  .menu-handler-communities:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-communities:focus-within .top-menu-communities {\n    display: block;\n  }\n  .menu-handler-communities:focus .top-menu-care-specialties {\n    display: none;\n  }\n\n  //care\n  .menu-handler-care-specialties:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-care-specialties:focus-within .top-menu-care-specialties {\n    display: block;\n  }\n  .menu-handler-care-specialties:focus .top-menu-communities {\n    display: none;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.mbColors.lightPink})),Ce=O.default.div(Ue||(Ue=e.__makeTemplateObject(["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0;\n"],["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0;\n"]))),Te=O.default.div(Fe||(Fe=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),Le=O.default.div(Ge||(Ge=e.__makeTemplateObject(["\n  padding-right: 16px;\n  &[data-is-having-border='true'] {\n    border-right: 1px solid\n      ",";\n  }\n"],["\n  padding-right: 16px;\n  &[data-is-having-border='true'] {\n    border-right: 1px solid\n      ",";\n  }\n"])),(function(e){return e.theme.colors.neutral100})),Oe=O.default.div(Ye||(Ye=e.__makeTemplateObject(["\n  padding: 0 16px;\n\n  & > div {\n    background-color: ",";\n  }\n\n  &[data-marry-baby-theme='white'] > div {\n    background-color: ",";\n  }\n\n  #search-input-home,\n  #search-input-home-temp {\n    height: 32px;\n    box-sizing: border-box;\n    padding: 0 16px 0 48px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));\n    outline: none;\n  }\n\n  &[data-is-styled-borderless='true'] {\n    #search-input-home,\n    #search-input-home-temp {\n      height: 40px;\n      border: 1px solid ",";\n      border-radius: 16px;\n      filter: none;\n    }\n  }\n"],["\n  padding: 0 16px;\n\n  & > div {\n    background-color: ",";\n  }\n\n  &[data-marry-baby-theme='white'] > div {\n    background-color: ",";\n  }\n\n  #search-input-home,\n  #search-input-home-temp {\n    height: 32px;\n    box-sizing: border-box;\n    padding: 0 16px 0 48px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));\n    outline: none;\n  }\n\n  &[data-is-styled-borderless='true'] {\n    #search-input-home,\n    #search-input-home-temp {\n      height: 40px;\n      border: 1px solid ",";\n      border-radius: 16px;\n      filter: none;\n    }\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.mbColors.lightGray}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.white})),Se=O.default.div(Ve||(Ve=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  & > :not(:first-child) {\n    margin-left: 6px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  & > :not(:first-child) {\n    margin-left: 6px;\n  }\n"]))),Ie=O.default.div(Qe||(Qe=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 8px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 8px;\n"]))),Ae=O.default.div(Ze||(Ze=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 4px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 4px;\n"]))),Me=O.default.div(qe||(qe=e.__makeTemplateObject(["\n  margin-right: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n\n    cursor: pointer;\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n\n  &[data-is-active='true'] {\n    color: ",";\n\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n    }\n  }\n\n  &[data-is-active='false'] {\n    color: ",";\n\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n    }\n  }\n  .care-navigator {\n    color: ",";\n    font-size: 14px;\n    font-weight: 700;\n  }\n"],["\n  margin-right: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n\n    cursor: pointer;\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n\n  &[data-is-active='true'] {\n    color: ",";\n\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n    }\n  }\n\n  &[data-is-active='false'] {\n    color: ",";\n\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n    }\n  }\n  .care-navigator {\n    color: ",";\n    font-size: 14px;\n    font-weight: 700;\n  }\n"])),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.mbColors.pink}),(function(e){return e.theme.colors.secondaryDark}),(function(e){return e.theme.mbColors.dark}),(function(e){return e.theme.colors.secondaryDark})),Ne=O.default.div(We||(We=e.__makeTemplateObject(["\n  flex-shrink: 0;\n  & > div {\n    display: flex;\n    align-items: center;\n\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n  "," {\n    position: absolute;\n    right: 16px;\n    bottom: 16px;\n    height: 32px;\n    display: flex;\n  }\n  .menu-handler-item {\n    gap: 8px;\n    .care-button {\n      text-decoration: none;\n    }\n  }\n\n  .login-btn-mobile[data-color='secondary'][data-size='sm'] {\n    padding-right: 1rem;\n    padding-left: 1rem;\n  }\n"],["\n  flex-shrink: 0;\n  & > div {\n    display: flex;\n    align-items: center;\n\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n  "," {\n    position: absolute;\n    right: 16px;\n    bottom: 16px;\n    height: 32px;\n    display: flex;\n  }\n  .menu-handler-item {\n    gap: 8px;\n    .care-button {\n      text-decoration: none;\n    }\n  }\n\n  .login-btn-mobile[data-color='secondary'][data-size='sm'] {\n    padding-right: 1rem;\n    padding-left: 1rem;\n  }\n"])),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),l.MediaQueries.mbDown),Pe=O.default.div(Ke||(Ke=e.__makeTemplateObject(["\n  display: block;\n"],["\n  display: block;\n"]))),Re=O.default.div(Xe||(Xe=e.__makeTemplateObject([""],[""])));O.default.div(Je||(Je=e.__makeTemplateObject(["\n  .amp-sidebar {\n    width: 100vw;\n    max-width: 100vw;\n    background-color: ",";\n  }\n\n  .nav-card {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    span {\n      margin-top: 4px;\n      font-size: 13px;\n      font-weight: ",";\n    }\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: ",";\n    }\n  }\n\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    > div:first-child > amp-img {\n      margin-left: 1rem;\n    }\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      position: relative;\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      &.health-tool {\n        display: flex;\n        align-items: center;\n\n        amp-img {\n          margin-right: 1rem;\n        }\n        + li {\n          border-top: none;\n        }\n\n        a {\n          display: flex;\n          align-items: center;\n        }\n      }\n\n      a {\n        display: block;\n        margin: 16px 0;\n        color: ",";\n        text-decoration: none;\n      }\n\n      &::after {\n        position: absolute;\n        top: 50%;\n        right: 0;\n        content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      }\n    }\n  }\n"],["\n  .amp-sidebar {\n    width: 100vw;\n    max-width: 100vw;\n    background-color: ",";\n  }\n\n  .nav-card {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    span {\n      margin-top: 4px;\n      font-size: 13px;\n      font-weight: ",";\n    }\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: ",";\n    }\n  }\n\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    > div:first-child > amp-img {\n      margin-left: 1rem;\n    }\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      position: relative;\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      &.health-tool {\n        display: flex;\n        align-items: center;\n\n        amp-img {\n          margin-right: 1rem;\n        }\n        + li {\n          border-top: none;\n        }\n\n        a {\n          display: flex;\n          align-items: center;\n        }\n      }\n\n      a {\n        display: block;\n        margin: 16px 0;\n        color: ",";\n        text-decoration: none;\n      }\n\n      &::after {\n        position: absolute;\n        top: 50%;\n        right: 0;\n        content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      }\n    }\n  }\n"])),(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.gray800}));var je,Be,De,He,ze,Ue,Fe,Ge,Ye,Ve,Qe,Ze,qe,We,Ke,Xe,Je,$e,en=O.default.div($e||($e=e.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.theme.colors.secondaryBase}));function nn(){return T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M14.5 17L9.5 12L14.5 7",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))}function tn(){return T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))}function an(e){var n=e.siteType,t=e.type;return"helloSites"===n?T.default.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 12H20' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 6H20' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 18H20' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",style:{width:"24px",height:"24px"},alt:t}):T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}function on(n){var l,d,s=n.type,c=n.isStatic,p=n.isAmp,m=n.isDisplayed,h=n.siteType,g=n.isCollapsed,f=n.sitewideBannerShown,x=n.sitewideBanner,v=n.sitewideBannerClosed,b=n.setSitewideBannerClosed,E=n.isMobile,w=n.onMenuClick,_=n.menu,k=n.isSearchIconDisplayed,C=n.statics,L=C.DISCOVER_URL_FE,O=C.SSO_URL,S=C.HOME_PAGE_URL,I=C.CARE_URL_FE,A=n.basePath,M=n.languageMenu,N=n.enabledExperimentalCareHeader,P=n.onCareHeaderClick,R=n.logoType,j=n.locale,B=n.isInit,D=n.title,H=n.sponsorComponent,z=n.currentUrl,U=n.userInfo,F=n.currentPopupType,G=n.avatar,Y=n.profileMenu,V=n.isLoginButtonDisplayed,Q=n.goToLogin,Z=n.isSearchBarDisplay,q=n.searchPlaceholder,W=n.onSearchValueChanged,K=n.keyPressed,X=ie(),J=!!H,$=!!(null===(d=null===(l=null==H?void 0:H.props)||void 0===l?void 0:l.sponsoredBy)||void 0===d?void 0:d.length),ee=f&&!!x&&!v,ne=wn({isSiteWide:!!x&&!v,isShowingSiteWideBanner:ee,isSponsored:J,hasSponsoredBanners:$,isMobile:!0}),te=ne.headerRef,ae=ne.headerHeight;return T.default.createElement(T.default.Fragment,null,T.default.createElement(be,{"data-header-type":s,"data-collapsed":!c&&g,"data-with-search-input":"popup-sub-level"!==s,"data-is-displayed":m,"data-is-amp":p,"data-sponsored":J,"data-site-type":h,"data-sitewide-banner-shown":ee,id:"site-header",ref:te},x?T.default.isValidElement(x)?T.default.cloneElement(x,{isCollapsed:g,setBannerClosed:b,isAmp:p,isMobile:E}):x:null,T.default.createElement("div",{style:e.__assign(e.__assign({position:"relative",height:64,display:"flex",alignItems:"center",justifyContent:"helloSites"===h?"center":"flex-start",background:"white"},"marryBaby"===h?{paddingLeft:66}:{}),void 0!==M||N?{paddingLeft:N?48:64,gap:24,justifyContent:"unset"}:{})},T.default.createElement(Ee,null,T.default.createElement(we,{on:"tap:discover-amp-sidebar",role:"button",className:"menu-handler",tabIndex:0},T.default.createElement("div",{onClick:function(){return null==w?void 0:w("categories")}},"home"===s&&T.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},T.default.createElement(an,{siteType:h,type:s})),"popup"===s&&T.default.createElement(tn,null),"popup-sub-level"===s&&T.default.createElement(nn,null)),_),k&&"helloSites"===h&&"home"===s&&T.default.createElement(we,{style:{paddingRight:16}},T.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{paddingRight:16,paddingTop:8,position:"relative"},href:"".concat(S,"/search?s=&page=1")},T.default.createElement("img",{src:"".concat(A,"/images/search.svg"),style:{width:"24px",height:"24px"},alt:s}),T.default.createElement("input",{style:{width:"32px",height:"32px",position:"absolute",left:"-2px",bottom:"0",opacity:0,zIndex:1e4}})))),"popup"!==s&&T.default.createElement(Ne,{"data-is-profile":!0,className:B?"":"menu-handler-health-tools"},T.default.createElement("div",{className:"menu-handler-item"},k&&"marryBaby"===h&&"home"===s&&T.default.createElement(we,{style:{justifySelf:"flex-end"}},T.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{display:"flex"},href:"".concat(L,"/search?s=&page=1")},T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M3.31573 13.7811L3.94855 13.6326L3.31573 13.7811ZM3.31573 8.324L3.94855 8.47244L3.31573 8.324ZM18.7893 8.324L19.4221 8.17556L18.7893 8.324ZM18.7893 13.781L19.4221 13.9295L18.7893 13.781ZM13.781 18.7893L13.6326 18.1565L13.781 18.7893ZM8.324 18.7893L8.17556 19.4221L8.324 18.7893ZM8.324 3.31573L8.17556 2.6829L8.324 3.31573ZM13.781 3.31573L13.9295 2.6829L13.781 3.31573ZM20.5404 21.4596C20.7942 21.7135 21.2058 21.7135 21.4596 21.4596C21.7135 21.2058 21.7135 20.7942 21.4596 20.5404L20.5404 21.4596ZM3.94855 13.6326C3.55048 11.9356 3.55048 10.1695 3.94855 8.47244L2.6829 8.17556C2.23903 10.0679 2.23903 12.0372 2.68291 13.9295L3.94855 13.6326ZM18.1565 8.47244C18.5546 10.1695 18.5546 11.9356 18.1565 13.6326L19.4221 13.9295C19.866 12.0372 19.866 10.0679 19.4221 8.17556L18.1565 8.47244ZM13.6326 18.1565C11.9356 18.5546 10.1695 18.5546 8.47244 18.1565L8.17556 19.4221C10.0679 19.866 12.0372 19.866 13.9295 19.4221L13.6326 18.1565ZM8.47244 3.94855C10.1695 3.55048 11.9356 3.55048 13.6326 3.94855L13.9295 2.6829C12.0372 2.23903 10.0679 2.23903 8.17556 2.6829L8.47244 3.94855ZM8.47244 18.1565C6.22776 17.63 4.47508 15.8773 3.94855 13.6326L2.68291 13.9295C3.32219 16.6549 5.45019 18.7829 8.17556 19.4221L8.47244 18.1565ZM13.9295 19.4221C16.6549 18.7829 18.7829 16.6549 19.4221 13.9295L18.1565 13.6326C17.63 15.8773 15.8773 17.63 13.6326 18.1565L13.9295 19.4221ZM13.6326 3.94855C15.8773 4.47508 17.63 6.22775 18.1565 8.47244L19.4221 8.17556C18.7829 5.45019 16.6549 3.32219 13.9295 2.6829L13.6326 3.94855ZM8.17556 2.6829C5.45019 3.32219 3.32219 5.45018 2.6829 8.17556L3.94855 8.47244C4.47508 6.22775 6.22775 4.47508 8.47244 3.94855L8.17556 2.6829ZM16.8755 17.7948L20.5404 21.4596L21.4596 20.5404L17.7948 16.8755L16.8755 17.7948Z",fill:"#3E3F58"})),T.default.createElement("input",{style:{width:"32px",height:"32px",position:"absolute",left:"-2px",bottom:"0",opacity:0}}))),N&&T.default.createElement(T.default.Fragment,null,P?T.default.createElement(u.Button,{size:"sm",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:z,onClick:function(e){return P(e)}},X("login.booking")):T.default.createElement("a",{href:I,className:"care-button"},T.default.createElement(u.Button,{size:"sm",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:z},X("login.booking")))),(null==U?void 0:U.id)?T.default.createElement(Ie,{style:{position:"relative"}},T.default.createElement("div",{onClick:function(){return w&&w("profile")}},"profile"===F?T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})):G),Y):p?T.default.createElement("a",{"data-vars-event-category":"Sign Up","data-vars-event-action":"Button Click","data-vars-event-label":z,href:"".concat(O,"?returnUrl=").concat(z.replace("?amp=1","")),style:{textDecoration:"none"}},"vi-VN"===j?T.default.createElement(en,{onClick:Q},T.default.createElement("img",{src:y.img,className:"avatar",alt:"avatar"})):T.default.createElement(u.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",onClick:Q},X("navigation.loginJoin"))):V&&T.default.createElement("a",{"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":z},N?T.default.createElement(en,{onClick:Q},T.default.createElement("img",{src:y.img,className:"avatar",alt:"avatar"})):"helloSites"===h?T.default.createElement(u.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",onClick:Q},X("navigation.loginJoin")):T.default.createElement("div",{className:"login-btn-mobile",onClick:Q,style:{paddingLeft:16}},T.default.createElement(a.Text,{size:"p3"},X("navigation.loginJoin")))))),("home"===s||"popup"===s)&&T.default.createElement("a",{href:S||""},T.default.createElement(o.Logo,{type:R,height:"27px",width:"121px",style:{display:"flex"},badge:"id-ID"===j?T.default.createElement("img",{src:t.img,style:{width:56,height:23,maxWidth:56},width:"56",height:"23"}):void 0})),void 0!==M&&T.default.createElement(Me,{"data-is-active":!0,className:B?"":"menu-handler-language",onClick:function(){w&&w("language")}},M),D&&T.default.createElement(i.Heading,{className:"top-bar-header",tag:"h5"},D)),H?T.default.isValidElement(H)?T.default.cloneElement(H,{isCollapsed:g,locale:j,isMobile:E,isAmp:p}):H:null),Z?T.default.createElement(_e,{"data-header-type":s,"data-is-displayed":m,"data-sitewide-banner-shown":f&&!!x},T.default.createElement(r.PureInput,{style:{minHeight:"auto",minWidth:"100%",padding:"0 16px"},name:"search-input-"+s+(B?"":"-temp"),size:"md",placeholder:q,onChange:W,onKeyPress:K,type:"search",autoFocus:!1,displayIcon:T.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z",stroke:"#8C8C8C",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),T.default.createElement("path",{d:"M20 20L16 16",stroke:"#8C8C8C",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))})):T.default.createElement(T.default.Fragment,null,!p&&T.default.createElement("div",{style:{height:ae}})))}var ln,rn,dn,sn,cn,pn,un,mn,hn,gn,fn,xn,vn,yn,bn,En,wn=function(e){var t=e.hasSponsoredBanners,a=e.isSiteWide,i=e.isSponsored,o=e.isShowingSiteWideBanner,l=e.isMobile,r=n.useRef(null),d=n.useState(0),s=d[0],c=d[1],p=n.useCallback(E.debounce((function(){var e,n=(null===(e=r.current)||void 0===e?void 0:e.clientHeight)||0;window.scrollY<=n+30&&c(n)}),100),[]);n.useEffect((function(){return window.addEventListener("resize",p),window.addEventListener("scroll",p),function(){window.removeEventListener("resize",p),window.removeEventListener("scroll",p)}}),[]),n.useEffect((function(){p()}),[a,o,i,t,r.current]);var u=n.useMemo((function(){var e=l?64:69;return o&&(e+=64),i&&(e+=40),e}),[l,o,i]);return{headerHeight:s||u,headerRef:r}},_n=function(e){var a,i,l,s=e.siteType,c=e.basePath,p=e.statics,h=e.currentPopupType,g=void 0===h?"none":h,f=e.isDisplayed,x=void 0===f||f,v=e.isSearchBarDisplay,w=void 0===v||v,_=e.searchPlaceholder,k=void 0===_?"":_,C=e.openPopup,L=e.onTopBarAppears,O=e.onSearchChange,S=e.onSearchKeyPress,M=e.menu,N=e.isAmp,P=e.profileMenu,R=e.isMobile,j=void 0!==R&&R,B=e.isLoginButtonDisplayed,D=e.title,H=e.type,z=void 0===H?"home":H,U=e.onMenuClick,F=e.isStatic,G=void 0!==F&&F,Y=e.routerAsPath,V=e.locale,Q=e.userInfo,Z=e.marryBaby,q=(void 0===Z?{tone:"white"}:Z).tone,W=e.menuItems,K=void 0===W?[]:W,X=e.isInit,J=e.sitewideBanner,$=e.sitewideBannerShown,ee=void 0===$||$,ne=e.sponsorComponent,te=e.languageMenu,ae=e.isSearchIconDisplayed,oe=void 0!==ae&&ae,le=e.enabledExperimentalCareHeader,re=e.onCareHeaderClick,de=p.SSO_URL,se=p.HOME_PAGE_URL,ce=p.CARE_URL_FE,pe=ie(),ue=!!ne,me=n.useState(!1),he=me[0],ge=me[1],fe=n.useState(!1),xe=fe[0],ve=fe[1],ye=n.useState(!1),be=ye[0],Ee=ye[1],we=n.useState(X||!1),_e=we[0],Pe=we[1],Re=n.useRef(47),je=n.useRef(!1),Be=n.useRef(!1),De="helloSites"===s?"https://".concat(I[V]).concat(Y):"https://www.marrybaby.vn".concat(Y),He=n.useMemo((function(){var e=(null==Q?void 0:Q.name)||(null==Q?void 0:Q.username);return T.default.createElement(b.Avatar,{type:"rounded",size:"small",avatarUrl:null==Q?void 0:Q.avatar,firstLetter:e&&e.length?e[0].toUpperCase():"A",backgroundColor:"marryBaby"===s?m.theme.mbColors.pink:m.theme.colors.secondaryBase,isAmp:N})}),[null==Q?void 0:Q.username,null==Q?void 0:Q.name,null==Q?void 0:Q.avatar]),ze=function(){var e=window.location.href;window.location.href=de?"".concat(de,"?returnUrl=").concat(e):e},Ue="helloSites"===s?null===(a=A[V])||void 0===a?void 0:a.LOGO_TYPE:s,Fe="undefined"!=typeof window,Ge=function(e){null==O||O(e)},Ye=n.useCallback(E.throttle((function(){var e;if("home"===z){var n=window,t=null===(e=document.querySelector(".sticky-container"))||void 0===e?void 0:e.clientHeight;Fe&&n&&(n.scrollY>Re.current&&n.scrollY>64&&!je.current&&(je.current=!0,ge(!0)),n.scrollY<Re.current&&je.current&&(je.current=!1,ge(!1),t&&n.scrollY),n.scrollY<Re.current&&t&&n.scrollY,w?(n.scrollY<64&&n.scrollY<Re.current&&Be.current&&(Be.current=!1),n.scrollY>8&&n.scrollY>Re.current&&!Be.current&&(Be.current=!0)):Be.current=!0,n.scrollY>=0&&(Re.current=n.scrollY))}}),300),[]);n.useEffect((function(){null==L||L(!he)}),[he]);var Ve=function(e){var n,t;S&&S(e,null!==(t=null===(n=document.getElementById("search-input-"+z))||void 0===n?void 0:n.value)&&void 0!==t?t:"")};n.useEffect((function(){j&&Ye()}),[]),n.useEffect((function(){return window.addEventListener("scroll",Ye,{passive:!0}),function(){window.removeEventListener("scroll",Ye)}}),[]),n.useEffect((function(){Pe(!0)}),[]),n.useEffect((function(){"undefined"!=typeof window&&Ee(Boolean(be))}),[]);var Qe=T.default.createElement(T.default.Fragment,null,K.find((function(e){return"categories"===e.id}))&&T.default.createElement(Me,{"data-is-active":"categories"===g,className:_e?"":"menu-handler-categories",tabIndex:0,onClick:function(){null==C||C("categories"),setTimeout((function(){var e,n;null===(n=null===(e=document.getElementsByClassName("top-menu-categories"))||void 0===e?void 0:e[0])||void 0===n||n.focus()}),100)}},T.default.createElement("div",{className:"menu-handler-item"},pe("home.navigator.menuItem.discover"),T.default.createElement(Ae,null,T.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"categories"===g&&T.default.createElement("div",null,M)),K.find((function(e){return"healthTools"===e.id}))&&T.default.createElement(Me,{"data-is-active":"tools"===g,className:_e?"":"menu-handler-health-tools",tabIndex:0},T.default.createElement("div",{className:"menu-handler-item",onClick:function(){C&&C("tools")}},pe("home.navigator.menuItem.healthTools"),T.default.createElement(Ae,null,T.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"tools"===g&&T.default.createElement("div",null,M)),K.find((function(e){return"care"===e.id}))&&!le&&T.default.createElement(Me,{"data-is-active":"care"===g,className:_e?"":"menu-handler-care-specialties",tabIndex:0},T.default.createElement("div",{className:"menu-handler-item",onClick:function(){C&&C("care")}},pe("home.navigator.menuItem.helloCare"),T.default.createElement(Ae,null,T.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"care"===g&&T.default.createElement("div",null,M)),K.find((function(e){return"together"===e.id}))&&T.default.createElement(Me,{"data-is-active":"communities"===g,className:_e?"":"menu-handler-communities",tabIndex:0},T.default.createElement("div",{className:"menu-handler-item",onClick:function(){C&&C("communities")}},pe("home.navigator.menuItem.helloTogether"),T.default.createElement(Ae,null,T.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"communities"===g&&T.default.createElement("div",null,M))),Ze=!!(null===(l=null===(i=null==ne?void 0:ne.props)||void 0===i?void 0:i.sponsoredBy)||void 0===l?void 0:l.length),qe=ee&&!!J&&!xe,We=wn({isSiteWide:!!J&&!xe,isShowingSiteWideBanner:qe,isSponsored:ue,hasSponsoredBanners:Ze}),Ke=We.headerRef,Xe=We.headerHeight;return j?T.default.createElement(on,{type:z,isStatic:G,isAmp:N,isDisplayed:x,siteType:s,isCollapsed:he,sitewideBannerShown:ee,sitewideBanner:J,sitewideBannerClosed:xe,setSitewideBannerClosed:ve,isMobile:j,onMenuClick:U,menu:M,isSearchIconDisplayed:oe,statics:p,basePath:c,languageMenu:te,enabledExperimentalCareHeader:le,logoType:Ue,locale:V,isInit:_e,title:D,sponsorComponent:ne,currentUrl:De,userInfo:Q,currentPopupType:g,avatar:He,profileMenu:P,isLoginButtonDisplayed:B,goToLogin:ze,isSearchBarDisplay:w,searchPlaceholder:k,onSearchValueChanged:Ge,keyPressed:Ve}):T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{style:{height:Xe}}),T.default.createElement(ke,{ref:Ke,"data-site-type":s,"data-marry-baby-tone":"marryBaby"===s&&q,"data-sponsored":ue,"data-sitewide-banner-shown":qe},J?T.default.isValidElement(J)?T.default.cloneElement(J,{isCollapsed:he,setBannerClosed:ve}):J:null,T.default.createElement(d.Container,{style:{height:69,padding:"0 16px"},type:s},T.default.createElement(Ce,null,T.default.createElement(Te,null,T.default.createElement("a",{href:se},T.default.createElement(Le,{"data-is-having-border":"helloSites"===s},T.default.createElement(o.Logo,{style:{display:"flex"},type:Ue,height:"27px",width:"121px",badge:"id-ID"===V?T.default.createElement("img",{src:t.img,style:{width:56,height:23,maxWidth:56},width:"56",height:"23"}):void 0}))),w&&"helloSites"===s&&T.default.createElement(Oe,{"data-header-type":z,"data-is-displayed":x,"data-sitewide-banner-shown":ee&&!!J},T.default.createElement(r.PureInput,{style:{minHeight:"32px",maxHeight:"32px",minWidth:"100%",backgroundColor:m.theme.colors.white},name:"search-input-"+z+(_e?"":"-temp"),autoFocus:!1,size:"sm",placeholder:k,onChange:Ge,onKeyPress:Ve,displayIcon:T.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{width:"24px",height:"24px",transform:"scale(0.8)"}},T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.875 11C4.875 7.61726 7.61726 4.875 11 4.875C14.3827 4.875 17.125 7.61726 17.125 11C17.125 14.3827 14.3827 17.125 11 17.125C7.61726 17.125 4.875 14.3827 4.875 11ZM11 3.125C6.65076 3.125 3.125 6.65076 3.125 11C3.125 15.3492 6.65076 18.875 11 18.875C12.8594 18.875 14.5683 18.2306 15.9155 17.1529L19.3813 20.6187C19.723 20.9604 20.277 20.9604 20.6187 20.6187C20.9604 20.277 20.9604 19.723 20.6187 19.3813L17.1529 15.9155C18.2306 14.5683 18.875 12.8594 18.875 11C18.875 6.65076 15.3492 3.125 11 3.125Z",fill:"#8C8C8C"})))})),"marryBaby"===s&&T.default.createElement("div",{style:{marginLeft:28,display:"flex"}},Qe)),T.default.createElement(Se,null,"helloSites"===s&&Qe,w&&"marryBaby"===s&&T.default.createElement(Oe,{"data-header-type":z,"data-is-displayed":x,"data-is-styled-borderless":"marryBaby"===s,"data-marry-baby-theme":q},T.default.createElement(r.PureInput,{style:{minHeight:"40px",maxHeight:"40px",minWidth:"100%",borderRadius:16},name:"search-input-"+z+(_e?"":"-temp"),autoFocus:!1,size:"sm",placeholder:k,onChange:Ge,onKeyPress:Ve,displayIcon:T.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{width:"24px",height:"24px"}},T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M3.31573 13.7811L3.94855 13.6326L3.31573 13.7811ZM3.31573 8.324L3.94855 8.47244L3.31573 8.324ZM18.7893 8.324L19.4221 8.17556L18.7893 8.324ZM18.7893 13.781L19.4221 13.9295L18.7893 13.781ZM13.781 18.7893L13.6326 18.1565L13.781 18.7893ZM8.324 18.7893L8.17556 19.4221L8.324 18.7893ZM8.324 3.31573L8.17556 2.6829L8.324 3.31573ZM13.781 3.31573L13.9295 2.6829L13.781 3.31573ZM20.5404 21.4596C20.7942 21.7135 21.2058 21.7135 21.4596 21.4596C21.7135 21.2058 21.7135 20.7942 21.4596 20.5404L20.5404 21.4596ZM3.94855 13.6326C3.55048 11.9356 3.55048 10.1695 3.94855 8.47244L2.6829 8.17556C2.23903 10.0679 2.23903 12.0372 2.68291 13.9295L3.94855 13.6326ZM18.1565 8.47244C18.5546 10.1695 18.5546 11.9356 18.1565 13.6326L19.4221 13.9295C19.866 12.0372 19.866 10.0679 19.4221 8.17556L18.1565 8.47244ZM13.6326 18.1565C11.9356 18.5546 10.1695 18.5546 8.47244 18.1565L8.17556 19.4221C10.0679 19.866 12.0372 19.866 13.9295 19.4221L13.6326 18.1565ZM8.47244 3.94855C10.1695 3.55048 11.9356 3.55048 13.6326 3.94855L13.9295 2.6829C12.0372 2.23903 10.0679 2.23903 8.17556 2.6829L8.47244 3.94855ZM8.47244 18.1565C6.22776 17.63 4.47508 15.8773 3.94855 13.6326L2.68291 13.9295C3.32219 16.6549 5.45019 18.7829 8.17556 19.4221L8.47244 18.1565ZM13.9295 19.4221C16.6549 18.7829 18.7829 16.6549 19.4221 13.9295L18.1565 13.6326C17.63 15.8773 15.8773 17.63 13.6326 18.1565L13.9295 19.4221ZM13.6326 3.94855C15.8773 4.47508 17.63 6.22775 18.1565 8.47244L19.4221 8.17556C18.7829 5.45019 16.6549 3.32219 13.9295 2.6829L13.6326 3.94855ZM8.17556 2.6829C5.45019 3.32219 3.32219 5.45018 2.6829 8.17556L3.94855 8.47244C4.47508 6.22775 6.22775 4.47508 8.47244 3.94855L8.17556 2.6829ZM16.8755 17.7948L20.5404 21.4596L21.4596 20.5404L17.7948 16.8755L16.8755 17.7948Z",fill:"#3E3F58"})))})),void 0!==te&&T.default.createElement(Me,{"data-is-active":!0,className:_e?"":"menu-handler-language",onClick:function(){C&&C("language")}},te),T.default.createElement(Ne,{"data-is-active":"profile"===g,"data-is-profile":!0,className:_e?"":"menu-handler-health-tools",tabIndex:0},T.default.createElement("div",{className:"menu-handler-item"},le&&T.default.createElement(T.default.Fragment,null,re?T.default.createElement(u.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:De,onClick:function(e){return re(e)}},pe("login.booking")):T.default.createElement("a",{href:ce,className:"care-button no-replace-click"},T.default.createElement(u.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:De},pe("login.booking")))),(null==Q?void 0:Q.id)?T.default.createElement(Ie,{style:{position:"relative"}},T.default.createElement("div",{onClick:function(){return C&&C("profile")}},He),P):B&&T.default.createElement("a",{"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":De},le?T.default.createElement(en,{onClick:ze},T.default.createElement("img",{src:y.img,className:"avatar",alt:"avatar"})):"helloSites"===s?T.default.createElement(u.Button,{size:"md",color:"secondary",onClick:ze},pe("navigation.loginJoin")):T.default.createElement(u.Button,{size:"md",color:"secondary",theme:"marryBaby",onClick:ze},pe("navigation.loginJoin")))))))),ne?T.default.isValidElement(ne)?T.default.cloneElement(ne,{isCollapsed:he,locale:V,isMobile:j,isAmp:N}):ne:null))},kn=O.default.div(ln||(ln=e.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"]))),Cn=O.default.div(rn||(rn=e.__makeTemplateObject(["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  margin-top: 16px;\n"],["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  margin-top: 16px;\n"]))),Tn=O.default.div(dn||(dn=e.__makeTemplateObject(["\n  & > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n"],["\n  & > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.neutral100})),Ln=O.default.div(sn||(sn=e.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px;\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px;\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),On=O.default.div(cn||(cn=e.__makeTemplateObject([""],[""]))),Sn=O.default.div(pn||(pn=e.__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"]))),In=O.default.div(un||(un=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  "," {\n    padding: 8px;\n  }\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  "," {\n    padding: 8px;\n  }\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"])),l.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),An=O.default.div(mn||(mn=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),Mn=O.default.div(hn||(hn=e.__makeTemplateObject(["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])),Z),Nn=O.default.div(gn||(gn=e.__makeTemplateObject(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),q,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),Pn=O.default.div(fn||(fn=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n\n  > :first-child {\n    flex: 2;\n  }\n\n  > :not(:first-child) {\n    flex: 1;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n\n  > :first-child {\n    flex: 2;\n  }\n\n  > :not(:first-child) {\n    flex: 1;\n  }\n"]))),Rn=O.default.div(xn||(xn=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"]))),jn=O.default.div(vn||(vn=e.__makeTemplateObject(["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),Bn=O.default.div(yn||(yn=e.__makeTemplateObject(["\n  display: none;\n"],["\n  display: none;\n"]))),Dn=O.default.div(bn||(bn=e.__makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),Hn=O.default.div(En||(En=e.__makeTemplateObject(["\n  height: 1px;\n  flex: 1;\n  margin: 0 16px;\n  background-color: ",";\n"],["\n  height: 1px;\n  flex: 1;\n  margin: 0 16px;\n  background-color: ",";\n"])),(function(e){return e.theme.mbColors.lightGray})),zn=O.default.div(Kn||(Kn=e.__makeTemplateObject(["\n  position: fixed;\n  z-index: 200;\n  top: 0;\n  width: 100vw;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: scroll;\n\n  &[data-opened='false'] {\n    left: -100%;\n    //transition: left 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: leftDisappears;\n  }\n\n  &[data-opened='undefined'] {\n    left: -100%;\n  }\n\n  &[data-opened='true'] {\n    left: 0;\n    //transition: left 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: leftAppears;\n  }\n\n  &[data-sub-level-opened='false'] {\n    right: -100%;\n    //transition: right 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: rightDisappears;\n  }\n\n  &[data-sub-level-opened='undefined'] {\n    right: -100%;\n  }\n\n  &[data-sub-level-opened='true'] {\n    right: 0;\n    //transition: right 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: rightAppears;\n  }\n"],["\n  position: fixed;\n  z-index: 200;\n  top: 0;\n  width: 100vw;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: scroll;\n\n  &[data-opened='false'] {\n    left: -100%;\n    //transition: left 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: leftDisappears;\n  }\n\n  &[data-opened='undefined'] {\n    left: -100%;\n  }\n\n  &[data-opened='true'] {\n    left: 0;\n    //transition: left 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: leftAppears;\n  }\n\n  &[data-sub-level-opened='false'] {\n    right: -100%;\n    //transition: right 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: rightDisappears;\n  }\n\n  &[data-sub-level-opened='undefined'] {\n    right: -100%;\n  }\n\n  &[data-sub-level-opened='true'] {\n    right: 0;\n    //transition: right 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: rightAppears;\n  }\n"]))),Un=O.default.div(Xn||(Xn=e.__makeTemplateObject(["\n  position: relative;\n  top: 0;\n\n  display: flex;\n  width: 100vw;\n  min-height: 100%;\n  flex-direction: column;\n\n  background-color: ",";\n  overflow-x: hidden;\n\n  &[data-type='category'] {\n    z-index: 300;\n\n    // momentum scrolling IOS will display under layer if not doing this\n    &[data-is-sub-category-opened='true'] {\n      animation-duration: 0.2s;\n      animation-name: fading;\n    }\n  }\n\n  &[data-type='sub-category'] {\n    z-index: 400;\n  }\n\n  .category-button {\n    border: none;\n  }\n"],["\n  position: relative;\n  top: 0;\n\n  display: flex;\n  width: 100vw;\n  min-height: 100%;\n  flex-direction: column;\n\n  background-color: ",";\n  overflow-x: hidden;\n\n  &[data-type='category'] {\n    z-index: 300;\n\n    // momentum scrolling IOS will display under layer if not doing this\n    &[data-is-sub-category-opened='true'] {\n      animation-duration: 0.2s;\n      animation-name: fading;\n    }\n  }\n\n  &[data-type='sub-category'] {\n    z-index: 400;\n  }\n\n  .category-button {\n    border: none;\n  }\n"])),(function(e){return e.theme.colors.white})),Fn=O.default.div(Jn||(Jn=e.__makeTemplateObject(["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"],["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"]))),Gn=O.default.div($n||($n=e.__makeTemplateObject(["\n  display: flex;\n\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n\n  padding-top: 0px;\n  //position: absolute;\n\n  //top: 0px;\n\n  //z-index: -1;\n\n  background-color: ",";\n\n  &[data-type='sub-level'] {\n    padding: 4px 16px 16px;\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    justify-self: flex-start;\n  }\n\n  &[data-with-search-input='false'] {\n    //padding-top: 64px;\n  }\n"],["\n  display: flex;\n\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n\n  padding-top: 0px;\n  //position: absolute;\n\n  //top: 0px;\n\n  //z-index: -1;\n\n  background-color: ",";\n\n  &[data-type='sub-level'] {\n    padding: 4px 16px 16px;\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    justify-self: flex-start;\n  }\n\n  &[data-with-search-input='false'] {\n    //padding-top: 64px;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.white})),Yn=O.default.div(et||(et=e.__makeTemplateObject(["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"]))),Vn=O.default.div(nt||(nt=e.__makeTemplateObject(["\n  position: relative;\n\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  flex-direction: column;\n\n  overflow-y: scroll;\n"],["\n  position: relative;\n\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  flex-direction: column;\n\n  overflow-y: scroll;\n"]))),Qn=O.default.div(tt||(tt=e.__makeTemplateObject(["\n  flex: 1;\n  padding: 16px;\n  background-color: ",";\n"],["\n  flex: 1;\n  padding: 16px;\n  background-color: ",";\n"])),(function(e){return e.theme.colors.white}));O.default.div(at||(at=e.__makeTemplateObject(["\n  margin-top: 64px;\n"],["\n  margin-top: 64px;\n"])));var Zn=O.default.div(it||(it=e.__makeTemplateObject(["\n  background-color: ",";\n\n  &[data-is-sub-category-opened='true'] {\n    display: none;\n  }\n\n  &[data-hide-on-search='true'] {\n    display: none;\n  }\n"],["\n  background-color: ",";\n\n  &[data-is-sub-category-opened='true'] {\n    display: none;\n  }\n\n  &[data-hide-on-search='true'] {\n    display: none;\n  }\n"])),(function(e){return e.theme.colors.white}));O.default.div(ot||(ot=e.__makeTemplateObject(["\n  padding: 24px 0;\n"],["\n  padding: 24px 0;\n"])));var qn=O.default.div(lt||(lt=e.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"])));O.default.div(rt||(rt=e.__makeTemplateObject(["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])),Z),O.default.div(dt||(dt=e.__makeTemplateObject(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),q,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),O.default.div(st||(st=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"]))),O.default.div(ct||(ct=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"]))),O.default.div(pt||(pt=e.__makeTemplateObject(["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"],["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),O.default.div(ut||(ut=e.__makeTemplateObject(["\n  display: none;\n"],["\n  display: none;\n"]))),O.default.div(mt||(mt=e.__makeTemplateObject(["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"],["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),O.default.div(ht||(ht=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink}));var Wn=O.default.div(gt||(gt=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"])));O.default.div(ft||(ft=e.__makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),O.default.div(xt||(xt=e.__makeTemplateObject(["\n  display: block;\n"],["\n  display: block;\n"]))),O.default.div(vt||(vt=e.__makeTemplateObject(["\n  .amp-sidebar {\n    width: 100vw;\n\n    background-color: ",";\n  }\n\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"],["\n  .amp-sidebar {\n    width: 100vw;\n\n    background-color: ",";\n  }\n\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"])),(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.gray800}));var Kn,Xn,Jn,$n,et,nt,tt,at,it,ot,lt,rt,dt,st,ct,pt,ut,mt,ht,gt,ft,xt,vt,yt,bt,Et,wt,_t,kt,Ct=O.default.div(yt||(yt=e.__makeTemplateObject(["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"],["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"])),(function(e){return e.theme.mbColors.pink})),Tt=O.default.div(bt||(bt=e.__makeTemplateObject(["\n  .fake-search-input {\n    margin-bottom: 24px;\n    pointer-events: none;\n  }\n"],["\n  .fake-search-input {\n    margin-bottom: 24px;\n    pointer-events: none;\n  }\n"]))),Lt=function(){return T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"}))},Ot=O.default.div(Et||(Et=e.__makeTemplateObject(["\n  amp-sidebar {\n    width: 100vw;\n    max-width: 100vw;\n    background-color: ",";\n  }\n\n  .nav-card {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    span {\n      margin-top: 4px;\n      font-size: 13px;\n      font-weight: ",";\n    }\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: ",";\n    }\n  }\n\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    > div:first-child > amp-img {\n      margin-left: 1rem;\n    }\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      position: relative;\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      &.health-tool {\n        display: flex;\n        align-items: center;\n\n        amp-img {\n          margin-right: 1rem;\n        }\n        + li {\n          border-top: none;\n        }\n\n        a {\n          display: flex;\n          align-items: center;\n        }\n      }\n\n      a {\n        display: block;\n        margin: 16px 0;\n        color: ",";\n        text-decoration: none;\n      }\n\n      &:not(.spotlight-li)::after {\n        position: absolute;\n        top: 50%;\n        right: 0;\n        content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      }\n    }\n  }\n"],["\n  amp-sidebar {\n    width: 100vw;\n    max-width: 100vw;\n    background-color: ",";\n  }\n\n  .nav-card {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    span {\n      margin-top: 4px;\n      font-size: 13px;\n      font-weight: ",";\n    }\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: ",";\n    }\n  }\n\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    > div:first-child > amp-img {\n      margin-left: 1rem;\n    }\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      position: relative;\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      &.health-tool {\n        display: flex;\n        align-items: center;\n\n        amp-img {\n          margin-right: 1rem;\n        }\n        + li {\n          border-top: none;\n        }\n\n        a {\n          display: flex;\n          align-items: center;\n        }\n      }\n\n      a {\n        display: block;\n        margin: 16px 0;\n        color: ",";\n        text-decoration: none;\n      }\n\n      &:not(.spotlight-li)::after {\n        position: absolute;\n        top: 50%;\n        right: 0;\n        content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      }\n    }\n  }\n"])),(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.gray800})),St=O.default.a(wt||(wt=e.__makeTemplateObject(["\n  position: relative;\n  margin: 0 16px 24px;\n  display: block;\n  text-decoration: none;\n\n  svg {\n    position: absolute;\n    left: 12px;\n    top: 12px;\n  }\n\n  .amp-search-input {\n    border: 1px solid ",";\n    height: 48px;\n    border-radius: 6px;\n    background-color: ",";\n    padding-left: 48px;\n  }\n"],["\n  position: relative;\n  margin: 0 16px 24px;\n  display: block;\n  text-decoration: none;\n\n  svg {\n    position: absolute;\n    left: 12px;\n    top: 12px;\n  }\n\n  .amp-search-input {\n    border: 1px solid ",";\n    height: 48px;\n    border-radius: 6px;\n    background-color: ",";\n    padding-left: 48px;\n  }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.white})),It=function(e){var n=e.locale,a=e.categoriesSSR,l=e.healthToolsSSR,r=e.spotlightsSSR,d=e.serviceUrls,s=e.together,c=e.care,p=e.basePath,u=e.searchPlaceholder,m=ie();return T.default.createElement(Ot,null,T.default.createElement("amp-sidebar",{id:"discover-amp-sidebar",layout:"nodisplay",style:{width:"100vw",maxWidth:"100vw"}},T.default.createElement("amp-nested-menu",{layout:"fill"},T.default.createElement("ul",{style:{paddingBottom:24}},T.default.createElement("div",{className:"amp__menu-header"},T.default.createElement(Pe,{on:"tap:discover-amp-sidebar.close",role:"button",tabIndex:1},T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),T.default.createElement("div",{className:"logo"},T.default.createElement(o.Logo,{height:"32px",width:"121px",type:A.LOGO_TYPE,isAmp:!0,badge:"id-ID"===n?T.default.createElement("amp-img",{src:t.img,width:"56",height:"23"}):void 0})),T.default.createElement("div",null)),T.default.createElement(St,{href:"/search"},T.default.createElement(Lt,null),T.default.createElement("input",{className:"amp-search-input",type:"text",placeholder:u,readOnly:!0})),T.default.createElement("div",{className:"categories__spotlight"},T.default.createElement(Re,{on:"tap:AMP.setState({healthToolsActive: true})",className:"nav-card active","data-amp-bind-class":"healthToolsActive ? 'nav-card active' : 'nav-card not-active'",role:"button",tabIndex:1},T.default.createElement("amp-img",{src:t.img$1,width:"48",height:"48"}),T.default.createElement("span",null,m("home.navigator.menuItem.discover"))),T.default.createElement(Re,{role:"button",tabIndex:1,className:"nav-card",on:"tap:AMP.setState({healthToolsActive: false})","data-amp-bind-class":"healthToolsActive ? 'nav-card not-active' : 'nav-card active'"},T.default.createElement("amp-img",{src:t.img$2,width:"48",height:"48"}),T.default.createElement("span",null,m("home.navigator.menuItem.healthTools"))),s.TOGETHER_MENU_COUNTRIES_ENABLED.includes(n)&&T.default.createElement("a",{href:d.TOGETHER_URL_FE},T.default.createElement(Re,{role:"button",tabIndex:1,className:"nav-card",on:"tap:AMP.setState({healthToolsActive: false})"},T.default.createElement("amp-img",{src:t.img$4,width:"48",height:"48"}),T.default.createElement("span",null,m("home.navigator.menuItem.together")))),c.CARE_MENU_COUNTRIES_ENABLED.includes(n)&&T.default.createElement("a",{href:d.CARE_URL_FE},T.default.createElement(Re,{role:"button",tabIndex:1,className:"nav-card"},T.default.createElement("amp-img",{src:t.img$3,width:"48",height:"48"}),T.default.createElement("span",null,m("home.navigator.menuItem.helloCare"))))),T.default.createElement("ul",{className:"categories","data-amp-bind-hidden":"!healthToolsActive",style:{marginBottom:24}},T.default.createElement(i.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:24}},m("home.navigator.menuItem.discover")),a&&a.length>1&&a.map((function(e){return T.default.createElement("li",{key:e.name},T.default.createElement("a",{href:e.permalink},e.displayName))})),T.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(d.DISCOVER_URL_FE,"/categories/")},T.default.createElement(In,{key:"all-categories"},m("home.navigator.menuItem.allCategories"),T.default.createElement(Wn,null,T.default.createElement("amp-img",{src:"".concat(p,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},height:"16",width:"16",alt:m("home.navigator.menuItem.allCategories")}))))),T.default.createElement("ul",{className:"categories","data-amp-bind-hidden":"!healthToolsActive"},T.default.createElement(i.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:24}},m("home.navigator.menuItem.spotlights")),r&&r.length>0&&r.map((function(e){return T.default.createElement("li",{key:e.id,className:"spotlight-li"},T.default.createElement("a",{href:e.permalink},e.name))})),T.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(d.DISCOVER_URL_FE,"/spotlight/")},T.default.createElement(In,{key:"all-spotlight"},m("home.navigator.menuItem.allSpotlight"),T.default.createElement(Wn,null,T.default.createElement("amp-img",{src:"".concat(p,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},height:"16",width:"16",alt:m("home.navigator.menuItem.allSpotlight")}))))),T.default.createElement("ul",{className:"categories","data-amp-bind-hidden":"healthToolsActive",hidden:!0},l&&l.length>1&&l.map((function(e,n){return e.healthTools&&e.healthTools.length>0&&T.default.createElement(T.default.Fragment,{key:n},T.default.createElement(i.Heading,{tag:"h4",fontWeight:"bold"},e.name),e.healthTools.map((function(e){return T.default.createElement("li",{key:e.title,className:"health-tool"},T.default.createElement("a",{href:e.link},T.default.createElement("amp-img",{width:"32",height:"32",src:e.icon}),T.default.createElement("span",null,e.title)))})))})))))))},At=O.default.footer(_t||(_t=e.__makeTemplateObject(["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image {\n      width: 10%;\n      align-self: flex-start;\n\n      img {\n        max-width: 100px;\n        margin-bottom: 16px;\n\n        "," {\n          margin-bottom: 0px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image {\n      width: 10%;\n      align-self: flex-start;\n\n      img {\n        max-width: 100px;\n        margin-bottom: 16px;\n\n        "," {\n          margin-bottom: 0px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),l.MediaQueries.mbDown,l.MediaQueries.mbDown,l.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.neutral500}),l.MediaQueries.mbUp,l.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),l.MediaQueries.mbUp,l.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),l.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),l.MediaQueries.mbDown,l.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),l.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),l.MediaQueries.mbDown,l.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),l.MediaQueries.mbDown,l.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),l.MediaQueries.mbUp),Mt=O.default.div(kt||(kt=e.__makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"]))),Nt=function(e){var n=e.url,t=e.isMobile,a=e.dataEventCategory,i=e.dataEventAction,o=e.dataEventLabel;return T.default.createElement(Mt,{"data-is-mobile":t},T.default.createElement("img",{className:"country-flag",src:n,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":o}))},Pt=function(e){var n,t,i,o,l,r,s,c,p,h,g,f,x,v,y,b,E,w,_,k,C,L,O,S,A,M,N,P,R,j,B,D,H,z,U,F=e.className,G=e.type,Y=void 0===G?"main":G,V=e.footerInfo,Q=e.isMobile,Z=e.locale,q=e.isAmp,W=ie(),K=null==V?void 0:V.menu;return T.default.createElement(At,{as:q&&"mini"===Y?"div":"footer",className:F,style:"mini"===Y?{backgroundColor:m.theme.colors.neutral50}:{},"next-page-hide":!0},T.default.createElement(d.Container,null,T.default.createElement("div",{className:"inner","data-type":Y,"next-page-hide":""},"main"===Y?T.default.createElement(T.default.Fragment,null,T.default.createElement("a",{href:"/"},q?(null===(t=null==V?void 0:V.general)||void 0===t?void 0:t.logo)?T.default.createElement("amp-img",{src:null===(i=null==V?void 0:V.general)||void 0===i?void 0:i.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:T.default.createElement("img",{className:"footer-logo",src:null===(n=null==V?void 0:V.general)||void 0===n?void 0:n.logo,alt:"Logo","data-is-sehat":"id-ID"===Z})),T.default.createElement("div",{className:"columns"},T.default.createElement("div",{className:"newsletter"},T.default.createElement(a.Text,{size:"p1",type:"bold"},null===(o=null==V?void 0:V.general)||void 0===o?void 0:o.content),T.default.createElement(u.Button,{className:"signupButton",color:"primary",size:"lg"},W("footer.signUp")),T.default.createElement("div",{className:"social"},T.default.createElement(a.Text,{size:"sm",type:"regular"},null===(l=null==V?void 0:V.social)||void 0===l?void 0:l.title),T.default.createElement("div",{className:"icons"},null===(s=null===(r=null==V?void 0:V.social)||void 0===r?void 0:r.socials)||void 0===s?void 0:s.map((function(e,n){return T.default.createElement("a",{key:n,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},q?T.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):T.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon"}))}))),T.default.createElement("hr",{className:"hrMobile"}))),T.default.createElement("div",null,K&&T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{className:"biglinks"},null===(p=null===(c=K[0])||void 0===c?void 0:c.items)||void 0===p?void 0:p.map((function(e,n){return T.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(I[Z]).concat(e.url),className:"bigLink",key:n,href:e.url},e.title)}))),T.default.createElement("hr",{className:"hrMobile"}),T.default.createElement("div",{className:"mHalf"},T.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(h=K[1])||void 0===h?void 0:h.menu_title),null===(f=null===(g=K[1])||void 0===g?void 0:g.items)||void 0===f?void 0:f.map((function(e,n){return T.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(I[Z]).concat(e.url),className:"link",href:e.url,key:n},T.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(I[Z]).concat(e.url)},e.title))}))),T.default.createElement("div",{className:"mHalf"},T.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(x=K[2])||void 0===x?void 0:x.menu_title),null===(y=null===(v=K[2])||void 0===v?void 0:v.items)||void 0===y?void 0:y.map((function(e,n){return e.url&&T.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:n},T.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!q&&T.default.createElement(T.default.Fragment,null,T.default.createElement("hr",{className:"hrMobile"}),T.default.createElement("div",{className:"otherSites"},T.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(b=null==V?void 0:V.branch)||void 0===b?void 0:b.title),T.default.createElement("div",{className:"flags"},null===(w=null===(E=null==V?void 0:V.branch)||void 0===E?void 0:E.branch)||void 0===w?void 0:w.map((function(e,n){return T.default.createElement("a",{className:"link",href:e.url,key:n,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},T.default.createElement(Nt,{url:e.flag,isMobile:Q,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url}))}))))))),T.default.createElement("hr",null),T.default.createElement("div",{className:"copyright","data-is-amp":q||void 0},(null===(_=null==V?void 0:V.general)||void 0===_?void 0:_.verified)&&T.default.createElement("a",{href:null===(C=null===(k=null==V?void 0:V.general)||void 0===k?void 0:k.verified[0])||void 0===C?void 0:C.url,className:"copyright-image"},q?T.default.createElement("amp-img",{src:null===(O=null===(L=null==V?void 0:V.general)||void 0===L?void 0:L.verified[0])||void 0===O?void 0:O.image,alt:"DMCA Icon",width:"100",height:"36"}):T.default.createElement("img",{src:null===(A=null===(S=null==V?void 0:V.general)||void 0===S?void 0:S.verified[0])||void 0===A?void 0:A.image,alt:"DMCA Icon"})),T.default.createElement(a.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(M=null==V?void 0:V.general)||void 0===M?void 0:M.copyright)),"vi-VN"===Z&&T.default.createElement(a.Text,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):T.default.createElement(T.default.Fragment,null,(null==V?void 0:V.menu)&&T.default.createElement("div",{className:"columns"},T.default.createElement("div",{className:"mHalf"},T.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(N=null==V?void 0:V.menu[1])||void 0===N?void 0:N.menu_title),null===(R=null===(P=null==V?void 0:V.menu[1])||void 0===P?void 0:P.items)||void 0===R?void 0:R.map((function(e){return T.default.createElement("a",{className:"link",href:e.url,key:e.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":e.title,"data-content-id":"https://".concat(I[Z]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(I[Z]).concat(e.url)},T.default.createElement(a.Text,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(I[Z]).concat(e.url),size:"sm",type:"regular",style:{color:m.theme.colors.gray800}},e.title))}))),T.default.createElement("div",{className:"mHalf"},T.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(j=null==V?void 0:V.menu[2])||void 0===j?void 0:j.menu_title),null===(D=null===(B=null==V?void 0:V.menu[2])||void 0===B?void 0:B.items)||void 0===D?void 0:D.map((function(e,n){return T.default.createElement("a",{className:"link",href:e.url,key:n,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":e.title,"data-content-id":e.url,"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url},T.default.createElement(a.Text,{size:"sm",type:"regular",style:{color:m.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!q&&"mini"!==Y&&T.default.createElement("hr",{className:"hrMobile"}),T.default.createElement("div",{className:"newsletter"},T.default.createElement("div",{className:"social"},T.default.createElement(a.Text,{size:"sm",type:"regular"},null===(H=null==V?void 0:V.social)||void 0===H?void 0:H.title),T.default.createElement("div",{className:"icons"},null===(U=null===(z=null==V?void 0:V.social)||void 0===z?void 0:z.socials)||void 0===U?void 0:U.map((function(e,n){return T.default.createElement("a",{key:n,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},q?T.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):T.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon"}))}))))))))))};O.default((function(n){var t=n.type,a=e.__rest(n,["type"]);return T.default.createElement(t,a)}))(Rt||(Rt=e.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"],["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"])),(function(e){return e.theme.mbColors.dark}));var Rt,jt,Bt=O.default.p(jt||(jt=e.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"],["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"])),(function(e){return e.theme.mbColors.dark})),Dt=function(n){var t=n.type,a=n.color,i=n.style,o=e.__rest(n,["type","color","style"]);return T.default.createElement(Bt,e.__assign({"data-type":t,style:e.__assign(e.__assign({},i),a&&{"--text-color":a})},o))};O.default.footer(Ht||(Ht=e.__makeTemplateObject(["\n  position: relative;\n  background: ",";\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    margin-bottom: 24px;\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        font-size: 19px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    p {\n      color: ",";\n    }\n\n    img {\n      max-width: 100px;\n      margin-bottom: 16px;\n\n      "," {\n        margin-bottom: 0px;\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 19px;\n    font-weight: ",";\n    text-decoration: none;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    "," {\n      margin-bottom: 8px;\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  position: relative;\n  background: ",";\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    margin-bottom: 24px;\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        font-size: 19px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    p {\n      color: ",";\n    }\n\n    img {\n      max-width: 100px;\n      margin-bottom: 16px;\n\n      "," {\n        margin-bottom: 0px;\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 19px;\n    font-weight: ",";\n    text-decoration: none;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    "," {\n      margin-bottom: 8px;\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),(function(e){return e.theme.mbColors.lightGray}),l.MediaQueries.mbDown,l.MediaQueries.mbDown,(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral500}),l.MediaQueries.mbUp,l.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),l.MediaQueries.mbUp,l.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),l.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),l.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),l.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),l.MediaQueries.mbUp);var Ht,zt,Ut,Ft,Gt,Yt,Vt,Qt,Zt,qt,Wt,Kt,Xt,Jt,$t,ea,na,ta,aa,ia,oa,la,ra,da,sa,ca=O.default.div(zt||(zt=e.__makeTemplateObject([""],[""]))),pa=O.default.div(Ut||(Ut=e.__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  padding: 40px 40px 100px 40px;\n\n  .icons-links {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  overflow: hidden;\n  padding: 40px 40px 100px 40px;\n\n  .icons-links {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),ua=O.default.div(Ft||(Ft=e.__makeTemplateObject(["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"],["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"])),l.MediaQueries.mbDown),ma=O.default.div(Gt||(Gt=e.__makeTemplateObject(["\n  position: relative;\n  padding: 0 16px;\n\n  "," {\n    padding: 48px 8px 0;\n  }\n\n  & .grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin: -8px;\n\n    & > * {\n      display: inline-block;\n      flex: 0 0 25%;\n      padding: 8px;\n      color: ",";\n      text-decoration: none;\n    }\n\n    "," {\n      & > * {\n        flex: 0 0 100%;\n        text-align: center;\n      }\n    }\n  }\n\n  & .social-wrapper {\n    margin-left: auto;\n  }\n\n  & .social {\n    "," {\n      & .icons-links {\n        margin-top: 16px;\n\n        & > a:not(:first-child) {\n          margin-left: 10%;\n        }\n\n        & > a {\n          text-decoration: none;\n        }\n      }\n    }\n\n    "," {\n      width: 100%;\n      display: flex;\n      background: #fff;\n      box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n      border-radius: 8px;\n      padding: 20px 16px;\n      align-items: center;\n      max-width: 400px;\n      margin: 32px auto 0px;\n\n      & > p {\n        font-size: 12px;\n        line-height: 20px;\n      }\n\n      & .icons-links {\n        margin-left: 8%;\n        flex: 1;\n        display: inline-flex;\n        justify-content: space-between;\n      }\n    }\n\n    & .icons-links {\n      & > a {\n        & > img {\n          width: 24px;\n          object-fit: contain;\n        }\n      }\n    }\n  }\n"],["\n  position: relative;\n  padding: 0 16px;\n\n  "," {\n    padding: 48px 8px 0;\n  }\n\n  & .grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin: -8px;\n\n    & > * {\n      display: inline-block;\n      flex: 0 0 25%;\n      padding: 8px;\n      color: ",";\n      text-decoration: none;\n    }\n\n    "," {\n      & > * {\n        flex: 0 0 100%;\n        text-align: center;\n      }\n    }\n  }\n\n  & .social-wrapper {\n    margin-left: auto;\n  }\n\n  & .social {\n    "," {\n      & .icons-links {\n        margin-top: 16px;\n\n        & > a:not(:first-child) {\n          margin-left: 10%;\n        }\n\n        & > a {\n          text-decoration: none;\n        }\n      }\n    }\n\n    "," {\n      width: 100%;\n      display: flex;\n      background: #fff;\n      box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n      border-radius: 8px;\n      padding: 20px 16px;\n      align-items: center;\n      max-width: 400px;\n      margin: 32px auto 0px;\n\n      & > p {\n        font-size: 12px;\n        line-height: 20px;\n      }\n\n      & .icons-links {\n        margin-left: 8%;\n        flex: 1;\n        display: inline-flex;\n        justify-content: space-between;\n      }\n    }\n\n    & .icons-links {\n      & > a {\n        & > img {\n          width: 24px;\n          object-fit: contain;\n        }\n      }\n    }\n  }\n"])),l.MediaQueries.mbDown,(function(e){return e.theme.colors.gray800}),l.MediaQueries.mbDown,l.MediaQueries.mbUp,l.MediaQueries.mbDown),ha=O.default.div(Yt||(Yt=e.__makeTemplateObject(["\n  position: relative;\n\n  "," {\n    margin: 80px 0 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n      content: '';\n      transform: translateX(-50%);\n    }\n  }\n\n  "," {\n    background-color: #f3f3f3;\n  }\n"],["\n  position: relative;\n\n  "," {\n    margin: 80px 0 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n      content: '';\n      transform: translateX(-50%);\n    }\n  }\n\n  "," {\n    background-color: #f3f3f3;\n  }\n"])),l.MediaQueries.mbUp,l.MediaQueries.mbDown),ga=O.default.div(Vt||(Vt=e.__makeTemplateObject(["\n  position: relative;\n  padding: 64px 16px 154px;\n  text-align: center;\n\n  "," {\n    padding: 48px 8px 32px;\n  }\n\n  & .company-name {\n    margin-top: 24px;\n  }\n\n  .logo {\n    justify-content: center;\n  }\n\n  & .text-info {\n    margin-top: 8px;\n    > p {\n      margin-bottom: 8px;\n    }\n    "," {\n      text-align: left;\n      margin-top: 16px;\n    }\n  }\n\n  & .img-container {\n    display: flex;\n    max-width: 176px;\n    height: 24px;\n    justify-content: space-between;\n    margin: 24px auto 0;\n\n    "," {\n      height: 32px;\n      max-width: unset;\n      justify-content: space-around;\n    }\n\n    img {\n      width: unset;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n\n  & > hr {\n    border-color: ",";\n    margin: 64px 0 18px;\n    opacity: 0.1;\n  }\n\n  & .language-and-copyright {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      margin-top: 60px;\n    }\n\n    & #footer-language-select {\n      width: 100%;\n      max-width: 114px;\n\n      &[data-dropdown-open='true'] > div:after {\n        transform: translateY(-60%) rotateZ(-180deg);\n      }\n\n      "," {\n        order: 1;\n      }\n\n      & > div {\n        padding: 0;\n\n        & > div > svg {\n          max-width: 22px;\n          margin-right: 8px;\n          transform: translateY(1px);\n        }\n\n        & > span {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n        }\n      }\n\n      & > ul[data-has-icons='true'] {\n        width: 158px;\n        max-width: 158px;\n        border: none;\n        border-radius: 4px;\n        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n        "," {\n          margin-top: 0;\n          left: unset;\n          right: 0;\n          top: unset;\n          bottom: 32px;\n        }\n\n        & li {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n\n          & > div {\n            max-width: 22px;\n            & svg {\n              width: 22px;\n              max-width: 22px;\n              transform: translateY(3px);\n            }\n          }\n        }\n      }\n    }\n\n    & > p {\n      color: ",";\n    }\n  }\n"],["\n  position: relative;\n  padding: 64px 16px 154px;\n  text-align: center;\n\n  "," {\n    padding: 48px 8px 32px;\n  }\n\n  & .company-name {\n    margin-top: 24px;\n  }\n\n  .logo {\n    justify-content: center;\n  }\n\n  & .text-info {\n    margin-top: 8px;\n    > p {\n      margin-bottom: 8px;\n    }\n    "," {\n      text-align: left;\n      margin-top: 16px;\n    }\n  }\n\n  & .img-container {\n    display: flex;\n    max-width: 176px;\n    height: 24px;\n    justify-content: space-between;\n    margin: 24px auto 0;\n\n    "," {\n      height: 32px;\n      max-width: unset;\n      justify-content: space-around;\n    }\n\n    img {\n      width: unset;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n\n  & > hr {\n    border-color: ",";\n    margin: 64px 0 18px;\n    opacity: 0.1;\n  }\n\n  & .language-and-copyright {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      margin-top: 60px;\n    }\n\n    & #footer-language-select {\n      width: 100%;\n      max-width: 114px;\n\n      &[data-dropdown-open='true'] > div:after {\n        transform: translateY(-60%) rotateZ(-180deg);\n      }\n\n      "," {\n        order: 1;\n      }\n\n      & > div {\n        padding: 0;\n\n        & > div > svg {\n          max-width: 22px;\n          margin-right: 8px;\n          transform: translateY(1px);\n        }\n\n        & > span {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n        }\n      }\n\n      & > ul[data-has-icons='true'] {\n        width: 158px;\n        max-width: 158px;\n        border: none;\n        border-radius: 4px;\n        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n        "," {\n          margin-top: 0;\n          left: unset;\n          right: 0;\n          top: unset;\n          bottom: 32px;\n        }\n\n        & li {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n\n          & > div {\n            max-width: 22px;\n            & svg {\n              width: 22px;\n              max-width: 22px;\n              transform: translateY(3px);\n            }\n          }\n        }\n      }\n    }\n\n    & > p {\n      color: ",";\n    }\n  }\n"])),l.MediaQueries.mbDown,l.MediaQueries.mbDown,l.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray}),l.MediaQueries.mbDown,l.MediaQueries.mbDown,l.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray})),fa=O.default.div(Qt||(Qt=e.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: -50%;\n  width: 400px;\n  height: 400px;\n  background-color: #f2fcf7;\n  border-radius: 50%;\n"],["\n  position: absolute;\n  top: 0;\n  right: -50%;\n  width: 400px;\n  height: 400px;\n  background-color: #f2fcf7;\n  border-radius: 50%;\n"]))),xa=function(e){var n,t=e.socialLinks,a=void 0===t?J.SOCIAL_LINKS:t,i=a.facebookLink,l=a.instagramLink,r=a.zaloLink,s=a.youtubeLink,c=e.copyrightText,p=e.logoType,u=void 0===p?"marryBaby":p,f=e.isMobile,x=e.footerMenu,v=void 0===x?[]:x,y=e.type,b=void 0===y?"main":y,E=ie();return"main"===b?T.default.createElement(ca,{className:"footer-container"},!f&&T.default.createElement("div",{className:"footer-divider"},T.default.createElement(d.Container,{type:"marryBaby"},T.default.createElement(g.Divider,{style:{padding:"0 16px"},type:"solid"}))),T.default.createElement(ua,null,T.default.createElement(d.Container,{type:"marryBaby"},T.default.createElement(ma,null,T.default.createElement("div",{className:"grid"},null===(n=f?null==v?void 0:v.slice(0,6):v)||void 0===n?void 0:n.map((function(e,n){var t=e.title,a=e.link;return T.default.createElement("a",{"data-event-category":"Footer","data-event-action":t,"data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(n)},T.default.createElement(Dt,{color:m.theme.colors.gray800,type:"subtitle-2"},t))})),T.default.createElement("div",{className:"social-wrapper"},T.default.createElement("div",{className:"social"},T.default.createElement(Dt,{type:"subtitle-2"},E("footer.followUsText")),T.default.createElement("div",{className:"icons-links"},i&&T.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":i,href:i},T.default.createElement("img",{src:h.img,alt:"Facebook"})),s&&T.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":s,href:s},T.default.createElement("img",{src:h.img$1,alt:"Youtube"})),l&&T.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":l,href:l},T.default.createElement("img",{src:h.img$2,alt:"Instagram"})),r&&T.default.createElement("a",{target:"_blank",rel:"noreferrer",href:r,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":r},T.default.createElement("img",{src:h.img$3,alt:"Zalo"}))))))))),T.default.createElement(ha,null,T.default.createElement(d.Container,{type:"marryBaby"},T.default.createElement(ga,null,T.default.createElement(o.Logo,{className:"logo",type:u,width:"121px"}),T.default.createElement(Dt,{className:"company-name",type:"subtitle-2"},E("footer.info.companyName")),T.default.createElement("div",{className:"text-info"},T.default.createElement(Dt,{type:"bodytext-3"},E("footer.info.address")),T.default.createElement(Dt,{type:"bodytext-3"},E("footer.info.license")),T.default.createElement(Dt,{type:"bodytext-3"},E("footer.info.email"))),T.default.createElement("div",{className:"img-container"},T.default.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),T.default.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},T.default.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!f&&T.default.createElement(g.Divider,{type:"solid"}),T.default.createElement("div",{className:"language-and-copyright"},T.default.createElement(Dt,{type:"bodytext-3"},c)))))):T.default.createElement(pa,null,T.default.createElement(fa,null),T.default.createElement(Dt,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:m.theme.sizes.fwSemiBold},color:m.theme.mbColors.midGray},E("footer.followUsText")),T.default.createElement("div",{className:"icons-links"},i&&T.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":i,href:i},T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z",fill:"url(#paint0_linear)"}),T.default.createElement("defs",null,T.default.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},T.default.createElement("stop",{stopColor:"#4DABF7"}),T.default.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),s&&T.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":s,href:s},T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),l&&T.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":l,href:l},T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z",fill:"url(#paint0_radial)"}),T.default.createElement("defs",null,T.default.createElement("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)"},T.default.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),T.default.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),T.default.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),T.default.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),T.default.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),T.default.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),T.default.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),T.default.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),T.default.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),T.default.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),T.default.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),r&&T.default.createElement("a",{target:"_blank",rel:"noreferrer",href:r,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":r},T.default.createElement("div",{style:{height:24,width:24}},T.default.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))},va=function(n){var t,a,i,o,l,r,d,s,c,p,u,m=n.type,h=n.isMobile,g=void 0===h||h,f=n.locale,x=n.footerInfo,v=n.isAmp,y=n.siteType,b=n.ampNextArticle,E=n.routerQuery;return"helloSites"===y?T.default.createElement(T.default.Fragment,null,v&&(null!==(a=null===(t=null==E?void 0:E.slug)||void 0===t?void 0:t.length)&&void 0!==a?a:"")>1&&T.default.createElement("amp-next-page",null,T.default.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:'\n              [\n                {\n                  "image": "'.concat(null===(i=null==b?void 0:b.articleOne)||void 0===i?void 0:i.image,'",\n                  "title": ').concat(JSON.stringify(null===(o=null==b?void 0:b.articleOne)||void 0===o?void 0:o.title),',\n                  "url": "').concat(null===(l=null==b?void 0:b.articleOne)||void 0===l?void 0:l.link,'"\n                },\n                {\n                  "image": "').concat(null===(r=null==b?void 0:b.articleTwo)||void 0===r?void 0:r.image,'",\n                  "title": ').concat(JSON.stringify(null===(d=null==b?void 0:b.articleTwo)||void 0===d?void 0:d.title),',\n                  "url": "').concat(null===(s=null==b?void 0:b.articleTwo)||void 0===s?void 0:s.link,'"\n                },\n                {\n                  "image": "').concat(null===(c=null==b?void 0:b.articleThree)||void 0===c?void 0:c.image,'",\n                  "title": ').concat(JSON.stringify(null===(p=null==b?void 0:b.articleThree)||void 0===p?void 0:p.title),',\n                  "url": "').concat(null===(u=null==b?void 0:b.articleThree)||void 0===u?void 0:u.link,'"\n                }\n              ]\n              ')}}),T.default.createElement("div",e.__assign({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:")),T.default.createElement(Pt,{isAmp:v,isMobile:g,type:m,locale:f,footerInfo:x||{}})):T.default.createElement(xa,{isMobile:g,locale:f,footerMenu:x||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:n.marryBabySocialLinks,type:m})},ya=O.default.div(Zt||(Zt=e.__makeTemplateObject(["\n  width: 100vw;\n"],["\n  width: 100vw;\n"]))),ba=O.default.div(qt||(qt=e.__makeTemplateObject(["\n  @keyframes menuLeftToRightTrans {\n    from {\n      margin-left: -300%;\n      opacity: 0;\n    }\n    to {\n      margin-left: 0;\n      opacity: 1;\n    }\n  }\n\n  @keyframes menuRightToLeftTrans {\n    from {\n      margin-right: -300%;\n      opacity: 0;\n    }\n    to {\n      margin-right: 0;\n      opacity: 1;\n    }\n  }\n\n  @keyframes leftAppears {\n    from {\n      left: -50%;\n      opacity: 0;\n    }\n    to {\n      left: 0;\n      opacity: 1;\n    }\n  }\n\n  @keyframes leftDisappears {\n    from {\n      left: 0;\n      opacity: 1;\n    }\n    to {\n      left: -50%;\n      opacity: 0;\n    }\n  }\n\n  @keyframes rightAppears {\n    from {\n      right: -50%;\n      opacity: 0;\n    }\n    to {\n      right: 0;\n      opacity: 1;\n    }\n  }\n\n  @keyframes rightDisappears {\n    from {\n      right: 0;\n      opacity: 1;\n    }\n    to {\n      right: -50%;\n      opacity: 0;\n    }\n  }\n\n  @keyframes expandingTopToBottom {\n    from {\n      margin-top: -100%;\n      opacity: 0;\n    }\n    to {\n      margin-top: 0;\n      opacity: 1;\n    }\n  }\n\n  @keyframes collapsingBottomToTop {\n    from {\n      margin-top: 0;\n      opacity: 1;\n    }\n    to {\n      margin-top: -100%;\n      opacity: 0;\n    }\n  }\n\n  width: 100%;\n\n  ","\n\n  background-color: ",";\n\n  &[data-menu-opened='true'] {\n    visibility: hidden;\n  }\n"],["\n  @keyframes menuLeftToRightTrans {\n    from {\n      margin-left: -300%;\n      opacity: 0;\n    }\n    to {\n      margin-left: 0;\n      opacity: 1;\n    }\n  }\n\n  @keyframes menuRightToLeftTrans {\n    from {\n      margin-right: -300%;\n      opacity: 0;\n    }\n    to {\n      margin-right: 0;\n      opacity: 1;\n    }\n  }\n\n  @keyframes leftAppears {\n    from {\n      left: -50%;\n      opacity: 0;\n    }\n    to {\n      left: 0;\n      opacity: 1;\n    }\n  }\n\n  @keyframes leftDisappears {\n    from {\n      left: 0;\n      opacity: 1;\n    }\n    to {\n      left: -50%;\n      opacity: 0;\n    }\n  }\n\n  @keyframes rightAppears {\n    from {\n      right: -50%;\n      opacity: 0;\n    }\n    to {\n      right: 0;\n      opacity: 1;\n    }\n  }\n\n  @keyframes rightDisappears {\n    from {\n      right: 0;\n      opacity: 1;\n    }\n    to {\n      right: -50%;\n      opacity: 0;\n    }\n  }\n\n  @keyframes expandingTopToBottom {\n    from {\n      margin-top: -100%;\n      opacity: 0;\n    }\n    to {\n      margin-top: 0;\n      opacity: 1;\n    }\n  }\n\n  @keyframes collapsingBottomToTop {\n    from {\n      margin-top: 0;\n      opacity: 1;\n    }\n    to {\n      margin-top: -100%;\n      opacity: 0;\n    }\n  }\n\n  width: 100%;\n\n  ","\n\n  background-color: ",";\n\n  &[data-menu-opened='true'] {\n    visibility: hidden;\n  }\n"])),(function(e){return e.hasStickyBottomBar&&"padding-bottom: 80px;"}),(function(e){return e.theme.colors.white})),Ea=O.default.div(Wt||(Wt=e.__makeTemplateObject(["\n  width: 100%;\n  padding-bottom: 80px;\n\n  background-color: ",";\n\n  &[data-is-mobile='false'] {\n    margin-top: 69px;\n    &[data-sponsored='true'] {\n      margin-top: 110px;\n      &[data-sitewide='true'] {\n        margin-top: 173px;\n      }\n    }\n    &[data-sitewide='true'] {\n      margin-top: 133px;\n    }\n  }\n  &[data-is-mobile='true'] {\n    &[data-sitewide='true'],\n    &[data-sponsored='true'] {\n      margin-top: 60px;\n    }\n  }\n\n  &[data-menu-opened='true'] {\n    visibility: hidden;\n  }\n"],["\n  width: 100%;\n  padding-bottom: 80px;\n\n  background-color: ",";\n\n  &[data-is-mobile='false'] {\n    margin-top: 69px;\n    &[data-sponsored='true'] {\n      margin-top: 110px;\n      &[data-sitewide='true'] {\n        margin-top: 173px;\n      }\n    }\n    &[data-sitewide='true'] {\n      margin-top: 133px;\n    }\n  }\n  &[data-is-mobile='true'] {\n    &[data-sitewide='true'],\n    &[data-sponsored='true'] {\n      margin-top: 60px;\n    }\n  }\n\n  &[data-menu-opened='true'] {\n    visibility: hidden;\n  }\n"])),(function(e){return e.theme.colors.white})),wa=O.default.div(Kt||(Kt=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"],["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"]))),_a=O.default.a(Xt||(Xt=e.__makeTemplateObject(["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"],["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"]))),ka=O.default.div(Jt||(Jt=e.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"]))),Ca=O.default.div($t||($t=e.__makeTemplateObject(["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(e){return e.theme.colors.neutral100})),Ta=O.default.div(ea||(ea=e.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 64px;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 8px;\n\n  //border-bottom: 1px solid ",";\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  > * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  height: 64px;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 8px;\n\n  //border-bottom: 1px solid ",";\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),La=O.default.div(na||(na=e.__makeTemplateObject([""],[""]))),Oa=O.default.div(ta||(ta=e.__makeTemplateObject(["\n  padding-right: 16px;\n"],["\n  padding-right: 16px;\n"]))),Sa=O.default.div(aa||(aa=e.__makeTemplateObject(["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])),Z),Ia=O.default.div(ia||(ia=e.__makeTemplateObject(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),q,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),Aa=O.default.div(oa||(oa=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"]))),Ma=O.default.div(la||(la=e.__makeTemplateObject(["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),Na=O.default.div(ra||(ra=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  "," {\n    padding: 8px;\n  }\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  "," {\n    padding: 8px;\n  }\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"])),l.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),Pa=O.default.div(da||(da=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),Ra=O.default.div(sa||(sa=e.__makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),ja=function(){return T.default.createElement(ka,{style:{marginTop:"16px"}},T.default.createElement("div",null,T.default.createElement(S.default,{height:46})),T.default.createElement("div",null,T.default.createElement(S.default,{height:46})),T.default.createElement("div",null,T.default.createElement(S.default,{height:46})))},Ba=function(e){var n,t,a,o,l=e.careSpecialties,r=e.onSelectCareSpecialty,s=e.isLoading,c=e.desktopPopupType,u=e.onClosePopup,h=e.basePath,g=e.locale,f=e.isMobile,x=e.siteType,v=e.CARE_URL_FE,y=ie();return f?T.default.createElement(T.default.Fragment,null,s?T.default.createElement(Ca,null,T.default.createElement(ja,null)):T.default.createElement(Ca,{"data-category-list-type":"main"},T.default.createElement(i.Heading,{style:{marginTop:16},tag:"h5"},y("menu.care.searchBySpecialties")),l.map((function(e,n){return T.default.createElement("a",{key:"tool-"+n},T.default.createElement(Ta,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(v).concat(xe({type:"DOCTOR",specialtySlug:e.slug,locale:g})),onClick:function(){r(e)}},T.default.createElement(Oa,null,T.default.createElement("img",{alt:"health-tool-icon",src:e.thumbnail||"".concat(h,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),T.default.createElement(La,null,e.name)))})),T.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(v,"/").concat(null===(n=p.LOCALIZED_SLUGS[g])||void 0===n?void 0:n.SPECIALTIES)},T.default.createElement(Na,{key:"all-categories","data-theme":x,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(v,"/").concat(null===(t=p.LOCALIZED_SLUGS[g])||void 0===t?void 0:t.SPECIALTIES)},y("home.navigator.menuItem.allSpecialties"),T.default.createElement(Pa,null,"helloSites"===x?T.default.createElement("img",{src:"".concat(h,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:y("home.navigator.menuItem.allSpecialties")}):T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))):T.default.createElement(Sa,{className:"top-menu-care-specialties",onClick:u,"data-is-display":"care"===c},T.default.createElement(Ia,null,T.default.createElement(d.Container,{style:{padding:"0 16px"},type:x},T.default.createElement(Aa,{"data-popup-type":c,onClick:function(e){e.stopPropagation()}},T.default.createElement(T.default.Fragment,null,l.map((function(e){return T.default.createElement(Ma,{key:"care-specialty-".concat(e.id),onClick:u},T.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(v).concat(xe({type:"DOCTOR",specialtySlug:e.slug,locale:g})),style:{textDecoration:"none",color:m.theme.colors.gray800},className:"iconMenu no-replace-click",href:"".concat(v).concat(xe({type:"DOCTOR",specialtySlug:e.slug,locale:g}))},T.default.createElement("div",{style:{display:"flex"}},T.default.createElement("img",{alt:"care-specialty-icon",src:e.thumbnail||"".concat(h,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),T.default.createElement("p",null,e.name)))})),T.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(v,"/").concat(null===(a=p.LOCALIZED_SLUGS[g])||void 0===a?void 0:a.SPECIALTIES)},T.default.createElement(Na,{onClick:u,key:"all-care-specialties","data-theme":x,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(v,"/").concat(null===(o=p.LOCALIZED_SLUGS[g])||void 0===o?void 0:o.SPECIALTIES)},y("home.navigator.menuItem.allSpecialties"),T.default.createElement(Pa,null,"helloSites"===x?T.default.createElement("img",{src:"".concat(h,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:y("home.navigator.menuItem.allSpecialties")}):T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))))),T.default.createElement(Ra,{onClick:u},T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))},Da=function(){return T.default.createElement(kn,{style:{marginTop:"16px"}},T.default.createElement("div",null,T.default.createElement(S.default,{height:46})),T.default.createElement("div",null,T.default.createElement(S.default,{height:46})),T.default.createElement("div",null,T.default.createElement(S.default,{height:46})))},Ha=O.default.div(Va||(Va=e.__makeTemplateObject(["\n  "," {\n    margin: 48px 0;\n  }\n\n  "," {\n    padding: 0 16px;\n  }\n"],["\n  "," {\n    margin: 48px 0;\n  }\n\n  "," {\n    padding: 0 16px;\n  }\n"])),l.MediaQueries.mbDown,l.MediaQueries.mbUp),za=O.default.div(Qa||(Qa=e.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"]))),Ua=O.default.div(Za||(Za=e.__makeTemplateObject(["\n  "," {\n    & > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n\n    & > div > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  display: flex;\n  flex-direction: column;\n"],["\n  "," {\n    & > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n\n    & > div > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  display: flex;\n  flex-direction: column;\n"])),l.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.neutral100}));O.default.div(qa||(qa=e.__makeTemplateObject(["\n  "," {\n    & > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n\n    & > div > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n  }\n"],["\n  "," {\n    & > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n\n    & > div > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n  }\n"])),l.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.neutral100}));var Fa=O.default.div(Wa||(Wa=e.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 48px;\n  align-items: center;\n  justify-content: space-between;\n\n  background-color: ",";\n  font-size: ",";\n  font-weight: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n\n  "," {\n    padding: 8px;\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  height: 48px;\n  align-items: center;\n  justify-content: space-between;\n\n  background-color: ",";\n  font-size: ",";\n  font-weight: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n\n  "," {\n    padding: 8px;\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold}),l.MediaQueries.mbDown),Ga=O.default.div(Ka||(Ka=e.__makeTemplateObject(["\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),Ya=O.default.div(Xa||(Xa=e.__makeTemplateObject([""],[""])));O.default.div(Ja||(Ja=e.__makeTemplateObject([""],[""])));var Va,Qa,Za,qa,Wa,Ka,Xa,Ja,$a,ei,ni=O.default.div($a||($a=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  "," {\n    padding: 8px;\n  }\n\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  "," {\n    padding: 8px;\n  }\n\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"])),l.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),ti=O.default.div(ei||(ei=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),ai=function(){return T.default.createElement(za,{style:{marginTop:"16px"}},T.default.createElement("div",null,T.default.createElement(S.default,{height:46})),T.default.createElement("div",null,T.default.createElement(S.default,{height:46})),T.default.createElement("div",null,T.default.createElement(S.default,{height:46})))},ii=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.spotlights,o=e.isLoading,l=e.className,r=e.isMobile,d=e.DISCOVER_URL_FE,s=e.basePath,c=e.locale,p=e.siteType,u=ie();return t?T.default.createElement(Ha,null,T.default.createElement(i.Heading,{tag:"h3",style:{marginBottom:24}},u("home.navigator.menuItem.spotlights")),o&&t?T.default.createElement(Ua,{className:l},T.default.createElement(ai,null)):T.default.createElement(Ua,{"data-is-displayed":t,className:l},a.map((function(e,n){return T.default.createElement(Ga,{style:{textDecoration:"none"},key:"spotlight-"+n},r?T.default.createElement("a",{href:e.permalink,style:{textDecoration:"none",color:m.theme.colors.gray800}},T.default.createElement(Fa,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(I[c]).concat(e.permalink)},T.default.createElement(Ya,null,e.name))):T.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(I[c]).concat(e.permalink),style:{textDecoration:"none",pointerEvents:"auto"},href:"".concat(d).concat(e.permalink)},e.name))})),T.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(d,"/spotlight/")},T.default.createElement(ni,{key:"all-spotlights","data-theme":p,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(d,"/spotlight/")},u("home.navigator.menuItem.allSpotlight"),T.default.createElement(ti,null,"helloSites"===p?T.default.createElement("img",{src:"".concat(s,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:u("home.navigator.menuItem.allSpotlight")}):T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))):null},oi=function(e){var n=e.locale,t=e.basePath,o=e.isDisplayed,l=void 0!==o&&o,r=e.categories,s=e.spotlightsList,c=e.type,p=e.onSelectCategory,u=e.onClosePopup,h=e.desktopPopupType,g=e.isMobile,f=e.isLoading,x=e.DISCOVER_URL_FE,v=e.siteType,y=void 0===v?"helloSites":v,b=ie();return g?T.default.createElement(T.default.Fragment,null,f&&l?T.default.createElement(Cn,null,T.default.createElement(Da,null)):T.default.createElement(Cn,{"data-is-displayed":l,"data-category-list-type":c},T.default.createElement(i.Heading,{tag:"h3",style:{marginBottom:8}},b("home.navigator.menuItem.healthCategories")),T.default.createElement(Tn,null,r.map((function(e,i){return T.default.createElement("div",{key:c+"-category-"+i},T.default.createElement("a",{style:{textDecoration:"none",color:m.theme.colors.gray800},onClick:function(n){e.childCates&&e.childCates.length>0&&"sub"!==c&&n.preventDefault()},href:x+e.permalink},T.default.createElement(Ln,{onClick:function(){null==p||p(e)},"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(I[n]).concat(e.permalink),"data-is-heading-category":"sub"===c&&e.childCates&&e.childCates.length>0},T.default.createElement(On,null,e.displayName),"main"===c&&T.default.createElement(Sn,null,"helloSites"===y?T.default.createElement("img",{src:"".concat(t,"/svg/chevronRight.svg"),style:{width:"16px",height:"16px"},alt:e.categoryName}):T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))),"sub"===c&&e.childCates&&e.childCates.length>0&&e.childCates.map((function(e,n){return T.default.createElement("a",{style:{textDecoration:"none"},href:e.permalink,key:c+"-2-"+n},T.default.createElement(Ln,{"data-is-heading-category":"sub"===c&&e.childCates&&e.childCates.length>0},T.default.createElement(a.Text,{size:"p3"},e.displayName)))}))))})),T.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(x,"/categories/")},T.default.createElement(In,{key:"all-categories","data-theme":y,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(x,"/categories/")},b("home.navigator.menuItem.allCategories"),T.default.createElement(An,null,"helloSites"===y?T.default.createElement("img",{src:"".concat(t,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:b("home.navigator.menuItem.allCategories")}):T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))))),T.default.createElement(ii,{isDisplayed:"main"===c,spotlights:s,isLoading:!1,isMobile:g,basePath:t,DISCOVER_URL_FE:x,locale:n,siteType:y}))):T.default.createElement(Mn,{className:"top-menu-categories",onClick:u,"data-is-display":"categories"===h},T.default.createElement(Nn,null,T.default.createElement(d.Container,{style:{padding:"0 16px"},type:y},T.default.createElement(Pn,{"data-popup-type":h,onClick:function(e){e.stopPropagation()}},T.default.createElement("div",null,T.default.createElement(i.Heading,{tag:"h3",style:{marginBottom:24}},b("home.navigator.menuItem.healthCategories")),T.default.createElement(Rn,{"data-disabled-divider":0===s.length},r.map((function(e,t){return T.default.createElement(jn,{style:{textDecoration:"none"},key:e.categoryName+t},T.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(I[n]).concat(e.permalink),style:{textDecoration:"none",pointerEvents:"auto"},onClick:u,href:"".concat(x).concat(e.permalink)},e.displayName),T.default.createElement(Bn,null,e.childCates&&e.childCates.map((function(e,t){return T.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(I[n]).concat(e.permalink),style:{textDecoration:"none",pointerEvents:"auto"},href:e.permalink,key:t},e.displayName)}))))})),T.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(x,"/categories/")},T.default.createElement(In,{onClick:u,key:"all-categories","data-theme":y,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(x,"/categories/")},b("home.navigator.menuItem.allCategories"),T.default.createElement(An,null,"helloSites"===y?T.default.createElement("img",{src:"".concat(t,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:b("home.navigator.menuItem.allCategories")}):T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))),T.default.createElement(ii,{isDisplayed:"main"===c,spotlights:s,isLoading:!1,basePath:t,DISCOVER_URL_FE:x,locale:n,siteType:y}),T.default.createElement(Dn,{onClick:u},T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))},li=O.default.div(hi||(hi=e.__makeTemplateObject([""],[""]))),ri=O.default.div(gi||(gi=e.__makeTemplateObject(["\n  display: flex;\n  width: 40px;\n  height: 40px;\n  align-items: center;\n  justify-content: center;\n\n  margin-right: 16px;\n  border-radius: 50%;\n"],["\n  display: flex;\n  width: 40px;\n  height: 40px;\n  align-items: center;\n  justify-content: center;\n\n  margin-right: 16px;\n  border-radius: 50%;\n"]))),di=O.default.div(fi||(fi=e.__makeTemplateObject(["\n  display: flex;\n  margin-left: 48px;\n\n  > :first-child {\n    margin-right: 24px;\n  }\n"],["\n  display: flex;\n  margin-left: 48px;\n\n  > :first-child {\n    margin-right: 24px;\n  }\n"]))),si=O.default.div(xi||(xi=e.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  //height: 40px;\n\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n\n  > svg:first-child {\n    margin-right: 24px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  //height: 40px;\n\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n\n  > svg:first-child {\n    margin-right: 24px;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),ci=O.default.div(vi||(vi=e.__makeTemplateObject(["\n  overflow: hidden;\n  > .expanding {\n    animation-duration: 0.3s;\n    animation-name: expandingTopToBottom;\n  }\n\n  > .collapsing {\n    margin-top: -100%;\n    animation-duration: 0.3s;\n    animation-name: collapsingBottomToTop;\n  }\n"],["\n  overflow: hidden;\n  > .expanding {\n    animation-duration: 0.3s;\n    animation-name: expandingTopToBottom;\n  }\n\n  > .collapsing {\n    margin-top: -100%;\n    animation-duration: 0.3s;\n    animation-name: collapsingBottomToTop;\n  }\n"]))),pi=O.default.div(yi||(yi=e.__makeTemplateObject(["\n  position: absolute;\n  z-index: ",";\n  top: 64px;\n\n  min-width: 375px;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  position: absolute;\n  z-index: ",";\n  top: 64px;\n\n  min-width: 375px;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])),Z),ui=O.default.div(bi||(bi=e.__makeTemplateObject(["\n  position: fixed;\n  top: 69px;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n"],["\n  position: fixed;\n  top: 69px;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n"]))),mi=O.default.div(Ei||(Ei=e.__makeTemplateObject(["\n  z-index: ",";\n\n  width: 100%;\n\n  max-height: 80vh;\n\n  padding: 20px 0;\n\n  border: 1px solid ",";\n  //align-items: center;\n  //display: flex;\n  //flex: 1;\n  background-color: ",";\n\n  border-radius: 16px;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n\n  overflow-y: auto;\n"],["\n  z-index: ",";\n\n  width: 100%;\n\n  max-height: 80vh;\n\n  padding: 20px 0;\n\n  border: 1px solid ",";\n  //align-items: center;\n  //display: flex;\n  //flex: 1;\n  background-color: ",";\n\n  border-radius: 16px;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n\n  overflow-y: auto;\n"])),q,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white}));O.default.div(wi||(wi=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 24px;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 24px;\n"])));var hi,gi,fi,xi,vi,yi,bi,Ei,wi,_i,ki,Ci=O.default.div(_i||(_i=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n"])));O.default.div(ki||(ki=e.__makeTemplateObject(["\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"],["\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase}));var Ti,Li,Oi,Si,Ii,Ai,Mi,Ni,Pi,Ri,ji,Bi,Di,Hi=function(e){var t=e.isDisplayed,a=void 0!==t&&t,i=e.categories,o=e.type,l=e.onSelectCategory,r=e.desktopPopupType,d=e.isMobile,s=e.isLoading,c=e.MARRY_BABY_FE,p=n.useState(-1),u=p[0],h=p[1],g=n.useState(!1),f=g[0],x=g[1];return d?T.default.createElement(T.default.Fragment,null,s&&a?T.default.createElement(Cn,null,T.default.createElement(Da,null)):T.default.createElement(Cn,{"data-is-displayed":a,"data-category-list-type":o,style:{marginTop:24}},T.default.createElement(li,{className:"marry-bb-menu-categories"},i.map((function(e,n){return T.default.createElement("div",{key:o+"-category-"+n,className:"wrapper-menu-category wrapper-menu-category-".concat(n),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink)},T.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),style:{textDecoration:"none",color:m.theme.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(c).concat(e.permalink)},T.default.createElement(si,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),onClick:function(){var t;"main"===o||0===(null===(t=e.childCates)||void 0===t?void 0:t.length)?null==l||l(e):u===n?(x(!0),setTimeout((function(){h(-1),setTimeout((function(){x(!1)}),100)}),300)):h(n)},style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},"main"===o?T.default.createElement(ri,{style:{backgroundColor:e.imageColor}},T.default.createElement("img",{src:e.iconUrl,style:{width:"24px",height:"24px"},alt:e.name})):T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),T.default.createElement(Dt,{style:{fontWeight:m.theme.sizes.fwSemiBold},type:"subtitle-2"},e.displayName),T.default.createElement(Hn,null),"main"===o?T.default.createElement(Sn,null,T.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M8.5 6L11 8.5L8.5 11",stroke:"#9495A0",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))):T.default.createElement(Sn,null,u!==n?T.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M8.5 6L11 8.5L8.5 11",stroke:"#9495A0",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})):T.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#2661AD",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))),"sub"===o&&e.childCates&&u===n&&e.childCates.length>0&&T.default.createElement(ci,null,T.default.createElement("div",{className:f?"collapsing":"expanding"},e.childCates.map((function(n,t){return T.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),style:{textDecoration:"none"},href:"".concat(c).concat(n.permalink),key:o+"-2-"+t},T.default.createElement(si,{"data-is-heading-category":"sub"===o&&n.childCates&&n.childCates.length>0},T.default.createElement(di,null,T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),T.default.createElement(Dt,{type:"subtitle-2"},n.displayName))))})))),T.default.createElement("div",{style:{display:"none"}},e.childCates&&e.childCates.map((function(e,n){return T.default.createElement("a",{href:"".concat(c).concat(e.permalink),key:n,style:{textDecoration:"none"}},T.default.createElement("div",{"data-is-heading-category":"sub"===o&&e.childCates&&e.childCates.length>0},T.default.createElement("p",null,e.displayName)))}))))}))))):T.default.createElement(pi,{className:"top-menu-categories","data-is-display":"categories"===r,tabIndex:0},T.default.createElement(ui,null),T.default.createElement(mi,{"data-popup-type":r},T.default.createElement(Ci,{className:"marry-bb-menu-categories"},s?T.default.createElement("div",{style:{width:"100%",padding:"0 20px"}},T.default.createElement(Da,null)):i.map((function(e,n){return T.default.createElement("div",{className:"wrapper-menu-category wrapper-menu-category-".concat(n),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),key:o+"-category-"+n,onClick:function(){l(e)}},T.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),style:{textDecoration:"none",color:m.theme.colors.gray800},href:"".concat(c).concat(e.permalink)},T.default.createElement(si,{style:{display:"flex",alignItems:"center",justifyContent:"flex-start"}},T.default.createElement(ri,{style:{backgroundColor:e.imageColor}},T.default.createElement("img",{src:e.iconUrl,style:{width:"24px",height:"24px"},alt:e.name})),T.default.createElement(Dt,{style:{fontWeight:m.theme.sizes.fwSemiBold},type:"subtitle-2"},e.displayName))))})))))},zi=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.locale,i=e.discoverApiDomain,o=e.basePath,l=e.categories,r=e.spotlightsList,d=e.type,s=e.onSelectCategory,c=e.onClosePopup,p=e.desktopPopupType,u=e.isMobile,m=e.isLoading,h=e.callApiHandler,g=e.DISCOVER_URL_FE,f=e.MARRY_BABY_FE,x=e.siteType,v=void 0===x?"helloSites":x;return"helloSites"===v?T.default.createElement(oi,{locale:a,basePath:o,DISCOVER_URL_FE:g,isDisplayed:t,type:d,onSelectCategory:s,categories:l,spotlightsList:r,isLoading:m,isMobile:u,siteType:v,onClosePopup:c,desktopPopupType:p}):T.default.createElement(Hi,{basePath:o,callApiHandler:h,discoverApiDomain:i,isDisplayed:t,type:d,onSelectCategory:s,categories:l,isLoading:m,isMobile:u,MARRY_BABY_FE:f,desktopPopupType:p})},Ui=O.default.div(Ti||(Ti=e.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"]))),Fi=O.default.div(Li||(Li=e.__makeTemplateObject(["\n  & > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  //margin-top: 112px;\n"],["\n  & > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  //margin-top: 112px;\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.neutral100})),Gi=O.default.div(Oi||(Oi=e.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 56px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px;\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  height: 56px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px;\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),Yi=O.default.div(Si||(Si=e.__makeTemplateObject([""],[""]))),Vi=O.default.div(Ii||(Ii=e.__makeTemplateObject([""],[""]))),Qi=O.default.div(Ai||(Ai=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  > :first-child {\n    min-width: 40px;\n    margin-right: 16px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  > :first-child {\n    min-width: 40px;\n    margin-right: 16px;\n  }\n"]))),Zi=O.default.div(Mi||(Mi=e.__makeTemplateObject(["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])),Z),qi=O.default.div(Ni||(Ni=e.__makeTemplateObject(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),q,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),Wi=O.default.div(Pi||(Pi=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"]))),Ki=O.default.div(Ri||(Ri=e.__makeTemplateObject(["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),Xi=O.default.div(ji||(ji=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),Ji=O.default.div(Bi||(Bi=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),$i=O.default.div(Di||(Di=e.__makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),eo=function(){return T.default.createElement(Ui,{style:{marginTop:"16px"}},T.default.createElement("div",null,T.default.createElement(S.default,{height:46})),T.default.createElement("div",null,T.default.createElement(S.default,{height:46})),T.default.createElement("div",null,T.default.createElement(S.default,{height:46})))},no=function(e){var n=e.isDisplayed,t=e.communities,a=e.type,i=e.onSelectCommunity,o=e.onClosePopup,l=e.isLoading,r=e.basePath,s=e.TOGETHER_URL_FE,c=e.siteType,p=void 0===c?"helloSites":c,u=e.isMobile,h=e.locale,g=e.desktopPopupType,f=ie();return u?T.default.createElement(T.default.Fragment,null,l&&n?T.default.createElement(Fi,null,T.default.createElement(eo,null)):T.default.createElement(Fi,{"data-category-list-type":a,"data-is-displayed":n},"main"===a&&t.map((function(e,n){return T.default.createElement("div",{key:a+"-category-"+n},T.default.createElement("a",{style:{textDecoration:"none",color:m.theme.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(s,"/").concat(e.communitySlug)},T.default.createElement(Gi,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(I[h],"/").concat(e.communitySlug),onClick:function(){i({community:e,isSetToSubMenu:!0})},"data-is-heading-category":!1},T.default.createElement(Qi,null,T.default.createElement("img",{src:e.thumbnail,style:{width:"40px",height:"40px"},alt:e.title}),T.default.createElement(Yi,null,e.title)),T.default.createElement(Vi,null,"helloSites"===p?T.default.createElement("img",{src:"".concat(r,"/svg/chevronRight.svg"),style:{width:"16px",height:"16px"},alt:e.title}):T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))})),"sub"===a&&t.map((function(e,n){return T.default.createElement("div",{key:a+"-category-"+n},T.default.createElement("a",{style:{textDecoration:"none",color:m.theme.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(s,"/").concat(e.communitySlug)},T.default.createElement(Gi,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(I[h],"/").concat(e.communitySlug),onClick:function(){i({community:e,isSetToSubMenu:!1})},"data-is-heading-category":!1},T.default.createElement(Qi,null,T.default.createElement("img",{src:e.thumbnail,style:{width:"40px",height:"40px"},alt:e.title}),T.default.createElement(Yi,null,e.title)))))})),T.default.createElement("a",{style:{textDecoration:"none"},href:s+"/"},T.default.createElement(Xi,{onClick:o,key:"all-communities","data-theme":p,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":s+"/"},f("home.navigator.menuItem.allCommunities"),T.default.createElement(Ji,null,T.default.createElement("img",{src:"".concat(r,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:f("home.navigator.menuItem.allCommunities")})))))):T.default.createElement(Zi,{className:"top-menu-communities",onClick:o,"data-is-display":"communities"===g},T.default.createElement(qi,null,T.default.createElement(d.Container,{style:{padding:"0 16px"},type:p},T.default.createElement(Wi,{"data-popup-type":g,onClick:function(e){e.stopPropagation()}},T.default.createElement(T.default.Fragment,null,t.map((function(e){return T.default.createElement(Ki,{key:e.title,onClick:o},T.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(I[h],"/").concat(e.communitySlug),style:{textDecoration:"none",color:m.theme.colors.gray800},className:"iconMenu",href:"".concat(s,"/").concat(e.communitySlug)},T.default.createElement("div",{style:{display:"flex"}},T.default.createElement("img",{alt:"health-tool-icon",src:e.thumbnail||"".concat(r,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),T.default.createElement("p",null,e.title)))})),T.default.createElement("a",{style:{textDecoration:"none"},href:s+"/"},T.default.createElement(Xi,{onClick:o,key:"all-communities","data-theme":p,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":s+"/"},f("home.navigator.menuItem.allCommunities"),T.default.createElement(Ji,null,T.default.createElement("img",{src:"".concat(r,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:f("home.navigator.menuItem.allCommunities")}))))),T.default.createElement($i,{onClick:o},T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))},to=O.default.div(ro||(ro=e.__makeTemplateObject(["\n  display: flex;\n  width: 48px;\n  height: 48px;\n  align-items: center;\n  justify-content: center;\n\n  margin-right: 16px;\n\n  //background-color: ",";\n  border-radius: 50%;\n"],["\n  display: flex;\n  width: 48px;\n  height: 48px;\n  align-items: center;\n  justify-content: center;\n\n  margin-right: 16px;\n\n  //background-color: ",";\n  border-radius: 50%;\n"])),(function(e){return e.theme.mbColors.lightGray})),ao=O.default.div(so||(so=e.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 64px;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 8px 16px;\n  background-color: ",";\n  font-size: ",";\n"],["\n  display: flex;\n  width: 100%;\n  height: 64px;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 8px 16px;\n  background-color: ",";\n  font-size: ",";\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4})),io=O.default.div(co||(co=e.__makeTemplateObject(["\n  position: absolute;\n  z-index: ",";\n  top: 64px;\n\n  min-width: 375px;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  position: absolute;\n  z-index: ",";\n  top: 64px;\n\n  min-width: 375px;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])),Z),oo=O.default.div(po||(po=e.__makeTemplateObject(["\n  position: fixed;\n  top: 69px;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n"],["\n  position: fixed;\n  top: 69px;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n"]))),lo=O.default.div(uo||(uo=e.__makeTemplateObject(["\n  z-index: ",";\n\n  width: 100%;\n\n  max-height: 80vh;\n\n  padding: 20px 0;\n\n  border: 1px solid ",";\n  //align-items: center;\n  //display: flex;\n  //flex: 1;\n  background-color: ",";\n\n  border-radius: 16px;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n\n  overflow-y: auto;\n"],["\n  z-index: ",";\n\n  width: 100%;\n\n  max-height: 80vh;\n\n  padding: 20px 0;\n\n  border: 1px solid ",";\n  //align-items: center;\n  //display: flex;\n  //flex: 1;\n  background-color: ",";\n\n  border-radius: 16px;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n\n  overflow-y: auto;\n"])),q,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white}));O.default.div(mo||(mo=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 24px;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 24px;\n"])));var ro,so,co,po,uo,mo,ho,go,fo=O.default.div(ho||(ho=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n"])));O.default.div(go||(go=e.__makeTemplateObject(["\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"],["\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase}));var xo=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.communities,i=e.onSelectCommunity,o=e.isLoading,l=e.basePath,r=e.type,d=e.isMobile,s=e.onClosePopup,c=e.desktopPopupType,p=e.TOGETHER_URL_FE;return d?o&&t?T.default.createElement(Fi,null,T.default.createElement(eo,null)):T.default.createElement(Fi,{style:{marginTop:24},"data-category-list-type":r,"data-is-displayed":t},a.map((function(e,n){return T.default.createElement("a",{className:"wrapper-menu-community wrapper-menu-community-".concat(n," iconMenu"),key:"community-"+n,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn/community/".concat(e.communitySlug)},T.default.createElement(ao,{onClick:function(){i({community:e,isSetToSubMenu:!1})}},T.default.createElement(to,null,T.default.createElement("img",{alt:"health-tool-icon",src:e.thumbnail||"".concat(l,"/images/avatar.jpg"),style:{width:"24px",height:"24px"}})),T.default.createElement(Yi,null,e.title)))}))):T.default.createElement(io,{className:"top-menu-communities",onClick:s,"data-is-display":"communities"===c},T.default.createElement(oo,null),T.default.createElement(lo,{"data-popup-type":c,onClick:function(e){e.stopPropagation()}},T.default.createElement(fo,null,o?T.default.createElement("div",{style:{width:"100%",padding:"0 20px"}},T.default.createElement(eo,null)):a.map((function(e,n){return T.default.createElement("a",{className:"wrapper-menu-community wrapper-menu-community-".concat(n," iconMenu"),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn/community/".concat(e.communitySlug),style:{textDecoration:"none",color:m.theme.colors.gray800},href:"".concat(p,"/").concat(e.communitySlug),key:e.title},T.default.createElement(ao,{onClick:s},T.default.createElement(to,{style:{backgroundColor:e.color||m.theme.mbColors.lightGray}},T.default.createElement("img",{alt:e.communitySlug,src:e.thumbnail||"".concat(l,"/images/avatar.jpg"),style:{width:"24px",height:"24px"}})),T.default.createElement(Dt,{style:{fontWeight:m.theme.sizes.fwSemiBold},type:"subtitle-2"},e.title)))})))))},vo=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.locale,i=e.communities,o=e.type,l=e.onSelectCommunity,r=e.onClosePopup,d=e.isLoading,s=e.basePath,c=e.TOGETHER_URL_FE,p=e.siteType,u=void 0===p?"helloSites":p,m=e.isMobile,h=e.desktopPopupType,g=e.togetherApiDomain;return"helloSites"===u?T.default.createElement(no,{isDisplayed:t,locale:a,TOGETHER_URL_FE:c,basePath:s,type:o,onSelectCommunity:l,communities:i,isLoading:d,isMobile:m,siteType:u,togetherApiDomain:g,desktopPopupType:h,onClosePopup:r}):T.default.createElement(xo,{isDisplayed:t,locale:a,TOGETHER_URL_FE:c,basePath:s,type:o,onSelectCommunity:l,communities:i,isLoading:d,isMobile:m,togetherApiDomain:g,desktopPopupType:h,onClosePopup:r})},yo=O.default.div(Ao||(Ao=e.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"]))),bo=O.default.div(Mo||(Mo=e.__makeTemplateObject(["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n  .title {\n    margin-bottom: 8px;\n    margin-top: 24px;\n  }\n"],["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n  .title {\n    margin-bottom: 8px;\n    margin-top: 24px;\n  }\n"]))),Eo=O.default.div(No||(No=e.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 64px;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 8px;\n  background-color: ",";\n  font-size: ",";\n  border-bottom: 1px solid\n    ",";\n\n  &[data-is-heading-category='true'] {\n    /* border-bottom: none; */\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  > * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  height: 64px;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 8px;\n  background-color: ",";\n  font-size: ",";\n  border-bottom: 1px solid\n    ",";\n\n  &[data-is-heading-category='true'] {\n    /* border-bottom: none; */\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),wo=O.default.div(Po||(Po=e.__makeTemplateObject([""],[""]))),_o=O.default.div(Ro||(Ro=e.__makeTemplateObject(["\n  padding-right: 16px;\n"],["\n  padding-right: 16px;\n"]))),ko=O.default.div(jo||(jo=e.__makeTemplateObject(["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])),Z),Co=O.default.div(Bo||(Bo=e.__makeTemplateObject(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),q,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),To=O.default.div(Do||(Do=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"]))),Lo=O.default.div(Ho||(Ho=e.__makeTemplateObject(["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  &[data-grouped='true'] {\n    width: 100%;\n  }\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  &[data-grouped='true'] {\n    width: 100%;\n  }\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),Oo=O.default.div(zo||(zo=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),So=O.default.div(Uo||(Uo=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),Io=O.default.div(Fo||(Fo=e.__makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));O.default.div(Go||(Go=e.__makeTemplateObject(["\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])));var Ao,Mo,No,Po,Ro,jo,Bo,Do,Ho,zo,Uo,Fo,Go,Yo,Vo,Qo=O.default.div(Yo||(Yo=e.__makeTemplateObject(["\n  margin-bottom: 56px;\n  margin-top: 18px;\n"],["\n  margin-bottom: 56px;\n  margin-top: 18px;\n"]))),Zo=O.default.div(Vo||(Vo=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  width: 25%;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-start;\n  margin-bottom: 24px;\n  h1 {\n    margin-bottom: 20px;\n  }\n"],["\n  position: relative;\n  display: flex;\n  width: 25%;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-start;\n  margin-bottom: 24px;\n  h1 {\n    margin-bottom: 20px;\n  }\n"]))),qo=function(){return T.default.createElement(yo,{style:{marginTop:"16px"}},T.default.createElement("div",null,T.default.createElement(S.default,{height:46})),T.default.createElement("div",null,T.default.createElement(S.default,{height:46})),T.default.createElement("div",null,T.default.createElement(S.default,{height:46})))},Wo=function(e){var n=e.healthTools,t=e.onSelectHealthTool,a=e.basePath,i=e.isDesktop,o=e.onClosePopup,l=e.HEALTH_TOOL_URL_FE,r=e.locale,d=e.isGrouped;return(null==n?void 0:n.length)?i?T.default.createElement(T.default.Fragment,null,n.map((function(e,n){return T.default.createElement(Lo,{"data-grouped":d,key:e.title,onClick:o},T.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(I[r]).concat(e.link),style:{textDecoration:"none",color:m.theme.colors.gray800},className:"iconMenu",href:e.link.startsWith("http")?e.link:"".concat(l).concat(e.link)},T.default.createElement("div",{style:{display:"flex"}},T.default.createElement("img",{alt:"health-tool-icon",src:e.icon||"/images/avatar.jpg",style:{width:"32px",height:"32px"}})),T.default.createElement("p",null,e.title)))}))):T.default.createElement(T.default.Fragment,null,n.map((function(e,n){return T.default.createElement("a",{key:"tool-"+n},T.default.createElement(Eo,{onClick:function(){t(e)},"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(I[r]).concat(e.link)},T.default.createElement(_o,null,T.default.createElement("img",{alt:"health-tool-icon",src:e.icon||"".concat(a,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),T.default.createElement(wo,null,e.title)))}))):null},Ko=function(e){var n,t,a,o,l=e.isDisplayed,r=e.healthTools,s=e.healthToolsByCategory,c=e.onSelectHealthTool,p=e.isLoading,u=e.basePath,m=e.locale,h=e.isMobile,g=e.onClosePopup,f=e.desktopPopupType,x=e.HEALTH_TOOL_URL_FE,v=e.STATIC_PAGES,y=e.siteType,b=ie();return h?T.default.createElement(T.default.Fragment,null,p&&l?T.default.createElement(bo,null,T.default.createElement(qo,null)):T.default.createElement(bo,{"data-category-list-type":"main","data-is-displayed":l},(null==s?void 0:s.length)?s.map((function(e,n){var t;return!!(null===(t=e.healthTools)||void 0===t?void 0:t.length)&&T.default.createElement(T.default.Fragment,{key:"category-health-tool-".concat(n)},T.default.createElement(i.Heading,{tag:"h4",fontWeight:"bold",className:"title"},T.default.createElement("span",{dangerouslySetInnerHTML:{__html:e.name}})),T.default.createElement(Wo,{healthTools:e.healthTools.slice(0,4),onSelectHealthTool:c,basePath:u,HEALTH_TOOL_URL_FE:x,locale:m}))})):T.default.createElement(Wo,{healthTools:r,onSelectHealthTool:c,basePath:u,HEALTH_TOOL_URL_FE:x,locale:m}),T.default.createElement(Qo,null,T.default.createElement("a",{href:"".concat(x).concat((null===(n=v[m])||void 0===n?void 0:n.HEALTH_TOOLS)||""),style:{textDecoration:"none"}},T.default.createElement(Oo,{key:"all-health-tools-mobile","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(x).concat((null===(t=v[m])||void 0===t?void 0:t.HEALTH_TOOLS)||"")},b("home.navigator.menuItem.allHealthTools"),T.default.createElement(So,null,T.default.createElement("img",{src:"".concat(u,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:b("home.navigator.menuItem.allHealthTools")}))))))):T.default.createElement(ko,{className:"top-menu-health-tools",onClick:g,"data-is-display":"tools"===f},T.default.createElement(Co,null,T.default.createElement(d.Container,{style:{padding:"0 16px"}},T.default.createElement(To,{"data-popup-type":f,onClick:function(e){e.stopPropagation()}},T.default.createElement(T.default.Fragment,null,(null==s?void 0:s.length)?s.map((function(e,n){var t;return!!(null===(t=e.healthTools)||void 0===t?void 0:t.length)&&T.default.createElement(Zo,{key:"health-tools-categories-".concat(n)},T.default.createElement(i.Heading,{tag:"h4",as:"h2",fontWeight:"bold"},T.default.createElement("span",{dangerouslySetInnerHTML:{__html:e.name}})),T.default.createElement(Wo,{healthTools:e.healthTools.slice(0,4),onSelectHealthTool:c,basePath:u,HEALTH_TOOL_URL_FE:x,locale:m,isDesktop:!0,isGrouped:!0,onClosePopup:g}))})):T.default.createElement(Wo,{healthTools:r,onSelectHealthTool:c,basePath:u,HEALTH_TOOL_URL_FE:x,locale:m,isDesktop:!0,onClosePopup:g}),T.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(x).concat((null===(a=v[m])||void 0===a?void 0:a.HEALTH_TOOLS)||"")},T.default.createElement(Oo,{onClick:g,key:"all-health-tools","data-theme":y,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(x).concat((null===(o=v[m])||void 0===o?void 0:o.HEALTH_TOOLS)||"")},b("home.navigator.menuItem.allHealthTools"),T.default.createElement(So,null,T.default.createElement("img",{src:"".concat(u,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:b("home.navigator.menuItem.allHealthTools")}))))),T.default.createElement(Io,{onClick:g},T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))},Xo=O.default.div(tl||(tl=e.__makeTemplateObject(["\n  display: flex;\n  width: 48px;\n  height: 48px;\n  align-items: center;\n  justify-content: center;\n\n  margin-right: 16px;\n\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: flex;\n  width: 48px;\n  height: 48px;\n  align-items: center;\n  justify-content: center;\n\n  margin-right: 16px;\n\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(e){return e.theme.mbColors.lightGray})),Jo=O.default.div(al||(al=e.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 64px;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 8px 16px;\n  background-color: ",";\n  font-size: ",";\n"],["\n  display: flex;\n  width: 100%;\n  height: 64px;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 8px 16px;\n  background-color: ",";\n  font-size: ",";\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4})),$o=O.default.div(il||(il=e.__makeTemplateObject(["\n  position: absolute;\n  z-index: ",";\n  top: 64px;\n\n  min-width: 375px;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  position: absolute;\n  z-index: ",";\n  top: 64px;\n\n  min-width: 375px;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])),Z),el=O.default.div(ol||(ol=e.__makeTemplateObject(["\n  position: fixed;\n  top: 69px;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n"],["\n  position: fixed;\n  top: 69px;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n"]))),nl=O.default.div(ll||(ll=e.__makeTemplateObject(["\n  z-index: ",";\n\n  width: 100%;\n\n  max-height: 80vh;\n\n  padding: 20px 0;\n\n  border: 1px solid ",";\n  //align-items: center;\n  //display: flex;\n  //flex: 1;\n  background-color: ",";\n\n  border-radius: 16px;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n\n  overflow-y: auto;\n"],["\n  z-index: ",";\n\n  width: 100%;\n\n  max-height: 80vh;\n\n  padding: 20px 0;\n\n  border: 1px solid ",";\n  //align-items: center;\n  //display: flex;\n  //flex: 1;\n  background-color: ",";\n\n  border-radius: 16px;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n\n  overflow-y: auto;\n"])),q,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white}));O.default.div(rl||(rl=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 24px;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 24px;\n"])));var tl,al,il,ol,ll,rl,dl,sl,cl=O.default.div(dl||(dl=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n"])));O.default.div(sl||(sl=e.__makeTemplateObject(["\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"],["\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase}));var pl,ul,ml,hl,gl,fl,xl,vl,yl,bl,El,wl=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.healthTools,i=e.onSelectHealthTool,o=e.isLoading,l=e.basePath,r=e.isMobile,d=e.onClosePopup,s=e.HEALTH_TOOL_URL_FE,c=e.desktopPopupType;return r?o&&t?T.default.createElement(bo,null,T.default.createElement(qo,null)):T.default.createElement(bo,{style:{marginTop:24},"data-category-list-type":"main","data-is-displayed":t},a.map((function(e,n){return T.default.createElement("a",{key:"tool-"+n,className:"wrapper-menu-health-tool wrapper-menu-health-tool-".concat(n),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://https://marrybaby.vn".concat(e.link)},T.default.createElement(Jo,{onClick:function(){i(e)}},T.default.createElement(Xo,null,T.default.createElement("img",{alt:"health-tool-icon",src:e.icon||"".concat(l,"/images/avatar.jpg"),style:{width:"24px",height:"24px"}})),T.default.createElement(wo,null,e.title)))}))):T.default.createElement($o,{className:"top-menu-health-tools",onClick:d,"data-is-display":"tools"===c},T.default.createElement(el,null),T.default.createElement(nl,{"data-popup-type":c,onClick:function(e){e.stopPropagation()}},T.default.createElement(cl,null,o?T.default.createElement("div",{style:{width:"100%",padding:"0 20px"}},T.default.createElement(qo,null)):a.map((function(e,n){return T.default.createElement("a",{className:"wrapper-menu-health-tool wrapper-menu-health-tool-".concat(n," iconMenu"),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.link),style:{textDecoration:"none",color:m.theme.colors.gray800},href:e.link.startsWith("http")?e.link:"".concat(s).concat(e.link),key:e.title,onClick:function(e){e.stopPropagation()}},T.default.createElement(Jo,{onClick:d},T.default.createElement(Xo,null,T.default.createElement("img",{alt:e.title,src:e.icon||"/images/avatar.jpg",style:{width:"24px",height:"24px"}})),T.default.createElement(Dt,{style:{fontWeight:m.theme.sizes.fwSemiBold},type:"subtitle-2"},e.title)))})))))},_l=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.healthTools,i=e.healthToolsByCategory,o=e.onSelectHealthTool,l=e.isLoading,r=e.basePath,d=e.locale,s=e.isMobile,c=e.onClosePopup,p=e.desktopPopupType,u=e.HEALTH_TOOL_URL_FE,m=e.siteType,h=e.discoverApiDomain,g=e.STATIC_PAGES;return"helloSites"===m?T.default.createElement(Ko,{isDisplayed:t,locale:d,basePath:r,discoverApiDomain:h,HEALTH_TOOL_URL_FE:u,onSelectHealthTool:o,healthTools:a,healthToolsByCategory:i,isLoading:l,isMobile:s,siteType:m,desktopPopupType:p,onClosePopup:c,STATIC_PAGES:g}):T.default.createElement(wl,{isDisplayed:t,basePath:r,discoverApiDomain:h,HEALTH_TOOL_URL_FE:u,onSelectHealthTool:o,healthTools:a||i.reduce((function(e,n){return e.concat(n.healthTools)}),[]),isLoading:l,isMobile:s,desktopPopupType:p,onClosePopup:c})},kl=O.default.div(pl||(pl=e.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    min-height: 109px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    min-height: 109px;\n  }\n"]))),Cl=O.default.div(ul||(ul=e.__makeTemplateObject(["\n  min-height: 116px;\n  padding: 8px 8px;\n  border: 1px solid ",";\n  //border-radius: 6px;\n  background-color: ",";\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  text-align: center;\n  transition: 0.2s ease-in-out;\n\n  &[data-is-active='true'] {\n    background-color: ",";\n    p {\n      color: ",";\n    }\n  }\n\n  & > :last-child {\n    margin-top: 8px;\n  }\n\n  &[data-card-position='left'] {\n    border-bottom-left-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-card-position='right'] {\n    border-bottom-right-radius: 6px;\n    border-top-right-radius: 6px;\n  }\n\n  &[data-card-position='whatever'] {\n    border-radius: 6px;\n  }\n"],["\n  min-height: 116px;\n  padding: 8px 8px;\n  border: 1px solid ",";\n  //border-radius: 6px;\n  background-color: ",";\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  text-align: center;\n  transition: 0.2s ease-in-out;\n\n  &[data-is-active='true'] {\n    background-color: ",";\n    p {\n      color: ",";\n    }\n  }\n\n  & > :last-child {\n    margin-top: 8px;\n  }\n\n  &[data-card-position='left'] {\n    border-bottom-left-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-card-position='right'] {\n    border-bottom-right-radius: 6px;\n    border-top-right-radius: 6px;\n  }\n\n  &[data-card-position='whatever'] {\n    border-radius: 6px;\n  }\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.white})),Tl=function(){return T.default.createElement(T.default.Fragment,null,T.default.createElement(kl,null,T.default.createElement("div",null,T.default.createElement(S.default,{height:109})),T.default.createElement("div",null,T.default.createElement(S.default,{height:109})),T.default.createElement("div",null,T.default.createElement(S.default,{height:109})),T.default.createElement("div",null,T.default.createElement(S.default,{height:109})),T.default.createElement("div",null,T.default.createElement(S.default,{height:109})),T.default.createElement("div",null,T.default.createElement(S.default,{height:109}))))},Ll=function(e){var n=e.specialty,t=e.id,i=e.isActive,o=void 0!==i&&i,l=e.position,r=e.className,d=e.onClick;return n.name&&""!==n.name?T.default.createElement(Cl,{onClick:function(){d&&d(t)},className:r,"data-is-active":o,"data-card-position":l},T.default.createElement("img",{src:n.thumbnail,style:{objectFit:"contain",height:"55px",width:"55px"},alt:"category-menu-card"}),T.default.createElement(a.Text,{type:"bold",size:"label2"},n.name)):T.default.createElement(Tl,null)},Ol=function(e){var n=e.selectedMenuMainItem,t=e.spotlightsList,a=e.locale,i=e.basePath,o=e.callApiHandler,l=e.discoverApiDomain,r=e.DISCOVER_URL_FE,d=e.MARRY_BABY_FE,s=e.onSelectCategory,c=e.isMobile,p=e.siteType,m=e.onCategoryClick,h=ie(),g=n.childCates,f=n.categoryName;return T.default.createElement(Gn,{"data-type":"sub-level","data-with-search-input":!1},T.default.createElement(Vn,null,T.default.createElement(zi,{isDisplayed:!0,locale:a,basePath:i,callApiHandler:o,discoverApiDomain:l,DISCOVER_URL_FE:r,MARRY_BABY_FE:d,categories:g||[],spotlightsList:t,type:"sub",onSelectCategory:s,isMobile:c,siteType:p,desktopPopupType:"none",isLoading:!1,onClosePopup:void 0}),T.default.createElement(Fn,{"data-site-type":p},T.default.createElement(u.Button,{onClick:m,className:"category-button",size:"md",theme:p},T.default.createElement(qn,null,T.default.createElement("div",null,h("home.menu.category.view",{category:f})),"helloSites"===p?T.default.createElement("img",{src:ee,style:{width:"16px",height:"16px"},className:"button-image",alt:h("home.menu.category.view",{category:f})}):T.default.createElement("svg",{width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M7 12H18M18 12L13.4118 8M18 12L13.4118 16",stroke:"white",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))))))},Sl=function(t){var a=t.selectedMenuMainItem,i=t.onCommunityClick,o=t.onSelectCommunity,l=t.basePath,r=void 0===l?"":l,d=t.callApiHandler,s=t.togetherApiDomain,c=t.locale,p=t.TOGETHER_URL_FE,m=t.siteType,h=t.isMobile,g=ie(),f=n.useState([]),x=f[0],v=f[1],y=n.useState(!1),b=y[0],E=y[1],w=a.communityId,_=a.title;return n.useEffect((function(){E(!0),e.__awaiter(void 0,void 0,void 0,(function(){var n,t,a,i,o;return e.__generator(this,(function(l){switch(l.label){case 0:return[4,d("helloSites"===m?fe(c,s,{communityId:w}):(r=s,p={communityId:w},(r||"https://together.hellohealthgroup.com/")+"api/v1/"+L.default(j,e.__assign(e.__assign({},p),{websiteUrl:"https://marrybaby.vn"}))),"GET")];case 1:return null!==(n=l.sent())&&(null===(o=null===(i=null===(a=null==n?void 0:n.data)||void 0===a?void 0:a.data)||void 0===i?void 0:i.topics)||void 0===o?void 0:o.length)>0&&(t=n.data.data.topics.map(le),v(t)),E(!1),[2]}var r,p}))}))}),[a]),T.default.createElement(Gn,{"data-type":"sub-level","data-with-search-input":!1},T.default.createElement(Vn,null,T.default.createElement(vo,{isDisplayed:!0,locale:c,communities:x,type:"sub",onSelectCommunity:o,isLoading:b,basePath:r,TOGETHER_URL_FE:p,togetherApiDomain:s,siteType:m,isMobile:h,desktopPopupType:"none",onClosePopup:void 0}),T.default.createElement(Fn,null,T.default.createElement(u.Button,{onClick:i,className:"category-button",size:"md"},T.default.createElement(qn,null,T.default.createElement("div",null,g("home.menu.category.view",{category:_})),T.default.createElement("img",{src:ee,style:{width:"16px",height:"16px"},className:"button-image",alt:g("home.menu.category.view",{category:_})}))))))},Il={categories:{icon:T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1174 3.67709C12.8717 2.70759 11.1272 2.70787 9.8809 3.67705L14.1174 3.67709ZM14.1174 3.67709L19.717 8.0327C20.5579 8.68619 21.049 9.69161 21.049 10.7561V17.6001C21.049 19.5056 19.5045 21.0501 17.599 21.0501H6.39918C4.49368 21.0501 2.94922 19.5056 2.94922 17.6001V10.7561C2.94922 9.6915 3.44016 8.68619 4.28119 8.0327L9.8809 3.67705M10.679 4.70326L5.07908 9.05903C4.5556 9.46579 4.24922 10.0921 4.24922 10.7561V17.6001C4.24922 18.7876 5.21165 19.7501 6.39918 19.7501H17.599C18.7866 19.7501 19.749 18.7876 19.749 17.6001V10.7561C19.749 10.0921 19.4429 9.46599 18.9194 9.05923L13.3192 4.70322C12.5433 4.09928 11.4561 4.09892 10.679 4.70326Z",fill:"#3E3F58"}),T.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2363 13.1623C12.5537 12.4791 11.4456 12.4788 10.7619 13.1625C10.0783 13.8461 10.0783 14.9535 10.7619 15.6371C11.4455 16.3207 12.5529 16.3207 13.2365 15.6371C13.9201 14.9535 13.9201 13.8461 13.2365 13.1625L13.2363 13.1623ZM14.1558 12.2433C12.9651 11.0518 11.0338 11.0522 9.84268 12.2433C8.6514 13.4346 8.6514 15.3651 9.84268 16.5563C11.034 17.7476 12.9645 17.7476 14.1558 16.5563C15.347 15.3651 15.347 13.4346 14.1558 12.2433Z",fill:"#3E3F58"})),color:m.theme.mbColors.lightPink},healthTools:{icon:T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7899 3.65C17.1559 3.65 16.6802 4.2267 16.6809 4.79725L16.6809 4.798C16.6809 5.41974 17.104 6.05554 17.7236 6.58451C18.0209 6.83831 18.3337 7.04083 18.5977 7.17695C18.7296 7.245 18.8416 7.29248 18.9268 7.32147C18.9708 7.33646 18.9995 7.34373 19.0149 7.34719C19.0302 7.34373 19.0589 7.33646 19.1029 7.32147C19.1881 7.29248 19.3001 7.245 19.4321 7.17695C19.696 7.04083 20.0088 6.83831 20.3061 6.58451C20.9257 6.05554 21.3489 5.41974 21.3489 4.798C21.3489 4.22619 20.8732 3.65 20.2399 3.65C19.8662 3.65 19.6352 3.81824 19.4969 3.97109C19.3738 4.10711 19.199 4.1848 19.0156 4.185C18.8321 4.1852 18.6572 4.10789 18.5338 3.97214C18.3936 3.81789 18.1622 3.65 17.7899 3.65ZM15.3809 4.79838C15.3797 3.63503 16.318 2.35 17.7899 2.35C18.2971 2.35 18.703 2.4988 19.0145 2.69438C19.3261 2.49862 19.7323 2.35 20.2399 2.35C21.7125 2.35 22.6489 3.63581 22.6489 4.798C22.6489 5.98926 21.875 6.95446 21.1501 7.57324C20.7752 7.89331 20.3789 8.15136 20.028 8.33233C19.8525 8.42282 19.6807 8.49802 19.522 8.55207C19.3755 8.60198 19.1942 8.65 19.0149 8.65C18.8355 8.65 18.6543 8.60198 18.5077 8.55207C18.349 8.49802 18.1772 8.42282 18.0018 8.33233C17.6509 8.15136 17.2545 7.89331 16.8796 7.57324C16.1548 6.95452 15.381 5.98947 15.3809 4.79838ZM15.3809 4.79838C15.3809 4.79825 15.3809 4.79813 15.3809 4.798H16.0309L15.3809 4.79875C15.3809 4.79863 15.3809 4.7985 15.3809 4.79838Z",fill:"#3E3F58"}),T.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.91051 8.78301C4.23607 5.03996 7.79796 2.35 12.0002 2.35C12.3662 2.35 12.7248 2.37267 13.077 2.41455C13.4334 2.45693 13.6881 2.78027 13.6457 3.13674C13.6033 3.49322 13.28 3.74784 12.9235 3.70545C12.6196 3.66932 12.3123 3.65 12.0002 3.65C8.36849 3.65 5.28438 5.97404 4.13594 9.21698C4.0161 9.55538 3.64463 9.73255 3.30624 9.61271C2.96785 9.49287 2.79067 9.12141 2.91051 8.78301Z",fill:"#3E3F58"}),T.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.07473 7.35106C9.33041 7.35465 9.56024 7.50781 9.66196 7.74242L12.5334 14.3647L13.6702 11.7415C13.7732 11.5038 14.0075 11.35 14.2666 11.35H15.9996C16.3586 11.35 16.6496 11.641 16.6496 12C16.6496 12.359 16.3586 12.65 15.9996 12.65H14.6933L13.13 16.2575C13.027 16.4951 12.7927 16.649 12.5337 16.649C12.2746 16.649 12.0403 16.4952 11.9373 16.2576L9.0434 9.58369L7.78547 12.2752C7.6786 12.5039 7.44902 12.65 7.19661 12.65H2.99961C2.64062 12.65 2.34961 12.359 2.34961 12C2.34961 11.641 2.64062 11.35 2.99961 11.35H6.78291L8.47675 7.72578C8.58502 7.49413 8.81905 7.34747 9.07473 7.35106Z",fill:"#3E3F58"}),T.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.8654 10.3543C21.222 10.313 21.5446 10.5686 21.5859 10.9252C21.6264 11.2747 21.6502 11.6328 21.6502 12C21.6502 17.33 17.3302 21.65 12.0002 21.65C7.79796 21.65 4.23607 18.96 2.91051 15.217C2.79067 14.8786 2.96785 14.5071 3.30624 14.3873C3.64463 14.2674 4.0161 14.4446 4.13594 14.783C5.28438 18.026 8.36849 20.35 12.0002 20.35C16.6122 20.35 20.3502 16.612 20.3502 12C20.3502 11.6892 20.3301 11.3813 20.2945 11.0748C20.2532 10.7182 20.5088 10.3956 20.8654 10.3543Z",fill:"#3E3F58"})),color:m.theme.mbColors.lightOrange},together:{icon:T.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.99961 4.65C7.4256 4.65 6.14961 5.92599 6.14961 7.5C6.14961 9.07401 7.4256 10.35 8.99961 10.35C10.5736 10.35 11.8496 9.07401 11.8496 7.5C11.8496 5.92599 10.5736 4.65 8.99961 4.65ZM4.84961 7.5C4.84961 5.20802 6.70763 3.35 8.99961 3.35C11.2916 3.35 13.1496 5.20802 13.1496 7.5C13.1496 9.79198 11.2916 11.65 8.99961 11.65C6.70763 11.65 4.84961 9.79198 4.84961 7.5ZM6.71218 15.0233L6.53409 15.0517C4.87235 15.3169 3.64961 16.7503 3.64961 18.433C3.64961 18.9395 4.06015 19.35 4.56658 19.35H13.4326C13.9391 19.35 14.3496 18.9395 14.3496 18.433C14.3496 16.7503 13.1269 15.3169 11.4651 15.0517L11.287 15.0233C9.77167 14.7814 8.22754 14.7814 6.71218 15.0233ZM6.5073 13.7395C8.15839 13.476 9.84083 13.476 11.4919 13.7395L11.67 13.768C13.9626 14.1338 15.6496 16.1114 15.6496 18.433C15.6496 19.6574 14.657 20.65 13.4326 20.65H4.56658C3.34218 20.65 2.34961 19.6574 2.34961 18.433C2.34961 16.1114 4.03657 14.1338 6.3292 13.768L6.5073 13.7395Z",fill:"#3E3F58"}),T.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.3496 4C14.3496 3.64101 14.6406 3.35 14.9996 3.35C17.2916 3.35 19.1496 5.20802 19.1496 7.5C19.1496 9.79198 17.2916 11.65 14.9996 11.65C14.6406 11.65 14.3496 11.359 14.3496 11C14.3496 10.641 14.6406 10.35 14.9996 10.35C16.5736 10.35 17.8496 9.07401 17.8496 7.5C17.8496 5.92599 16.5736 4.65 14.9996 4.65C14.6406 4.65 14.3496 4.35898 14.3496 4ZM15.5908 14.3814C15.5908 14.0224 15.8818 13.7314 16.2408 13.7314H17.2089C17.3632 13.7314 17.5175 13.7436 17.67 13.768C19.9626 14.1338 21.6496 16.1114 21.6496 18.433C21.6496 19.6574 20.657 20.65 19.4326 20.65H17.3895C17.0305 20.65 16.7395 20.359 16.7395 20C16.7395 19.641 17.0305 19.35 17.3895 19.35H19.4326C19.9391 19.35 20.3496 18.9395 20.3496 18.433C20.3496 16.7503 19.1269 15.3169 17.4651 15.0517C17.3805 15.0382 17.2947 15.0314 17.2089 15.0314H16.2408C15.8818 15.0314 15.5908 14.7404 15.5908 14.3814Z",fill:"#3E3F58"})),color:m.theme.mbColors.lightBlue}},Al=function(n){var t,a,i,o=n.item,l=n.isActive,r=n.isGoingForward,d=n.onServiceClicked;return T.default.createElement("div",{style:{display:"flex",flex:1,flexDirection:"column",alignItems:"center",justifyContent:"center"}},T.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:56,width:56,marginBottom:8,borderRadius:16},onClick:function(){null==d||d(o.id)}},T.default.createElement("div",{style:e.__assign({display:"flex",alignItems:"center",justifyContent:"center",height:48,width:48,flexShrink:0,backgroundColor:null!==(a=null===(t=Il[o.id])||void 0===t?void 0:t.color)&&void 0!==a?a:"white",borderRadius:16},l?{height:56,width:56,boxShadow:"0px 0px 24px rgba(0, 0, 0, 0.08)",border:"4px solid white"}:{})},null===(i=Il[o.id])||void 0===i?void 0:i.icon)),T.default.createElement(Dt,{type:"subtitle-3",color:l&&m.theme.mbColors.pink,style:{fontWeight:m.theme.sizes.fwSemiBold}},o.name),l&&(r?T.default.createElement(Ct,{style:{animationDuration:"0.2s",animationName:"menuLeftToRightTrans"}}):T.default.createElement(Ct,{style:{animationDuration:"0.2s",animationName:"menuRightToLeftTrans"}})))},Ml=function(e){var t=e.menuItems,a=e.activeItem,i=e.onServiceClicked,o=n.useState(0),l=o[0],r=o[1],d=n.useRef(!0);return T.default.createElement("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-evenly"}},t.map((function(e,n){return T.default.createElement(Al,{onServiceClicked:function(e){d.current=l<n,r(n),null==i||i(e)},key:"item"+n,item:e,isGoingForward:d.current,isActive:a.id===e.id})})))},Nl=function(e){var t=e.isMobile,a=void 0!==t&&t,o=e.isMobileMenuOpened,l=void 0===o?void 0:o,d=e.categories,s=e.healthTools,c=e.healthToolsByCategory,p=e.careSpecialties,u=e.togetherCommunities,h=e.spotlightsList,g=e.closePopup,f=e.popupType,v=void 0===f?"none":f,y=e.onMobileMenuClick,b=e.footer,E=e.care.CARE_URL_FE,w=e.discover,_=w.discoverApiDomain,k=w.DISCOVER_URL_FE,C=e.together,L=C.togetherApiDomain,O=C.TOGETHER_URL_FE,S=e.sso.SSO_URL,I=e.statics,M=I.MARRY_BABY_FE,N=I.HOME_PAGE_URL,P=I.STATIC_PAGES,R=I.HEALTH_TOOL_URL_FE,j=e.marryBaby.tone,B=e.locale,D=e.siteType,H=e.basePath,z=e.callApiHandler,U=e.activeMenuService,F=e.menuItems,G=e.routerAsPath,Y=ie(),V=n.useState(!1),Q=V[0],Z=V[1],q=n.useState(d),W=q[0],K=q[1],X=n.useState(void 0),J=X[0],$=X[1],ee=n.useState(void 0),ne=ee[0],te=ee[1],ae=n.useState(!1),oe=ae[0],le=ae[1],re=n.useState(null==F?void 0:F.find((function(e){return e.id===U}))),de=re[0],se=re[1],ce=n.useState(!1),pe=ce[0],ue=ce[1],me=n.useState(!1),he=me[0],ge=me[1],fe=function(){J&&(window.location.href=J.permalink),_e(),g&&g()},ve=function(){J&&(window.location.href="".concat(O,"/").concat(J.communitySlug)),_e(),g&&g()},ye=function(e){e.childCates&&e.childCates.length>0?(Z(!0),$(e)):(window.location.href="helloSites"===D?k+e.permalink:M+e.permalink,_e(),g&&g())},be=function(e){var n=e.community;e.isSetToSubMenu?(Z(!0),$(n)):(window.location.href="".concat(O,"/").concat(n.communitySlug),_e(),g&&g())},Ee=function(e){window.location.href=e.link.startsWith("http")?e.link:R+e.link,_e(),g&&g()},we=function(e){window.location.href=E+xe({type:"DOCTOR",specialtySlug:e.slug,locale:B}),null==g||g()},_e=function(){$(void 0),Z(!1)},ke=function(e){se(F.find((function(n){return n.id===e})))},Ce=A[B||"en-PH"]||{};return n.useEffect((function(){var e;te("categories"===de.id?(null===(e=null==J?void 0:J.childCates)||void 0===e?void 0:e.length)>0&&T.default.createElement(Ol,{selectedMenuMainItem:J,spotlightsList:[],locale:B,basePath:H,callApiHandler:z,discoverApiDomain:_,DISCOVER_URL_FE:k,MARRY_BABY_FE:M,onSelectCategory:ye,isMobile:a,siteType:D,onCategoryClick:fe}):"together"===de.id&&J&&T.default.createElement(Sl,{selectedMenuMainItem:J,onCommunityClick:ve,onSelectCommunity:be,TOGETHER_URL_FE:O,basePath:H,callApiHandler:z,locale:B,togetherApiDomain:L,siteType:D,isMobile:a}))}),[J,de]),n.useEffect((function(){ue(!0)}),[]),n.useEffect((function(){!he&&l&&ge(!0)}),[l]),n.useEffect((function(){K(d)}),[d]),a?T.default.createElement(T.default.Fragment,null,T.default.createElement(zn,{id:pe?"":"categories-menu","data-opened":l||(he?l:"undefined"),key:pe?"t":"f"},T.default.createElement(Un,{"data-opened":l,"data-type":"category","data-is-sub-category-opened":Q},T.default.createElement(_n,{siteType:D,locale:B,isDisplayed:!0,searchPlaceholder:"",statics:{DISCOVER_URL_FE:k,SSO_URL:S,HOME_PAGE_URL:N,MARRY_BABY_FE:M,CARE_URL_FE:E},isMobile:a,isLoginButtonDisplayed:!1,type:"popup",onMenuClick:function(){return null==y?void 0:y("categories")},onSearchChange:function(e){le(""!==e),K(e&&""!==e?d.filter((function(n){return n.categoryName.toLowerCase().search(e.toLowerCase())>-1||n.slug.replace("-","").toLowerCase().search(e.replace(" ","").toLowerCase())>-1})):d)},isSearchBarDisplay:!1,basePath:H,isAmp:!1,isInit:!1,isStatic:!1,routerAsPath:G,title:"",onTopBarAppears:void 0,currentPopupType:"none",marryBaby:{tone:j},menu:void 0,menuItems:void 0,onSearchKeyPress:void 0,openPopup:void 0,profileMenu:void 0,userInfo:void 0}),T.default.createElement(Gn,null,T.default.createElement(Vn,null,T.default.createElement(Qn,null,T.default.createElement(Zn,{"data-hide-on-search":oe,"data-is-sub-category-opened":Q},"helloSites"===D?T.default.createElement(T.default.Fragment,null,T.default.createElement(Tt,{onClick:function(){window.location.href="".concat(x.getCurrentBaseUrl(B),"/search")}},T.default.createElement(r.PureInput,{className:"fake-search-input",name:"search-input-menu-service"+(pe?"":"-temp"),size:"md",placeholder:Y("home.search",{site:Ce?Ce.SITE_NAME:""}),onChange:function(){},type:"search",autoFocus:!1,onFocus:function(e){e.preventDefault()},value:"",displayIcon:T.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},T.default.createElement(Lt,null))})),T.default.createElement(i.Heading,{tag:"h5",color:m.theme.colors.gray800},Y("menu.categories.title")),T.default.createElement(Yn,{"data-card-array-no-margin-style":!0},F.map((function(e,n){return T.default.createElement(Ll,{onClick:ke,key:"service-"+n,specialty:e,id:e.id,isActive:e.id===de.id,isMobile:a,position:0===n?"left":n===F.length-1?"right":"center"})})))):T.default.createElement(Ml,{menuItems:F,activeItem:de,onServiceClicked:ke})),T.default.createElement(zi,{isDisplayed:"categories"===de.id,locale:B,basePath:H,callApiHandler:z,onClosePopup:g,discoverApiDomain:_,DISCOVER_URL_FE:k,MARRY_BABY_FE:M,type:"main",onSelectCategory:ye,categories:W,spotlightsList:h,isLoading:!1,isMobile:a,siteType:D,desktopPopupType:v}),T.default.createElement(_l,{isDisplayed:"healthTools"===de.id,locale:B,basePath:H,discoverApiDomain:_,HEALTH_TOOL_URL_FE:R,onSelectHealthTool:Ee,onClosePopup:g,desktopPopupType:v,healthTools:s,healthToolsByCategory:c,isLoading:!1,isMobile:a,siteType:D,STATIC_PAGES:P}),"care"===de.id&&T.default.createElement(Ba,{locale:B,basePath:H,onSelectCareSpecialty:we,onClosePopup:g,careSpecialties:p,isLoading:!1,siteType:D,isMobile:a,desktopPopupType:v,CARE_URL_FE:E}),T.default.createElement(vo,{isDisplayed:"together"===de.id,locale:B,TOGETHER_URL_FE:O,basePath:H,type:"main",onSelectCommunity:be,onClosePopup:g,communities:u,isLoading:!1,isMobile:a,siteType:D,togetherApiDomain:L,desktopPopupType:v})),b)))),Q&&T.default.createElement(zn,{"data-sub-level-opened":Q||(he?Q:"undefined")},T.default.createElement(Un,{"data-type":"sub-category","data-is-sub-category-opened":Q},T.default.createElement(_n,{siteType:D,locale:B,isDisplayed:l&&Q,searchPlaceholder:"",menuItems:void 0,statics:{DISCOVER_URL_FE:k,SSO_URL:S,HOME_PAGE_URL:N,MARRY_BABY_FE:M,CARE_URL_FE:E},isMobile:a,isLoginButtonDisplayed:!1,type:"popup-sub-level",title:"categories"===de.id?null==J?void 0:J.categoryName:null==J?void 0:J.title,isSearchBarDisplay:!1,basePath:H,isAmp:!1,isInit:!1,isStatic:!1,routerAsPath:G,currentPopupType:"none",marryBaby:{tone:j},menu:void 0,openPopup:void 0,profileMenu:void 0,userInfo:void 0,onSearchKeyPress:void 0,onTopBarAppears:void 0,onMenuClick:_e,onSearchChange:void 0}),ne))):T.default.createElement(T.default.Fragment,null,T.default.createElement(zi,{isDisplayed:"categories"===v,locale:B,basePath:H,callApiHandler:z,discoverApiDomain:_,DISCOVER_URL_FE:k,MARRY_BABY_FE:M,type:"main",desktopPopupType:v,onSelectCategory:ye,onClosePopup:g,categories:W,spotlightsList:h,isLoading:!1,isMobile:a,siteType:D}),T.default.createElement(_l,{isDisplayed:"tools"===v,locale:B,basePath:H,discoverApiDomain:_,HEALTH_TOOL_URL_FE:R,desktopPopupType:v,onSelectHealthTool:Ee,onClosePopup:g,healthToolsByCategory:c,healthTools:s,isLoading:!1,isMobile:a,siteType:D,STATIC_PAGES:P}),T.default.createElement(vo,{isDisplayed:"communities"===v,locale:B,TOGETHER_URL_FE:O,basePath:H,type:"main",onSelectCommunity:be,communities:u,isLoading:!1,isMobile:a,siteType:D,togetherApiDomain:L,desktopPopupType:v,onClosePopup:g}),"care"===v&&T.default.createElement(Ba,{locale:B,basePath:H,onSelectCareSpecialty:we,careSpecialties:p,isLoading:!1,desktopPopupType:v,siteType:D,isMobile:a,CARE_URL_FE:E,onClosePopup:g}))},Pl=O.default.div(ml||(ml=e.__makeTemplateObject(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),l.MediaQueries.mbDown,l.MediaQueries.mbUp,(function(e){return e.theme.colors.gray800}),l.MediaQueries.mbDown,l.MediaQueries.mbUp,(function(e){return e.theme.colors.gray600}),l.MediaQueries.mbDown,l.MediaQueries.mbUp),Rl=O.default.div(hl||(hl=e.__makeTemplateObject(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),l.MediaQueries.mbDown,l.MediaQueries.mbUp,(function(e){return"marryBaby"===e.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""})),jl=function(t){var a=t.callPostLogOutApi,i=t.openLogoutPopup,o=t.onCloseHandler,l=t.onLogoutHandler,r=t.basePath,d=t.siteType,s=void 0===d?"helloSites":d,c=ie();n.useEffect((function(){document.body.classList.toggle("noscroll",i)}),[i]);return T.default.createElement(w.Popup,{type:"confirm",isOpen:i,closeIcon:T.default.createElement("img",{src:ne,style:{width:24,height:24},alt:"close-icon"}),onClose:o},T.default.createElement(Pl,null,"helloSites"===s&&T.default.createElement("img",{className:"cancle-img",src:"".concat(r,"/images/arrowDoor.svg"),alt:"close-account"}),T.default.createElement("h2",null,c("helloSites"===s?"logout.popup.ask1":"logout.popup.ask.mb")),T.default.createElement("p",null,c("logout.popup.ask2")),T.default.createElement(Rl,{siteType:s},T.default.createElement(u.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:function(){e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,null==a?void 0:a()];case 1:return e.sent(),null==l||l(),window.location.reload(),[2]}}))}))}},c("logout.popup.button.logout")),T.default.createElement(u.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:o},c("logout.popup.button.cancel")))))},Bl=O.default.div(gl||(gl=e.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      top: 64px;\n      width: 100%;\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      top: 64px;\n      width: 100%;\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(e){return e.theme.colors.white}),l.MediaQueries.mbDown,l.MediaQueries.mbUp,l.MediaQueries.mbDown,l.MediaQueries.mbUp,l.MediaQueries.mbUp,(function(e){return e.theme.colors.gray200}),l.MediaQueries.mbDown,l.MediaQueries.mbUp),Dl=O.default.div(fl||(fl=e.__makeTemplateObject(["\n  position: fixed;\n  z-index: 150;\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"])),l.MediaQueries.mbUp,l.MediaQueries.mbDown),Hl=function(e){var n=e.type,t=void 0===n?"lead":n,a=e.closeIcon,i=e.isOpen,o=void 0===i||i,l=e.onClose,r=e.children,d=e.enableAnimation,s=void 0===d||d,c=e.targetAvatar,p=e.id,u=e.className;return T.default.createElement(T.default.Fragment,null,T.default.createElement(Bl,{"data-open":o,"data-type":t,"data-animation":s,"data-target":c,id:p,className:u},T.default.createElement("div",{className:"popup-content"},!!a&&T.default.createElement("div",{className:"close-button",onClick:l},a),r)),T.default.createElement(Dl,{"data-type":t,"data-open":o,onClick:l,id:p?"wrapper-".concat(p):void 0,className:"".concat(u||"","-wrapper")}))},zl=function(e){var n=e.SSO_URL,t=e.UP_BASEPATH,a=e.isOpen,i=e.locale,o=e.targetAvatar,l=e.userInfo,r=e.ENABLE_CARE_PROFILE_MENU_LOCALES,d=e.ENABLE_COMMUNITY_PROFILE_MENU_LOCALES,s=e.closePopup,c=e.siteType,p=void 0===c?"helloSites":c,u=e.dispatchLogout,m=e.userProfileRouterPush,h=e.isUserProfileNavigatorMenuHidden,g=e.isMyHealthEnabled,f=void 0!==g&&g,x=e.togetherApiDomain,v=function(e){m?m("/".concat(e)):n&&(window.location.href="".concat(n).concat(t,"/").concat(e))},y=function(e){v(e),s()};return T.default.createElement(Hl,{isOpen:a,type:"profile",enableAnimation:!1,targetAvatar:o,onClose:s},T.default.createElement(_.TranslationsProvider,{locale:i},T.default.createElement(k.UserProfileNavigation,{SSO_URL:n,UP_BASEPATH:t,themeName:p,userInfo:l,ENABLE_COMMUNITY_PROFILE_MENU_LOCALES:d,ENABLE_CARE_PROFILE_MENU_LOCALES:r,onClickLogout:function(){u&&(u(),s())},onClickMenuItem:y,onClickNavigationCard:y,onClickMyProfileButton:function(){v("profile"),s()},userProfileRouterPush:m,isUserProfileNavigatorMenuHidden:h,isMyHealthEnabled:f,togetherApiDomain:x,locale:i})))},Ul=O.default.div(xl||(xl=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Fl=O.default.div(vl||(vl=e.__makeTemplateObject([""],[""]))),Gl=O.default.div(yl||(yl=e.__makeTemplateObject(["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"],["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"]))),Yl=O.default.div(bl||(bl=e.__makeTemplateObject(["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"])),(function(e){return e.theme.colors.gray100})),Vl=O.default.div(El||(El=e.__makeTemplateObject(["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"],["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"]))),Ql=function(e){var t=e.options,i=e.label,o=e.selected,l=e.onChange,r=e.showSelected,d=void 0===r||r,s=e.style,c=void 0===s?{}:s,p=e.showIndicator,u=void 0===p||p,m=n.useState(!1),h=m[0],g=m[1];return T.default.createElement(T.default.Fragment,null,T.default.createElement(Ul,null,T.default.createElement(Fl,{onClick:function(){return g((function(e){return!e}))}},!!i&&i),T.default.createElement(Gl,{"data-is-open":h,style:c,"data-show-indicator":u},t.map((function(e,n){return T.default.createElement(Yl,{key:n,"data-selected":d&&o===e.value,onClick:function(n){o!==e.value&&(l(e.value),g((function(e){return!e}))),n.stopPropagation()}},T.default.createElement(a.Text,{size:"p3"},e.label),d&&o===e.value&&T.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3346 4L6.0013 11.3333L2.66797 8' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",alt:"check",className:"check-icon"}))})))),h&&T.default.createElement(Vl,{onClick:function(){return g(!1)}}))},Zl=function(e){var n="undefined"!=typeof window&&document.querySelector(e),t=n&&window.getComputedStyle(n);return t&&t.getPropertyValue("display")};exports.Layout=$,exports.NaContext=ae,exports.NavigationBar=_n,exports.NavigationLayout=function(a){var i,o=a.siteType,l=a.MetaPageTitle,r=a.MetaPageDescription,d=a.MetaPageImage,s=a.footerInfo,c=a.children,p=a.ssrMenuContent,u=void 0===p?{}:p,m=u.categories,h=void 0===m?[]:m,g=u.healthTools,f=void 0===g?[]:g,x=u.healthToolsByCategory,v=void 0===x?[]:x,y=u.careSpecialties,b=void 0===y?[]:y,E=u.togetherCommunities,w=void 0===E?[]:E,_=u.spotlightsList,k=void 0===_?[]:_,C=a.SEOData,O=void 0===C?{}:C,S=a.UP_BASEPATH,N=void 0===S?P:S,j=a.isStatic,B=void 0!==j&&j,D=a.seoType,H=void 0===D?"website":D,z=a.isMobile,U=a.isMyHealthEnabled,Y=void 0!==U&&U,V=a.logoutHandlers,Q=V.isLogoutPopupOpened,Z=V.callPostLogOutApi,q=V.onClosePopup,W=V.onLogout,K=a.marryBaby,X=void 0===K?{tone:"white",marryBabyApiDomain:"",socialLinks:{facebookLink:"",instagramLink:"",linkedinLink:"",twitterLink:"",youtubeLink:"",zaloLink:""}}:K,J=X.tone,ee=void 0===J?"white":J,ne=X.marryBabyApiDomain,te=X.socialLinks,ae=void 0===te?{}:te,le=ae.facebookLink,fe=void 0===le?"":le,xe=ae.instagramLink,be=void 0===xe?"":xe,Ee=ae.linkedinLink,we=void 0===Ee?"":Ee,_e=ae.twitterLink,ke=void 0===_e?"":_e,Ce=ae.youtubeLink,Te=void 0===Ce?"":Ce,Le=ae.zaloLink,Oe=void 0===Le?"":Le,Se=a.statics,Ie=void 0===Se?{LOCALE_SPECS:A,STATIC_PAGES:M}:Se,Ae=Ie.DISCOVER_URL_FE,Me=Ie.TOGETHER_URL_FE,Ne=Ie.MARRY_BABY_FE,Pe=Ie.HOME_PAGE_URL,Re=Ie.HEALTH_TOOL_URL_FE,je=Ie.CARE_URL_FE,Be=Ie.LOCALE_SPECS,De=void 0===Be?A:Be,He=Ie.STATIC_PAGES,ze=void 0===He?M:He,Ue=a.sso,Fe=void 0===Ue?{}:Ue,Ge=Fe.dispatchLogout,Ye=Fe.SSO_URL,Ve=a.together,Qe=void 0===Ve?{TOGETHER_MENU_COUNTRIES_ENABLED:["id-ID","vi-VN"],ENABLE_COMMUNITY_PROFILE_MENU_LOCALES:["id-ID","vi-VN"],togetherApiDomain:""}:Ve,Ze=Qe.TOGETHER_MENU_COUNTRIES_ENABLED,qe=Qe.ENABLE_COMMUNITY_PROFILE_MENU_LOCALES,We=Qe.togetherApiDomain,Ke=a.care,Xe=void 0===Ke?{CARE_MENU_COUNTRIES_ENABLED:["vi-VN","id-ID","en-PH"],ENABLE_CARE_PROFILE_MENU_LOCALES:[],menuActionType:"redirectOnly",careApiDomain:""}:Ke,Je=Xe.CARE_MENU_COUNTRIES_ENABLED,$e=Xe.ENABLE_CARE_PROFILE_MENU_LOCALES,en=Xe.careApiDomain,nn=a.discover,tn=(void 0===nn?{discoverApiDomain:""}:nn).discoverApiDomain,an=a.activeMenuService,on=void 0===an?"categories":an,ln=a.basePath,rn=a.isAmp,dn=void 0!==rn&&rn,sn=a.nextHead,cn=a.routerPathname,pn=a.routerQuery,un=a.routerAsPath,mn=a.locale,hn=a.userState,gn=a.callApiHandler,fn=a.userProfileRouterPush,xn=a.onTopBarAppears,vn=a.forcedCanonicalUrl,yn=a.isUserProfileNavigatorMenuHidden,bn=a.sitewideBanner,En=a.sitewideBannerShown,wn=void 0===En||En,kn=a.sponsorComponent,Cn=a.languageOptions,Tn=a.isSearchBarDisplay,Ln=a.ampSubBar,On=a.isSearchIconDisplayed,Sn=void 0===On||On,In=a.enabledExperimentalCareHeader,An=void 0!==In&&In,Mn=a.onCareHeaderClick,Nn=a.dueDatePopup,Pn=a.welcomePopup,Rn=a.ampNextArticle,jn=a.usingDefaultHead,Bn=void 0===jn||jn,Dn=a.acceptCookiePopup,Hn=a.seoCustom,zn=a.hasStickyBottomBar,Un=void 0===zn||zn,Fn="boolean"==typeof Tn?Tn:!z,Gn=ie(),Yn=De[mn||"en-PH"]||{},Vn=n.useMemo((function(){var e;return(null===(e=un.split("?"))||void 0===e?void 0:e[0])||""}),[un]),Qn=n.useMemo((function(){return"".concat(ln).concat("/"===Vn.slice(-1)?Vn:"".concat(Vn,"/"))}),[Vn]),Zn=n.useMemo((function(){return(null==Cn?void 0:Cn.find((function(e){return e.value!==Qn})))||null}),[Cn,Qn]),qn=n.useState(s),Wn=qn[0],Kn=qn[1],Xn=n.useState(h),Jn=Xn[0],$n=Xn[1],et=n.useState(f),nt=et[0],tt=et[1],at=n.useState(v),it=at[0],ot=at[1],lt=n.useState(b),rt=lt[0],dt=lt[1],st=n.useState(w),ct=st[0],pt=st[1],ut=n.useState(k),mt=ut[0],ht=ut[1],gt=Ae||"https://".concat(I[mn])||"",ft="undefined"!=typeof window,xt=ft&&document.querySelector("#categories-menu"),vt=xt&&ft&&window.getComputedStyle(xt),yt=vt&&vt.getPropertyValue("left"),bt=n.useRef("0px"===yt),Et=n.useState(bt.current),wt=Et[0],_t=Et[1],kt=Zl(".top-menu-categories"),Ct=Zl(".top-menu-health-tools"),Tt=Zl(".top-menu-communities"),Lt=Zl(".top-menu-care-specialties"),Ot=n.useState(kt&&"none"!==kt?"categories":Ct&&"none"!==Ct?"tools":Tt&&"none"!==Tt?"communities":Lt&&"none"!==Lt?"care":"none"),St=Ot[0],At=Ot[1],Mt=n.useMemo((function(){var e,n;return T.default.createElement(wa,null,null===(n=null===(e=mn.split("-"))||void 0===e?void 0:e[0])||void 0===n?void 0:n.toUpperCase(),T.default.createElement("img",{src:"language"===St?"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 10L8 6L12 10' stroke='%232D87F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 6L8 10L4 6' stroke='%231B3250' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",style:{width:"16px",height:"16px"},alt:Gn("home.navigator.menuItem.language")}))}),[St,mn]),Nt=hn.userInfo,Pt=hn.isLoggedIn,Rt=function(e){St!==e&&(At(e),_t(!0)),St===e&&(At("none"),_t(!1))},jt=function(){_t(!1),At("none")},Bt=function(e,n){"Enter"===e.key&&(window.location.href="".concat(Pe,"/search/?s=").concat(n))},Dt=null===(i=null==De?void 0:De[mn])||void 0===i?void 0:i.SITE_NAME_FORMATTED,Ht=[{name:Gn("home.navigator.menuItem.discover"),id:"categories",link:"./posts/abc",niceName:"",thumbnail:t.img$1,isDisplayed:!0},{name:Gn("home.navigator.menuItem.healthTools"),id:"healthTools",link:"./en",thumbnail:t.img$2,isDisplayed:!0}];(null==Ze?void 0:Ze.includes(mn))&&Ht.push({name:Gn("home.navigator.menuItem.helloTogether"),id:"together",link:Me+"/",thumbnail:t.img$4,isDisplayed:!0}),(null==Je?void 0:Je.includes(mn))&&Ht.push({name:Gn("home.navigator.menuItem.helloCare"),id:"care",link:"/care",thumbnail:t.img$3,isDisplayed:!0}),n.useEffect((function(){document.documentElement.style.overflow=wt?"hidden":""}),[wt]);var zt=!!kn;n.useEffect((function(){Pt&&("first_login"===(null==pn?void 0:pn.source)?(null==Nt?void 0:Nt.email)&&""!==(null==Nt?void 0:Nt.email)?window.insider_object={user:e.__assign({uuid:null==Nt?void 0:Nt.id,email:null==Nt?void 0:Nt.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==Nt?void 0:Nt.name)?{name:null==Nt?void 0:Nt.name}:{})}:window.insider_object={user:e.__assign({uuid:null==Nt?void 0:Nt.id,sign_up:!0},(null==Nt?void 0:Nt.name)?{name:null==Nt?void 0:Nt.name}:{})}:(null==Nt?void 0:Nt.email)&&""!==(null==Nt?void 0:Nt.email)?window.insider_object={user:e.__assign({uuid:null==Nt?void 0:Nt.id,email:null==Nt?void 0:Nt.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==Nt?void 0:Nt.name)?{name:null==Nt?void 0:Nt.name}:{})}:window.insider_object={user:e.__assign({uuid:null==Nt?void 0:Nt.id,log_in:!0},(null==Nt?void 0:Nt.name)?{name:null==Nt?void 0:Nt.name}:{})}),e.__awaiter(void 0,void 0,void 0,(function(){var n,t;return e.__generator(this,(function(a){switch(a.label){case 0:return Wn?[3,3]:[4,fetch("helloSites"===o?he(mn,tn):(i=ne,(i||"https://staging.marrybaby.vn/")+"wp-json/api/"+L.default(F,e.__assign({},l))))];case 1:return[4,a.sent().json()];case 2:return t=a.sent(),[3,4];case 3:t=null,a.label=4;case 4:return(n=t)&&1===n.status&&n.data&&!Wn&&Kn("helloSites"===o?n.data||{}:n.data.footers||[]),[2]}var i,l}))})),e.__awaiter(void 0,void 0,void 0,(function(){var n,t,a,i,o,l;return e.__generator(this,(function(e){switch(e.label){case 0:return h&&0!==(null==h?void 0:h.length)||0!==(null==Jn?void 0:Jn.length)?[3,3]:(o={},[4,fetch(pe(mn,tn))]);case 1:return[4,e.sent().json()];case 2:return o.response=e.sent(),a=o,[3,4];case 3:a={},e.label=4;case 4:return n=a.response,null!==(t=void 0===n?{}:n)&&1===t.status&&(null===(l=t.data)||void 0===l?void 0:l.length)>0&&(i=t.data.map(re),0===Jn.length&&$n(i)),[2]}}))})),e.__awaiter(void 0,void 0,void 0,(function(){var n,t,a,i,l,r,d,s,c;return e.__generator(this,(function(e){switch(e.label){case 0:return k&&0!==(null==k?void 0:k.length)||"helloSites"!==o||0!==(null==mt?void 0:mt.length)?[3,3]:(l={},[4,fetch(me(mn,tn,{perPage:100,orderBy:"start_date"}))]);case 1:return[4,e.sent().json()];case 2:return l.response=e.sent(),a=l,[3,4];case 3:a={},e.label=4;case 4:return n=a.response,1===(null==(t=void 0===n?{}:n)?void 0:t.status)&&(null===(d=null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.articles)||void 0===d?void 0:d.length)>0&&(i=null===(c=null===(s=t.data)||void 0===s?void 0:s.articles)||void 0===c?void 0:c.map(ve).filter(ye).slice(0,4),0===mt.length&&ht(i)),[2]}}))})),e.__awaiter(void 0,void 0,void 0,(function(){var n,t,a,i,l,r,d;return e.__generator(this,(function(s){switch(s.label){case 0:return(null==f?void 0:f.length)||(null==nt?void 0:nt.length)||(null==v?void 0:v.length)||(null==v?void 0:v.length)?[3,6]:(r={},"helloSites"!==o?[3,2]:[4,fetch(ue(mn,tn))]);case 1:return i=s.sent(),[3,4];case 2:return[4,fetch((c=ne,(c||"https://staging.marrybaby.vn/")+"wp-json/api/"+L.default(G,e.__assign({},p))))];case 3:i=s.sent(),s.label=4;case 4:return[4,i.json()];case 5:return r.response=s.sent(),a=r,[3,7];case 6:a={},s.label=7;case 7:return n=a.response,null!==(t=void 0===n?{}:n)&&1===t.status&&(null===(d=t.data)||void 0===d?void 0:d.length)>0&&("helloSites"===o?(l=t.data.map(se),0===nt.length&&ot(l)):(l=t.data.map(de),0===nt.length&&tt(l))),[2]}var c,p}))})),e.__awaiter(void 0,void 0,void 0,(function(){var n,t,a,i,o,l,r;return e.__generator(this,(function(e){switch(e.label){case 0:return b&&0!==(null==b?void 0:b.length)||!Je.includes(mn)||0!==(null==rt?void 0:rt.length)?[3,3]:(o={},[4,fetch(ce(mn,en))]);case 1:return[4,e.sent().json()];case 2:return o.response=e.sent(),a=o,[3,4];case 3:a={},e.label=4;case 4:return n=a.response,null!==(t=void 0===n?{}:n)&&1===t._status&&(null===(r=null===(l=t._data)||void 0===l?void 0:l.specialties)||void 0===r?void 0:r.length)>0&&(i=t._data.specialties,0===rt.length&&dt(i)),[2]}}))})),e.__awaiter(void 0,void 0,void 0,(function(){var n,t,a,i,l,r,d,s,c;return e.__generator(this,(function(p){switch(p.label){case 0:return w&&0!==(null==w?void 0:w.length)||!Ze.includes(mn)||0!==(null==ct?void 0:ct.length)?[3,3]:(l={},[4,fetch("helloSites"===o?ge(mn,We):(u=We,(u||"https://together.hellohealthgroup.com/")+"api/v1/"+L.default(R,e.__assign(e.__assign({},m),{websiteUrl:"https://marrybaby.vn"}))))]);case 1:return[4,p.sent().json()];case 2:return l.response=p.sent(),a=l,[3,4];case 3:a={},p.label=4;case 4:return n=a.response,(null===(d=null===(r=null==(t=void 0===n?{}:n)?void 0:t.data)||void 0===r?void 0:r.communities)||void 0===d?void 0:d.length)>0&&(i=(null===(c=null===(s=null==t?void 0:t.data)||void 0===s?void 0:s.communities)||void 0===c?void 0:c.map(oe))||[],0===ct.length&&pt(i)),[2]}var u,m}))}))}),[]);var Ut=T.default.createElement(zl,{locale:mn,UP_BASEPATH:N,SSO_URL:Ye,userProfileRouterPush:fn,dispatchLogout:Ge,isOpen:"profile"===St,isMyHealthEnabled:Y,ENABLE_CARE_PROFILE_MENU_LOCALES:$e,ENABLE_COMMUNITY_PROFILE_MENU_LOCALES:qe,closePopup:jt,userInfo:Nt,siteType:o,isUserProfileNavigatorMenuHidden:yn,togetherApiDomain:We}),Ft=dn&&{"next-page-hide":""};return T.default.createElement($,{SEOData:e.__assign({SEOTitle:l,SEOImage:d,SEODescription:r,siteName:Dt,seoType:H},O),isAmp:dn,locale:mn,routerPathname:cn,routerQuery:pn,nextHead:sn,siteType:o,forcedCanonicalUrl:vn,userId:null==Nt?void 0:Nt.id,usingDefaultHead:Bn,seoCustom:Hn},T.default.createElement(jl,{basePath:ln,callPostLogOutApi:Z,openLogoutPopup:Q,onCloseHandler:q,onLogoutHandler:W,siteType:o}),Nn,Pn,Dn,z?T.default.createElement(T.default.Fragment,null,T.default.createElement(ya,null,T.default.createElement("section",e.__assign({className:dn?"amp-header":void 0,"next-page-replace":"hhg-navigator","amp-fx":"float-in-top"},Ft),T.default.createElement(_n,{siteType:o,statics:{DISCOVER_URL_FE:gt,SSO_URL:Ye,HOME_PAGE_URL:Pe,MARRY_BABY_FE:Ne,CARE_URL_FE:je},marryBaby:{tone:ee},menuItems:Ht,menu:dn?void 0:T.default.createElement(Nl,{key:"mobile-menu-popup",menuItems:Ht,siteType:o,isMobileMenuOpened:"categories"===St,categories:Jn,healthTools:nt,healthToolsByCategory:it,careSpecialties:rt,togetherCommunities:ct,spotlightsList:mt,onMobileMenuClick:Rt,isMobile:z,closePopup:jt,footer:T.default.createElement(va,{locale:mn,isMobile:z,basePath:ln,isAmp:dn,footerInfo:Wn,type:"mini",siteType:o,marryBabySocialLinks:{facebookLink:fe,instagramLink:be,linkedinLink:we,twitterLink:ke,youtubeLink:Te,zaloLink:Oe}}),locale:mn,callApiHandler:gn,basePath:ln,together:{TOGETHER_MENU_COUNTRIES_ENABLED:Ze,togetherApiDomain:We||ne,TOGETHER_URL_FE:Me},care:{CARE_MENU_COUNTRIES_ENABLED:Je,careApiDomain:en,CARE_URL_FE:je},discover:{discoverApiDomain:tn,DISCOVER_URL_FE:gt},activeMenuService:on,statics:{DISCOVER_URL_FE:gt,HOME_PAGE_URL:Pe,HEALTH_TOOL_URL_FE:Re,MARRY_BABY_FE:Ne,TOGETHER_URL_FE:Me,STATIC_PAGES:ze},marryBaby:{tone:ee},routerAsPath:un,popupType:"none",sso:{SSO_URL:Ye}}),profileMenu:Ut,type:"home",currentPopupType:St,isMobile:z,isLoginButtonDisplayed:!0,onMenuClick:Rt,searchPlaceholder:Gn("home.search",{site:"helloSites"===o?null==Yn?void 0:Yn.SITE_NAME:"Marry Baby"}),onTopBarAppears:function(e){xn&&xn(e)},isSearchBarDisplay:Fn,onSearchKeyPress:Bt,isStatic:dn||B,sponsorComponent:kn,locale:mn,userInfo:hn.userInfo,basePath:ln,isAmp:dn,isDisplayed:!0,isInit:!1,onSearchChange:void 0,openPopup:void 0,routerAsPath:un,title:"",sitewideBanner:bn,sitewideBannerShown:wn,isSearchIconDisplayed:Sn,enabledExperimentalCareHeader:An,languageMenu:void 0!==Cn&&Cn.length>1?T.default.createElement(T.default.Fragment,null,2===Cn.length&&Zn?T.default.createElement(_a,{"data-is-active":!0,href:(null==Zn?void 0:Zn.value)||"#"},null==Zn?void 0:Zn.label):T.default.createElement(Ql,{options:Cn,selected:Qn,label:Mt,onChange:function(e){"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1})):void 0}),void 0!==Ln&&T.default.createElement(T.default.Fragment,null,Ln)),dn?T.default.createElement(Ea,{className:"root-container","data-menu-opened":bt.current,"data-sponsored":zt,"data-is-mobile":z,"data-sitewide":!!bn},c,T.default.createElement(va,{isAmp:dn,isMobile:z,locale:mn,basePath:ln,footerInfo:Wn,type:"main",siteType:o,marryBabySocialLinks:{facebookLink:fe,instagramLink:be,linkedinLink:we,twitterLink:ke,youtubeLink:Te,zaloLink:Oe},ampNextArticle:Rn,routerQuery:pn})):T.default.createElement(ba,{className:"root-container","data-menu-opened":bt.current,"data-sponsored":zt,"data-is-mobile":z,"data-sitewide":!!bn,hasStickyBottomBar:Un},T.default.createElement(T.default.Fragment,null,c,T.default.createElement(va,{isAmp:dn,isMobile:z,locale:mn,basePath:ln,footerInfo:Wn,type:"main",siteType:o,marryBabySocialLinks:{facebookLink:fe,instagramLink:be,linkedinLink:we,twitterLink:ke,youtubeLink:Te,zaloLink:Oe},ampNextArticle:Rn,routerQuery:pn})))),dn&&T.default.createElement(It,{locale:mn,categoriesSSR:h,healthToolsSSR:v,spotlightsSSR:k,serviceUrls:{TOGETHER_URL_FE:Me,CARE_URL_FE:je,DISCOVER_URL_FE:gt},together:{TOGETHER_MENU_COUNTRIES_ENABLED:Ze,ENABLE_COMMUNITY_PROFILE_MENU_LOCALES:qe,togetherApiDomain:We},care:{CARE_MENU_COUNTRIES_ENABLED:Je,ENABLE_CARE_PROFILE_MENU_LOCALES:$e,careApiDomain:en},basePath:ln,searchPlaceholder:Gn("home.search",{site:"helloSites"===o?null==Yn?void 0:Yn.SITE_NAME:"Marry Baby"})})):T.default.createElement(T.default.Fragment,null,T.default.createElement(_n,{siteType:o,menuItems:Ht,marryBaby:{tone:ee},locale:mn,currentPopupType:St,onSearchKeyPress:Bt,openPopup:function(e){St!==e&&At(e),St===e&&At("none")},isMobile:z,isLoginButtonDisplayed:!0,isSearchBarDisplay:!dn&&Fn,searchPlaceholder:Gn("home.search",{site:"helloSites"===o?null==Yn?void 0:Yn.SITE_NAME:"Marry Baby"}),sitewideBannerShown:wn,statics:{DISCOVER_URL_FE:gt,SSO_URL:Ye,HOME_PAGE_URL:Pe,MARRY_BABY_FE:Ne,CARE_URL_FE:je},menu:T.default.createElement(Nl,{menuItems:Ht,siteType:o,isMobile:z,popupType:St,closePopup:function(){At("none")},categories:Jn,healthTools:nt,healthToolsByCategory:it,careSpecialties:rt,togetherCommunities:ct,spotlightsList:mt,locale:mn,callApiHandler:gn,basePath:ln,together:{TOGETHER_MENU_COUNTRIES_ENABLED:Ze,togetherApiDomain:We,TOGETHER_URL_FE:Me},care:{careApiDomain:en,CARE_MENU_COUNTRIES_ENABLED:Je,CARE_URL_FE:je},discover:{discoverApiDomain:tn,DISCOVER_URL_FE:gt},statics:{DISCOVER_URL_FE:gt,HOME_PAGE_URL:Pe,HEALTH_TOOL_URL_FE:Re,MARRY_BABY_FE:Ne,TOGETHER_URL_FE:Me,STATIC_PAGES:ze},activeMenuService:on,marryBaby:{tone:ee},routerAsPath:un,footer:void 0,isMobileMenuOpened:void 0,sso:{SSO_URL:Ye},onMobileMenuClick:void 0}),profileMenu:Ut,userInfo:hn.userInfo,sponsorComponent:kn,type:"home",basePath:ln,isAmp:dn,isDisplayed:!0,isInit:!1,onSearchChange:void 0,isStatic:!1,routerAsPath:un,title:"",onMenuClick:void 0,onTopBarAppears:void 0,sitewideBanner:bn,languageMenu:void 0!==Cn&&Cn.length>1?T.default.createElement(T.default.Fragment,null,2===Cn.length&&Zn?T.default.createElement(_a,{"data-is-active":!0,href:(null==Zn?void 0:Zn.value)||"#"},null==Zn?void 0:Zn.label):T.default.createElement(Ql,{options:Cn,selected:Qn,label:Mt,onChange:function(e){"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1})):void 0,enabledExperimentalCareHeader:An,onCareHeaderClick:Mn}),dn?T.default.createElement(Ea,{className:"root-container","data-menu-opened":wt,"data-is-mobile":z,"data-sponsored":zt,"data-sitewide":!!bn},c):T.default.createElement(ba,{className:"root-container","data-menu-opened":wt,"data-is-mobile":z,"data-sponsored":zt,"data-sitewide":!!bn,hasStickyBottomBar:Un},c),T.default.createElement(va,{type:"main",locale:mn,basePath:ln,isMobile:z,isAmp:dn,footerInfo:Wn,siteType:o,marryBabySocialLinks:{facebookLink:fe,instagramLink:be,linkedinLink:we,twitterLink:ke,youtubeLink:Te,zaloLink:Oe}})))},exports.STATIC_PAGES=M,exports.defaultTranslation=te,exports.img=ne,exports.useTranslation=ie;