npm - @hhgtech/hhg-components - Versions diffs - 1.23.37 → 1.23.39 - Mend

@hhgtech/hhg-components 1.23.37 → 1.23.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (238) hide show

package/build/esm/{index-2e51d187.js → index-b646fce8.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{_ as n,c as e,b as t,d as i,e as a}from"./tslib.es6-5a072356.js";import o,{useRef as l,useState as r,useMemo as s,memo as d,useContext as c,useEffect as p,useCallback as m}from"react";import{g as h}from"./core-063cd252.js";import{CommonGAssets as u}from"./gAssets.js";import g,{css as f}from"styled-components";import{T as x}from"./index-b989aa46.js";import{C as v,a as y,T as b,d as w,L as E,S as k,U as C}from"./index-66f9f3a5.js";import{g as L,a as P,b as M,c as B,d as H}from"./routing-93c8eb17.js";import{g as N,U as A,P as T,A as z,h as _,i as S}from"./index-5d0a026d.js";import{L as U}from"./constants-1c6fc45c.js";import{u as R}from"./useTranslations-abef28d5.js";import{P as D}from"./index.styled-17bb11c4.js";import{H as j}from"./FullScreen-6e723b6b.js";import{M as Z,g as V}from"./utils-66ebcc82.js";import{B as F}from"./index-28c63448.js";import{t as I}from"./theme-164840c9.js";import{g as O}from"./defaultClassWrapper-852be97a.js";import G from"dayjs";import Y from"dayjs/plugin/relativeTime";import{L as W}from"./index-bb97a359.js";import K from"lodash/throttle";import{Portal as q}from"@mantine/core";import{g as Q}from"./cookieHelper-d65b1da8.js";import"./index.styled-c58ffab3.js";import{C as J}from"./index-3f0e5996.js";import"react-range";import"./screenSizeContext-cc894e63.js";import"./isProduction-f6203bc5.js";import"./Locale-8583e479.js";import"./index-94889439.js";import X from"string-format";import $ from"lodash/debounce";var nn,en,tn,an,on,ln,rn,sn,dn,cn,pn,mn,hn,un,gn,fn,xn,vn,yn,bn,wn,En=function(e){return o.createElement("img",n({src:u.getAssetPath("flags/cambodiaRound.png"),style:n({borderRadius:"50%"},e.style)},e))},kn=function(e){return o.createElement("img",n({src:u.getAssetPath("flags/cambodiaSquare.png")},e))},Cn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),o.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),o.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),o.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),o.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),o.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),o.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),o.createElement("path",{d:"M0.686034 7.50024H0.327527C0.243026 7.82775 0.175524 8.16076 0.124023 8.50026H2.32207L0.686034 7.50024Z",fill:"white"}),o.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),o.createElement("path",{d:"M2.10956 11.5002H0.124023C0.175024 11.8398 0.243026 12.1728 0.327527 12.5003H0.47403L2.10956 11.5002Z",fill:"white"}),o.createElement("path",{d:"M8.50002 7.27665V0.124512C8.16051 0.175513 7.82751 0.243514 7.5 0.328016V6.66564L8.50002 7.27665Z",fill:"white"}),o.createElement("path",{d:"M11.5 12.2913V19.8759C11.8395 19.8249 12.1725 19.7569 12.5 19.6724V12.9023L11.5 12.2913Z",fill:"white"}),o.createElement("path",{d:"M7.5 13.205V19.6721C7.82751 19.7566 8.16051 19.8241 8.50002 19.8756V12.594L7.5 13.205Z",fill:"white"}),o.createElement("path",{d:"M11.5925 7.34715L11.7345 7.43415L12.5 6.96614V0.328016C12.1725 0.243514 11.8395 0.176013 11.5 0.124512V7.49865L11.5925 7.34715Z",fill:"white"}),o.createElement("path",{d:"M2.32251 8.50002H7.01761L8.50014 7.594V7.277L7.50011 6.66548L2.37852 3.53442C1.95151 4.03743 1.572 4.58144 1.24949 5.16296L5.02507 7.5H2.29701L0.650482 6.47648C0.54748 6.74949 0.455478 7.02699 0.375977 7.3105L0.686483 7.5L2.32251 8.50002Z",fill:"white"}),o.createElement("path",{d:"M11.7344 7.43419L13.4784 8.50021H18.171L19.6905 7.57119C19.528 6.92118 19.303 6.29767 19.02 5.70516L16.139 7.50019H13.4109L18.317 4.45013C18.1515 4.20313 17.9735 3.96562 17.7875 3.73462L12.4999 6.96618L11.7344 7.43419Z",fill:"white"}),o.createElement("path",{d:"M5.02448 7.50013L1.2494 5.16309C1.0169 5.58259 0.821394 6.0231 0.650391 6.47661L2.29642 7.50013H5.02448Z",fill:"#E53935"}),o.createElement("path",{d:"M16.1392 7.50024L19.0207 5.70521C18.8132 5.2702 18.5837 4.84819 18.3177 4.45068L13.4111 7.50024H16.1392Z",fill:"#E53935"}),o.createElement("path",{d:"M11.5 11.5002V12.2913L12.5 12.9023L17.8556 16.1758C18.2416 15.6853 18.5836 15.1593 18.8736 14.6008L15.4856 12.5003H18.2136L19.4432 13.2673C19.5507 12.9563 19.6432 12.6393 19.7197 12.3153L18.3871 11.5002H11.5Z",fill:"white"}),o.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),o.createElement("path",{d:"M8.49934 12.5943V11.5002H2.10921L0.473182 12.5003L0.34668 12.5778C0.522683 13.2383 0.762688 13.8713 1.06319 14.4708L4.16375 12.5003H6.89181L1.80071 15.7168C1.95971 15.9448 2.12471 16.1688 2.30172 16.3823L7.49932 13.2053L8.49934 12.5943Z",fill:"white"}),o.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),o.createElement("path",{d:"M15.4854 12.5L18.8729 14.6C19.0949 14.173 19.2834 13.727 19.4429 13.2665L18.2134 12.5H15.4854Z",fill:"#E53935"}),o.createElement("path",{d:"M4.16501 12.5L1.06445 14.4705C1.28196 14.9045 1.52596 15.3216 1.80197 15.7166L6.89307 12.5H4.16501Z",fill:"#E53935"}),o.createElement("path",{d:"M13.4785 8.5H11.5V11.5001H18.3871H19.8757C19.9497 11.0095 20.0002 10.511 20.0002 10C20.0002 9.48902 19.9497 8.99051 19.8757 8.5H18.1711H13.4785Z",fill:"#E53935"}),o.createElement("path",{d:"M8.50017 11.5001V8.5H7.01764H2.32255H0.124502C0.050501 8.99051 0 9.48902 0 10C0 10.511 0.050501 11.0095 0.124502 11.5001H2.11004H8.50017Z",fill:"#E53935"}),o.createElement("path",{d:"M11.5001 19.8759V12.2912V11.5002V8.50016V7.49865V0.124502C11.0095 0.050501 10.511 0 10 0C9.48902 0 8.99051 0.050501 8.5 0.124502V7.27664V7.59365V8.50016V11.5002V12.5942V19.8759C8.99051 19.9499 9.48902 20.0004 10 20.0004C10.511 20.0004 11.0095 19.9499 11.5001 19.8759Z",fill:"#E53935"})))},Ln=function(e){return o.createElement("svg",n({viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},o.createElement("path",{d:"M1.08301 7.41675C1.08301 6.31218 1.97844 5.41675 3.08301 5.41675H22.9163C24.0209 5.41675 24.9163 6.31218 24.9163 7.41675V18.5834C24.9163 19.688 24.0209 20.5834 22.9163 20.5834H3.08301C1.97844 20.5834 1.08301 19.688 1.08301 18.5834V7.41675Z",fill:"#3F51B5"})),o.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),o.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),o.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),o.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),o.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),o.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),o.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),o.createElement("path",{d:"M9.32609 10.8334L1.08301 5.79537V7.06504L7.24826 10.8334H9.32609ZM24.0004 5.41675L15.1376 10.8334H17.2149L24.9163 6.12687V5.41675H24.0004ZM17.9191 15.1667L24.9163 19.4432V18.1735L19.9964 15.1667H17.9191ZM8.62192 15.1667L1.08301 19.7742V20.5834H1.83701L10.6992 15.1667H8.62192ZM1.08301 11.9167H24.9163V14.0834H1.08301V11.9167Z",fill:"#E53935"}),o.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"})))},Pn=function(e){return o.createElement("img",n({src:u.getAssetPath("flags/indiaRound.png"),style:n({borderRadius:"50%"},e.style)},e))},Mn=function(e){return o.createElement("img",n({src:u.getAssetPath("flags/indiaSquare.png")},e))},Bn=function(t){var i=t.isTesting,a=e(t,["isTesting"]),r=l("id-flag-round-mask-"+(i?1:Math.random()));return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),o.createElement("mask",{id:r.current,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("g",{mask:"url(#".concat(r.current,")")},o.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),o.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},Hn=function(t){var i=t.isTesting,a=e(t,["isTesting"]),r=l("id-flag-clip-"+(i?1:Math.random()));return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),o.createElement("g",{clipPath:"url(#".concat(r.current,")")},o.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),o.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),o.createElement("defs",null,o.createElement("clipPath",{id:r.current},o.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},Nn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),o.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.11387 3.86084C2.92711 3.86084 1.96387 5.23232 1.96387 6.92206C1.96387 8.6118 2.92711 9.98329 4.11387 9.98329C4.54263 9.98329 4.94211 9.80406 5.27763 9.4957C5.08225 9.59203 4.87256 9.64471 4.65427 9.64471C3.60193 9.64471 2.74786 8.42866 2.74786 6.93032C2.74786 5.43198 3.60193 4.21594 4.65427 4.21594C4.88682 4.21594 5.10959 4.27527 5.31571 4.38397C4.97256 4.0538 4.5589 3.86084 4.11387 3.86084Z",fill:"#FFCC00"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.67935 8.51573L6.7737 7.8407L7.04147 9.22221L6.43573 8.06657L6.24676 9.47313L6.0609 8.06576L5.4526 9.2188L5.72343 7.83844L4.81629 8.50957L5.49017 7.42963L4.46387 7.48593L5.40732 6.9203L4.46512 6.35062L5.4913 6.41133L4.81981 5.3285L5.72546 6.00353L5.45769 4.62202L6.06343 5.77766L6.25241 4.37109L6.43827 5.77847L7.04656 4.62543L6.77574 6.00579L7.68287 5.33466L7.00899 6.4146L8.0353 6.3583L7.09184 6.92392L8.03404 7.49361L7.00786 7.43289L7.67935 8.51573Z",fill:"#FFCC00"})))},An=function(e){return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),o.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),o.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.93644 1.52393C3.51233 1.52393 2.35645 2.56887 2.35645 3.85629C2.35645 5.14371 3.51233 6.18865 4.93644 6.18865C5.45096 6.18865 5.93034 6.05209 6.33296 5.81716C6.09851 5.89054 5.84688 5.93068 5.58492 5.93068C4.32212 5.93068 3.29724 5.00417 3.29724 3.86258C3.29724 2.72099 4.32212 1.79448 5.58492 1.79448C5.86399 1.79448 6.13132 1.83968 6.37865 1.9225C5.96688 1.67094 5.47049 1.52393 4.93644 1.52393Z",fill:"#FFCC00"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.216 5.07041L8.12923 4.55611L8.45055 5.60869L7.72366 4.72819L7.49689 5.79987L7.27386 4.72758L6.5439 5.60609L6.86889 4.55439L5.78033 5.06572L6.58899 4.24291L5.35742 4.28581L6.48957 3.85485L5.35893 3.42081L6.59034 3.46707L5.78456 2.64205L6.87133 3.15636L6.55001 2.10378L7.2769 2.98427L7.50367 1.9126L7.7267 2.98488L8.45666 2.10638L8.13166 3.15808L9.22022 2.64674L8.41157 3.46955L9.64314 3.42666L8.51099 3.85761L9.64163 4.29165L8.41022 4.2454L9.216 5.07041Z",fill:"#FFCC00"}))},Tn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),o.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),o.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"})))},zn=function(e){return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),o.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),o.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"}))},_n=function(e){return o.createElement("img",n({src:u.getAssetPath("flags/philippineRound.png"),style:n({borderRadius:"50%"},e.style)},e))},Sn=function(e){return o.createElement("img",n({src:u.getAssetPath("flags/philippineSquare.png")},e))},Un=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),o.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),o.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),o.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),o.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),o.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),o.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),o.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),o.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),o.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),o.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),o.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),o.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),o.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),o.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),o.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))))},Rn=function(e){return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),o.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),o.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),o.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),o.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),o.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),o.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),o.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),o.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),o.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),o.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),o.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),o.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),o.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),o.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))},Dn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),o.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"})))},jn=function(e){return o.createElement("svg",n({viewBox:"0 0 24 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),o.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"}))},Zn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),o.createElement("path",{d:"M11.7228 10.8677L14.2819 9.00839L11.1187 9.00839L10.1409 6L9.16316 9.00839L6 9.00839L8.5591 10.8677L7.58184 13.8766L10.1409 12.0168L12.7 13.8766L11.7228 10.8677Z",fill:"#FFEB3B"})))},Vn=function(e){return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("g",null,o.createElement("clipPath",null,o.createElement("rect",{width:"24",height:"16",fill:"white"})),o.createElement("path",{d:"M2.01386e-10 2C0 0.895431 0.895431 -7.50368e-10 2 -1.67599e-09L22 -1.84359e-08C23.1046 -1.93615e-08 24 0.895431 24 2L24 14C24 15.1046 23.1046 16 22 16L2 16C0.89543 16 1.52092e-09 15.1046 1.4097e-09 14L2.01386e-10 2Z",fill:"#DA251D"}),o.createElement("path",{d:"M13.7823 8.92854L16.6663 6.8332L13.1016 6.8332L11.9997 3.44287L10.8978 6.8332L7.33301 6.8332L10.217 8.92854L9.11567 12.3195L11.9997 10.2235L14.8837 12.3195L13.7823 8.92854Z",fill:"#FFEB3B"})))},Fn="pfaLGRK",In=function(n){var e,t,i=n.country,a=n.language,l=n.rounded,r=n.height,s=n.width,d=n.isTesting;switch(a){case"en":e=o.createElement(Ln,null),t=o.createElement(Cn,null);break;case"vi":e=o.createElement(Vn,null),t=o.createElement(Zn,null);break;case"id":e=o.createElement(Hn,{isTesting:d}),t=o.createElement(Bn,{isTesting:d});break;case"th":e=o.createElement(jn,null),t=o.createElement(Dn,null);break;case"km":e=o.createElement(kn,null),t=o.createElement(En,null);break;case"ms":e=o.createElement(An,null),t=o.createElement(Nn,null);break;case"my":e=o.createElement(zn,null),t=o.createElement(Tn,null);break;case"tl":e=o.createElement(Sn,null),t=o.createElement(_n,null);break;case"hi":e=o.createElement(Mn,null),t=o.createElement(Pn,null);break;case"zh":e=o.createElement(Rn,null),t=o.createElement(Un,null)}if(!e&&!t)switch(i){case"VN":e=o.createElement(Vn,null),t=o.createElement(Zn,null);break;case"ID":e=o.createElement(Hn,{isTesting:d}),t=o.createElement(Bn,{isTesting:d});break;case"TH":e=o.createElement(jn,null),t=o.createElement(Dn,null);break;case"KH":e=o.createElement(kn,null),t=o.createElement(En,null);break;case"MY":e=o.createElement(An,null),t=o.createElement(Nn,null);break;case"MM":e=o.createElement(zn,null),t=o.createElement(Tn,null);break;case"PH":e=o.createElement(Sn,null),t=o.createElement(_n,null);break;case"IN":e=o.createElement(Mn,null),t=o.createElement(Pn,null);break;case"TW":e=o.createElement(Rn,null),t=o.createElement(Un,null)}return o.createElement("div",{className:Fn,style:{"--width":s\|\|20,"--height":r\|\|20}},l?t:e)},On=g.a(nn\|\|(nn=t(["\n display: inline-flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n padding: 7px 11px;\n gap: 2px;\n\n background: ",";\n border: 1px solid ",";\n border-radius: 20px;\n\n color: ",";\n font-weight: 600;\n font-size: 12px;\n line-height: 18px;\n text-decoration: none;\n\n cursor: pointer;\n"],["\n display: inline-flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n padding: 7px 11px;\n gap: 2px;\n\n background: ",";\n border: 1px solid ",";\n border-radius: 20px;\n\n color: ",";\n font-weight: 600;\n font-size: 12px;\n line-height: 18px;\n text-decoration: none;\n\n cursor: pointer;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray600})),Gn=g.div(en\|\|(en=t(["\n position: relative;\n display: inline-block;\n"],["\n position: relative;\n display: inline-block;\n"]))),Yn=g.div(tn\|\|(tn=t(["\n position: relative;\n"],["\n position: relative;\n"]))),Wn=g.div(an\|\|(an=t(["\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"]))),Kn=g.div(on\|\|(on=t(["\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(n){return n.theme.colors.gray100})),qn=g.div(ln\|\|(ln=t(["\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"]))),Qn=function(n){var e=n.options,t=n.label,i=n.labelRenderer,a=n.selected,l=n.onChange,s=n.showSelected,d=void 0===s\|\|s,c=n.style,p=void 0===c?{}:c,m=n.showIndicator,h=void 0===m\|\|m,g=r(!1),f=g[0],v=g[1];return o.createElement(o.Fragment,null,o.createElement(Gn,null,o.createElement(Yn,{onClick:function(){return v((function(n){return!n}))}},t\|\|(null==i?void 0:i(f))\|\|null,o.createElement(Wn,{"data-is-open":f,style:p,"data-show-indicator":h},e.map((function(n,e){return o.createElement(Kn,{key:e,"data-selected":d&&a===n.value,onClick:function(e){a!==n.value&&(l(n.value),v((function(n){return!n}))),e.stopPropagation()}},o.createElement(x,{size:"p3"},n.label),d&&a===n.value&&o.createElement("img",{src:u.getAssetPath("check.svg"),alt:"check",className:"check-icon"}))}))))),f&&o.createElement(qn,{onClick:function(){return v(!1)}}))},Jn=function(n){var e,t,i=n.languageOptions,a=n.locale,l=null==i?void 0:i.find((function(n){return n.locale===a}));return(null==i?void 0:i.length)?o.createElement(Qn,{options:i,selected:l.value,label:o.createElement(Xn,{locale:a,label:l.label\|\|(null===(t=null===(e=a.split("-"))\|\|void 0===e?void 0:e[0])\|\|void 0===t?void 0:t.toUpperCase())}),onChange:function(n){"undefined"!=typeof window&&(window.location.href=n)},style:{width:100},showSelected:!0,showIndicator:!1}):null},Xn=function(n){var e,t,i,a=n.locale,l=n.label,r=n.href;return o.createElement(On,{href:r},o.createElement(In,{country:null===(t=null===(e=null==a?void 0:a.split("-"))\|\|void 0===e?void 0:e[1])\|\|void 0===t?void 0:t.toUpperCase(),width:16,height:16,rounded:!0,language:null===(i=null==a?void 0:a.split("-"))\|\|void 0===i?void 0:i[0]}),o.createElement("span",null,l))},$n=o.createContext({}),ne=function(t){var i=t.children,a=e(t,["children"]),l="undefined"!=typeof window?window.location.href:a.currentUrl\|\|"https://".concat("marryBaby"===a.siteType?N[a.locale\|\|"en-PH"]:w[a.locale\|\|"en-PH"]).concat("together"===a.projectType?"/community":"ecom"===a.projectType?"/ecom":"care"===a.projectType?"/care":"","/"),r=function(n){var e=n.locale,t=n.projectType,i=n.isMobile,a=n.siteType;return s((function(){var n=!(!i&&"profile"===t),o="discover"===t\|\|"marryBaby"===t\|\|"profile"===t&&"marryBaby"===a,l="marryBaby"!==a&&"marryBaby"!==t&&v.includes(e),r="marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&y.includes(e),s="marryBaby"===t\|\|b.includes(e),d="ecom"===t,c="ecom"===t,p=L(e,"marryBaby"===a),m=P(e,"marryBaby"===a);return{enableProfileNavigatorMenu:n,enableSearchBar:o,enableNavCare:l,enableNavCareBooking:r,enableNavTogether:s,enableNavEcom:d,enableProfileEcom:c,enableProfileMyHealth:!0,statics:{HOME_PAGE_URL:p,CARE_URL_FE:"".concat(p,"/care"),TOGETHER_URL_FE:"".concat(p,"/community"),SSO_URL:m,TOGETHER_API:M(),DISCOVER_API:B(e)}}}),[e,t,i])}({locale:a.locale,projectType:a.projectType,isMobile:a.isMobile,siteType:a.siteType});return o.createElement($n.Provider,{value:n(n({},a),{configs:r,currentUrl:l})},i)},ee=d((function(){return o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.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"}))})),te=function(){var n=c($n),e=n.locale,t=n.configs.statics,i=n.siteType,a=R().t;return o.createElement(D,{className:"fake-search-input",name:"search-input-menu-service",size:"md",placeholder:"marryBaby"===i?a("navigation.search.input.placeholder"):a("home.search",{site:E[e\|\|"en-PH"]?E[e\|\|"en-PH"].SITE_NAME:""}),onChange:function(){},onKeyDown:function(n){return"Enter"===n.key&&(window.location.href="".concat(t.HOME_PAGE_URL,"/search/?s=").concat(n.target.value))},type:"search",onFocus:function(n){n.preventDefault()},displayIcon:o.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},o.createElement(ee,null))})},ie=g.div(rn\|\|(rn=t(["\n padding-right: 1rem;\n margin-top: 10px;\n background: #ffffff;\n padding: 5px 15px;\n "," {\n border-right: 1px solid #e4e8ec;\n }\n"],["\n padding-right: 1rem;\n margin-top: 10px;\n background: #ffffff;\n padding: 5px 15px;\n "," {\n border-right: 1px solid #e4e8ec;\n }\n"])),Z.mbUp),ae=g.a(sn\|\|(sn=t(["\n padding: 10px 0;\n position: relative;\n\n display: flex;\n align-items: center;\n text-decoration: none;\n color: ",";\n * {\n pointer-events: none;\n }\n p {\n font-size: 16px;\n font-weight: 400;\n padding: 0 0.4rem;\n }\n\n &[data-theme='marryBaby']:hover {\n p {\n color: ",";\n }\n .icon {\n background-color: ",";\n }\n }\n &[data-theme='helloSite']:hover {\n p {\n color: ",";\n }\n }\n a {\n }\n\n &[data-theme='marryBaby'] {\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: ",";\n }\n }\n"],["\n padding: 10px 0;\n position: relative;\n\n display: flex;\n align-items: center;\n text-decoration: none;\n color: ",";\n * {\n pointer-events: none;\n }\n p {\n font-size: 16px;\n font-weight: 400;\n padding: 0 0.4rem;\n }\n\n &[data-theme='marryBaby']:hover {\n p {\n color: ",";\n }\n .icon {\n background-color: ",";\n }\n }\n &[data-theme='helloSite']:hover {\n p {\n color: ",";\n }\n }\n a {\n }\n\n &[data-theme='marryBaby'] {\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: ",";\n }\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.lightPink}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.mbColors.lightGray})),oe=g.div(dn\|\|(dn=t(["\n margin: 15px 0;\n "," {\n display: none;\n }\n"],["\n margin: 15px 0;\n "," {\n display: none;\n }\n"])),Z.mbDown),le=g.div(cn\|\|(cn=t(["\n display: flex;\n position: absolute;\n right: 0;\n "," {\n display: none;\n }\n"],["\n display: flex;\n position: absolute;\n right: 0;\n "," {\n display: none;\n }\n"])),Z.mbUp),re=g.div(pn\|\|(pn=t(["\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n font-size: 14px;\n font-weight: 600;\n &[data-event-category] * {\n pointer-events: none;\n }\n &[data-theme='marryBaby'] {\n color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n font-size: 14px;\n font-weight: 600;\n &[data-event-category] * {\n pointer-events: none;\n }\n &[data-theme='marryBaby'] {\n color: ",";\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),se=g.div(mn\|\|(mn=t(["\n display: flex;\n align-items: center;\n margin-left: 10px;\n"],["\n display: flex;\n align-items: center;\n margin-left: 10px;\n"]))),de=g.a(hn\|\|(hn=t(["\n border: 1px solid ",";\n &[data-theme='marryBaby'] {\n border: 1px solid ",";\n\n svg path {\n stroke: ",";\n }\n }\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 6px;\n border-radius: 5px;\n margin-top: 20px;\n "," {\n display: none;\n }\n"],["\n border: 1px solid ",";\n &[data-theme='marryBaby'] {\n border: 1px solid ",";\n\n svg path {\n stroke: ",";\n }\n }\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 6px;\n border-radius: 5px;\n margin-top: 20px;\n "," {\n display: none;\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),Z.mbDown),ce=function(n){var e=n.hrefViewMore,t=n.titleBtnViewMore,i=n.UrlFE,a=n.onClosePopup,l=n.menuItems,r=n.headingTitle,s=c($n).siteType;return o.createElement(ie,null,o.createElement(oe,null,o.createElement(j,{tag:"marryBaby"===s?"h5":"h6",as:"h2",fontWeight:"semibold"},r)),null==l?void 0:l.slice(0,6).map((function(n,e){var t=(null==n?void 0:n.link)?(null==n?void 0:n.link.startsWith("http"))?null==n?void 0:n.link:"".concat(i,"/").concat(null==n?void 0:n.link.split("/").filter(Boolean).join("/"),"/"):"/";return o.createElement(ae,{className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t,"data-is-heading-category":!1,href:t,"data-theme":s,key:e,onClick:a},o.createElement("div",{className:"icon"},o.createElement("img",{loading:"lazy",alt:n.name,src:n.thumbnail\|\|"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}})),o.createElement("p",null,n.name),o.createElement(le,null,o.createElement("img",{src:u.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"}})))})),t&&o.createElement(de,{"data-theme":s,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},o.createElement(re,{onClick:a,"data-theme":s,"data-is-heading-category":!1},t,o.createElement(se,null,o.createElement("img",{className:"svg",src:"marryBaby"===s?u.getAssetPath("chevronRightPink.svg"):u.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}})))))},pe=g.div(un\|\|(un=t(["\n padding: 16px;\n border-radius: 8px;\n position: relative;\n z-index: 1;\n overflow: hidden;\n a {\n text-decoration: none;\n }\n\n .bg-svg {\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n }\n "," {\n display: block;\n .bg-svg {\n right: -24px;\n left: unset;\n top: 0;\n transform: rotateY(180deg);\n }\n }\n\n "," {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 1fr 3fr;\n }\n"],["\n padding: 16px;\n border-radius: 8px;\n position: relative;\n z-index: 1;\n overflow: hidden;\n a {\n text-decoration: none;\n }\n\n .bg-svg {\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n }\n "," {\n display: block;\n .bg-svg {\n right: -24px;\n left: unset;\n top: 0;\n transform: rotateY(180deg);\n }\n }\n\n "," {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 1fr 3fr;\n }\n"])),Z.mbDown,Z.mbUp),me=g.div(gn\|\|(gn=t(["\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n color: ",";\n margin-bottom: 15px;\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n color: ",";\n margin-bottom: 15px;\n"])),(function(n){return n.theme.colors.gray600})),he=g.div(fn\|\|(fn=t(["\n font-weight: 600;\n font-size: 16px;\n line-height: 26px;\n color: #000000;\n margin-bottom: 4px;\n"],["\n font-weight: 600;\n font-size: 16px;\n line-height: 26px;\n color: #000000;\n margin-bottom: 4px;\n"]))),ue=g.div(xn\|\|(xn=t(["\n background: #fff;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50px;\n"],["\n background: #fff;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50px;\n"]))),ge=g.div(vn\|\|(vn=t(["\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n "," {\n justify-content: end;\n min-height: 100px;\n }\n"],["\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n "," {\n justify-content: end;\n min-height: 100px;\n }\n"])),Z.mbDown),fe=function(n){var e=n.title,t=n.link,i=n.description,a=n.cta,l=n.icon,r=c($n),s=r.siteType,d=r.isAmp;return o.createElement(pe,{"data-theme":s},o.createElement(ge,null,d?o.createElement("img",{src:"marryBaby"===s?u.getAssetPath("navMBSpotlightBgNoData.svg"):u.getAssetPath("navSpotlightBgNoData.svg"),alt:"",className:"bg-svg"}):o.createElement("img",{src:"marryBaby"===s?u.getAssetPath("navMBSpotlightBgNoData.svg"):u.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),o.createElement(ue,null,l&&o.createElement("img",{src:l,width:64,height:64}))),o.createElement("div",null,e&&o.createElement(he,null,e),i&&o.createElement(me,null,i),a&&o.createElement("div",null,o.createElement("a",{href:t},o.createElement(F,{theme:s,className:"survey-contact-submit",size:"md"},a)))))},xe=g.div(yn\|\|(yn=t(["\n margin-top: 10px;\n background: #ffffff;\n padding: 5px 15px;\n position: relative;\n "," {\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: ",";\n content: '';\n }\n }\n"],["\n margin-top: 10px;\n background: #ffffff;\n padding: 5px 15px;\n position: relative;\n "," {\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: ",";\n content: '';\n }\n }\n"])),Z.mbDown,(function(n){return n.theme.colors.neutral100})),ve=g.div(bn\|\|(bn=t(["\n margin: 15px 0;\n display: flex;\n"],["\n margin: 15px 0;\n display: flex;\n"]))),ye=g.a(wn\|\|(wn=t(["\n padding-left: 10px;\n display: flex;\n align-items: center;\n text-decoration: none;\n font-weight: 400;\n font-size: 14px;\n color: ",";\n &[data-theme='marryBaby'] {\n color: ",";\n }\n img {\n padding-left: 5px;\n }\n "," {\n margin-left: auto;\n }\n"],["\n padding-left: 10px;\n display: flex;\n align-items: center;\n text-decoration: none;\n font-weight: 400;\n font-size: 14px;\n color: ",";\n &[data-theme='marryBaby'] {\n color: ",";\n }\n img {\n padding-left: 5px;\n }\n "," {\n margin-left: auto;\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),Z.mbDown),be=function(n){var e=n.title,t=n.viewMore,i=n.children,a=n.link,l=n.dataEventAction,r=void 0===l?"":l,s=c($n).siteType;return o.createElement(xe,null,o.createElement(ve,null,o.createElement(j,{tag:"marryBaby"===s?"h5":"h6",as:"h2",fontWeight:"semibold"},e),t&&o.createElement(ye,{"data-event-category":"Hamburger Navigation","data-event-action":r,"data-event-label":a,href:a,"data-theme":s},t,o.createElement("img",{src:"marryBaby"===s?u.getAssetPath("chevronRightPink.svg"):u.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}}))),i)};g.div(we\|\|(we=t(["\n & > a:not(:last-child) > div {\n border-bottom: 1px solid ",";\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 &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"])),(function(n){return n.theme.colors.neutral100}));var we,Ee,ke,Ce,Le,Pe,Me,Be,He,Ne=g.div(Ee\|\|(Ee=t(["\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n\n "," {\n grid-template-columns: repeat(1, 1fr);\n }\n"],["\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n\n "," {\n grid-template-columns: repeat(1, 1fr);\n }\n"])),Z.tdDown),Ae=g.div(ke\|\|(ke=t(["\n height: 152px; // 120 + 16 * 2\n position: absolute;\n top: 0;\n left: 0;\n z-index: 3;\n overflow: hidden;\n border-radius: 4px;\n padding: 16px;\n width: 100%;\n\n .img-container {\n width: 100%;\n height: 100%;\n }\n img {\n width: 100%;\n height: 100%;\n display: block;\n object-fit: contain;\n }\n "," {\n margin-bottom: 0;\n padding: 0;\n height: 100%;\n position: unset;\n width: 150px;\n }\n "," {\n width: 80px;\n }\n"],["\n height: 152px; // 120 + 16 * 2\n position: absolute;\n top: 0;\n left: 0;\n z-index: 3;\n overflow: hidden;\n border-radius: 4px;\n padding: 16px;\n width: 100%;\n\n .img-container {\n width: 100%;\n height: 100%;\n }\n img {\n width: 100%;\n height: 100%;\n display: block;\n object-fit: contain;\n }\n "," {\n margin-bottom: 0;\n padding: 0;\n height: 100%;\n position: unset;\n width: 150px;\n }\n "," {\n width: 80px;\n }\n"])),Z.tdDown,Z.mbDown),Te=g.div(Ce\|\|(Ce=t(["\n background-color: #ffffff;\n border-radius: 4px;\n width: 100%;\n height: 100%;\n"],["\n background-color: #ffffff;\n border-radius: 4px;\n width: 100%;\n height: 100%;\n"]))),ze=g.div(Le\|\|(Le=t(["\n display: flex;\n margin-top: 1rem;\n align-items: center;\n color: ",";\n font-weight: 400;\n font-size: 14px;\n text-decoration: none;\n "," {\n display: none;\n }\n"],["\n display: flex;\n margin-top: 1rem;\n align-items: center;\n color: ",";\n font-weight: 400;\n font-size: 14px;\n text-decoration: none;\n "," {\n display: none;\n }\n"])),(function(n){return n.theme.colors.primaryBase}),Z.tdDown),_e=g.p(Pe\|\|(Pe=t(["\n font-size: 16px;\n font-weight: 600;\n line-height: 1.6;\n color: ",";\n "," {\n padding: 0;\n }\n"],["\n font-size: 16px;\n font-weight: 600;\n line-height: 1.6;\n color: ",";\n "," {\n padding: 0;\n }\n"])),(function(n){return n.theme.colors.gray800}),Z.tdDown),Se=g.p(Me\|\|(Me=t(["\n font-size: 14px;\n line-height: 1.6;\n font-weight: 400;\n color: ",";\n height: 40px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin-bottom: auto;\n "," {\n height: unset;\n padding: 0;\n }\n"],["\n font-size: 14px;\n line-height: 1.6;\n font-weight: 400;\n color: ",";\n height: 40px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin-bottom: auto;\n "," {\n height: unset;\n padding: 0;\n }\n"])),(function(n){return n.theme.colors.gray600}),Z.tdDown),Ue="hhgcomp-navigation-menucareitem-contentwrapper",Re=O(g.div(Be\|\|(Be=t(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n z-index: 1;\n "," {\n gap: 4px;\n }\n"],["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n z-index: 1;\n "," {\n gap: 4px;\n }\n"])),Z.tdDown),Ue),De=g.a(He\|\|(He=t(["\n text-decoration: none;\n border-radius: 4px;\n background: ",";\n position: relative;\n overflow: hidden;\n padding: 16px;\n display: flex;\n padding-top: 166px;\n * {\n pointer-events: none;\n }\n "," {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n gap: 30px;\n flex-direction: column;\n a {\n display: flex;\n width: 100%;\n }\n }\n "," {\n padding-top: 16px;\n a {\n display: none;\n }\n grid-template-columns: 2fr 1fr;\n gap: 10px;\n display: grid;\n max-height: 110px;\n display: flex;\n flex-direction: row-reverse;\n > ."," {\n flex: 1;\n }\n img {\n width: 150px;\n }\n }\n "," {\n box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n display: flex;\n flex-direction: row-reverse;\n img {\n width: 80px;\n height: 80px;\n }\n }\n "," {\n border: 1px solid ",";\n }\n .bg-svg {\n width: 100%;\n max-width: 245px;\n height: 100%;\n top: 0;\n right: -40px;\n position: absolute;\n display: inline-block;\n }\n"],["\n text-decoration: none;\n border-radius: 4px;\n background: ",";\n position: relative;\n overflow: hidden;\n padding: 16px;\n display: flex;\n padding-top: 166px;\n * {\n pointer-events: none;\n }\n "," {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n gap: 30px;\n flex-direction: column;\n a {\n display: flex;\n width: 100%;\n }\n }\n "," {\n padding-top: 16px;\n a {\n display: none;\n }\n grid-template-columns: 2fr 1fr;\n gap: 10px;\n display: grid;\n max-height: 110px;\n display: flex;\n flex-direction: row-reverse;\n > ."," {\n flex: 1;\n }\n img {\n width: 150px;\n }\n }\n "," {\n box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n display: flex;\n flex-direction: row-reverse;\n img {\n width: 80px;\n height: 80px;\n }\n }\n "," {\n border: 1px solid ",";\n }\n .bg-svg {\n width: 100%;\n max-width: 245px;\n height: 100%;\n top: 0;\n right: -40px;\n position: absolute;\n display: inline-block;\n }\n"])),I.colors.white,Z.tdUp,Z.tdDown,Ue,Z.mbDown,Z.tdOnly,I.colors.neutral100),je=function(n){var e,t=n.item,i=n.index,a=void 0===i?0:i,l=R().t,r=c($n),s=r.locale,d=r.configs.statics;if(!t)return null;var p="".concat(d.CARE_URL_FE,"/").concat(null===(e=U[s])\|\|void 0===e?void 0:e.HOSPITAL,"/").concat(t.slug,"-").concat(t.id);return o.createElement(De,{key:t.id,href:p,"data-event-category":"Hamburger Navigation","data-event-action":"Care Click ".concat(a+1),"data-event-label":p},o.createElement("img",{src:u.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),o.createElement(Ae,null,o.createElement(Te,null,o.createElement("img",{loading:"lazy",alt:t.name,src:t.logo\|\|"/images/avatar.jpg"}))),o.createElement(Re,null,o.createElement(_e,null,t.name),o.createElement(Se,null,t.description),o.createElement(ze,null,l("home.seeMore"),o.createElement("img",{src:u.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))))},Ze=function(n){var e=n.spotlights,t=void 0===e?[]:e,i=n.hrefViewMore,a=R().t;return o.createElement(be,{title:a("home.navigator.menu.spotlightHospitals")},0!==t.length?o.createElement(Ne,null,null==t?void 0:t.slice(0,3).map((function(n,e){return o.createElement(je,{key:e,index:e,item:n})}))):o.createElement(fe,{title:a("home.navigator.menu.care.noDatas.title"),description:a("home.navigator.menu.care.noDatas.description"),link:i,cta:a("home.navigator.menu.care.noDatas.cta"),icon:u.getAssetPath("community.svg")}))};g.div(Ve\|\|(Ve=t(["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"],["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"]))),g.div(Fe\|\|(Fe=t(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"])));var Ve,Fe,Ie,Oe,Ge,Ye,We=g.div(Ie\|\|(Ie=t(["\n display: grid;\n\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n "," {\n gap: 12px;\n grid-template-columns: 1fr;\n }\n"],["\n display: grid;\n\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n "," {\n gap: 12px;\n grid-template-columns: 1fr;\n }\n"])),Z.tdDown),Ke=g.a(Oe\|\|(Oe=t(["\n width: 100%;\n display: flex;\n align-items: center;\n text-decoration: none;\n * {\n pointer-events: none;\n }\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n text-decoration: none;\n * {\n pointer-events: none;\n }\n"]))),qe=g.div(Ge\|\|(Ge=t(["\n border-radius: 5px;\n display: block;\n overflow: hidden;\n padding-top: 140%;\n width: 100%;\n position: relative;\n height: 0;\n img {\n position: absolute;\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n top: 0;\n left: 0;\n }\n "," {\n width: 72px;\n padding-top: 100px;\n }\n"],["\n border-radius: 5px;\n display: block;\n overflow: hidden;\n padding-top: 140%;\n width: 100%;\n position: relative;\n height: 0;\n img {\n position: absolute;\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n top: 0;\n left: 0;\n }\n "," {\n width: 72px;\n padding-top: 100px;\n }\n"])),Z.tdDown),Qe=g.p(Ye\|\|(Ye=t(["\n font-size: 16px;\n font-weight: 400;\n padding: 4px 15px;\n line-height: 1.4;\n color: ",";\n flex: 1;\n "," {\n display: none;\n }\n"],["\n font-size: 16px;\n font-weight: 400;\n padding: 4px 15px;\n line-height: 1.4;\n color: ",";\n flex: 1;\n "," {\n display: none;\n }\n"])),(function(n){return n.theme.colors.gray800}),Z.tdUp),Je=function(n){var e=n.item,t=n.index,i=void 0===t?0:t;return e?o.createElement(Ke,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Spotlight Click ".concat(i+1),"data-event-label":e.link},o.createElement(qe,null,o.createElement("img",{loading:"lazy",alt:e.title,src:e.banner\|\|"/images/notFound-min-small.jpg"})),o.createElement(Qe,null,e.title)):null},Xe=function(n){var e=n.spotlightsList,t=void 0===e?[]:e,i=n.hrefViewMore,a=R().t,l=c($n).configs.statics;return o.createElement(be,{title:a("home.navigator.menu.spotlights"),viewMore:a("home.navigator.menu.spotlights.seeAll"),link:i,dataEventAction:"Spotlight See More Click"},0!==t.length?o.createElement(We,null,null==t?void 0:t.slice(0,4).map((function(n,e){return o.createElement(Je,{key:e,index:e,item:{id:n.id,link:l.HOME_PAGE_URL+n.permalink,title:n.name,banner:n.image}})}))):o.createElement(fe,{title:a("home.navigator.menu.category.noDatas.title"),description:a("home.navigator.menu.category.noDatas.description"),link:i,cta:a("home.navigator.menu.category.noDatas.cta"),icon:u.getAssetPath("Spotlight.svg")}))};g.div($e\|\|($e=t(["\n & > :not(:last-child) {\n border-bottom: 1px solid ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid ",";\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 & > :not(:last-child) {\n border-bottom: 1px solid ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid ",";\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(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100})),g.div(nt\|\|(nt=t(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"])));var $e,nt,et,tt,it,at,ot,lt,rt,st,dt,ct,pt,mt,ht=g.div(et\|\|(et=t(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-gap: 48px;\n "," {\n grid-template-columns: 1fr;\n grid-gap: 32px;\n }\n "," {\n grid-gap: 24px;\n }\n"],["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-gap: 48px;\n "," {\n grid-template-columns: 1fr;\n grid-gap: 32px;\n }\n "," {\n grid-gap: 24px;\n }\n"])),Z.tdDown,Z.mbDown),ut=g.div(tt\|\|(tt=t(["\n padding: 5px;\n flex: 1;\n"],["\n padding: 5px;\n flex: 1;\n"]))),gt=g.img(it\|\|(it=t(["\n width: 88px;\n height: 88px;\n border-radius: 4px;\n object-fit: cover;\n"],["\n width: 88px;\n height: 88px;\n border-radius: 4px;\n object-fit: cover;\n"]))),ft=g.div(at\|\|(at=t(["\n font-size: 12px;\n font-weight: 600;\n color: ",";\n text-decoration: none;\n &[data-theme='marryBaby'] {\n font-weight: 400;\n letter-spacing: -0.2px;\n }\n"],["\n font-size: 12px;\n font-weight: 600;\n color: ",";\n text-decoration: none;\n &[data-theme='marryBaby'] {\n font-weight: 400;\n letter-spacing: -0.2px;\n }\n"])),(function(n){return n.theme.colors.gray800})),xt=g.div(ot\|\|(ot=t(["\n text-decoration: none;\n font-size: 12px;\n font-weight: 400;\n color: ",";\n &[data-theme='marryBaby'] {\n font-weight: 400;\n letter-spacing: -0.2px;\n }\n"],["\n text-decoration: none;\n font-size: 12px;\n font-weight: 400;\n color: ",";\n &[data-theme='marryBaby'] {\n font-weight: 400;\n letter-spacing: -0.2px;\n }\n"])),(function(n){return n.theme.colors.primaryBase})),vt=g.div(lt\|\|(lt=t(["\n font-size: 12px;\n font-weight: 400;\n color: ",";\n"],["\n font-size: 12px;\n font-weight: 400;\n color: ",";\n"])),(function(n){return n.theme.colors.gray600})),yt=g.div(rt\|\|(rt=t(["\n font-size: 12px;\n font-weight: 400;\n color: ",";\n"],["\n font-size: 12px;\n font-weight: 400;\n color: ",";\n"])),(function(n){return n.theme.colors.gray600})),bt=g.a(st\|\|(st=t(["\n display: flex;\n gap: 10px;\n text-decoration: none;\n position: relative;\n &::after {\n content: '';\n display: block;\n width: 100%;\n height: 1px;\n border-top: 1px dashed ",";\n position: absolute;\n bottom: -24px;\n "," {\n bottom: -16px;\n }\n "," {\n bottom: -12px;\n }\n }\n &:last-child {\n &::after {\n display: none;\n }\n }\n "," {\n &:nth-last-child(2) {\n &::after {\n display: none;\n }\n }\n }\n"],["\n display: flex;\n gap: 10px;\n text-decoration: none;\n position: relative;\n &::after {\n content: '';\n display: block;\n width: 100%;\n height: 1px;\n border-top: 1px dashed ",";\n position: absolute;\n bottom: -24px;\n "," {\n bottom: -16px;\n }\n "," {\n bottom: -12px;\n }\n }\n &:last-child {\n &::after {\n display: none;\n }\n }\n "," {\n &:nth-last-child(2) {\n &::after {\n display: none;\n }\n }\n }\n"])),(function(n){return n.theme.colors.neutral100}),Z.tdOnly,Z.mbDown,Z.tdUp),wt=g.div(dt\|\|(dt=t(["\n display: flex;\n gap: 10px;\n vertical-align: middle;\n align-items: center;\n"],["\n display: flex;\n gap: 10px;\n vertical-align: middle;\n align-items: center;\n"]))),Et=g.div(ct\|\|(ct=t(["\n margin-top: 8px;\n font-size: 16px;\n font-weight: 600;\n color: ",";\n &[data-theme='marryBaby'] {\n margin-top: 12px;\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n letter-spacing: -0.2px;\n }\n"],["\n margin-top: 8px;\n font-size: 16px;\n font-weight: 600;\n color: ",";\n &[data-theme='marryBaby'] {\n margin-top: 12px;\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n letter-spacing: -0.2px;\n }\n"])),(function(n){return n.theme.colors.gray800})),kt=g.div(pt\|\|(pt=t(["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n column-gap: 5px;\n"],["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n column-gap: 5px;\n"]))),Ct=g.div(mt\|\|(mt=t(["\n display: flex;\n gap: 4px;\n flex-direction: column;\n"],["\n display: flex;\n gap: 4px;\n flex-direction: column;\n"])));G.extend(Y);var Lt=function(n){var e,t,i,a,l,r,s,d=n.post,p=n.index,m=void 0===p?0:p,h=c($n),u=h.siteType,g=h.configs.statics;if(!d)return null;var f=[g.TOGETHER_URL_FE,null===(e=d.community)\|\|void 0===e?void 0:e.slug].join("/"),x=[f,d.slug].join("/"),v=d.createdAt,y=v?isNaN(new Date(v).getTime())?null:new Date(v):null,b=y?G(y).toNow(!0):v;return o.createElement(bt,{href:x,"data-event-category":"Hamburger Navigation","data-event-action":"Together Click ".concat(m+1),"data-event-label":x},o.createElement(ut,null,o.createElement(wt,null,o.createElement(A,{avatar:null===(t=d.author)\|\|void 0===t?void 0:t.avatar,username:(null===(i=d.author)\|\|void 0===i?void 0:i.name)\|\|(null===(a=d.author)\|\|void 0===a?void 0:a.username)}),o.createElement(Ct,null,o.createElement(ft,{"data-theme":u},null===(l=d.author)\|\|void 0===l?void 0:l.name),o.createElement(kt,null,o.createElement(xt,{"data-event-category":"Hamburger Navigation","data-event-action":"Topic Click ".concat(m+1),"data-event-label":f,onClick:function(n){n.preventDefault(),location.href=f},"data-theme":u},null===(r=d.community)\|\|void 0===r?void 0:r.name),o.createElement(yt,null,"•"),o.createElement(vt,{"data-theme":u},b)))),o.createElement(Et,null,d.title)),!!(null===(s=d.photos)\|\|void 0===s?void 0:s.length)&&o.createElement(gt,{loading:"lazy",src:d.photos[0]}))},Pt=function(n){var e=n.spotlights,t=void 0===e?[]:e,i=c($n).configs.statics,a=R().t;return o.createElement(be,{title:a("home.navigator.menu.trendingPosts"),viewMore:a("home.navigator.menu.trendingPosts.seeMore"),link:i.TOGETHER_URL_FE+"/",dataEventAction:"Together See More Click"},0!==t.length?o.createElement(ht,null,null==t?void 0:t.slice(0,4).map((function(n,e){return o.createElement(Lt,{index:e,post:n,key:n.id})}))):o.createElement(fe,{title:a("home.navigator.menu.together.noPosts.title"),description:a("home.navigator.menu.together.noPosts.description"),link:"".concat(i.HOME_PAGE_URL,"/community/"),cta:a("home.navigator.menu.together.noPosts.cta"),icon:u.getAssetPath("community.svg")}))};g.div(Mt\|\|(Mt=t(["\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n &[data-is-display='false'] {\n display: none;\n }\n"])));var Mt,Bt,Ht,Nt,At,Tt,zt,_t,St,Ut,Rt,Dt,jt,Zt,Vt,Ft,It=g.div(Bt\|\|(Bt=t(["\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n "," {\n grid-template-columns: 1fr;\n gap: 12px;\n }\n"],["\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n "," {\n grid-template-columns: 1fr;\n gap: 12px;\n }\n"])),Z.tdDown),Ot=g.a(Ht\|\|(Ht=t(["\n text-decoration: none;\n border-radius: 4px;\n background: #e3f2ff;\n position: relative;\n overflow: hidden;\n display: flex;\n * {\n pointer-events: none;\n }\n .bg-svg {\n width: 245px;\n top: 0;\n right: 0;\n height: 100%;\n position: absolute;\n "," {\n top: calc(51% - 68px);\n right: -8px;\n }\n }\n padding: 180px 24px 16px;\n a {\n display: flex;\n width: 100%;\n }\n "," {\n padding-top: 16px;\n display: flex;\n align-items: center;\n }\n"],["\n text-decoration: none;\n border-radius: 4px;\n background: #e3f2ff;\n position: relative;\n overflow: hidden;\n display: flex;\n * {\n pointer-events: none;\n }\n .bg-svg {\n width: 245px;\n top: 0;\n right: 0;\n height: 100%;\n position: absolute;\n "," {\n top: calc(51% - 68px);\n right: -8px;\n }\n }\n padding: 180px 24px 16px;\n a {\n display: flex;\n width: 100%;\n }\n "," {\n padding-top: 16px;\n display: flex;\n align-items: center;\n }\n"])),Z.tdDown,Z.tdDown),Gt=g.div(Nt\|\|(Nt=t(["\n width: 64px;\n height: 64px;\n background: white;\n position: absolute;\n right: 25px;\n top: 35px;\n z-index: 3;\n border-radius: 50%;\n img {\n position: absolute;\n width: 64px;\n height: 64px;\n top: 50%;\n left: 50%;\n display: block;\n transform: translate(-50%, -50%);\n }\n "," {\n position: relative;\n top: unset;\n right: unset;\n }\n"],["\n width: 64px;\n height: 64px;\n background: white;\n position: absolute;\n right: 25px;\n top: 35px;\n z-index: 3;\n border-radius: 50%;\n img {\n position: absolute;\n width: 64px;\n height: 64px;\n top: 50%;\n left: 50%;\n display: block;\n transform: translate(-50%, -50%);\n }\n "," {\n position: relative;\n top: unset;\n right: unset;\n }\n"])),Z.tdDown),Yt=g.div(At\|\|(At=t(["\n display: flex;\n align-items: center;\n color: ",";\n font-weight: 400;\n font-size: 14px;\n text-decoration: none;\n"],["\n display: flex;\n align-items: center;\n color: ",";\n font-weight: 400;\n font-size: 14px;\n text-decoration: none;\n"])),(function(n){return n.theme.colors.primaryBase})),Wt=g.p(Tt\|\|(Tt=t(["\n font-size: 16px;\n font-weight: 600;\n line-height: 1.4;\n color: ",";\n"],["\n font-size: 16px;\n font-weight: 600;\n line-height: 1.4;\n color: ",";\n"])),(function(n){return n.theme.colors.gray800})),Kt=g.p(zt\|\|(zt=t(["\n font-size: 14px;\n line-height: 1.4;\n font-weight: 400;\n color: ",";\n height: 40px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin-bottom: auto;\n "," {\n display: none;\n }\n"],["\n font-size: 14px;\n line-height: 1.4;\n font-weight: 400;\n color: ",";\n height: 40px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin-bottom: auto;\n "," {\n display: none;\n }\n"])),(function(n){return n.theme.colors.gray600}),Z.tdDown),qt=g.div(_t\|\|(_t=t(["\n display: flex;\n flex-direction: column;\n flex: 1;\n z-index: 1;\n "," {\n gap: 8px;\n }\n "," {\n gap: 4px;\n flex: 1;\n }\n"],["\n display: flex;\n flex-direction: column;\n flex: 1;\n z-index: 1;\n "," {\n gap: 8px;\n }\n "," {\n gap: 4px;\n flex: 1;\n }\n"])),Z.tdUp,Z.tdDown),Qt=function(n){var e=n.item,t=n.index,i=void 0===t?0:t,a=R().t,l=c($n).configs.statics;if(!e)return null;var r=e.link?e.link.startsWith("http")?e.link:"".concat(l.HOME_PAGE_URL).concat(e.link):void 0;return o.createElement(Ot,{href:r,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":r},o.createElement("img",{src:u.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),o.createElement(qt,null,o.createElement(Wt,null,e.title),o.createElement(Kt,null,e.subtitle),o.createElement(Yt,null,a("home.seeMore"),o.createElement("img",{src:u.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))),o.createElement(Gt,null,o.createElement("img",{loading:"lazy",alt:e.title,src:e.icon\|\|"/images/avatar.jpg"})))},Jt=g.a(St\|\|(St=t(["\n text-decoration: none;\n border-radius: 12px;\n\n position: relative;\n overflow: hidden;\n display: flex;\n * {\n pointer-events: none;\n }\n .bg-svg {\n top: 0;\n left: 0;\n position: absolute;\n }\n\n .dot-svg {\n width: 40px;\n height: 30px;\n top: 36px;\n left: 16px;\n position: absolute;\n stroke-width: 0;\n }\n\n &[data-color='pink'] {\n background: ",";\n .bg-svg {\n fill: ",";\n }\n }\n &[data-color='orange'] {\n background: ",";\n .bg-svg {\n fill: ",";\n }\n }\n &[data-color='green'] {\n background: ",";\n .bg-svg {\n fill: ",";\n }\n }\n\n padding: 180px 24px 16px;\n a {\n display: flex;\n width: 100%;\n }\n "," {\n padding-top: 16px;\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n }\n "," {\n padding-top: 0;\n padding-left: 80px;\n height: 96px;\n align-items: flex-start;\n justify-content: center;\n flex-direction: column;\n .dot-svg {\n top: 22px;\n left: 16px;\n }\n }\n "," {\n min-height: 296px;\n }\n .mobile-only {\n "," {\n display: none;\n }\n }\n .desktop-only {\n "," {\n display: none;\n }\n }\n"],["\n text-decoration: none;\n border-radius: 12px;\n\n position: relative;\n overflow: hidden;\n display: flex;\n * {\n pointer-events: none;\n }\n .bg-svg {\n top: 0;\n left: 0;\n position: absolute;\n }\n\n .dot-svg {\n width: 40px;\n height: 30px;\n top: 36px;\n left: 16px;\n position: absolute;\n stroke-width: 0;\n }\n\n &[data-color='pink'] {\n background: ",";\n .bg-svg {\n fill: ",";\n }\n }\n &[data-color='orange'] {\n background: ",";\n .bg-svg {\n fill: ",";\n }\n }\n &[data-color='green'] {\n background: ",";\n .bg-svg {\n fill: ",";\n }\n }\n\n padding: 180px 24px 16px;\n a {\n display: flex;\n width: 100%;\n }\n "," {\n padding-top: 16px;\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n }\n "," {\n padding-top: 0;\n padding-left: 80px;\n height: 96px;\n align-items: flex-start;\n justify-content: center;\n flex-direction: column;\n .dot-svg {\n top: 22px;\n left: 16px;\n }\n }\n "," {\n min-height: 296px;\n }\n .mobile-only {\n "," {\n display: none;\n }\n }\n .desktop-only {\n "," {\n display: none;\n }\n }\n"])),(function(n){return n.theme.mbColors.tonePink}),(function(n){return n.theme.mbColors.peach}),(function(n){return n.theme.mbColors.toneYellow}),(function(n){return n.theme.mbColors.orange}),(function(n){return n.theme.mbColors.toneGreen}),(function(n){return n.theme.mbColors.mint}),Z.tdDown,Z.mbDown,Z.tdUp,Z.tdUp,Z.tdDown),Xt=g.div(Ut\|\|(Ut=t(["\n width: 48px;\n height: 48px;\n background: white;\n position: absolute;\n right: 25px;\n top: 35px;\n z-index: 3;\n border-radius: 50%;\n img {\n position: absolute;\n width: 36px;\n height: 36px;\n top: 50%;\n left: 50%;\n display: block;\n transform: translate(-50%, -50%);\n }\n "," {\n position: relative;\n top: unset;\n right: unset;\n }\n "," {\n position: absolute;\n left: 32px;\n top: 28px;\n }\n"],["\n width: 48px;\n height: 48px;\n background: white;\n position: absolute;\n right: 25px;\n top: 35px;\n z-index: 3;\n border-radius: 50%;\n img {\n position: absolute;\n width: 36px;\n height: 36px;\n top: 50%;\n left: 50%;\n display: block;\n transform: translate(-50%, -50%);\n }\n "," {\n position: relative;\n top: unset;\n right: unset;\n }\n "," {\n position: absolute;\n left: 32px;\n top: 28px;\n }\n"])),Z.tdDown,Z.mbDown),$t=g.div(Rt\|\|(Rt=t(["\n display: flex;\n align-items: center;\n background: white;\n font-weight: 400;\n font-size: 14px;\n text-decoration: none;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n\n svg path {\n fill: ",";\n }\n\n "," {\n background: none;\n width: 100%;\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n color: ",";\n padding-left: 16px;\n }\n"],["\n display: flex;\n align-items: center;\n background: white;\n font-weight: 400;\n font-size: 14px;\n text-decoration: none;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n\n svg path {\n fill: ",";\n }\n\n "," {\n background: none;\n width: 100%;\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n color: ",";\n padding-left: 16px;\n }\n"])),(function(n){return n.theme.mbColors.gray}),Z.tdDown,(function(n){return n.theme.mbColors.pink})),ni=g.p(Dt\|\|(Dt=t(["\n font-weight: 600;\n font-size: 14px;\n line-height: 24px;\n letter-spacing: -0.2px;\n color: ",";\n"],["\n font-weight: 600;\n font-size: 14px;\n line-height: 24px;\n letter-spacing: -0.2px;\n color: ",";\n"])),(function(n){return n.theme.colors.gray800})),ei=g.p(jt\|\|(jt=t(["\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n letter-spacing: -0.2px;\n color: ",";\n height: 54px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n margin-bottom: auto;\n "," {\n display: none;\n }\n"],["\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n letter-spacing: -0.2px;\n color: ",";\n height: 54px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n margin-bottom: auto;\n "," {\n display: none;\n }\n"])),(function(n){return n.theme.colors.gray600}),Z.tdDown),ti=g.div(Zt\|\|(Zt=t(["\n display: flex;\n flex: 1;\n z-index: 1;\n align-items: flex-end;\n justify-content: flex-end;\n "," {\n gap: 8px;\n flex-direction: row;\n }\n\n "," {\n align-items: flex-start;\n justify-content: flex-start;\n gap: 4px;\n }\n"],["\n display: flex;\n flex: 1;\n z-index: 1;\n align-items: flex-end;\n justify-content: flex-end;\n "," {\n gap: 8px;\n flex-direction: row;\n }\n\n "," {\n align-items: flex-start;\n justify-content: flex-start;\n gap: 4px;\n }\n"])),Z.tdUp,Z.tdDown),ii=g.div(Vt\|\|(Vt=t(["\n display: flex;\n flex-direction: column;\n flex: 1;\n z-index: 1;\n "," {\n gap: 8px;\n }\n "," {\n gap: 4px;\n flex: 1;\n padding-left: 16px;\n }\n"],["\n display: flex;\n flex-direction: column;\n flex: 1;\n z-index: 1;\n "," {\n gap: 8px;\n }\n "," {\n gap: 4px;\n flex: 1;\n padding-left: 16px;\n }\n"])),Z.tdUp,Z.tdDown),ai=g.div(Ft\|\|(Ft=t(["\n display: flex;\n flex-direction: row;\n flex: 1;\n z-index: 1;\n "," {\n gap: 8px;\n justify-content: flex-end;\n align-items: flex-end;\n }\n "," {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n }\n"],["\n display: flex;\n flex-direction: row;\n flex: 1;\n z-index: 1;\n "," {\n gap: 8px;\n justify-content: flex-end;\n align-items: flex-end;\n }\n "," {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n }\n"])),Z.tdUp,Z.tdDown),oi=function(n){var e=n.item,t=n.index,i=void 0===t?0:t,a=n.color,l=R().t,r=c($n).configs.statics;if(!e)return null;var s=e.link?e.link.startsWith("http")?e.link:"".concat(r.HOME_PAGE_URL).concat(e.link):void 0,d=function(){return o.createElement(Xt,null,o.createElement("img",{loading:"lazy",alt:e.title,src:e.icon\|\|"/images/avatar.jpg"}))},p=function(){return o.createElement(ai,null,o.createElement(ii,null,o.createElement(ni,null,e.title),o.createElement(ei,null,e.subtitle)),o.createElement($t,null,o.createElement("div",{className:"mobile-only"},l("home.seeMore")),o.createElement("img",{src:u.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"}})))};return o.createElement(Jt,{href:s,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":s,"data-color":a},o.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z",strokeWidth:"0"})),o.createElement("img",{src:u.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),o.createElement(ti,null,o.createElement("div",{className:"mobile-only"},d()),o.createElement("div",{className:"desktop-only"},p())),o.createElement("div",{className:"mobile-only"},p()),o.createElement("div",{className:"desktop-only"},d()))},li=function(n){var e=n.hrefViewMore,t=n.spotlightHealthTools,i=void 0===t?[]:t,a=R().t,l=["pink","orange","green"],r=c($n).siteType;return o.createElement(be,{title:a("home.navigator.menu.spotlightTools")},0!==i.length&&o.createElement(It,null,null==i?void 0:i.slice(0,3).map((function(n,e){return"marryBaby"===r?o.createElement(oi,{key:e,index:e,item:n,color:l[e]}):o.createElement(Qt,{key:e,index:e,item:n})}))),0===i.length&&o.createElement(fe,{title:a("home.navigator.menu.healthTools.noDatas.title"),description:a("home.navigator.menu.healthTools.noDatas.description"),link:e,cta:a("home.navigator.menu.healthTools.noDatas.cta"),icon:u.getAssetPath("community.svg")}))},ri="profile/posts?website_url={websiteUrl}",si=99,di=300,ci=400,pi=210,mi=g.div(hi\|\|(hi=t(["\n position: fixed;\n z-index: 201;\n top: calc(100% + 1px); // border 1px\n width: 100%;\n height: calc(100vh - var(--header-bottom));\n overflow-x: hidden;\n overflow-y: auto;\n background: white;\n display: flex;\n flex-direction: column;\n padding-bottom: 0;\n left: 0;\n\n &[data-is-amp='true'] {\n top: calc(var(--header-height));\n }\n\n .hhgcomp-navigation-popupwrapper-menuwrapper {\n position: unset;\n }\n"],["\n position: fixed;\n z-index: 201;\n top: calc(100% + 1px); // border 1px\n width: 100%;\n height: calc(100vh - var(--header-bottom));\n overflow-x: hidden;\n overflow-y: auto;\n background: white;\n display: flex;\n flex-direction: column;\n padding-bottom: 0;\n left: 0;\n\n &[data-is-amp='true'] {\n top: calc(var(--header-height));\n }\n\n .hhgcomp-navigation-popupwrapper-menuwrapper {\n position: unset;\n }\n"])));g.div(ui\|\|(ui=t(["\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"]))),g.div(gi\|\|(gi=t(["\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"]))),g.div(fi\|\|(fi=t(["\n margin-top: 64px;\n"],["\n margin-top: 64px;\n"]))),g.div(xi\|\|(xi=t(["\n padding: 24px 0;\n"],["\n padding: 24px 0;\n"]))),g.div(vi\|\|(vi=t(["\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"]))),g.div(yi\|\|(yi=t(["\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"])),pi,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),g.div(bi\|\|(bi=t(["\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"]))),g.div(wi\|\|(wi=t(["\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"]))),g.div(Ei\|\|(Ei=t(["\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(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),g.div(ki\|\|(ki=t(["\n display: none;\n"],["\n display: none;\n"]))),g.div(Ci\|\|(Ci=t(["\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(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),g.div(Li\|\|(Li=t(["\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(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),g.div(Pi\|\|(Pi=t(["\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"]))),g.div(Mi\|\|(Mi=t(["\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"]))),g.div(Bi\|\|(Bi=t(["\n display: block;\n"],["\n display: block;\n"]))),g.div(Hi\|\|(Hi=t(["\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(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800})),g.div(Ni\|\|(Ni=t(["\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(n){return n.theme.mbColors.pink}));var hi,ui,gi,fi,xi,vi,yi,bi,wi,Ei,ki,Ci,Li,Pi,Mi,Bi,Hi,Ni,Ai,Ti,zi,_i,Si,Ui=g.div(Ai\|\|(Ai=t(["\n padding: 16px;\n padding-bottom: 12px;\n .fake-search-input {\n pointer-events: none;\n input {\n line-height: 20px;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n }\n &[data-theme='marryBaby'] {\n input {\n background: ",";\n border-radius: 16px;\n border: none;\n }\n }\n"],["\n padding: 16px;\n padding-bottom: 12px;\n .fake-search-input {\n pointer-events: none;\n input {\n line-height: 20px;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n }\n &[data-theme='marryBaby'] {\n input {\n background: ",";\n border-radius: 16px;\n border: none;\n }\n }\n"])),(function(n){return n.theme.mbColors.lightGray})),Ri=g.div(Ti\|\|(Ti=t(["\n display: block;\n overflow-y: auto;\n flex: 1;\n padding-bottom: 16px;\n &::-webkit-scrollbar {\n width: 0;\n display: none;\n }\n"],["\n display: block;\n overflow-y: auto;\n flex: 1;\n padding-bottom: 16px;\n &::-webkit-scrollbar {\n width: 0;\n display: none;\n }\n"]))),Di=function(n){var e,t,i=n.closePopup,a=n.menuItems,l=void 0===a?[]:a,r=c($n),s=r.siteType,d=r.ssrMenuContent,p=d.categories,m=d.healthTools,h=d.care,u=d.together,g=r.activeMenuService,f=r.configs,x=f.statics,v=f.enableSearchBar,y=r.isAmp,b=r.locale,w=R().t;return o.createElement(mi,{id:"categories-menu","data-is-amp":y},v?o.createElement(Ui,{"data-theme":s,onClick:function(){window.location.href="".concat(x.HOME_PAGE_URL,"/search")}},o.createElement(te,null)):null,o.createElement(Ri,null,o.createElement(ce,{UrlFE:x.HOME_PAGE_URL,titleBtnViewMore:w("home.navigator.menuItem.allCategories"),menuItems:l,headingTitle:w("home.navigator.menuItem.healthCategories"),onClosePopup:i}),"categories"===g&&o.createElement(Xe,{spotlightsList:(null==p?void 0:p.spotlights)\|\|[],hrefViewMore:"".concat(x.HOME_PAGE_URL).concat("tl-PH"===b?"/fil":"","/spotlight/")}),"tools"===g&&o.createElement(li,{spotlightHealthTools:null==m?void 0:m.spotlights,hrefViewMore:"".concat(x.HOME_PAGE_URL).concat("tl-PH"===b?"/fil":"").concat((null===(e=k[b])\|\|void 0===e?void 0:e.HEALTH_TOOLS)\|\|"")}),"care"===g&&o.createElement(Ze,{spotlights:null==h?void 0:h.spotlights,hrefViewMore:"".concat(x.CARE_URL_FE,"/").concat(null===(t=U[b])\|\|void 0===t?void 0:t.SPECIALTIES)}),"together"===g&&o.createElement(Pt,{spotlights:null==u?void 0:u.spotlights})))},ji=g.div(zi\|\|(zi=t(["\n ","\n"],["\n ","\n"])),(function(n){return"\n ".concat(0!==n.lowerBound?"@media (max-width: ".concat(n.lowerBound-1,"px) { display: none; }"):"","\n ").concat(0!==n.upperBound?"@media (min-width: ".concat(n.upperBound,"px) { display: none; }"):"","\n ")})),Zi=function(n){var e=n.forceDisplay,t=n.mediaQueryKey,i=n.children,a=n.className,l=n.style,r=s((function(){return V(t)}),[t]),d=r[0],c=r[1];return o.createElement(ji,{lowerBound:e?0:d,upperBound:e?0:c,className:a,style:l},i)},Vi=function(n){var e=(n\|\|{}).allowBgScroll,t=l();return{containerRef:t,onContainerFocus:function(){e\|\|(document.documentElement.style.overflow="hidden")},onContainerBlur:function(){e\|\|(document.documentElement.style.overflow="")},onButtonMouseDown:function(n){t.current&&(document.activeElement===t.current\|\|t.current.contains(document.activeElement))&&(t.current.blur(),document.activeElement.blur(),n.preventDefault())},onClose:function(){t.current&&(document.activeElement===t.current\|\|t.current.contains(document.activeElement))&&(t.current.blur(),document.activeElement.blur())}}},Fi=g.div(_i\|\|(_i=t(["\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"])),Z.mbDown,Z.mbUp,(function(n){return n.theme.colors.gray800}),Z.mbDown,Z.mbUp,(function(n){return n.theme.colors.gray600}),Z.mbDown,Z.mbUp),Ii=g.div(Si\|\|(Si=t(["\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"])),Z.mbDown,Z.mbUp,(function(n){return"marryBaby"===n.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 ":""})),Oi=function(n){var e=n.openLogoutPopup,t=n.onCloseHandler,i=n.onLogoutHandler,a=n.siteType,l=void 0===a?"helloSites":a,r=R().t;return p((function(){document.body.classList.toggle("noscroll",e)}),[e]),o.createElement(q,null,o.createElement(T,{type:"confirm",isOpen:e,closeIcon:o.createElement("img",{src:u.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon"}),onClose:t},o.createElement(Fi,null,"helloSites"===l&&o.createElement("img",{src:u.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account"}),o.createElement("h2",null,r("helloSites"===l?"logout.popup.ask1":"logout.popup.ask.mb")),o.createElement("p",null,r("logout.popup.ask2")),o.createElement(Ii,{siteType:l},o.createElement(F,{className:"logout-button",color:"tertiary",size:"lg",onClick:i},r("logout.popup.button.logout")),o.createElement(F,{className:"cancel-button",color:"primary",size:"lg",onClick:t},r("logout.popup.button.cancel"))))))},Gi="hhgcomp-navprofilebutton-popup",Yi=O(g.div(Ki\|\|(Ki=t(["\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 max-height: calc(100vh - var(--header-bottom, 64px));\n }\n overflow: auto;\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 &: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 width: 100%;\n border-top: 1px solid ",";\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 max-height: calc(100vh - var(--header-bottom, 64px));\n }\n overflow: auto;\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 &: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 width: 100%;\n border-top: 1px solid ",";\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(n){return n.theme.colors.white}),Z.mbDown,Z.mbUp,Z.mbDown,Z.mbUp,Z.mbDown,Z.mbUp,(function(n){return n.theme.colors.gray200}),Z.mbDown,I.colors.neutral100,Z.mbUp),Gi),Wi="hhgcomp-navprofilebutton-popupwrapper";O(g.div(qi\|\|(qi=t(["\n position: fixed;\n z-index: 150;\n top: var(--header-bottom, 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: var(--header-bottom, 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"])),Z.mbUp,Z.mbDown),Wi);var Ki,qi,Qi,Ji,Xi,$i=g.div(Qi\|\|(Qi=t(["\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(n){return n.theme.colors.secondaryBase})),na=g.a(Ji\|\|(Ji=t(["\n display: inline-flex;\n position: relative;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n flex-shrink: 0;\n\n .user-close-icon {\n display: none;\n }\n &:focus-within {\n .user-close-icon {\n display: block;\n }\n .user-avatar {\n display: none;\n }\n ."," {\n z-index: 200;\n top: 120%;\n opacity: 1;\n visibility: visible;\n display: initial;\n &[data-type='profile'] {\n "," {\n top: 100%;\n }\n }\n }\n ."," {\n display: initial;\n }\n }\n"],["\n display: inline-flex;\n position: relative;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n flex-shrink: 0;\n\n .user-close-icon {\n display: none;\n }\n &:focus-within {\n .user-close-icon {\n display: block;\n }\n .user-avatar {\n display: none;\n }\n ."," {\n z-index: 200;\n top: 120%;\n opacity: 1;\n visibility: visible;\n display: initial;\n &[data-type='profile'] {\n "," {\n top: 100%;\n }\n }\n }\n ."," {\n display: initial;\n }\n }\n"])),Gi,Z.mbDown,Wi),ea=g.a(Xi\|\|(Xi=t(["\n display: inline-flex;\n .login-btn[data-color='tertiary'][data-size='md'] {\n padding-left: 12px;\n padding-right: 12px;\n }\n .mobile-only {\n "," {\n display: none;\n }\n }\n .login-btn {\n padding-left: 10px;\n padding-right: 10px;\n display: none;\n "," {\n display: block;\n }\n }\n"],["\n display: inline-flex;\n .login-btn[data-color='tertiary'][data-size='md'] {\n padding-left: 12px;\n padding-right: 12px;\n }\n .mobile-only {\n "," {\n display: none;\n }\n }\n .login-btn {\n padding-left: 10px;\n padding-right: 10px;\n display: none;\n "," {\n display: block;\n }\n }\n"])),Z.mbUp,Z.mbUp),ta=function(n){var e,t,i,a;return n?{termId:n.term_id\|\|null,sponsor:n.sponsor?(a=n.sponsor,a?{title:a.title,logo:a.logo,link:a.link}:{}):null,isSponsored:n.is_sponsored\|\|null,categoryName:n.cat_name\|\|n.name\|\|null,name:n.name\|\|null,iconUrl:n.icon\|\|"",slugName:n.category_nicename\|\|null,description:n.description\|\|null,featureImage:n.thumbnail\|\|n.image\|\|null,displayName:n.name\|\|null,parent:n.parent\|\|null,permalink:n.permalink\|\|null,slug:n.slug\|\|null,childCates:(null===(e=n.child_cates)\|\|void 0===e?void 0:e.map((function(n){return ta(n)})))\|\|[],thumnailColor:n.thumnail_color\|\|["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5Math.random()\|0],colorFeatureImage:n.color_feature_image\|\|null,imageColor:n.image_color\|\|null,textColor:n.text_color\|\|null,catParent:(null===(t=n.cat_parent)\|\|void 0===t?void 0:t.name)?{name:n.cat_parent.name,permalink:n.cat_parent.permalink}:{},metaTag:n.meta_tag\|\|"",reviewedBy:n.reviewed_by?(i=n.reviewed_by,{postTitle:i.post_title,permalink:i.permalink}):null,reviewedDate:n.reviewed_date\|\|"",faqs:n.faqs?n.faqs.map((function(n){return function(n){return{title:n.title,content:n.content}}(n)})):null}:{}},ia=function(n){var e,t;if(!n)return{};var i=null===(e=n.link)\|\|void 0===e?void 0:e.includes("/bot/"),a=null===(t=n.link)\|\|void 0===t?void 0:t.startsWith("/fil/"),o=n.link?n.link.startsWith("http")\|\|i?n.link:a?n.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):"/health-tools".concat(n.link.replace("/health-tools/","/")):void 0;return{icon:n.icon,link:o,subtitle:n.subtitle,title:n.title}},aa=function(n){return n?{thumbnail:n.thumbnail,link:null==n?void 0:n.slug,subtitle:n.name,name:n.name,slug:n.slug}:{}},oa=function(n){return n?{id:n.id,name:n.name,logo:null==n?void 0:n.logo,description:n.about,slug:n.slug}:{}},la=function(n){var e,t,i=n.type,a=n.specialtySlug,o=n.locale;return"".concat(null===(e=U[o])\|\|void 0===e?void 0:e.ALL,"/").concat((null===(t=U[o])\|\|void 0===t?void 0:t[i])\|\|"doctor","/").concat(null!=a?a:"")},ra=function(n){return n?{id:n.ID,name:n.name,permalink:n.permalink,image:(null==n?void 0:n.small_banner)\|\|(null==n?void 0:n.image)\|\|"",imageMedium:(null==n?void 0:n.image_medium)\|\|null,imageThumbnail:(null==n?void 0:n.image_thumbnail)\|\|null,startDate:null==n?void 0:n.start_date,endDate:null==n?void 0:n.end_date}:{}},sa=function(n){var e=new Date;if(null==n?void 0:n.startDate){var t=new Date(n.startDate);if(e.getTime()<t.getTime())return!1}if(null==n?void 0:n.endDate){var i=new Date(n.endDate);if(e.getTime()>i.getTime())return!1}return!0},da={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"shop"},ca={navHeader:"uJQBNNg",navAvatar:"TfG3dM5",navHeaderUserInfos:"aMtjFNf",navHeaderUserName:"cSz2RR-",navHeaderMyProfileButton:"GyFm00F"};function pa(n){var e=n.userInfo,t=n.onClickMyProfileButton,i=n.themeName,a=void 0===i?"helloSites":i,l=R().t,r=s((function(){var n=(null==e?void 0:e.name)\|\|(null==e?void 0:e.username);return n&&n.length?n[0].toUpperCase():"A"}),[null==e?void 0:e.username,null==e?void 0:e.name]);return o.createElement("div",{className:ca.navHeader,onClick:function(){t&&t()}},o.createElement(z,{className:ca.navAvatar,type:"rounded",size:"xl",avatarUrl:null==e?void 0:e.avatar,firstLetter:r,backgroundColor:"marryBaby"===a?I.mbColors.pink:I.colors.secondaryBase}),o.createElement("div",{className:ca.navHeaderUserInfos},o.createElement("div",{className:ca.navHeaderUserName},(null==e?void 0:e.name)\|\|(null==e?void 0:e.username)),o.createElement("div",{className:ca.navHeaderMyProfileButton,style:{"--bg-hellosites":"url(".concat(u.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg"),")"),"--bg-marrybaby":"url(".concat(u.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg"),")")}},l("userProfile.nav.header.viewProfile"))))}var ma="fVk18fq",ha="v8TCvUb",ua="mx7T4V3",ga={myHealth:I.mbColors.toneYellow,myCommunity:I.mbColors.toneBlue,mySaved:I.mbColors.toneGreen},fa={helloSites:{myBooking:function(){return u.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg")},myCommunity:function(){return u.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg")},myFamily:function(){return u.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg")},myHealth:function(){return u.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg")},mySaved:function(){return u.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg")},eCom:function(){return u.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")}},marryBaby:{mySaved:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg")},myCommunity:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg")},myHealth:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}}},xa=function(n){var e=n.type,t=n.themeName,i=n.className,a=n.onClick,l=void 0===a?function(){}:a,r=R().t,d=s((function(){var n,i;return(null===(i=null===(n=fa[t])\|\|void 0===n?void 0:n[e])\|\|void 0===i?void 0:i.call(n))\|\|""}),[e,t]),c=s((function(){return"marryBaby"!==t?"transparent":ga[e]}),[e,t]);return o.createElement("div",{onClick:function(){l(e)},className:"".concat(ma," ").concat(i)},o.createElement("div",{className:ua,style:{backgroundColor:c,backgroundImage:'url("'.concat(d,'")')}}),o.createElement("h3",{className:ha},r("userProfile.nav.card.".concat(e))))},va="gn6HmGG",ya="FCx8FEM",ba="zMiRxaE",wa="lZ2Z9MQ",Ea="rwm-agG",ka="qMOscoq",Ca=function(n){var e=n.themeName,t=n.locale,i=n.onClickItem,a=r(""),l=a[0],d=a[1],c=s((function(){return"marryBaby"===e?[{key:"userProfile.nav.menu.password",icon:u.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:u.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:u.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:u.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]}),[e]);function p(n){n.subMenu?d((function(e){return e?"":n.key})):i&&i(n)}return o.createElement("div",{className:va},c.map((function(n){return o.createElement(La,{key:n.key,item:n,openKey:l,onClickItem:p,locale:t})})))},La=function(n){var e,t=n.item,i=n.openKey,a=n.onClickItem,l=n.locale,r=R().t;return(null===(e=t.disableLocale)\|\|void 0===e?void 0:e.includes(l))?null:o.createElement("div",{className:"".concat(ya," nav-menu-item"),"data-is-open":i===t.key,key:t.key,"data-has-submenu":!!t.subMenu},o.createElement("div",{className:ba,onClick:function(){return a(t)}},t.icon&&o.createElement("div",{className:wa,style:{backgroundImage:'url("'.concat(t.icon,'")')}}),r(t.key),t.subMenu&&o.createElement("div",{className:Ea,style:{"--after-bg":"url(".concat(u.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg"),")")}})),t.subMenu&&o.createElement("div",{className:ka},t.subMenu.map((function(n){return o.createElement(La,{key:n.key,item:n,openKey:i,onClickItem:a,locale:l})}))))},Pa="-AZt1au",Ma="IvSIfCI",Ba="eahCJov",Ha="XIyViFs",Na="_4y-O0w3",Aa="kO8iNgD",Ta="a1d4E10",za="Tdguxxf",_a="-mOxsaU",Sa="yPeDBNZ",Ua={helloSites:{member:function(){return u.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg")},ambassador:function(){return u.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg")},doctor:function(){return u.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg")},expert:function(){return u.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg")},influencer:function(){return u.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")}},marryBaby:{member:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg")},ambassador:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg")},doctor:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg")},expert:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg")},influencer:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}}},Ra=function(n){var e=n.themeName,t=n.rank,i=void 0===t?"member":t,a=n.numberOfPosts,l=void 0===a?0:a,r=R().t,d=s((function(){var n,t;return(null===(t=null===(n=Ua[e])\|\|void 0===n?void 0:n[i])\|\|void 0===t?void 0:t.call(n))\|\|""}),[i,e]);return o.createElement("div",{className:Na,"data-user-rank":i},o.createElement("div",{className:Aa},o.createElement("div",{className:Ta},o.createElement("div",{className:za,style:{backgroundImage:'url("'.concat(d,'")')}}),o.createElement("h3",{className:_a},r("userProfile.userRank.".concat(i))),l>0&&o.createElement("p",{className:Sa},l," ",r("userProfile.nav.header.count.posts")))))},Da=function(e){var t=e.SSO_URL,i=e.UP_BASEPATH,a=void 0===i?"user":i,l=e.themeName,d=void 0===l?"helloSites":l,c=e.cardUrls,m=void 0===c?da:c,h=e.enableCare,g=e.enableTogether,f=e.enableEcom,x=e.userInfo,v=e.togetherApiDomain,y=e.userPostsNumber,b=e.onClickNavigationCard,E=e.onClickMyProfileButton,k=e.onClickMenuItem,C=e.onClickLogout,L=e.isUserProfileNavigatorMenuHidden,P=void 0!==L&&L,M=e.isMyHealthEnabled,B=void 0!==M&&M,H=e.locale,N=R().t,A=r(y\|\|0),T=A[0],z=A[1],_="marryBaby"===d;p((function(){if(x&&void 0===y){var e=Q("hhg_user_token");e&&fetch(function(e,t,i,a){return(i\|\|"https://together.hellohealthgroup.com/")+"api/v1/"+X(ri,n(n({},a),{websiteUrl:t?"https://marrybaby.vn":"https://".concat(w[e])}))}(H,_,v),{headers:{Authorization:"Bearer ".concat(e)}}).then((function(n){return n.json()})).then((function(n){var e,t,i;1===(null==n?void 0:n.status)&&(null===(e=null==n?void 0:n.data)\|\|void 0===e?void 0:e.pagination)&&z((null===(i=null===(t=null==n?void 0:n.data)\|\|void 0===t?void 0:t.pagination)\|\|void 0===i?void 0:i.total_items)\|\|0)})).catch((function(n){return console.error("Error fetching post number",n)}))}}),[H,null!==x,y,v,_]);var S=s((function(){return(_?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"]).filter((function(n){return"myBooking"===n?h:"myCommunity"===n?g:"myHealth"===n?B:"eCom"!==n\|\|f}))}),[_,B]),U=s((function(){return"marryBaby"===d?null:o.createElement(F,{color:"tertiary",icon:o.createElement("img",{src:u.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15}),size:"md",onClick:C,className:Ha},N("userProfile.nav.menu.logout"))}),[d]),D=function(n){window.location.href="".concat(t).concat(a,"/").concat(n)},j=function(n){var e=m[n];b?b(e):D(e)};return x?o.createElement("div",{className:Pa,"data-theme":d},o.createElement(pa,{userInfo:x,themeName:d,onClickMyProfileButton:function(){E?E():D("profile")}}),o.createElement(Ra,{themeName:d,rank:"member",numberOfPosts:T}),o.createElement("div",{className:Ma},S.map((function(n){return o.createElement(xa,{className:Ba,key:n,themeName:d,type:n,onClick:j})}))),!P&&o.createElement(o.Fragment,null,o.createElement(Ca,{themeName:d,locale:H,onClickItem:function(n){"logout"===n.link&&C?C():n.link&&!n.subMenu&&(k?k(n.link):D(n.link))}}),U)):null},ja=function(n){var e=n.type,t=void 0===e?"lead":e,i=n.closeIcon,a=n.isOpen,l=void 0===a\|\|a,r=n.onClose,s=n.children,d=n.enableAnimation,c=void 0===d\|\|d,p=n.targetAvatar,m=n.id,h=n.className;return o.createElement(Yi,{"data-open":l,"data-type":t,"data-animation":c,"data-target":p,id:m,className:h},o.createElement("div",{className:"popup-content"},!!i&&o.createElement("div",{className:"close-button",onClick:r},i),s))},Za=function(n){var e=n.SSO_URL,t=n.UP_BASEPATH,i=n.isOpen,a=n.targetAvatar,l=n.userInfo,r=n.enableCare,s=n.enableTogether,d=n.enableEcom,c=n.closePopup,p=n.siteType,m=void 0===p?"helloSites":p,h=n.dispatchLogout,u=n.userProfileRouterPush,g=n.isUserProfileNavigatorMenuHidden,f=n.isMyHealthEnabled,x=void 0!==f&&f,v=n.togetherApiDomain,y=n.locale,b=function(n){u?u("/".concat(n)):e&&(window.location.href="".concat(e).concat(t,"/").concat(n))},w=function(n){b(n),c()};return o.createElement(ja,{isOpen:i,type:"profile",enableAnimation:!0,targetAvatar:a,onClose:c},o.createElement(Da,{SSO_URL:e,UP_BASEPATH:t,themeName:m,userInfo:l,enableCare:r,enableTogether:s,enableEcom:d,onClickLogout:function(){h&&(h(),c())},onClickMenuItem:w,onClickNavigationCard:w,onClickMyProfileButton:function(){b("profile"),c()},isUserProfileNavigatorMenuHidden:g,isMyHealthEnabled:x,togetherApiDomain:v,locale:y}))},Va=function(e){var t=e.userInfo,l=e.siteType,s=e.isAmp,d=e.onLoginClick,c=e.SSO_URL,m=e.currentUrl,h=e.isMinifyLogin,g=e.enableCare,f=e.enableTogether,v=e.enableEcom,y=e.isUserProfileNavigatorMenuHidden,b=e.UP_BASEPATH,w=e.isMyHealthEnabled,E=e.togetherApiDomain,k=e.onLogout,C=e.style,L=e.userProfileRouterPush,P=e.isLoading,M=e.locale,B=R().t,H=r(!1),N=H[0],A=H[1],T=(null==t?void 0:t.name)\|\|(null==t?void 0:t.username),_=r(!1),S=_[0],U=_[1];p((function(){U(!0)}),[]);var D=Vi(),j=D.containerRef,Z=D.onContainerFocus,V=D.onContainerBlur,O=D.onButtonMouseDown,G=D.onClose;return P&&!s?o.createElement(F,{size:"sm",color:"transparent",isLoading:!0}):(null==t?void 0:t.id)?o.createElement(o.Fragment,null,o.createElement(na,{ref:j,href:s?"".concat(c,"user/profile"):void 0,style:C,tabIndex:0,onBlur:V,onFocus:Z},o.createElement("div",{onMouseDown:O},o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},o.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),o.createElement(z,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==t?void 0:t.avatar,firstLetter:T&&T.length?T[0].toUpperCase():"A",backgroundColor:"marryBaby"===l?I.mbColors.pink:I.colors.secondaryBase,isAmp:s})),!s&&o.createElement(Za,{UP_BASEPATH:b,SSO_URL:c,dispatchLogout:function(){G(),A(!0)},isOpen:!1,isMyHealthEnabled:w,enableCare:g,enableTogether:f,enableEcom:v,closePopup:G,userInfo:t,siteType:l,isUserProfileNavigatorMenuHidden:y,togetherApiDomain:E,userProfileRouterPush:L,locale:M})),!s&&o.createElement(Oi,{openLogoutPopup:N,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),A(!1)},siteType:l,onLogoutHandler:function(){return i(void 0,void 0,void 0,(function(){return a(this,(function(n){switch(n.label){case 0:return A(!1),document.body.classList.toggle("noscroll",!1),[4,k()];case 1:return n.sent(),[2]}}))}))}})):o.createElement(ea,{style:n({textDecoration:"none"},C),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":m,href:s?"".concat(c,"?returnUrl=").concat(m.replace("?amp=1","")):S?void 0:"".concat(c,"?returnUrl=").concat(m),"data-site-type":l},h?o.createElement($i,{onClick:d},o.createElement("img",{src:u.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):o.createElement(o.Fragment,null,"helloSites"===l&&o.createElement("img",{className:"mobile-only",src:u.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:d}),"marryBaby"===l&&o.createElement("div",{className:"mobile-only",onClick:d,style:{paddingLeft:16}},o.createElement(x,{size:"p3",color:I.mbColors.pink},B("navigation.loginJoin"))),o.createElement(F,{className:"login-btn",size:"md",color:"tertiary",onClick:d,icon:o.createElement("img",{src:u.getAssetPath("login.svg"),width:18,height:18}),theme:l},B("navigation.loginJoin"))))},Fa="-XmTq5-",Ia="V-oxu20",Oa=function(n){var e=n.item,t=n.menu,i=Vi({allowBgScroll:!0}),a=i.containerRef,l=i.onContainerFocus,s=i.onContainerBlur,d=i.onButtonMouseDown,c=i.onClose,m=function(){var n=r(!0),e=n[0],t=n[1];return p((function(){t(!1)}),[]),e}();return!e.popupType&&e.link?o.createElement("a",{className:"hhgcomp-navigation-itemnav-headeritem ".concat(m?"":"menu-handler-".concat(e.id)),tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},o.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:Ia},e.name)):o.createElement("div",{ref:a,className:"hhgcomp-navigation-itemnav-headeritem ".concat(m?"":"menu-handler-".concat(e.id)),tabIndex:0,key:e.id,onBlur:s,onFocus:l,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},o.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:d,className:Ia},e.name,e.popupType&&o.createElement("div",{className:Fa},o.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),o.isValidElement(t)?o.cloneElement(t,{onClose:c}):null)},Ga="eJS8-if",Ya="EuQrB-3",Wa="_0JtBh8L",Ka=function(n){var e=n.onClosePopup;return o.createElement("div",{className:"".concat(Wa," close-btn"),onClick:e},o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))},qa=function(n){var e=n.onClosePopup,t=n.isDisplay,i=n.children,a=n.isNavMenu,l=n.hideCloseBtn;return o.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!a},o.createElement(J,null,!l&&o.createElement("div",{className:Ya},o.createElement(Ka,{onClosePopup:e})),o.createElement(J,{className:Ga},i)))},Qa=function(n){var e,t=n.careSpecialties,i=void 0===t?[]:t,a=n.isOpen,l=n.onClose,r=n.spotlights,s=void 0===r?[]:r,d=R().t,p=c($n),m=p.locale,h=p.configs.statics,u="".concat(h.CARE_URL_FE,"/").concat(null===(e=U[m])\|\|void 0===e?void 0:e.SPECIALTIES);return o.createElement(qa,{onClosePopup:l,isDisplay:a,isNavMenu:!0},o.createElement(ce,{headingTitle:d("home.navigator.menuItem.specialties"),hrefViewMore:u,UrlFE:h.CARE_URL_FE,onClosePopup:l,titleBtnViewMore:d("home.navigator.menuItem.allSpecialties"),menuItems:(null==i?void 0:i.map((function(n){return n?{name:String(n.name)\|\|"",link:la({type:"DOCTOR",specialtySlug:n.slug,locale:m}),thumbnail:(null==n?void 0:n.thumbnail)\|\|""}:{}})))\|\|[]}),o.createElement(Ze,{spotlights:s,hrefViewMore:u}))},Ja=function(n){var e=n.categories,t=void 0===e?[]:e,i=n.spotlightsList,a=void 0===i?[]:i,l=n.onClose,r=n.isOpen,s=R().t,d=c($n),p=d.locale,m=d.configs.statics;return o.createElement(qa,{onClosePopup:l,isDisplay:r,isNavMenu:!0},o.createElement(ce,{hrefViewMore:"".concat(m.HOME_PAGE_URL).concat("tl-PH"===p?"/fil":"","/categories/"),UrlFE:m.HOME_PAGE_URL,onClosePopup:l,titleBtnViewMore:s("home.navigator.menuItem.allCategories"),menuItems:(null==t?void 0:t.map((function(n){return n?{name:n.displayName\|\|null,link:(null==n?void 0:n.permalink)\|\|"/",thumbnail:n.iconUrl\|\|null}:{}})))\|\|[],headingTitle:s("home.navigator.menuItem.healthCategories")}),o.createElement(Xe,{spotlightsList:a,hrefViewMore:"".concat(m.HOME_PAGE_URL).concat("tl-PH"===p?"/fil":"","/spotlight/")}))},Xa=function(n){var e=n.communities,t=void 0===e?[]:e,i=n.onClose,a=n.isOpen,l=n.spotlights,r=void 0===l?[]:l,s=R().t,d=c($n).configs.statics;return o.createElement(qa,{onClosePopup:i,isDisplay:a,isNavMenu:!0},o.createElement(ce,{hrefViewMore:d.TOGETHER_URL_FE+"/",UrlFE:d.TOGETHER_URL_FE,onClosePopup:i,titleBtnViewMore:s("home.navigator.menuItem.allCommunities"),menuItems:(null==t?void 0:t.map((function(n){return n?{name:n.name\|\|"",link:n.slug\|\|"/",thumbnail:n.thumbnail\|\|""}:{}})))\|\|[],headingTitle:s("home.navigator.menuItem.allCommunitiesheadingTitle")}),o.createElement(Pt,{spotlights:r}))},$a=function(n){var e,t=n.locale,i=n.onClose,a=n.isOpen,l=n.spotlightHealthTools,r=void 0===l?[]:l,s=n.healthTools,d=void 0===s?[]:s,p=R().t,m=c($n).configs.statics,h="".concat(m.HOME_PAGE_URL).concat("tl-PH"===t?"/fil":"").concat((null===(e=k[t])\|\|void 0===e?void 0:e.HEALTH_TOOLS)\|\|"");return o.createElement(qa,{onClosePopup:i,isDisplay:a,isNavMenu:!0},o.createElement(ce,{hrefViewMore:h,UrlFE:m.HOME_PAGE_URL,onClosePopup:i,headingTitle:p("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:p("home.navigator.menuItem.allHealthTools"),menuItems:d.map((function(n){return{name:n.title,link:n.link?n.link.startsWith("http")?n.link:"".concat(m.HOME_PAGE_URL).concat(n.link):void 0,thumbnail:n.icon}}))}),o.createElement(li,{spotlightHealthTools:r,hrefViewMore:h}))},no="_6gGCHV-",eo="YDzfyQU",to=function(n){var e=n.onCareHeaderClick,t=n.currentUrl,i=n.careUrlFe,a=n.btnName;return e?o.createElement(F,{className:no,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:function(n){return e(n)}},a):o.createElement("a",{href:i,className:"".concat(eo," care-button no-replace-click")},o.createElement(F,{className:no,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},a))};function io(n){var e=n.className,t=n.ampHidden,i=n.ampBindHiddenCondition;return o.createElement("div",{"data-amp-bind-hidden":i,hidden:t},o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e},o.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function ao(n){var e=n.siteType,t=n.type,i=n.enableSearch,a=n.className,l=n.ampBindHiddenCondition;return"helloSites"===e?o.createElement("div",{"data-amp-bind-hidden":l},o.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:i?u.getAssetPath("hamburgerMenuNewWithSearch.svg"):u.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:t,className:a})):o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:a},o.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"}))}var oo="IQdn7tn",lo="_1jX3mGY",ro="arD755Y",so=function(e){var t=e.type,i=void 0===t?"home":t,a=e.menuItems,l=c($n),r=l.siteType,s=l.isAmp,d=l.configs.enableSearchBar,p=Vi(),m=p.containerRef,h=p.onContainerFocus,u=p.onContainerBlur,g=p.onButtonMouseDown,f=p.onClose;return o.createElement(Zi,{mediaQueryKey:"mbDown",forceDisplay:!!s\|\|void 0},s&&o.createElement("amp-state",{id:"menu"},o.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify({lightbox:"closed"})}})),o.createElement("header",{className:oo},o.createElement("div",n({className:lo,ref:m,role:"button",tabIndex:0,onBlur:u,onFocus:h,"data-amp":!!s},{on:"tap:discover-amp-lightbox"}),o.createElement("div",{className:ro,onMouseDown:g,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},o.createElement(io,{className:"mobile-close-icon",ampHidden:s&&!0,ampBindHiddenCondition:"menu.lightbox == 'closed'"}),o.createElement(ao,{siteType:r,type:i,enableSearch:d,className:"mobile-hamburger-icon",ampBindHiddenCondition:"menu.lightbox == 'open'"})),!s&&o.createElement(Di,{menuItems:a,closePopup:f}))))},co=g.div(go\|\|(go=t(["\n z-index: 201;\n width: 100%;\n align-items: center;\n\n background-color: ",";\n\n transition: height 0.3s, transform 0.3s;\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 &[data-is-amp='true'] {\n position: relative;\n transform: translateY(0);\n transition: transform 0.5s;\n }\n\n "," {\n &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n transform: translateY(-64px);\n }\n }\n "," {\n &[data-site-type='marryBaby'] {\n border-bottom: none;\n }\n\n &[data-fixed-bar='true'] {\n position: fixed;\n transform: translateY(0);\n }\n\n &[data-fixed-bar='false'] {\n position: absolute;\n }\n\n &[data-collapsed='true'] {\n transform: translateY(-100%);\n transition: transform 0.5s;\n }\n &[data-collapsed='false'] {\n transform: translateY(0);\n transition: transform 0.5s;\n }\n\n .top-bar-header {\n line-height: normal;\n }\n\n &[data-header-type='home'] {\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 transform: translateY(0);\n transition: transform 0.5s;\n }\n }\n\n .marry-baby {\n input {\n background: ",";\n border-radius: 16px;\n border: none;\n }\n max-width: 172px;\n }\n &[data-site-type='marryBaby'] {\n .close-btn {\n top: 16px;\n right: 16px;\n }\n }\n"],["\n z-index: 201;\n width: 100%;\n align-items: center;\n\n background-color: ",";\n\n transition: height 0.3s, transform 0.3s;\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 &[data-is-amp='true'] {\n position: relative;\n transform: translateY(0);\n transition: transform 0.5s;\n }\n\n "," {\n &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n transform: translateY(-64px);\n }\n }\n "," {\n &[data-site-type='marryBaby'] {\n border-bottom: none;\n }\n\n &[data-fixed-bar='true'] {\n position: fixed;\n transform: translateY(0);\n }\n\n &[data-fixed-bar='false'] {\n position: absolute;\n }\n\n &[data-collapsed='true'] {\n transform: translateY(-100%);\n transition: transform 0.5s;\n }\n &[data-collapsed='false'] {\n transform: translateY(0);\n transition: transform 0.5s;\n }\n\n .top-bar-header {\n line-height: normal;\n }\n\n &[data-header-type='home'] {\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 transform: translateY(0);\n transition: transform 0.5s;\n }\n }\n\n .marry-baby {\n input {\n background: ",";\n border-radius: 16px;\n border: none;\n }\n max-width: 172px;\n }\n &[data-site-type='marryBaby'] {\n .close-btn {\n top: 16px;\n right: 16px;\n }\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.mbColors.lightPink}),Z.mbUp,Z.mbDown,si,di,ci,(function(n){return n.theme.mbColors.lightGray})),po=g.div(fo\|\|(fo=t(["\n display: flex;\n height: 100%;\n align-items: center;\n\n justify-content: space-between;\n padding: 0 2rem;\n height: 69px;\n "," {\n padding: 0 1rem;\n }\n\n "," {\n position: relative;\n height: 64px;\n background: white;\n gap: 1rem;\n }\n\n &[data-site-type='marryBaby'] {\n width: 100%;\n margin: 0 auto;\n padding: 0 16px;\n "," {\n max-width: 1064px;\n }\n }\n"],["\n display: flex;\n height: 100%;\n align-items: center;\n\n justify-content: space-between;\n padding: 0 2rem;\n height: 69px;\n "," {\n padding: 0 1rem;\n }\n\n "," {\n position: relative;\n height: 64px;\n background: white;\n gap: 1rem;\n }\n\n &[data-site-type='marryBaby'] {\n width: 100%;\n margin: 0 auto;\n padding: 0 16px;\n "," {\n max-width: 1064px;\n }\n }\n"])),Z.pcDown,Z.mbDown,Z.tdUp),mo=g.div(xo\|\|(xo=t(["\n display: flex;\n align-items: center;\n height: 100%;\n gap: 24px;\n "," {\n gap: 16px;\n }\n &[data-site-type='marryBaby'] {\n gap: 26px;\n }\n"],["\n display: flex;\n align-items: center;\n height: 100%;\n gap: 24px;\n "," {\n gap: 16px;\n }\n &[data-site-type='marryBaby'] {\n gap: 26px;\n }\n"])),Z.pcDown),ho=g.div(vo\|\|(vo=t([""],[""]))),uo=g.div(yo\|\|(yo=t(["\n display: flex;\n align-items: center;\n height: 100%;\n flex-shrink: 0.6;\n .hhgcomp-navigation-itemnav-headeritem {\n gap: 2px;\n "," {\n padding: 0 12px;\n }\n "," {\n padding: 0 6px;\n }\n "," {\n display: none;\n }\n a {\n text-decoration: none;\n }\n }\n &[data-site-type='marryBaby'] {\n gap: 26px;\n }\n"],["\n display: flex;\n align-items: center;\n height: 100%;\n flex-shrink: 0.6;\n .hhgcomp-navigation-itemnav-headeritem {\n gap: 2px;\n "," {\n padding: 0 12px;\n }\n "," {\n padding: 0 6px;\n }\n "," {\n display: none;\n }\n a {\n text-decoration: none;\n }\n }\n &[data-site-type='marryBaby'] {\n gap: 26px;\n }\n"])),Z.pcUp,Z.pcDown,Z.mbDown);g.div(bo\|\|(bo=t(["\n .fake-search-input {\n pointer-events: none;\n input {\n line-height: 20px;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n }\n"],["\n .fake-search-input {\n pointer-events: none;\n input {\n line-height: 20px;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n }\n"])));var go,fo,xo,vo,yo,bo,wo,Eo,ko,Co,Lo,Po,Mo=g.div(wo\|\|(wo=t(["\n margin-left: 16px;\n display: flex;\n gap: 12px;\n align-items: center;\n flex-shrink: 0;\n "," {\n margin-left: 8px;\n gap: 8px;\n }\n "," {\n margin-left: 12px;\n gap: 10px;\n }\n"],["\n margin-left: 16px;\n display: flex;\n gap: 12px;\n align-items: center;\n flex-shrink: 0;\n "," {\n margin-left: 8px;\n gap: 8px;\n }\n "," {\n margin-left: 12px;\n gap: 10px;\n }\n"])),Z.pcDown,Z.mbDown),Bo=g.div(Eo\|\|(Eo=t(["\n display: flex;\n align-items: center;\n height: 100%;\n &[data-site-type='marryBaby'] {\n gap: 26px;\n }\n"],["\n display: flex;\n align-items: center;\n height: 100%;\n &[data-site-type='marryBaby'] {\n gap: 26px;\n }\n"]))),Ho=function(n){var e,t=n.onTopBarAppears,i=n.type,a=void 0===i?"home":i,s=n.languageMenu,d=n.menuItems,h=n.setSitewideBannerClosed,g=n.sitewideBannerClosed,f=c($n),x=f.siteType,v=f.isAmp,y=f.isMobile,b=void 0!==y&&y,w=f.locale,k=f.sitewideBanner,L=f.sitewideBannerShown,P=void 0===L\|\|L,M=f.sponsorComponent,B=f.onBookingClick,H=f.currentUrl,N=f.onLoginClick,A=f.configs,T=A.statics,z=A.enableNavCareBooking,_=A.enableSearchBar,S=A.enableNavCare,U=A.enableProfileMyHealth,D=A.enableNavTogether,j=A.enableProfileEcom,Z=A.enableProfileNavigatorMenu,V=f.userState.userInfo,F=f.onLogout,I=f.userProfileRouterPush,O=f.isUserLoading,G=R().t,Y=T.SSO_URL,q=T.HOME_PAGE_URL,Q=!!M,J=r(!1),X=J[0],$=J[1],nn=l(47),en=l(null),tn=l(!1),an="helloSites"===x?null===(e=E[w])\|\|void 0===e?void 0:e.LOGO_TYPE:x,on="undefined"!=typeof window,ln=m(K((function(){if("home"===a&&on){if(!en.current)return;var n=en.current.getBoundingClientRect();n.top<=0&&window.scrollY>nn.current&&window.scrollY>n.height+20&&!tn.current&&(tn.current=!0,$(!0)),window.scrollY<nn.current&&tn.current&&(tn.current=!1,$(!1)),window.scrollY>=0&&(nn.current=window.scrollY)}}),200),[]);p((function(){null==t\|\|t(!X)}),[X]),p((function(){return window.addEventListener("scroll",ln,{passive:!0}),function(){window.removeEventListener("scroll",ln)}}),[]),p((function(){b&&ln()}),[b]);var rn=P&&!!k&&!g;return o.createElement(co,{"data-site-type":x,"data-sponsored":Q,"data-sitewide-banner-shown":rn,"data-header-type":a,"data-collapsed":X,"data-with-search-input":"popup-sub-level"!==a,"data-is-displayed":!0,"data-is-amp":v,id:"site-header",ref:en},k?o.isValidElement(k)?o.cloneElement(k,{isCollapsed:X,setBannerClosed:h,isAmp:v,isMobile:b}):k:null,o.createElement(po,{"data-site-type":x},o.createElement(mo,{"data-site-type":x},o.createElement(so,{menuItems:d,type:a}),o.createElement("a",{href:q},o.createElement(ho,null,o.createElement(W,{style:{display:"flex"},type:an,badge:"id-ID"===w&&(v?o.createElement("amp-img",{src:u.getAssetPath("sehat-badge.png"),width:"56",height:"23"}):o.createElement("img",{src:u.getAssetPath("sehat-badge.png"),width:"56",height:"23"})),dateForSeasonal:new Date,locale:w,key:"undefined"!=typeof window?"client":"server"}))),!v&&("marryBaby"===x?o.createElement(Ao,{menuItems:d}):_&&o.createElement(No,{siteType:x}))),o.createElement(uo,{"data-site-type":x},!v&&("marryBaby"===x?_&&o.createElement(No,{siteType:x}):o.createElement(Ao,{menuItems:d})),o.createElement(Mo,null,z&&!v&&o.createElement(Zi,{mediaQueryKey:"mbUp",forceDisplay:!v&&void 0},o.createElement(to,{careUrlFe:T.CARE_URL_FE,currentUrl:H,btnName:G("login.booking"),onCareHeaderClick:B})),s,o.createElement(Va,{userInfo:V,siteType:x,isAmp:v,onLoginClick:N\|\|function(){var n=window.location.href;window.location.href=Y?"".concat(Y,"?returnUrl=").concat(n):n},SSO_URL:T.SSO_URL+"/",currentUrl:H,onLogout:F,UP_BASEPATH:C,isMyHealthEnabled:U,enableCare:S,enableTogether:D,enableEcom:j,togetherApiDomain:T.TOGETHER_API+"/",isUserProfileNavigatorMenuHidden:!Z,userProfileRouterPush:I,isLoading:O,locale:w})))),M?o.isValidElement(M)?o.cloneElement(M,{isCollapsed:X,locale:w,isMobile:b,isAmp:v}):M:null)},No=function(n){var e=n.siteType;return o.createElement(Zi,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},o.createElement(te,null))},Ao=function(n){var e=n.menuItems,t=c($n),i=t.siteType,a=t.locale,l=t.ssrMenuContent,r=l.categories,s=l.healthTools,d=l.care,p=l.together;return o.createElement(Zi,{mediaQueryKey:"mbUp",style:{height:"100%"}},o.createElement(Bo,{"data-site-type":i},null==e?void 0:e.map((function(n,e){return o.createElement(Oa,{key:e,item:n,menu:"categories"===n.popupType?o.createElement(Ja,{categories:null==r?void 0:r.items,spotlightsList:null==r?void 0:r.spotlights}):"tools"===n.popupType?o.createElement($a,{locale:a,healthTools:null==s?void 0:s.items,spotlightHealthTools:null==s?void 0:s.spotlights}):"together"===n.popupType?o.createElement(Xa,{communities:null==p?void 0:p.items,spotlights:null==p?void 0:p.spotlights}):"care"===n.popupType?o.createElement(Qa,{careSpecialties:null==d?void 0:d.items,spotlights:null==d?void 0:d.spotlights}):null})}))))},To=g.div(Co\|\|(Co=t(["\n --header-z-index: 305;\n top: 0;\n z-index: var(--header-z-index);\n\n "," {\n width: 100vw;\n max-width: 100%;\n }\n --amp-site-wide-closed: 2px;\n\n ","\n\n .amp-header {\n position: fixed;\n z-index: var(--header-z-index);\n top: 0;\n left: 0;\n width: 100vw;\n max-width: 100vw;\n\n > [data-site-type] {\n border-bottom: none;\n }\n }\n\n &.nav-open {\n margin-top: 64px;\n }\n\n &:not(.nav-open) {\n --amp-site-wide-closed: 66px;\n }\n pointer-events: none;\n > amp-lightbox {\n pointer-events: auto;\n }\n > section * {\n pointer-events: auto;\n }\n"],["\n --header-z-index: 305;\n top: 0;\n z-index: var(--header-z-index);\n\n "," {\n width: 100vw;\n max-width: 100%;\n }\n --amp-site-wide-closed: 2px;\n\n ","\n\n .amp-header {\n position: fixed;\n z-index: var(--header-z-index);\n top: 0;\n left: 0;\n width: 100vw;\n max-width: 100vw;\n\n > [data-site-type] {\n border-bottom: none;\n }\n }\n\n &.nav-open {\n margin-top: 64px;\n }\n\n &:not(.nav-open) {\n --amp-site-wide-closed: 66px;\n }\n pointer-events: none;\n > amp-lightbox {\n pointer-events: auto;\n }\n > section * {\n pointer-events: auto;\n }\n"])),Z.mbDown,(function(n){return!n.isAmp&&f(ko\|\|(ko=t(["\n -webkit-transform: translateZ(0);\n position: sticky;\n "],["\n -webkit-transform: translateZ(0);\n position: sticky;\n "])))}));g.div(Lo\|\|(Lo=t(["\n display: flex;\n align-items: center;\n gap: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n"]))),g.a(Po\|\|(Po=t(["\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"])));var zo=function(e){var t,i,a=e.isMobile,d=e.isAmp,h=void 0!==d&&d,g=e.locale,f=e.onTopBarAppears,x=e.languageOptions,v=e.ampSubBar,y=e.sponsorComponent,b=e.sitewideBanner,w=e.sitewideBannerShown,E=e.className,C=r(!1),L=C[0],P=C[1],M=function(){var n=R().t,e=c($n),t=e.siteType,i=e.locale,a=e.configs,o=a.enableNavCare,l=a.enableNavTogether,r=a.enableNavEcom,d=a.statics,p="marryBaby"===t,m=s((function(){var e,t=[{name:n("home.navigator.menuItem.discover"),id:"categories",link:"".concat(d.HOME_PAGE_URL).concat("tl-PH"===i?"/fil":"","/categories"),niceName:"",thumbnail:p?u.getAssetPath("categories-mb.svg"):u.getAssetPath("discover.png"),popupType:"categories"},{name:n("home.navigator.menuItem.healthTools"),id:"tools",link:"".concat(d.HOME_PAGE_URL).concat("tl-PH"===i?"/fil":"").concat((null===(e=k[i])\|\|void 0===e?void 0:e.HEALTH_TOOLS)\|\|""),thumbnail:p?u.getAssetPath("healthtools-mb.svg"):u.getAssetPath("healthTools.png"),popupType:"tools"}];return o&&t.push({name:n("home.navigator.menuItem.helloCare"),id:"care",link:d.HOME_PAGE_URL+"/care",thumbnail:u.getAssetPath("helloCare-thumbnail.png"),popupType:"zh-TW"===i?null:"care"}),l&&t.push({name:n("home.navigator.menuItem.helloTogether"),id:"together",link:d.TOGETHER_URL_FE+"/",thumbnail:p?u.getAssetPath("community-mb.svg"):u.getAssetPath("together.png"),popupType:"together"}),r&&t.push({name:n("home.navigator.menuItem.helloEcom"),id:"ecom",link:d.HOME_PAGE_URL+"/ecom",thumbnail:u.getAssetPath("helloCare-thumbnail.png"),popupType:"shop"}),t}),[i,o,l,r]);return m}();!function(){var e=c($n),t=e.isFirstLogin,i=e.userState.userInfo;p((function(){(null==i?void 0:i.id)&&(t?(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:n({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:n({uuid:null==i?void 0:i.id,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:n({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:n({uuid:null==i?void 0:i.id,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})})}),[])}();var B=h&&{"next-page-hide":""},H=function(n){var e=n.hasSponsoredBanners,t=n.isSiteWide,i=n.isSponsored,a=n.isShowingSiteWideBanner,o=n.isMobile,d=n.showAmpSubBar,c=l(null),h=r(0),u=h[0],g=h[1],f=r(64),x=f[0],v=f[1],y=m($((function(){var n,e,t,i,a=(null===(n=c.current)\|\|void 0===n?void 0:n.clientHeight)\|\|(null===(t=null===(e=c.current)\|\|void 0===e?void 0:e.children[0])\|\|void 0===t?void 0:t.clientHeight)\|\|0;window.scrollY<=a+200&&(g(a),v((null===(i=c.current)\|\|void 0===i?void 0:i.getBoundingClientRect().bottom)\|\|u))}),200),[]);p((function(){return window.addEventListener("resize",y),window.addEventListener("scroll",y),y(),function(){window.removeEventListener("resize",y),window.removeEventListener("scroll",y)}}),[]),p((function(){y()}),[d,o,t,a,i,e,c.current]);var b=s((function(){var n=o?64:69;return a&&(n+=64),i&&(n+=40,e&&(n+=57)),d&&(n+=32),n}),[o,a,e,i,d]);return{defaultHeaderHeight:b,headerHeight:u\|\|b,headerBottom:x,headerRef:c}}({isSiteWide:!!b&&!L,isShowingSiteWideBanner:w&&!!b&&!L,isSponsored:!!y,hasSponsoredBanners:!!(null===(i=null===(t=null==y?void 0:y.props)\|\|void 0===t?void 0:t.sponsoredBy)\|\|void 0===i?void 0:i.length),isMobile:a,showAmpSubBar:h&&!!v}),N=H.headerRef,A=H.defaultHeaderHeight,T=H.headerHeight,z=H.headerBottom;return o.createElement(To,{id:"navigation-v2",style:{"--default-header-height":A+"px","--header-height":"calc(".concat(T,"px - var(--amp-site-wide-closed), 64px)"),"--header-bottom":z+"px"},isAmp:h,className:"".concat(h&&w?"nav-open":""," ").concat(E)},o.createElement("section",n({className:h?"amp-header":void 0,"next-page-replace":"hhg-navigator","amp-fx":"float-in-top"},B,{ref:N,style:h?{overflow:"hidden"}:void 0}),o.createElement(Ho,{menuItems:M,type:"home",onTopBarAppears:a?function(n){f&&f(n)}:void 0,languageMenu:o.createElement(Jn,{languageOptions:x,locale:g}),setSitewideBannerClosed:P,sitewideBannerClosed:L}),a&&h&&void 0!==v&&o.createElement(o.Fragment,null,v)),h&&o.createElement("amp-lightbox",{id:"discover-amp-lightbox",layout:"nodisplay",style:{width:"100vw",maxWidth:"100vw"},on:"lightboxOpen:AMP.setState({menu: {lightbox: 'open'}});lightboxClose:AMP.setState({menu: {lightbox: 'closed'}})"},o.createElement("div",n({style:{position:"absolute",width:"100%",height:"100%"},role:"button",tabIndex:1},{on:"tap:discover-amp-lightbox.close"})),o.createElement(Di,{menuItems:M})))},_o=function(e){var t=n({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return o.createElement(ne,n({},t),o.createElement(zo,n({},t)))},So=function(n){return i(void 0,void 0,void 0,(function(){var e,t,i,o,l,r,s,d,c,p,m,h,u,g,f,x,y,E,k,C,L,P,N,A,T,z,U,R,D,j,Z,V,F,I,O,G;return a(this,(function(a){switch(a.label){case 0:e={},t="vi-VN_MB"===n,a.label=1;case 1:a.trys.push([1,14,,15]),i="tl-PH"===n?"lang=fil":"",a.label=2;case 2:return a.trys.push([2,4,,5]),[4,Promise.all([fetch("".concat(B(n),"/wp-json/api/categories").concat(i?"?"+i:"")).then((function(n){return n.json()})),fetch("".concat(B(n),"/wp-json/api/spotlights?per_page=10").concat(i?"&"+i:"")).then((function(n){return n.json()})),fetch("".concat(B(n),"/wp-json/api/").concat(t?"health-tools":"healthtools").concat(i?"?"+i:"")).then((function(n){return n.json()})),fetch("".concat(B(n),"/wp-json/api/").concat(t?"health-tools":"healthtools","/favorites").concat(i?"?"+i:"")).then((function(n){return n.json()}))])];case 3:return o=a.sent(),l=o[0],r=o[1],s=o[2],d=o[3],e.categories={items:(null===(y=null===(x=null==l?void 0:l.data)\|\|void 0===x?void 0:x.map)\|\|void 0===y?void 0:y.call(x,ta))\|\|[],spotlights:(null===(L=null===(C=null===(k=null===(E=null==r?void 0:r.data)\|\|void 0===E?void 0:E.articles)\|\|void 0===k?void 0:k.map)\|\|void 0===C?void 0:C.call(k,ra))\|\|void 0===L?void 0:L.filter(sa))\|\|[]},e.healthTools={items:(null===(N=null===(P=null==s?void 0:s.data)\|\|void 0===P?void 0:P.map)\|\|void 0===N?void 0:N.call(P,ia))\|\|[],spotlights:(null===(T=null===(A=null==d?void 0:d.data)\|\|void 0===A?void 0:A.map)\|\|void 0===T?void 0:T.call(A,ia))\|\|[]},[3,5];case 4:return a.sent(),[3,5];case 5:if(!t&&!b.includes(n))return[3,9];a.label=6;case 6:return a.trys.push([6,8,,9]),[4,Promise.all([fetch("".concat(M(),"/api/v1/community?website_url=https://").concat(w[n])).then((function(n){return n.json()})),fetch("".concat(M(),"/api/v1/options?website_url=https://").concat(w[n],"&meta_key=popular_post")).then((function(n){return n.json()}))])];case 7:return c=a.sent(),p=c[0],m=c[1],e.together={items:(null===(R=null===(U=null===(z=null==p?void 0:p.data)\|\|void 0===z?void 0:z.communities)\|\|void 0===U?void 0:U.map)\|\|void 0===R?void 0:R.call(U,_))\|\|[],spotlights:(null===(Z=null===(j=null===(D=null==m?void 0:m.data)\|\|void 0===D?void 0:D.posts)\|\|void 0===j?void 0:j.map)\|\|void 0===Z?void 0:Z.call(j,S))\|\|[]},[3,9];case 8:return a.sent(),[3,9];case 9:if(!v.includes(n))return[3,13];a.label=10;case 10:return a.trys.push([10,12,,13]),[4,Promise.all([fetch(H()+"/api/specialties?_ishome=1&site=".concat(w[n])).then((function(n){return n.json()})),fetch(H()+"/api/search/?site=".concat(w[n],"&type=hospital&order_by=total_doctor")).then((function(n){return n.json()}))])];case 11:return h=a.sent(),u=h[0],g=h[1],e.care={items:(null===(I=null===(F=null===(V=null==u?void 0:u._data)\|\|void 0===V?void 0:V.specialties)\|\|void 0===F?void 0:F.map)\|\|void 0===I?void 0:I.call(F,aa))\|\|[],spotlights:(null===(G=null===(O=null==g?void 0:g._data.searches)\|\|void 0===O?void 0:O.map)\|\|void 0===G?void 0:G.call(O,oa))\|\|[]},[3,13];case 12:return a.sent(),[3,13];case 13:return[3,15];case 14:return f=a.sent(),console.error(f),[3,15];case 15:return[2,e]}}))}))},Uo=function(n){return i(void 0,void 0,void 0,(function(){return a(this,(function(e){switch(e.label){case 0:return[4,h("nav-menu-content",(function(){return So(n\|\|"en-PH")}),(function(n){var e,t;return!!(null===(t=null===(e=null==n?void 0:n.categories)\|\|void 0===e?void 0:e.items)\|\|void 0===t?void 0:t.length)}))];case 1:return[2,e.sent()\|\|{}]}}))}))};export{In as F,Jn as L,_o as N,Za as P,Da as U,Uo as a,pa as b,Ra as c,Oi as d,Va as e,So as g};
1	+ import{_ as n,c as e,b as t,d as i,e as a}from"./tslib.es6-8bba8b1b.js";import o,{useRef as l,useState as r,useMemo as s,memo as d,useContext as c,useEffect as p,useCallback as m}from"react";import{g as h}from"./core-5fcdeb28.js";import{CommonGAssets as u}from"./gAssets.js";import g,{css as f}from"styled-components";import{T as x}from"./index-b7244ddf.js";import{C as v,a as y,T as b,d as w,L as E,S as k,U as C}from"./index-33560dea.js";import{g as L,a as P,b as M,c as B,d as H}from"./routing-847fc27a.js";import{g as N,U as A,P as T,A as z,h as _,i as S}from"./index-80509873.js";import{L as U}from"./constants-f8d777e1.js";import{u as R}from"./useTranslations-7dee051f.js";import{P as D}from"./index.styled-7d11c222.js";import{H as j}from"./FullScreen-b28daa19.js";import{M as Z,g as V}from"./utils-1cb9e7fc.js";import{B as F}from"./index-5a16fff8.js";import{t as I}from"./theme-aaf78d4e.js";import{g as O}from"./defaultClassWrapper-b34d7640.js";import G from"dayjs";import Y from"dayjs/plugin/relativeTime";import{L as W}from"./index-81d8f499.js";import K from"lodash/throttle";import{Portal as q}from"@mantine/core";import{g as Q}from"./cookieHelper-d81384ca.js";import"./index.styled-3df33e2a.js";import{C as J}from"./index-597e71c7.js";import"react-range";import"./screenSizeContext-48f4ff5c.js";import"./isProduction-85d63ea5.js";import"./Locale-a48ffcfe.js";import"./index-b3f62398.js";import X from"string-format";import $ from"lodash/debounce";var nn,en,tn,an,on,ln,rn,sn,dn,cn,pn,mn,hn,un,gn,fn,xn,vn,yn,bn,wn,En=function(e){return o.createElement("img",n({src:u.getAssetPath("flags/cambodiaRound.png"),style:n({borderRadius:"50%"},e.style)},e))},kn=function(e){return o.createElement("img",n({src:u.getAssetPath("flags/cambodiaSquare.png")},e))},Cn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),o.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),o.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),o.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),o.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),o.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),o.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),o.createElement("path",{d:"M0.686034 7.50024H0.327527C0.243026 7.82775 0.175524 8.16076 0.124023 8.50026H2.32207L0.686034 7.50024Z",fill:"white"}),o.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),o.createElement("path",{d:"M2.10956 11.5002H0.124023C0.175024 11.8398 0.243026 12.1728 0.327527 12.5003H0.47403L2.10956 11.5002Z",fill:"white"}),o.createElement("path",{d:"M8.50002 7.27665V0.124512C8.16051 0.175513 7.82751 0.243514 7.5 0.328016V6.66564L8.50002 7.27665Z",fill:"white"}),o.createElement("path",{d:"M11.5 12.2913V19.8759C11.8395 19.8249 12.1725 19.7569 12.5 19.6724V12.9023L11.5 12.2913Z",fill:"white"}),o.createElement("path",{d:"M7.5 13.205V19.6721C7.82751 19.7566 8.16051 19.8241 8.50002 19.8756V12.594L7.5 13.205Z",fill:"white"}),o.createElement("path",{d:"M11.5925 7.34715L11.7345 7.43415L12.5 6.96614V0.328016C12.1725 0.243514 11.8395 0.176013 11.5 0.124512V7.49865L11.5925 7.34715Z",fill:"white"}),o.createElement("path",{d:"M2.32251 8.50002H7.01761L8.50014 7.594V7.277L7.50011 6.66548L2.37852 3.53442C1.95151 4.03743 1.572 4.58144 1.24949 5.16296L5.02507 7.5H2.29701L0.650482 6.47648C0.54748 6.74949 0.455478 7.02699 0.375977 7.3105L0.686483 7.5L2.32251 8.50002Z",fill:"white"}),o.createElement("path",{d:"M11.7344 7.43419L13.4784 8.50021H18.171L19.6905 7.57119C19.528 6.92118 19.303 6.29767 19.02 5.70516L16.139 7.50019H13.4109L18.317 4.45013C18.1515 4.20313 17.9735 3.96562 17.7875 3.73462L12.4999 6.96618L11.7344 7.43419Z",fill:"white"}),o.createElement("path",{d:"M5.02448 7.50013L1.2494 5.16309C1.0169 5.58259 0.821394 6.0231 0.650391 6.47661L2.29642 7.50013H5.02448Z",fill:"#E53935"}),o.createElement("path",{d:"M16.1392 7.50024L19.0207 5.70521C18.8132 5.2702 18.5837 4.84819 18.3177 4.45068L13.4111 7.50024H16.1392Z",fill:"#E53935"}),o.createElement("path",{d:"M11.5 11.5002V12.2913L12.5 12.9023L17.8556 16.1758C18.2416 15.6853 18.5836 15.1593 18.8736 14.6008L15.4856 12.5003H18.2136L19.4432 13.2673C19.5507 12.9563 19.6432 12.6393 19.7197 12.3153L18.3871 11.5002H11.5Z",fill:"white"}),o.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),o.createElement("path",{d:"M8.49934 12.5943V11.5002H2.10921L0.473182 12.5003L0.34668 12.5778C0.522683 13.2383 0.762688 13.8713 1.06319 14.4708L4.16375 12.5003H6.89181L1.80071 15.7168C1.95971 15.9448 2.12471 16.1688 2.30172 16.3823L7.49932 13.2053L8.49934 12.5943Z",fill:"white"}),o.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),o.createElement("path",{d:"M15.4854 12.5L18.8729 14.6C19.0949 14.173 19.2834 13.727 19.4429 13.2665L18.2134 12.5H15.4854Z",fill:"#E53935"}),o.createElement("path",{d:"M4.16501 12.5L1.06445 14.4705C1.28196 14.9045 1.52596 15.3216 1.80197 15.7166L6.89307 12.5H4.16501Z",fill:"#E53935"}),o.createElement("path",{d:"M13.4785 8.5H11.5V11.5001H18.3871H19.8757C19.9497 11.0095 20.0002 10.511 20.0002 10C20.0002 9.48902 19.9497 8.99051 19.8757 8.5H18.1711H13.4785Z",fill:"#E53935"}),o.createElement("path",{d:"M8.50017 11.5001V8.5H7.01764H2.32255H0.124502C0.050501 8.99051 0 9.48902 0 10C0 10.511 0.050501 11.0095 0.124502 11.5001H2.11004H8.50017Z",fill:"#E53935"}),o.createElement("path",{d:"M11.5001 19.8759V12.2912V11.5002V8.50016V7.49865V0.124502C11.0095 0.050501 10.511 0 10 0C9.48902 0 8.99051 0.050501 8.5 0.124502V7.27664V7.59365V8.50016V11.5002V12.5942V19.8759C8.99051 19.9499 9.48902 20.0004 10 20.0004C10.511 20.0004 11.0095 19.9499 11.5001 19.8759Z",fill:"#E53935"})))},Ln=function(e){return o.createElement("svg",n({viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},o.createElement("path",{d:"M1.08301 7.41675C1.08301 6.31218 1.97844 5.41675 3.08301 5.41675H22.9163C24.0209 5.41675 24.9163 6.31218 24.9163 7.41675V18.5834C24.9163 19.688 24.0209 20.5834 22.9163 20.5834H3.08301C1.97844 20.5834 1.08301 19.688 1.08301 18.5834V7.41675Z",fill:"#3F51B5"})),o.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),o.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),o.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),o.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),o.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),o.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),o.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),o.createElement("path",{d:"M9.32609 10.8334L1.08301 5.79537V7.06504L7.24826 10.8334H9.32609ZM24.0004 5.41675L15.1376 10.8334H17.2149L24.9163 6.12687V5.41675H24.0004ZM17.9191 15.1667L24.9163 19.4432V18.1735L19.9964 15.1667H17.9191ZM8.62192 15.1667L1.08301 19.7742V20.5834H1.83701L10.6992 15.1667H8.62192ZM1.08301 11.9167H24.9163V14.0834H1.08301V11.9167Z",fill:"#E53935"}),o.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"})))},Pn=function(e){return o.createElement("img",n({src:u.getAssetPath("flags/indiaRound.png"),style:n({borderRadius:"50%"},e.style)},e))},Mn=function(e){return o.createElement("img",n({src:u.getAssetPath("flags/indiaSquare.png")},e))},Bn=function(t){var i=t.isTesting,a=e(t,["isTesting"]),r=l("id-flag-round-mask-"+(i?1:Math.random()));return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),o.createElement("mask",{id:r.current,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("g",{mask:"url(#".concat(r.current,")")},o.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),o.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},Hn=function(t){var i=t.isTesting,a=e(t,["isTesting"]),r=l("id-flag-clip-"+(i?1:Math.random()));return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),o.createElement("g",{clipPath:"url(#".concat(r.current,")")},o.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),o.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),o.createElement("defs",null,o.createElement("clipPath",{id:r.current},o.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},Nn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),o.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.11387 3.86084C2.92711 3.86084 1.96387 5.23232 1.96387 6.92206C1.96387 8.6118 2.92711 9.98329 4.11387 9.98329C4.54263 9.98329 4.94211 9.80406 5.27763 9.4957C5.08225 9.59203 4.87256 9.64471 4.65427 9.64471C3.60193 9.64471 2.74786 8.42866 2.74786 6.93032C2.74786 5.43198 3.60193 4.21594 4.65427 4.21594C4.88682 4.21594 5.10959 4.27527 5.31571 4.38397C4.97256 4.0538 4.5589 3.86084 4.11387 3.86084Z",fill:"#FFCC00"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.67935 8.51573L6.7737 7.8407L7.04147 9.22221L6.43573 8.06657L6.24676 9.47313L6.0609 8.06576L5.4526 9.2188L5.72343 7.83844L4.81629 8.50957L5.49017 7.42963L4.46387 7.48593L5.40732 6.9203L4.46512 6.35062L5.4913 6.41133L4.81981 5.3285L5.72546 6.00353L5.45769 4.62202L6.06343 5.77766L6.25241 4.37109L6.43827 5.77847L7.04656 4.62543L6.77574 6.00579L7.68287 5.33466L7.00899 6.4146L8.0353 6.3583L7.09184 6.92392L8.03404 7.49361L7.00786 7.43289L7.67935 8.51573Z",fill:"#FFCC00"})))},An=function(e){return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),o.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),o.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.93644 1.52393C3.51233 1.52393 2.35645 2.56887 2.35645 3.85629C2.35645 5.14371 3.51233 6.18865 4.93644 6.18865C5.45096 6.18865 5.93034 6.05209 6.33296 5.81716C6.09851 5.89054 5.84688 5.93068 5.58492 5.93068C4.32212 5.93068 3.29724 5.00417 3.29724 3.86258C3.29724 2.72099 4.32212 1.79448 5.58492 1.79448C5.86399 1.79448 6.13132 1.83968 6.37865 1.9225C5.96688 1.67094 5.47049 1.52393 4.93644 1.52393Z",fill:"#FFCC00"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.216 5.07041L8.12923 4.55611L8.45055 5.60869L7.72366 4.72819L7.49689 5.79987L7.27386 4.72758L6.5439 5.60609L6.86889 4.55439L5.78033 5.06572L6.58899 4.24291L5.35742 4.28581L6.48957 3.85485L5.35893 3.42081L6.59034 3.46707L5.78456 2.64205L6.87133 3.15636L6.55001 2.10378L7.2769 2.98427L7.50367 1.9126L7.7267 2.98488L8.45666 2.10638L8.13166 3.15808L9.22022 2.64674L8.41157 3.46955L9.64314 3.42666L8.51099 3.85761L9.64163 4.29165L8.41022 4.2454L9.216 5.07041Z",fill:"#FFCC00"}))},Tn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),o.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),o.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"})))},zn=function(e){return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),o.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),o.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"}))},_n=function(e){return o.createElement("img",n({src:u.getAssetPath("flags/philippineRound.png"),style:n({borderRadius:"50%"},e.style)},e))},Sn=function(e){return o.createElement("img",n({src:u.getAssetPath("flags/philippineSquare.png")},e))},Un=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),o.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),o.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),o.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),o.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),o.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),o.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),o.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),o.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),o.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),o.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),o.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),o.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),o.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),o.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),o.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))))},Rn=function(e){return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),o.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),o.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),o.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),o.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),o.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),o.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),o.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),o.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),o.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),o.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),o.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),o.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),o.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),o.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))},Dn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),o.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"})))},jn=function(e){return o.createElement("svg",n({viewBox:"0 0 24 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),o.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"}))},Zn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),o.createElement("path",{d:"M11.7228 10.8677L14.2819 9.00839L11.1187 9.00839L10.1409 6L9.16316 9.00839L6 9.00839L8.5591 10.8677L7.58184 13.8766L10.1409 12.0168L12.7 13.8766L11.7228 10.8677Z",fill:"#FFEB3B"})))},Vn=function(e){return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("g",null,o.createElement("clipPath",null,o.createElement("rect",{width:"24",height:"16",fill:"white"})),o.createElement("path",{d:"M2.01386e-10 2C0 0.895431 0.895431 -7.50368e-10 2 -1.67599e-09L22 -1.84359e-08C23.1046 -1.93615e-08 24 0.895431 24 2L24 14C24 15.1046 23.1046 16 22 16L2 16C0.89543 16 1.52092e-09 15.1046 1.4097e-09 14L2.01386e-10 2Z",fill:"#DA251D"}),o.createElement("path",{d:"M13.7823 8.92854L16.6663 6.8332L13.1016 6.8332L11.9997 3.44287L10.8978 6.8332L7.33301 6.8332L10.217 8.92854L9.11567 12.3195L11.9997 10.2235L14.8837 12.3195L13.7823 8.92854Z",fill:"#FFEB3B"})))},Fn="pfaLGRK",In=function(n){var e,t,i=n.country,a=n.language,l=n.rounded,r=n.height,s=n.width,d=n.isTesting;switch(a){case"en":e=o.createElement(Ln,null),t=o.createElement(Cn,null);break;case"vi":e=o.createElement(Vn,null),t=o.createElement(Zn,null);break;case"id":e=o.createElement(Hn,{isTesting:d}),t=o.createElement(Bn,{isTesting:d});break;case"th":e=o.createElement(jn,null),t=o.createElement(Dn,null);break;case"km":e=o.createElement(kn,null),t=o.createElement(En,null);break;case"ms":e=o.createElement(An,null),t=o.createElement(Nn,null);break;case"my":e=o.createElement(zn,null),t=o.createElement(Tn,null);break;case"tl":e=o.createElement(Sn,null),t=o.createElement(_n,null);break;case"hi":e=o.createElement(Mn,null),t=o.createElement(Pn,null);break;case"zh":e=o.createElement(Rn,null),t=o.createElement(Un,null)}if(!e&&!t)switch(i){case"VN":e=o.createElement(Vn,null),t=o.createElement(Zn,null);break;case"ID":e=o.createElement(Hn,{isTesting:d}),t=o.createElement(Bn,{isTesting:d});break;case"TH":e=o.createElement(jn,null),t=o.createElement(Dn,null);break;case"KH":e=o.createElement(kn,null),t=o.createElement(En,null);break;case"MY":e=o.createElement(An,null),t=o.createElement(Nn,null);break;case"MM":e=o.createElement(zn,null),t=o.createElement(Tn,null);break;case"PH":e=o.createElement(Sn,null),t=o.createElement(_n,null);break;case"IN":e=o.createElement(Mn,null),t=o.createElement(Pn,null);break;case"TW":e=o.createElement(Rn,null),t=o.createElement(Un,null)}return o.createElement("div",{className:Fn,style:{"--width":s\|\|20,"--height":r\|\|20}},l?t:e)},On=g.a(nn\|\|(nn=t(["\n display: inline-flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n padding: 7px 11px;\n gap: 2px;\n\n background: ",";\n border: 1px solid ",";\n border-radius: 20px;\n\n color: ",";\n font-weight: 600;\n font-size: 12px;\n line-height: 18px;\n text-decoration: none;\n\n cursor: pointer;\n"],["\n display: inline-flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n padding: 7px 11px;\n gap: 2px;\n\n background: ",";\n border: 1px solid ",";\n border-radius: 20px;\n\n color: ",";\n font-weight: 600;\n font-size: 12px;\n line-height: 18px;\n text-decoration: none;\n\n cursor: pointer;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray600})),Gn=g.div(en\|\|(en=t(["\n position: relative;\n display: inline-block;\n"],["\n position: relative;\n display: inline-block;\n"]))),Yn=g.div(tn\|\|(tn=t(["\n position: relative;\n"],["\n position: relative;\n"]))),Wn=g.div(an\|\|(an=t(["\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"]))),Kn=g.div(on\|\|(on=t(["\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(n){return n.theme.colors.gray100})),qn=g.div(ln\|\|(ln=t(["\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"]))),Qn=function(n){var e=n.options,t=n.label,i=n.labelRenderer,a=n.selected,l=n.onChange,s=n.showSelected,d=void 0===s\|\|s,c=n.style,p=void 0===c?{}:c,m=n.showIndicator,h=void 0===m\|\|m,g=r(!1),f=g[0],v=g[1];return o.createElement(o.Fragment,null,o.createElement(Gn,null,o.createElement(Yn,{onClick:function(){return v((function(n){return!n}))}},t\|\|(null==i?void 0:i(f))\|\|null,o.createElement(Wn,{"data-is-open":f,style:p,"data-show-indicator":h},e.map((function(n,e){return o.createElement(Kn,{key:e,"data-selected":d&&a===n.value,onClick:function(e){a!==n.value&&(l(n.value),v((function(n){return!n}))),e.stopPropagation()}},o.createElement(x,{size:"p3"},n.label),d&&a===n.value&&o.createElement("img",{src:u.getAssetPath("check.svg"),alt:"check",className:"check-icon"}))}))))),f&&o.createElement(qn,{onClick:function(){return v(!1)}}))},Jn=function(n){var e,t,i=n.languageOptions,a=n.locale,l=null==i?void 0:i.find((function(n){return n.locale===a}));return(null==i?void 0:i.length)?o.createElement(Qn,{options:i,selected:l.value,label:o.createElement(Xn,{locale:a,label:l.label\|\|(null===(t=null===(e=a.split("-"))\|\|void 0===e?void 0:e[0])\|\|void 0===t?void 0:t.toUpperCase())}),onChange:function(n){"undefined"!=typeof window&&(window.location.href=n)},style:{width:100},showSelected:!0,showIndicator:!1}):null},Xn=function(n){var e,t,i,a=n.locale,l=n.label,r=n.href;return o.createElement(On,{href:r},o.createElement(In,{country:null===(t=null===(e=null==a?void 0:a.split("-"))\|\|void 0===e?void 0:e[1])\|\|void 0===t?void 0:t.toUpperCase(),width:16,height:16,rounded:!0,language:null===(i=null==a?void 0:a.split("-"))\|\|void 0===i?void 0:i[0]}),o.createElement("span",null,l))},$n=o.createContext({}),ne=function(t){var i=t.children,a=e(t,["children"]),l="undefined"!=typeof window?window.location.href:a.currentUrl\|\|"https://".concat("marryBaby"===a.siteType?N[a.locale\|\|"en-PH"]:w[a.locale\|\|"en-PH"]).concat("together"===a.projectType?"/community":"ecom"===a.projectType?"/ecom":"care"===a.projectType?"/care":"","/"),r=function(n){var e=n.locale,t=n.projectType,i=n.isMobile,a=n.siteType;return s((function(){var n=!(!i&&"profile"===t),o="discover"===t\|\|"marryBaby"===t\|\|"profile"===t&&"marryBaby"===a,l="marryBaby"!==a&&"marryBaby"!==t&&v.includes(e),r="marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&y.includes(e),s="marryBaby"===t\|\|b.includes(e),d="ecom"===t,c="ecom"===t,p=L(e,"marryBaby"===a),m=P(e,"marryBaby"===a);return{enableProfileNavigatorMenu:n,enableSearchBar:o,enableNavCare:l,enableNavCareBooking:r,enableNavTogether:s,enableNavEcom:d,enableProfileEcom:c,enableProfileMyHealth:!0,statics:{HOME_PAGE_URL:p,CARE_URL_FE:"".concat(p,"/care"),TOGETHER_URL_FE:"".concat(p,"/community"),SSO_URL:m,TOGETHER_API:M(),DISCOVER_API:B(e)}}}),[e,t,i])}({locale:a.locale,projectType:a.projectType,isMobile:a.isMobile,siteType:a.siteType});return o.createElement($n.Provider,{value:n(n({},a),{configs:r,currentUrl:l})},i)},ee=d((function(){return o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.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"}))})),te=function(){var n=c($n),e=n.locale,t=n.configs.statics,i=n.siteType,a=R().t;return o.createElement(D,{className:"fake-search-input",name:"search-input-menu-service",size:"md",placeholder:"marryBaby"===i?a("navigation.search.input.placeholder"):a("home.search",{site:E[e\|\|"en-PH"]?E[e\|\|"en-PH"].SITE_NAME:""}),onChange:function(){},onKeyDown:function(n){return"Enter"===n.key&&(window.location.href="".concat(t.HOME_PAGE_URL,"/search/?s=").concat(n.target.value))},type:"search",onFocus:function(n){n.preventDefault()},displayIcon:o.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},o.createElement(ee,null))})},ie=g.div(rn\|\|(rn=t(["\n padding-right: 1rem;\n margin-top: 10px;\n background: #ffffff;\n padding: 5px 15px;\n "," {\n border-right: 1px solid #e4e8ec;\n }\n"],["\n padding-right: 1rem;\n margin-top: 10px;\n background: #ffffff;\n padding: 5px 15px;\n "," {\n border-right: 1px solid #e4e8ec;\n }\n"])),Z.mbUp),ae=g.a(sn\|\|(sn=t(["\n padding: 10px 0;\n position: relative;\n\n display: flex;\n align-items: center;\n text-decoration: none;\n color: ",";\n * {\n pointer-events: none;\n }\n p {\n font-size: 16px;\n font-weight: 400;\n padding: 0 0.4rem;\n }\n\n &[data-theme='marryBaby']:hover {\n p {\n color: ",";\n }\n .icon {\n background-color: ",";\n }\n }\n &[data-theme='helloSite']:hover {\n p {\n color: ",";\n }\n }\n a {\n }\n\n &[data-theme='marryBaby'] {\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: ",";\n }\n }\n"],["\n padding: 10px 0;\n position: relative;\n\n display: flex;\n align-items: center;\n text-decoration: none;\n color: ",";\n * {\n pointer-events: none;\n }\n p {\n font-size: 16px;\n font-weight: 400;\n padding: 0 0.4rem;\n }\n\n &[data-theme='marryBaby']:hover {\n p {\n color: ",";\n }\n .icon {\n background-color: ",";\n }\n }\n &[data-theme='helloSite']:hover {\n p {\n color: ",";\n }\n }\n a {\n }\n\n &[data-theme='marryBaby'] {\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: ",";\n }\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.lightPink}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.mbColors.lightGray})),oe=g.div(dn\|\|(dn=t(["\n margin: 15px 0;\n "," {\n display: none;\n }\n"],["\n margin: 15px 0;\n "," {\n display: none;\n }\n"])),Z.mbDown),le=g.div(cn\|\|(cn=t(["\n display: flex;\n position: absolute;\n right: 0;\n "," {\n display: none;\n }\n"],["\n display: flex;\n position: absolute;\n right: 0;\n "," {\n display: none;\n }\n"])),Z.mbUp),re=g.div(pn\|\|(pn=t(["\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n font-size: 14px;\n font-weight: 600;\n &[data-event-category] * {\n pointer-events: none;\n }\n &[data-theme='marryBaby'] {\n color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n font-size: 14px;\n font-weight: 600;\n &[data-event-category] * {\n pointer-events: none;\n }\n &[data-theme='marryBaby'] {\n color: ",";\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),se=g.div(mn\|\|(mn=t(["\n display: flex;\n align-items: center;\n margin-left: 10px;\n"],["\n display: flex;\n align-items: center;\n margin-left: 10px;\n"]))),de=g.a(hn\|\|(hn=t(["\n border: 1px solid ",";\n &[data-theme='marryBaby'] {\n border: 1px solid ",";\n\n svg path {\n stroke: ",";\n }\n }\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 6px;\n border-radius: 5px;\n margin-top: 20px;\n "," {\n display: none;\n }\n"],["\n border: 1px solid ",";\n &[data-theme='marryBaby'] {\n border: 1px solid ",";\n\n svg path {\n stroke: ",";\n }\n }\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 6px;\n border-radius: 5px;\n margin-top: 20px;\n "," {\n display: none;\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),Z.mbDown),ce=function(n){var e=n.hrefViewMore,t=n.titleBtnViewMore,i=n.UrlFE,a=n.onClosePopup,l=n.menuItems,r=n.headingTitle,s=c($n).siteType;return o.createElement(ie,null,o.createElement(oe,null,o.createElement(j,{tag:"marryBaby"===s?"h5":"h6",as:"h2",fontWeight:"semibold"},r)),null==l?void 0:l.slice(0,6).map((function(n,e){var t=(null==n?void 0:n.link)?(null==n?void 0:n.link.startsWith("http"))?null==n?void 0:n.link:"".concat(i,"/").concat(null==n?void 0:n.link.split("/").filter(Boolean).join("/"),"/"):"/";return o.createElement(ae,{className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t,"data-is-heading-category":!1,href:t,"data-theme":s,key:e,onClick:a},o.createElement("div",{className:"icon"},o.createElement("img",{loading:"lazy",alt:n.name,src:n.thumbnail\|\|"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}})),o.createElement("p",null,n.name),o.createElement(le,null,o.createElement("img",{src:u.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"}})))})),t&&o.createElement(de,{"data-theme":s,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},o.createElement(re,{onClick:a,"data-theme":s,"data-is-heading-category":!1},t,o.createElement(se,null,o.createElement("img",{className:"svg",src:"marryBaby"===s?u.getAssetPath("chevronRightPink.svg"):u.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}})))))},pe=g.div(un\|\|(un=t(["\n padding: 16px;\n border-radius: 8px;\n position: relative;\n z-index: 1;\n overflow: hidden;\n a {\n text-decoration: none;\n }\n\n .bg-svg {\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n }\n "," {\n display: block;\n .bg-svg {\n right: -24px;\n left: unset;\n top: 0;\n transform: rotateY(180deg);\n }\n }\n\n "," {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 1fr 3fr;\n }\n"],["\n padding: 16px;\n border-radius: 8px;\n position: relative;\n z-index: 1;\n overflow: hidden;\n a {\n text-decoration: none;\n }\n\n .bg-svg {\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n }\n "," {\n display: block;\n .bg-svg {\n right: -24px;\n left: unset;\n top: 0;\n transform: rotateY(180deg);\n }\n }\n\n "," {\n display: grid;\n grid-gap: 10px;\n grid-template-columns: 1fr 3fr;\n }\n"])),Z.mbDown,Z.mbUp),me=g.div(gn\|\|(gn=t(["\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n color: ",";\n margin-bottom: 15px;\n"],["\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n color: ",";\n margin-bottom: 15px;\n"])),(function(n){return n.theme.colors.gray600})),he=g.div(fn\|\|(fn=t(["\n font-weight: 600;\n font-size: 16px;\n line-height: 26px;\n color: #000000;\n margin-bottom: 4px;\n"],["\n font-weight: 600;\n font-size: 16px;\n line-height: 26px;\n color: #000000;\n margin-bottom: 4px;\n"]))),ue=g.div(xn\|\|(xn=t(["\n background: #fff;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50px;\n"],["\n background: #fff;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50px;\n"]))),ge=g.div(vn\|\|(vn=t(["\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n "," {\n justify-content: end;\n min-height: 100px;\n }\n"],["\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n "," {\n justify-content: end;\n min-height: 100px;\n }\n"])),Z.mbDown),fe=function(n){var e=n.title,t=n.link,i=n.description,a=n.cta,l=n.icon,r=c($n),s=r.siteType,d=r.isAmp;return o.createElement(pe,{"data-theme":s},o.createElement(ge,null,d?o.createElement("img",{src:"marryBaby"===s?u.getAssetPath("navMBSpotlightBgNoData.svg"):u.getAssetPath("navSpotlightBgNoData.svg"),alt:"",className:"bg-svg"}):o.createElement("img",{src:"marryBaby"===s?u.getAssetPath("navMBSpotlightBgNoData.svg"):u.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),o.createElement(ue,null,l&&o.createElement("img",{src:l,width:64,height:64}))),o.createElement("div",null,e&&o.createElement(he,null,e),i&&o.createElement(me,null,i),a&&o.createElement("div",null,o.createElement("a",{href:t},o.createElement(F,{theme:s,className:"survey-contact-submit",size:"md"},a)))))},xe=g.div(yn\|\|(yn=t(["\n margin-top: 10px;\n background: #ffffff;\n padding: 5px 15px;\n position: relative;\n "," {\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: ",";\n content: '';\n }\n }\n"],["\n margin-top: 10px;\n background: #ffffff;\n padding: 5px 15px;\n position: relative;\n "," {\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: ",";\n content: '';\n }\n }\n"])),Z.mbDown,(function(n){return n.theme.colors.neutral100})),ve=g.div(bn\|\|(bn=t(["\n margin: 15px 0;\n display: flex;\n"],["\n margin: 15px 0;\n display: flex;\n"]))),ye=g.a(wn\|\|(wn=t(["\n padding-left: 10px;\n display: flex;\n align-items: center;\n text-decoration: none;\n font-weight: 400;\n font-size: 14px;\n color: ",";\n &[data-theme='marryBaby'] {\n color: ",";\n }\n img {\n padding-left: 5px;\n }\n "," {\n margin-left: auto;\n }\n"],["\n padding-left: 10px;\n display: flex;\n align-items: center;\n text-decoration: none;\n font-weight: 400;\n font-size: 14px;\n color: ",";\n &[data-theme='marryBaby'] {\n color: ",";\n }\n img {\n padding-left: 5px;\n }\n "," {\n margin-left: auto;\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),Z.mbDown),be=function(n){var e=n.title,t=n.viewMore,i=n.children,a=n.link,l=n.dataEventAction,r=void 0===l?"":l,s=c($n).siteType;return o.createElement(xe,null,o.createElement(ve,null,o.createElement(j,{tag:"marryBaby"===s?"h5":"h6",as:"h2",fontWeight:"semibold"},e),t&&o.createElement(ye,{"data-event-category":"Hamburger Navigation","data-event-action":r,"data-event-label":a,href:a,"data-theme":s},t,o.createElement("img",{src:"marryBaby"===s?u.getAssetPath("chevronRightPink.svg"):u.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}}))),i)};g.div(we\|\|(we=t(["\n & > a:not(:last-child) > div {\n border-bottom: 1px solid ",";\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 &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"])),(function(n){return n.theme.colors.neutral100}));var we,Ee,ke,Ce,Le,Pe,Me,Be,He,Ne=g.div(Ee\|\|(Ee=t(["\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n\n "," {\n grid-template-columns: repeat(1, 1fr);\n }\n"],["\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n\n "," {\n grid-template-columns: repeat(1, 1fr);\n }\n"])),Z.tdDown),Ae=g.div(ke\|\|(ke=t(["\n height: 152px; // 120 + 16 * 2\n position: absolute;\n top: 0;\n left: 0;\n z-index: 3;\n overflow: hidden;\n border-radius: 4px;\n padding: 16px;\n width: 100%;\n\n .img-container {\n width: 100%;\n height: 100%;\n }\n img {\n width: 100%;\n height: 100%;\n display: block;\n object-fit: contain;\n }\n "," {\n margin-bottom: 0;\n padding: 0;\n height: 100%;\n position: unset;\n width: 150px;\n }\n "," {\n width: 80px;\n }\n"],["\n height: 152px; // 120 + 16 * 2\n position: absolute;\n top: 0;\n left: 0;\n z-index: 3;\n overflow: hidden;\n border-radius: 4px;\n padding: 16px;\n width: 100%;\n\n .img-container {\n width: 100%;\n height: 100%;\n }\n img {\n width: 100%;\n height: 100%;\n display: block;\n object-fit: contain;\n }\n "," {\n margin-bottom: 0;\n padding: 0;\n height: 100%;\n position: unset;\n width: 150px;\n }\n "," {\n width: 80px;\n }\n"])),Z.tdDown,Z.mbDown),Te=g.div(Ce\|\|(Ce=t(["\n background-color: #ffffff;\n border-radius: 4px;\n width: 100%;\n height: 100%;\n"],["\n background-color: #ffffff;\n border-radius: 4px;\n width: 100%;\n height: 100%;\n"]))),ze=g.div(Le\|\|(Le=t(["\n display: flex;\n margin-top: 1rem;\n align-items: center;\n color: ",";\n font-weight: 400;\n font-size: 14px;\n text-decoration: none;\n "," {\n display: none;\n }\n"],["\n display: flex;\n margin-top: 1rem;\n align-items: center;\n color: ",";\n font-weight: 400;\n font-size: 14px;\n text-decoration: none;\n "," {\n display: none;\n }\n"])),(function(n){return n.theme.colors.primaryBase}),Z.tdDown),_e=g.p(Pe\|\|(Pe=t(["\n font-size: 16px;\n font-weight: 600;\n line-height: 1.6;\n color: ",";\n "," {\n padding: 0;\n }\n"],["\n font-size: 16px;\n font-weight: 600;\n line-height: 1.6;\n color: ",";\n "," {\n padding: 0;\n }\n"])),(function(n){return n.theme.colors.gray800}),Z.tdDown),Se=g.p(Me\|\|(Me=t(["\n font-size: 14px;\n line-height: 1.6;\n font-weight: 400;\n color: ",";\n height: 40px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin-bottom: auto;\n "," {\n height: unset;\n padding: 0;\n }\n"],["\n font-size: 14px;\n line-height: 1.6;\n font-weight: 400;\n color: ",";\n height: 40px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin-bottom: auto;\n "," {\n height: unset;\n padding: 0;\n }\n"])),(function(n){return n.theme.colors.gray600}),Z.tdDown),Ue="hhgcomp-navigation-menucareitem-contentwrapper",Re=O(g.div(Be\|\|(Be=t(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n z-index: 1;\n "," {\n gap: 4px;\n }\n"],["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n z-index: 1;\n "," {\n gap: 4px;\n }\n"])),Z.tdDown),Ue),De=g.a(He\|\|(He=t(["\n text-decoration: none;\n border-radius: 4px;\n background: ",";\n position: relative;\n overflow: hidden;\n padding: 16px;\n display: flex;\n padding-top: 166px;\n * {\n pointer-events: none;\n }\n "," {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n gap: 30px;\n flex-direction: column;\n a {\n display: flex;\n width: 100%;\n }\n }\n "," {\n padding-top: 16px;\n a {\n display: none;\n }\n grid-template-columns: 2fr 1fr;\n gap: 10px;\n display: grid;\n max-height: 110px;\n display: flex;\n flex-direction: row-reverse;\n > ."," {\n flex: 1;\n }\n img {\n width: 150px;\n }\n }\n "," {\n box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n display: flex;\n flex-direction: row-reverse;\n img {\n width: 80px;\n height: 80px;\n }\n }\n "," {\n border: 1px solid ",";\n }\n .bg-svg {\n width: 100%;\n max-width: 245px;\n height: 100%;\n top: 0;\n right: -40px;\n position: absolute;\n display: inline-block;\n }\n"],["\n text-decoration: none;\n border-radius: 4px;\n background: ",";\n position: relative;\n overflow: hidden;\n padding: 16px;\n display: flex;\n padding-top: 166px;\n * {\n pointer-events: none;\n }\n "," {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n gap: 30px;\n flex-direction: column;\n a {\n display: flex;\n width: 100%;\n }\n }\n "," {\n padding-top: 16px;\n a {\n display: none;\n }\n grid-template-columns: 2fr 1fr;\n gap: 10px;\n display: grid;\n max-height: 110px;\n display: flex;\n flex-direction: row-reverse;\n > ."," {\n flex: 1;\n }\n img {\n width: 150px;\n }\n }\n "," {\n box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n display: flex;\n flex-direction: row-reverse;\n img {\n width: 80px;\n height: 80px;\n }\n }\n "," {\n border: 1px solid ",";\n }\n .bg-svg {\n width: 100%;\n max-width: 245px;\n height: 100%;\n top: 0;\n right: -40px;\n position: absolute;\n display: inline-block;\n }\n"])),I.colors.white,Z.tdUp,Z.tdDown,Ue,Z.mbDown,Z.tdOnly,I.colors.neutral100),je=function(n){var e,t=n.item,i=n.index,a=void 0===i?0:i,l=R().t,r=c($n),s=r.locale,d=r.configs.statics;if(!t)return null;var p="".concat(d.CARE_URL_FE,"/").concat(null===(e=U[s])\|\|void 0===e?void 0:e.HOSPITAL,"/").concat(t.slug,"-").concat(t.id);return o.createElement(De,{key:t.id,href:p,"data-event-category":"Hamburger Navigation","data-event-action":"Care Click ".concat(a+1),"data-event-label":p},o.createElement("img",{src:u.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),o.createElement(Ae,null,o.createElement(Te,null,o.createElement("img",{loading:"lazy",alt:t.name,src:t.logo\|\|"/images/avatar.jpg"}))),o.createElement(Re,null,o.createElement(_e,null,t.name),o.createElement(Se,null,t.description),o.createElement(ze,null,l("home.seeMore"),o.createElement("img",{src:u.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))))},Ze=function(n){var e=n.spotlights,t=void 0===e?[]:e,i=n.hrefViewMore,a=R().t;return o.createElement(be,{title:a("home.navigator.menu.spotlightHospitals")},0!==t.length?o.createElement(Ne,null,null==t?void 0:t.slice(0,3).map((function(n,e){return o.createElement(je,{key:e,index:e,item:n})}))):o.createElement(fe,{title:a("home.navigator.menu.care.noDatas.title"),description:a("home.navigator.menu.care.noDatas.description"),link:i,cta:a("home.navigator.menu.care.noDatas.cta"),icon:u.getAssetPath("community.svg")}))};g.div(Ve\|\|(Ve=t(["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"],["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"]))),g.div(Fe\|\|(Fe=t(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"])));var Ve,Fe,Ie,Oe,Ge,Ye,We=g.div(Ie\|\|(Ie=t(["\n display: grid;\n\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n "," {\n gap: 12px;\n grid-template-columns: 1fr;\n }\n"],["\n display: grid;\n\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n "," {\n gap: 12px;\n grid-template-columns: 1fr;\n }\n"])),Z.tdDown),Ke=g.a(Oe\|\|(Oe=t(["\n width: 100%;\n display: flex;\n align-items: center;\n text-decoration: none;\n * {\n pointer-events: none;\n }\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n text-decoration: none;\n * {\n pointer-events: none;\n }\n"]))),qe=g.div(Ge\|\|(Ge=t(["\n border-radius: 5px;\n display: block;\n overflow: hidden;\n padding-top: 140%;\n width: 100%;\n position: relative;\n height: 0;\n img {\n position: absolute;\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n top: 0;\n left: 0;\n }\n "," {\n width: 72px;\n padding-top: 100px;\n }\n"],["\n border-radius: 5px;\n display: block;\n overflow: hidden;\n padding-top: 140%;\n width: 100%;\n position: relative;\n height: 0;\n img {\n position: absolute;\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n top: 0;\n left: 0;\n }\n "," {\n width: 72px;\n padding-top: 100px;\n }\n"])),Z.tdDown),Qe=g.p(Ye\|\|(Ye=t(["\n font-size: 16px;\n font-weight: 400;\n padding: 4px 15px;\n line-height: 1.4;\n color: ",";\n flex: 1;\n "," {\n display: none;\n }\n"],["\n font-size: 16px;\n font-weight: 400;\n padding: 4px 15px;\n line-height: 1.4;\n color: ",";\n flex: 1;\n "," {\n display: none;\n }\n"])),(function(n){return n.theme.colors.gray800}),Z.tdUp),Je=function(n){var e=n.item,t=n.index,i=void 0===t?0:t;return e?o.createElement(Ke,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Spotlight Click ".concat(i+1),"data-event-label":e.link},o.createElement(qe,null,o.createElement("img",{loading:"lazy",alt:e.title,src:e.banner\|\|"/images/notFound-min-small.jpg"})),o.createElement(Qe,null,e.title)):null},Xe=function(n){var e=n.spotlightsList,t=void 0===e?[]:e,i=n.hrefViewMore,a=R().t,l=c($n).configs.statics;return o.createElement(be,{title:a("home.navigator.menu.spotlights"),viewMore:a("home.navigator.menu.spotlights.seeAll"),link:i,dataEventAction:"Spotlight See More Click"},0!==t.length?o.createElement(We,null,null==t?void 0:t.slice(0,4).map((function(n,e){return o.createElement(Je,{key:e,index:e,item:{id:n.id,link:l.HOME_PAGE_URL+n.permalink,title:n.name,banner:n.image}})}))):o.createElement(fe,{title:a("home.navigator.menu.category.noDatas.title"),description:a("home.navigator.menu.category.noDatas.description"),link:i,cta:a("home.navigator.menu.category.noDatas.cta"),icon:u.getAssetPath("Spotlight.svg")}))};g.div($e\|\|($e=t(["\n & > :not(:last-child) {\n border-bottom: 1px solid ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid ",";\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 & > :not(:last-child) {\n border-bottom: 1px solid ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid ",";\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(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100})),g.div(nt\|\|(nt=t(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"])));var $e,nt,et,tt,it,at,ot,lt,rt,st,dt,ct,pt,mt,ht=g.div(et\|\|(et=t(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-gap: 48px;\n "," {\n grid-template-columns: 1fr;\n grid-gap: 32px;\n }\n "," {\n grid-gap: 24px;\n }\n"],["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-gap: 48px;\n "," {\n grid-template-columns: 1fr;\n grid-gap: 32px;\n }\n "," {\n grid-gap: 24px;\n }\n"])),Z.tdDown,Z.mbDown),ut=g.div(tt\|\|(tt=t(["\n padding: 5px;\n flex: 1;\n"],["\n padding: 5px;\n flex: 1;\n"]))),gt=g.img(it\|\|(it=t(["\n width: 88px;\n height: 88px;\n border-radius: 4px;\n object-fit: cover;\n"],["\n width: 88px;\n height: 88px;\n border-radius: 4px;\n object-fit: cover;\n"]))),ft=g.div(at\|\|(at=t(["\n font-size: 12px;\n font-weight: 600;\n color: ",";\n text-decoration: none;\n &[data-theme='marryBaby'] {\n font-weight: 400;\n letter-spacing: -0.2px;\n }\n"],["\n font-size: 12px;\n font-weight: 600;\n color: ",";\n text-decoration: none;\n &[data-theme='marryBaby'] {\n font-weight: 400;\n letter-spacing: -0.2px;\n }\n"])),(function(n){return n.theme.colors.gray800})),xt=g.div(ot\|\|(ot=t(["\n text-decoration: none;\n font-size: 12px;\n font-weight: 400;\n color: ",";\n &[data-theme='marryBaby'] {\n font-weight: 400;\n letter-spacing: -0.2px;\n }\n"],["\n text-decoration: none;\n font-size: 12px;\n font-weight: 400;\n color: ",";\n &[data-theme='marryBaby'] {\n font-weight: 400;\n letter-spacing: -0.2px;\n }\n"])),(function(n){return n.theme.colors.primaryBase})),vt=g.div(lt\|\|(lt=t(["\n font-size: 12px;\n font-weight: 400;\n color: ",";\n"],["\n font-size: 12px;\n font-weight: 400;\n color: ",";\n"])),(function(n){return n.theme.colors.gray600})),yt=g.div(rt\|\|(rt=t(["\n font-size: 12px;\n font-weight: 400;\n color: ",";\n"],["\n font-size: 12px;\n font-weight: 400;\n color: ",";\n"])),(function(n){return n.theme.colors.gray600})),bt=g.a(st\|\|(st=t(["\n display: flex;\n gap: 10px;\n text-decoration: none;\n position: relative;\n &::after {\n content: '';\n display: block;\n width: 100%;\n height: 1px;\n border-top: 1px dashed ",";\n position: absolute;\n bottom: -24px;\n "," {\n bottom: -16px;\n }\n "," {\n bottom: -12px;\n }\n }\n &:last-child {\n &::after {\n display: none;\n }\n }\n "," {\n &:nth-last-child(2) {\n &::after {\n display: none;\n }\n }\n }\n"],["\n display: flex;\n gap: 10px;\n text-decoration: none;\n position: relative;\n &::after {\n content: '';\n display: block;\n width: 100%;\n height: 1px;\n border-top: 1px dashed ",";\n position: absolute;\n bottom: -24px;\n "," {\n bottom: -16px;\n }\n "," {\n bottom: -12px;\n }\n }\n &:last-child {\n &::after {\n display: none;\n }\n }\n "," {\n &:nth-last-child(2) {\n &::after {\n display: none;\n }\n }\n }\n"])),(function(n){return n.theme.colors.neutral100}),Z.tdOnly,Z.mbDown,Z.tdUp),wt=g.div(dt\|\|(dt=t(["\n display: flex;\n gap: 10px;\n vertical-align: middle;\n align-items: center;\n"],["\n display: flex;\n gap: 10px;\n vertical-align: middle;\n align-items: center;\n"]))),Et=g.div(ct\|\|(ct=t(["\n margin-top: 8px;\n font-size: 16px;\n font-weight: 600;\n color: ",";\n &[data-theme='marryBaby'] {\n margin-top: 12px;\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n letter-spacing: -0.2px;\n }\n"],["\n margin-top: 8px;\n font-size: 16px;\n font-weight: 600;\n color: ",";\n &[data-theme='marryBaby'] {\n margin-top: 12px;\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n letter-spacing: -0.2px;\n }\n"])),(function(n){return n.theme.colors.gray800})),kt=g.div(pt\|\|(pt=t(["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n column-gap: 5px;\n"],["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n column-gap: 5px;\n"]))),Ct=g.div(mt\|\|(mt=t(["\n display: flex;\n gap: 4px;\n flex-direction: column;\n"],["\n display: flex;\n gap: 4px;\n flex-direction: column;\n"])));G.extend(Y);var Lt=function(n){var e,t,i,a,l,r,s,d=n.post,p=n.index,m=void 0===p?0:p,h=c($n),u=h.siteType,g=h.configs.statics;if(!d)return null;var f=[g.TOGETHER_URL_FE,null===(e=d.community)\|\|void 0===e?void 0:e.slug].join("/"),x=[f,d.slug].join("/"),v=d.createdAt,y=v?isNaN(new Date(v).getTime())?null:new Date(v):null,b=y?G(y).toNow(!0):v;return o.createElement(bt,{href:x,"data-event-category":"Hamburger Navigation","data-event-action":"Together Click ".concat(m+1),"data-event-label":x},o.createElement(ut,null,o.createElement(wt,null,o.createElement(A,{avatar:null===(t=d.author)\|\|void 0===t?void 0:t.avatar,username:(null===(i=d.author)\|\|void 0===i?void 0:i.name)\|\|(null===(a=d.author)\|\|void 0===a?void 0:a.username)}),o.createElement(Ct,null,o.createElement(ft,{"data-theme":u},null===(l=d.author)\|\|void 0===l?void 0:l.name),o.createElement(kt,null,o.createElement(xt,{"data-event-category":"Hamburger Navigation","data-event-action":"Topic Click ".concat(m+1),"data-event-label":f,onClick:function(n){n.preventDefault(),location.href=f},"data-theme":u},null===(r=d.community)\|\|void 0===r?void 0:r.name),o.createElement(yt,null,"•"),o.createElement(vt,{"data-theme":u},b)))),o.createElement(Et,null,d.title)),!!(null===(s=d.photos)\|\|void 0===s?void 0:s.length)&&o.createElement(gt,{loading:"lazy",src:d.photos[0]}))},Pt=function(n){var e=n.spotlights,t=void 0===e?[]:e,i=c($n).configs.statics,a=R().t;return o.createElement(be,{title:a("home.navigator.menu.trendingPosts"),viewMore:a("home.navigator.menu.trendingPosts.seeMore"),link:i.TOGETHER_URL_FE+"/",dataEventAction:"Together See More Click"},0!==t.length?o.createElement(ht,null,null==t?void 0:t.slice(0,4).map((function(n,e){return o.createElement(Lt,{index:e,post:n,key:n.id})}))):o.createElement(fe,{title:a("home.navigator.menu.together.noPosts.title"),description:a("home.navigator.menu.together.noPosts.description"),link:"".concat(i.HOME_PAGE_URL,"/community/"),cta:a("home.navigator.menu.together.noPosts.cta"),icon:u.getAssetPath("community.svg")}))};g.div(Mt\|\|(Mt=t(["\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n &[data-is-display='false'] {\n display: none;\n }\n"])));var Mt,Bt,Ht,Nt,At,Tt,zt,_t,St,Ut,Rt,Dt,jt,Zt,Vt,Ft,It=g.div(Bt\|\|(Bt=t(["\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n "," {\n grid-template-columns: 1fr;\n gap: 12px;\n }\n"],["\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n "," {\n grid-template-columns: 1fr;\n gap: 12px;\n }\n"])),Z.tdDown),Ot=g.a(Ht\|\|(Ht=t(["\n text-decoration: none;\n border-radius: 4px;\n background: #e3f2ff;\n position: relative;\n overflow: hidden;\n display: flex;\n * {\n pointer-events: none;\n }\n .bg-svg {\n width: 245px;\n top: 0;\n right: 0;\n height: 100%;\n position: absolute;\n "," {\n top: calc(51% - 68px);\n right: -8px;\n }\n }\n padding: 180px 24px 16px;\n a {\n display: flex;\n width: 100%;\n }\n "," {\n padding-top: 16px;\n display: flex;\n align-items: center;\n }\n"],["\n text-decoration: none;\n border-radius: 4px;\n background: #e3f2ff;\n position: relative;\n overflow: hidden;\n display: flex;\n * {\n pointer-events: none;\n }\n .bg-svg {\n width: 245px;\n top: 0;\n right: 0;\n height: 100%;\n position: absolute;\n "," {\n top: calc(51% - 68px);\n right: -8px;\n }\n }\n padding: 180px 24px 16px;\n a {\n display: flex;\n width: 100%;\n }\n "," {\n padding-top: 16px;\n display: flex;\n align-items: center;\n }\n"])),Z.tdDown,Z.tdDown),Gt=g.div(Nt\|\|(Nt=t(["\n width: 64px;\n height: 64px;\n background: white;\n position: absolute;\n right: 25px;\n top: 35px;\n z-index: 3;\n border-radius: 50%;\n img {\n position: absolute;\n width: 64px;\n height: 64px;\n top: 50%;\n left: 50%;\n display: block;\n transform: translate(-50%, -50%);\n }\n "," {\n position: relative;\n top: unset;\n right: unset;\n }\n"],["\n width: 64px;\n height: 64px;\n background: white;\n position: absolute;\n right: 25px;\n top: 35px;\n z-index: 3;\n border-radius: 50%;\n img {\n position: absolute;\n width: 64px;\n height: 64px;\n top: 50%;\n left: 50%;\n display: block;\n transform: translate(-50%, -50%);\n }\n "," {\n position: relative;\n top: unset;\n right: unset;\n }\n"])),Z.tdDown),Yt=g.div(At\|\|(At=t(["\n display: flex;\n align-items: center;\n color: ",";\n font-weight: 400;\n font-size: 14px;\n text-decoration: none;\n"],["\n display: flex;\n align-items: center;\n color: ",";\n font-weight: 400;\n font-size: 14px;\n text-decoration: none;\n"])),(function(n){return n.theme.colors.primaryBase})),Wt=g.p(Tt\|\|(Tt=t(["\n font-size: 16px;\n font-weight: 600;\n line-height: 1.4;\n color: ",";\n"],["\n font-size: 16px;\n font-weight: 600;\n line-height: 1.4;\n color: ",";\n"])),(function(n){return n.theme.colors.gray800})),Kt=g.p(zt\|\|(zt=t(["\n font-size: 14px;\n line-height: 1.4;\n font-weight: 400;\n color: ",";\n height: 40px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin-bottom: auto;\n "," {\n display: none;\n }\n"],["\n font-size: 14px;\n line-height: 1.4;\n font-weight: 400;\n color: ",";\n height: 40px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin-bottom: auto;\n "," {\n display: none;\n }\n"])),(function(n){return n.theme.colors.gray600}),Z.tdDown),qt=g.div(_t\|\|(_t=t(["\n display: flex;\n flex-direction: column;\n flex: 1;\n z-index: 1;\n "," {\n gap: 8px;\n }\n "," {\n gap: 4px;\n flex: 1;\n }\n"],["\n display: flex;\n flex-direction: column;\n flex: 1;\n z-index: 1;\n "," {\n gap: 8px;\n }\n "," {\n gap: 4px;\n flex: 1;\n }\n"])),Z.tdUp,Z.tdDown),Qt=function(n){var e=n.item,t=n.index,i=void 0===t?0:t,a=R().t,l=c($n).configs.statics;if(!e)return null;var r=e.link?e.link.startsWith("http")?e.link:"".concat(l.HOME_PAGE_URL).concat(e.link):void 0;return o.createElement(Ot,{href:r,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":r},o.createElement("img",{src:u.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),o.createElement(qt,null,o.createElement(Wt,null,e.title),o.createElement(Kt,null,e.subtitle),o.createElement(Yt,null,a("home.seeMore"),o.createElement("img",{src:u.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))),o.createElement(Gt,null,o.createElement("img",{loading:"lazy",alt:e.title,src:e.icon\|\|"/images/avatar.jpg"})))},Jt=g.a(St\|\|(St=t(["\n text-decoration: none;\n border-radius: 12px;\n\n position: relative;\n overflow: hidden;\n display: flex;\n * {\n pointer-events: none;\n }\n .bg-svg {\n top: 0;\n left: 0;\n position: absolute;\n }\n\n .dot-svg {\n width: 40px;\n height: 30px;\n top: 36px;\n left: 16px;\n position: absolute;\n stroke-width: 0;\n }\n\n &[data-color='pink'] {\n background: ",";\n .bg-svg {\n fill: ",";\n }\n }\n &[data-color='orange'] {\n background: ",";\n .bg-svg {\n fill: ",";\n }\n }\n &[data-color='green'] {\n background: ",";\n .bg-svg {\n fill: ",";\n }\n }\n\n padding: 180px 24px 16px;\n a {\n display: flex;\n width: 100%;\n }\n "," {\n padding-top: 16px;\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n }\n "," {\n padding-top: 0;\n padding-left: 80px;\n height: 96px;\n align-items: flex-start;\n justify-content: center;\n flex-direction: column;\n .dot-svg {\n top: 22px;\n left: 16px;\n }\n }\n "," {\n min-height: 296px;\n }\n .mobile-only {\n "," {\n display: none;\n }\n }\n .desktop-only {\n "," {\n display: none;\n }\n }\n"],["\n text-decoration: none;\n border-radius: 12px;\n\n position: relative;\n overflow: hidden;\n display: flex;\n * {\n pointer-events: none;\n }\n .bg-svg {\n top: 0;\n left: 0;\n position: absolute;\n }\n\n .dot-svg {\n width: 40px;\n height: 30px;\n top: 36px;\n left: 16px;\n position: absolute;\n stroke-width: 0;\n }\n\n &[data-color='pink'] {\n background: ",";\n .bg-svg {\n fill: ",";\n }\n }\n &[data-color='orange'] {\n background: ",";\n .bg-svg {\n fill: ",";\n }\n }\n &[data-color='green'] {\n background: ",";\n .bg-svg {\n fill: ",";\n }\n }\n\n padding: 180px 24px 16px;\n a {\n display: flex;\n width: 100%;\n }\n "," {\n padding-top: 16px;\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n }\n "," {\n padding-top: 0;\n padding-left: 80px;\n height: 96px;\n align-items: flex-start;\n justify-content: center;\n flex-direction: column;\n .dot-svg {\n top: 22px;\n left: 16px;\n }\n }\n "," {\n min-height: 296px;\n }\n .mobile-only {\n "," {\n display: none;\n }\n }\n .desktop-only {\n "," {\n display: none;\n }\n }\n"])),(function(n){return n.theme.mbColors.tonePink}),(function(n){return n.theme.mbColors.peach}),(function(n){return n.theme.mbColors.toneYellow}),(function(n){return n.theme.mbColors.orange}),(function(n){return n.theme.mbColors.toneGreen}),(function(n){return n.theme.mbColors.mint}),Z.tdDown,Z.mbDown,Z.tdUp,Z.tdUp,Z.tdDown),Xt=g.div(Ut\|\|(Ut=t(["\n width: 48px;\n height: 48px;\n background: white;\n position: absolute;\n right: 25px;\n top: 35px;\n z-index: 3;\n border-radius: 50%;\n img {\n position: absolute;\n width: 36px;\n height: 36px;\n top: 50%;\n left: 50%;\n display: block;\n transform: translate(-50%, -50%);\n }\n "," {\n position: relative;\n top: unset;\n right: unset;\n }\n "," {\n position: absolute;\n left: 32px;\n top: 28px;\n }\n"],["\n width: 48px;\n height: 48px;\n background: white;\n position: absolute;\n right: 25px;\n top: 35px;\n z-index: 3;\n border-radius: 50%;\n img {\n position: absolute;\n width: 36px;\n height: 36px;\n top: 50%;\n left: 50%;\n display: block;\n transform: translate(-50%, -50%);\n }\n "," {\n position: relative;\n top: unset;\n right: unset;\n }\n "," {\n position: absolute;\n left: 32px;\n top: 28px;\n }\n"])),Z.tdDown,Z.mbDown),$t=g.div(Rt\|\|(Rt=t(["\n display: flex;\n align-items: center;\n background: white;\n font-weight: 400;\n font-size: 14px;\n text-decoration: none;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n\n svg path {\n fill: ",";\n }\n\n "," {\n background: none;\n width: 100%;\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n color: ",";\n padding-left: 16px;\n }\n"],["\n display: flex;\n align-items: center;\n background: white;\n font-weight: 400;\n font-size: 14px;\n text-decoration: none;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n\n svg path {\n fill: ",";\n }\n\n "," {\n background: none;\n width: 100%;\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n color: ",";\n padding-left: 16px;\n }\n"])),(function(n){return n.theme.mbColors.gray}),Z.tdDown,(function(n){return n.theme.mbColors.pink})),ni=g.p(Dt\|\|(Dt=t(["\n font-weight: 600;\n font-size: 14px;\n line-height: 24px;\n letter-spacing: -0.2px;\n color: ",";\n"],["\n font-weight: 600;\n font-size: 14px;\n line-height: 24px;\n letter-spacing: -0.2px;\n color: ",";\n"])),(function(n){return n.theme.colors.gray800})),ei=g.p(jt\|\|(jt=t(["\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n letter-spacing: -0.2px;\n color: ",";\n height: 54px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n margin-bottom: auto;\n "," {\n display: none;\n }\n"],["\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n letter-spacing: -0.2px;\n color: ",";\n height: 54px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n margin-bottom: auto;\n "," {\n display: none;\n }\n"])),(function(n){return n.theme.colors.gray600}),Z.tdDown),ti=g.div(Zt\|\|(Zt=t(["\n display: flex;\n flex: 1;\n z-index: 1;\n align-items: flex-end;\n justify-content: flex-end;\n "," {\n gap: 8px;\n flex-direction: row;\n }\n\n "," {\n align-items: flex-start;\n justify-content: flex-start;\n gap: 4px;\n }\n"],["\n display: flex;\n flex: 1;\n z-index: 1;\n align-items: flex-end;\n justify-content: flex-end;\n "," {\n gap: 8px;\n flex-direction: row;\n }\n\n "," {\n align-items: flex-start;\n justify-content: flex-start;\n gap: 4px;\n }\n"])),Z.tdUp,Z.tdDown),ii=g.div(Vt\|\|(Vt=t(["\n display: flex;\n flex-direction: column;\n flex: 1;\n z-index: 1;\n "," {\n gap: 8px;\n }\n "," {\n gap: 4px;\n flex: 1;\n padding-left: 16px;\n }\n"],["\n display: flex;\n flex-direction: column;\n flex: 1;\n z-index: 1;\n "," {\n gap: 8px;\n }\n "," {\n gap: 4px;\n flex: 1;\n padding-left: 16px;\n }\n"])),Z.tdUp,Z.tdDown),ai=g.div(Ft\|\|(Ft=t(["\n display: flex;\n flex-direction: row;\n flex: 1;\n z-index: 1;\n "," {\n gap: 8px;\n justify-content: flex-end;\n align-items: flex-end;\n }\n "," {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n }\n"],["\n display: flex;\n flex-direction: row;\n flex: 1;\n z-index: 1;\n "," {\n gap: 8px;\n justify-content: flex-end;\n align-items: flex-end;\n }\n "," {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n }\n"])),Z.tdUp,Z.tdDown),oi=function(n){var e=n.item,t=n.index,i=void 0===t?0:t,a=n.color,l=R().t,r=c($n).configs.statics;if(!e)return null;var s=e.link?e.link.startsWith("http")?e.link:"".concat(r.HOME_PAGE_URL).concat(e.link):void 0,d=function(){return o.createElement(Xt,null,o.createElement("img",{loading:"lazy",alt:e.title,src:e.icon\|\|"/images/avatar.jpg"}))},p=function(){return o.createElement(ai,null,o.createElement(ii,null,o.createElement(ni,null,e.title),o.createElement(ei,null,e.subtitle)),o.createElement($t,null,o.createElement("div",{className:"mobile-only"},l("home.seeMore")),o.createElement("img",{src:u.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"}})))};return o.createElement(Jt,{href:s,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":s,"data-color":a},o.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z",strokeWidth:"0"})),o.createElement("img",{src:u.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),o.createElement(ti,null,o.createElement("div",{className:"mobile-only"},d()),o.createElement("div",{className:"desktop-only"},p())),o.createElement("div",{className:"mobile-only"},p()),o.createElement("div",{className:"desktop-only"},d()))},li=function(n){var e=n.hrefViewMore,t=n.spotlightHealthTools,i=void 0===t?[]:t,a=R().t,l=["pink","orange","green"],r=c($n).siteType;return o.createElement(be,{title:a("home.navigator.menu.spotlightTools")},0!==i.length&&o.createElement(It,null,null==i?void 0:i.slice(0,3).map((function(n,e){return"marryBaby"===r?o.createElement(oi,{key:e,index:e,item:n,color:l[e]}):o.createElement(Qt,{key:e,index:e,item:n})}))),0===i.length&&o.createElement(fe,{title:a("home.navigator.menu.healthTools.noDatas.title"),description:a("home.navigator.menu.healthTools.noDatas.description"),link:e,cta:a("home.navigator.menu.healthTools.noDatas.cta"),icon:u.getAssetPath("community.svg")}))},ri="profile/posts?website_url={websiteUrl}",si=99,di=300,ci=400,pi=210,mi=g.div(hi\|\|(hi=t(["\n position: fixed;\n z-index: 201;\n top: calc(100% + 1px); // border 1px\n width: 100%;\n height: calc(100vh - var(--header-bottom));\n overflow-x: hidden;\n overflow-y: auto;\n background: white;\n display: flex;\n flex-direction: column;\n padding-bottom: 0;\n left: 0;\n\n &[data-is-amp='true'] {\n top: calc(var(--header-height));\n }\n\n .hhgcomp-navigation-popupwrapper-menuwrapper {\n position: unset;\n }\n"],["\n position: fixed;\n z-index: 201;\n top: calc(100% + 1px); // border 1px\n width: 100%;\n height: calc(100vh - var(--header-bottom));\n overflow-x: hidden;\n overflow-y: auto;\n background: white;\n display: flex;\n flex-direction: column;\n padding-bottom: 0;\n left: 0;\n\n &[data-is-amp='true'] {\n top: calc(var(--header-height));\n }\n\n .hhgcomp-navigation-popupwrapper-menuwrapper {\n position: unset;\n }\n"])));g.div(ui\|\|(ui=t(["\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"]))),g.div(gi\|\|(gi=t(["\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"]))),g.div(fi\|\|(fi=t(["\n margin-top: 64px;\n"],["\n margin-top: 64px;\n"]))),g.div(xi\|\|(xi=t(["\n padding: 24px 0;\n"],["\n padding: 24px 0;\n"]))),g.div(vi\|\|(vi=t(["\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"]))),g.div(yi\|\|(yi=t(["\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"])),pi,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),g.div(bi\|\|(bi=t(["\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"]))),g.div(wi\|\|(wi=t(["\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"]))),g.div(Ei\|\|(Ei=t(["\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(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),g.div(ki\|\|(ki=t(["\n display: none;\n"],["\n display: none;\n"]))),g.div(Ci\|\|(Ci=t(["\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(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),g.div(Li\|\|(Li=t(["\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(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),g.div(Pi\|\|(Pi=t(["\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"]))),g.div(Mi\|\|(Mi=t(["\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"]))),g.div(Bi\|\|(Bi=t(["\n display: block;\n"],["\n display: block;\n"]))),g.div(Hi\|\|(Hi=t(["\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(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800})),g.div(Ni\|\|(Ni=t(["\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(n){return n.theme.mbColors.pink}));var hi,ui,gi,fi,xi,vi,yi,bi,wi,Ei,ki,Ci,Li,Pi,Mi,Bi,Hi,Ni,Ai,Ti,zi,_i,Si,Ui=g.div(Ai\|\|(Ai=t(["\n padding: 16px;\n padding-bottom: 12px;\n .fake-search-input {\n pointer-events: none;\n input {\n line-height: 20px;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n }\n &[data-theme='marryBaby'] {\n input {\n background: ",";\n border-radius: 16px;\n border: none;\n }\n }\n"],["\n padding: 16px;\n padding-bottom: 12px;\n .fake-search-input {\n pointer-events: none;\n input {\n line-height: 20px;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n }\n &[data-theme='marryBaby'] {\n input {\n background: ",";\n border-radius: 16px;\n border: none;\n }\n }\n"])),(function(n){return n.theme.mbColors.lightGray})),Ri=g.div(Ti\|\|(Ti=t(["\n display: block;\n overflow-y: auto;\n flex: 1;\n padding-bottom: 16px;\n &::-webkit-scrollbar {\n width: 0;\n display: none;\n }\n"],["\n display: block;\n overflow-y: auto;\n flex: 1;\n padding-bottom: 16px;\n &::-webkit-scrollbar {\n width: 0;\n display: none;\n }\n"]))),Di=function(n){var e,t,i=n.closePopup,a=n.menuItems,l=void 0===a?[]:a,r=c($n),s=r.siteType,d=r.ssrMenuContent,p=d.categories,m=d.healthTools,h=d.care,u=d.together,g=r.activeMenuService,f=r.configs,x=f.statics,v=f.enableSearchBar,y=r.isAmp,b=r.locale,w=R().t;return o.createElement(mi,{id:"categories-menu","data-is-amp":y},v?o.createElement(Ui,{"data-theme":s,onClick:function(){window.location.href="".concat(x.HOME_PAGE_URL,"/search")}},o.createElement(te,null)):null,o.createElement(Ri,null,o.createElement(ce,{UrlFE:x.HOME_PAGE_URL,titleBtnViewMore:w("home.navigator.menuItem.allCategories"),menuItems:l,headingTitle:w("home.navigator.menuItem.healthCategories"),onClosePopup:i}),"categories"===g&&o.createElement(Xe,{spotlightsList:(null==p?void 0:p.spotlights)\|\|[],hrefViewMore:"".concat(x.HOME_PAGE_URL).concat("tl-PH"===b?"/fil":"","/spotlight/")}),"tools"===g&&o.createElement(li,{spotlightHealthTools:null==m?void 0:m.spotlights,hrefViewMore:"".concat(x.HOME_PAGE_URL).concat("tl-PH"===b?"/fil":"").concat((null===(e=k[b])\|\|void 0===e?void 0:e.HEALTH_TOOLS)\|\|"")}),"care"===g&&o.createElement(Ze,{spotlights:null==h?void 0:h.spotlights,hrefViewMore:"".concat(x.CARE_URL_FE,"/").concat(null===(t=U[b])\|\|void 0===t?void 0:t.SPECIALTIES)}),"together"===g&&o.createElement(Pt,{spotlights:null==u?void 0:u.spotlights})))},ji=g.div(zi\|\|(zi=t(["\n ","\n"],["\n ","\n"])),(function(n){return"\n ".concat(0!==n.lowerBound?"@media (max-width: ".concat(n.lowerBound-1,"px) { display: none; }"):"","\n ").concat(0!==n.upperBound?"@media (min-width: ".concat(n.upperBound,"px) { display: none; }"):"","\n ")})),Zi=function(n){var e=n.forceDisplay,t=n.mediaQueryKey,i=n.children,a=n.className,l=n.style,r=s((function(){return V(t)}),[t]),d=r[0],c=r[1];return o.createElement(ji,{lowerBound:e?0:d,upperBound:e?0:c,className:a,style:l},i)},Vi=function(n){var e=(n\|\|{}).allowBgScroll,t=l();return{containerRef:t,onContainerFocus:function(){e\|\|(document.documentElement.style.overflow="hidden")},onContainerBlur:function(){e\|\|(document.documentElement.style.overflow="")},onButtonMouseDown:function(n){t.current&&(document.activeElement===t.current\|\|t.current.contains(document.activeElement))&&(t.current.blur(),document.activeElement.blur(),n.preventDefault())},onClose:function(){t.current&&(document.activeElement===t.current\|\|t.current.contains(document.activeElement))&&(t.current.blur(),document.activeElement.blur())}}},Fi=g.div(_i\|\|(_i=t(["\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"])),Z.mbDown,Z.mbUp,(function(n){return n.theme.colors.gray800}),Z.mbDown,Z.mbUp,(function(n){return n.theme.colors.gray600}),Z.mbDown,Z.mbUp),Ii=g.div(Si\|\|(Si=t(["\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"])),Z.mbDown,Z.mbUp,(function(n){return"marryBaby"===n.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 ":""})),Oi=function(n){var e=n.openLogoutPopup,t=n.onCloseHandler,i=n.onLogoutHandler,a=n.siteType,l=void 0===a?"helloSites":a,r=R().t;return p((function(){document.body.classList.toggle("noscroll",e)}),[e]),o.createElement(q,null,o.createElement(T,{type:"confirm",isOpen:e,closeIcon:o.createElement("img",{src:u.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon"}),onClose:t},o.createElement(Fi,null,"helloSites"===l&&o.createElement("img",{src:u.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account"}),o.createElement("h2",null,r("helloSites"===l?"logout.popup.ask1":"logout.popup.ask.mb")),o.createElement("p",null,r("logout.popup.ask2")),o.createElement(Ii,{siteType:l},o.createElement(F,{className:"logout-button",color:"tertiary",size:"lg",onClick:i},r("logout.popup.button.logout")),o.createElement(F,{className:"cancel-button",color:"primary",size:"lg",onClick:t},r("logout.popup.button.cancel"))))))},Gi="hhgcomp-navprofilebutton-popup",Yi=O(g.div(Ki\|\|(Ki=t(["\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 max-height: calc(100vh - var(--header-bottom, 64px));\n }\n overflow: auto;\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 &: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 width: 100%;\n border-top: 1px solid ",";\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 max-height: calc(100vh - var(--header-bottom, 64px));\n }\n overflow: auto;\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 &: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 width: 100%;\n border-top: 1px solid ",";\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(n){return n.theme.colors.white}),Z.mbDown,Z.mbUp,Z.mbDown,Z.mbUp,Z.mbDown,Z.mbUp,(function(n){return n.theme.colors.gray200}),Z.mbDown,I.colors.neutral100,Z.mbUp),Gi),Wi="hhgcomp-navprofilebutton-popupwrapper";O(g.div(qi\|\|(qi=t(["\n position: fixed;\n z-index: 150;\n top: var(--header-bottom, 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: var(--header-bottom, 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"])),Z.mbUp,Z.mbDown),Wi);var Ki,qi,Qi,Ji,Xi,$i=g.div(Qi\|\|(Qi=t(["\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(n){return n.theme.colors.secondaryBase})),na=g.a(Ji\|\|(Ji=t(["\n display: inline-flex;\n position: relative;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n flex-shrink: 0;\n\n .user-close-icon {\n display: none;\n }\n &:focus-within {\n .user-close-icon {\n display: block;\n }\n .user-avatar {\n display: none;\n }\n ."," {\n z-index: 200;\n top: 120%;\n opacity: 1;\n visibility: visible;\n display: initial;\n &[data-type='profile'] {\n "," {\n top: 100%;\n }\n }\n }\n ."," {\n display: initial;\n }\n }\n"],["\n display: inline-flex;\n position: relative;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n flex-shrink: 0;\n\n .user-close-icon {\n display: none;\n }\n &:focus-within {\n .user-close-icon {\n display: block;\n }\n .user-avatar {\n display: none;\n }\n ."," {\n z-index: 200;\n top: 120%;\n opacity: 1;\n visibility: visible;\n display: initial;\n &[data-type='profile'] {\n "," {\n top: 100%;\n }\n }\n }\n ."," {\n display: initial;\n }\n }\n"])),Gi,Z.mbDown,Wi),ea=g.a(Xi\|\|(Xi=t(["\n display: inline-flex;\n .login-btn[data-color='tertiary'][data-size='md'] {\n padding-left: 12px;\n padding-right: 12px;\n }\n .mobile-only {\n "," {\n display: none;\n }\n }\n .login-btn {\n padding-left: 10px;\n padding-right: 10px;\n display: none;\n "," {\n display: block;\n }\n }\n"],["\n display: inline-flex;\n .login-btn[data-color='tertiary'][data-size='md'] {\n padding-left: 12px;\n padding-right: 12px;\n }\n .mobile-only {\n "," {\n display: none;\n }\n }\n .login-btn {\n padding-left: 10px;\n padding-right: 10px;\n display: none;\n "," {\n display: block;\n }\n }\n"])),Z.mbUp,Z.mbUp),ta=function(n){var e,t,i,a;return n?{termId:n.term_id\|\|null,sponsor:n.sponsor?(a=n.sponsor,a?{title:a.title,logo:a.logo,link:a.link}:{}):null,isSponsored:n.is_sponsored\|\|null,categoryName:n.cat_name\|\|n.name\|\|null,name:n.name\|\|null,iconUrl:n.icon\|\|"",slugName:n.category_nicename\|\|null,description:n.description\|\|null,featureImage:n.thumbnail\|\|n.image\|\|null,displayName:n.name\|\|null,parent:n.parent\|\|null,permalink:n.permalink\|\|null,slug:n.slug\|\|null,childCates:(null===(e=n.child_cates)\|\|void 0===e?void 0:e.map((function(n){return ta(n)})))\|\|[],thumnailColor:n.thumnail_color\|\|["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5Math.random()\|0],colorFeatureImage:n.color_feature_image\|\|null,imageColor:n.image_color\|\|null,textColor:n.text_color\|\|null,catParent:(null===(t=n.cat_parent)\|\|void 0===t?void 0:t.name)?{name:n.cat_parent.name,permalink:n.cat_parent.permalink}:{},metaTag:n.meta_tag\|\|"",reviewedBy:n.reviewed_by?(i=n.reviewed_by,{postTitle:i.post_title,permalink:i.permalink}):null,reviewedDate:n.reviewed_date\|\|"",faqs:n.faqs?n.faqs.map((function(n){return function(n){return{title:n.title,content:n.content}}(n)})):null}:{}},ia=function(n){var e,t;if(!n)return{};var i=null===(e=n.link)\|\|void 0===e?void 0:e.includes("/bot/"),a=null===(t=n.link)\|\|void 0===t?void 0:t.startsWith("/fil/"),o=n.link?n.link.startsWith("http")\|\|i?n.link:a?n.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):"/health-tools".concat(n.link.replace("/health-tools/","/")):void 0;return{icon:n.icon,link:o,subtitle:n.subtitle,title:n.title}},aa=function(n){return n?{thumbnail:n.thumbnail,link:null==n?void 0:n.slug,subtitle:n.name,name:n.name,slug:n.slug}:{}},oa=function(n){return n?{id:n.id,name:n.name,logo:null==n?void 0:n.logo,description:n.about,slug:n.slug}:{}},la=function(n){var e,t,i=n.type,a=n.specialtySlug,o=n.locale;return"".concat(null===(e=U[o])\|\|void 0===e?void 0:e.ALL,"/").concat((null===(t=U[o])\|\|void 0===t?void 0:t[i])\|\|"doctor","/").concat(null!=a?a:"")},ra=function(n){return n?{id:n.ID,name:n.name,permalink:n.permalink,image:(null==n?void 0:n.small_banner)\|\|(null==n?void 0:n.image)\|\|"",imageMedium:(null==n?void 0:n.image_medium)\|\|null,imageThumbnail:(null==n?void 0:n.image_thumbnail)\|\|null,startDate:null==n?void 0:n.start_date,endDate:null==n?void 0:n.end_date}:{}},sa=function(n){var e=new Date;if(null==n?void 0:n.startDate){var t=new Date(n.startDate);if(e.getTime()<t.getTime())return!1}if(null==n?void 0:n.endDate){var i=new Date(n.endDate);if(e.getTime()>i.getTime())return!1}return!0},da={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"shop"},ca={navHeader:"uJQBNNg",navAvatar:"TfG3dM5",navHeaderUserInfos:"aMtjFNf",navHeaderUserName:"cSz2RR-",navHeaderMyProfileButton:"GyFm00F"};function pa(n){var e=n.userInfo,t=n.onClickMyProfileButton,i=n.themeName,a=void 0===i?"helloSites":i,l=R().t,r=s((function(){var n=(null==e?void 0:e.name)\|\|(null==e?void 0:e.username);return n&&n.length?n[0].toUpperCase():"A"}),[null==e?void 0:e.username,null==e?void 0:e.name]);return o.createElement("div",{className:ca.navHeader,onClick:function(){t&&t()}},o.createElement(z,{className:ca.navAvatar,type:"rounded",size:"xl",avatarUrl:null==e?void 0:e.avatar,firstLetter:r,backgroundColor:"marryBaby"===a?I.mbColors.pink:I.colors.secondaryBase}),o.createElement("div",{className:ca.navHeaderUserInfos},o.createElement("div",{className:ca.navHeaderUserName},(null==e?void 0:e.name)\|\|(null==e?void 0:e.username)),o.createElement("div",{className:ca.navHeaderMyProfileButton,style:{"--bg-hellosites":"url(".concat(u.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg"),")"),"--bg-marrybaby":"url(".concat(u.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg"),")")}},l("userProfile.nav.header.viewProfile"))))}var ma="fVk18fq",ha="v8TCvUb",ua="mx7T4V3",ga={myHealth:I.mbColors.toneYellow,myCommunity:I.mbColors.toneBlue,mySaved:I.mbColors.toneGreen},fa={helloSites:{myBooking:function(){return u.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg")},myCommunity:function(){return u.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg")},myFamily:function(){return u.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg")},myHealth:function(){return u.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg")},mySaved:function(){return u.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg")},eCom:function(){return u.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")}},marryBaby:{mySaved:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg")},myCommunity:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg")},myHealth:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}}},xa=function(n){var e=n.type,t=n.themeName,i=n.className,a=n.onClick,l=void 0===a?function(){}:a,r=R().t,d=s((function(){var n,i;return(null===(i=null===(n=fa[t])\|\|void 0===n?void 0:n[e])\|\|void 0===i?void 0:i.call(n))\|\|""}),[e,t]),c=s((function(){return"marryBaby"!==t?"transparent":ga[e]}),[e,t]);return o.createElement("div",{onClick:function(){l(e)},className:"".concat(ma," ").concat(i)},o.createElement("div",{className:ua,style:{backgroundColor:c,backgroundImage:'url("'.concat(d,'")')}}),o.createElement("h3",{className:ha},r("userProfile.nav.card.".concat(e))))},va="gn6HmGG",ya="FCx8FEM",ba="zMiRxaE",wa="lZ2Z9MQ",Ea="rwm-agG",ka="qMOscoq",Ca=function(n){var e=n.themeName,t=n.locale,i=n.onClickItem,a=r(""),l=a[0],d=a[1],c=s((function(){return"marryBaby"===e?[{key:"userProfile.nav.menu.password",icon:u.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:u.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:u.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:u.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]}),[e]);function p(n){n.subMenu?d((function(e){return e?"":n.key})):i&&i(n)}return o.createElement("div",{className:va},c.map((function(n){return o.createElement(La,{key:n.key,item:n,openKey:l,onClickItem:p,locale:t})})))},La=function(n){var e,t=n.item,i=n.openKey,a=n.onClickItem,l=n.locale,r=R().t;return(null===(e=t.disableLocale)\|\|void 0===e?void 0:e.includes(l))?null:o.createElement("div",{className:"".concat(ya," nav-menu-item"),"data-is-open":i===t.key,key:t.key,"data-has-submenu":!!t.subMenu},o.createElement("div",{className:ba,onClick:function(){return a(t)}},t.icon&&o.createElement("div",{className:wa,style:{backgroundImage:'url("'.concat(t.icon,'")')}}),r(t.key),t.subMenu&&o.createElement("div",{className:Ea,style:{"--after-bg":"url(".concat(u.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg"),")")}})),t.subMenu&&o.createElement("div",{className:ka},t.subMenu.map((function(n){return o.createElement(La,{key:n.key,item:n,openKey:i,onClickItem:a,locale:l})}))))},Pa="-AZt1au",Ma="IvSIfCI",Ba="eahCJov",Ha="XIyViFs",Na="_4y-O0w3",Aa="kO8iNgD",Ta="a1d4E10",za="Tdguxxf",_a="-mOxsaU",Sa="yPeDBNZ",Ua={helloSites:{member:function(){return u.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg")},ambassador:function(){return u.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg")},doctor:function(){return u.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg")},expert:function(){return u.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg")},influencer:function(){return u.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")}},marryBaby:{member:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg")},ambassador:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg")},doctor:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg")},expert:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg")},influencer:function(){return u.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}}},Ra=function(n){var e=n.themeName,t=n.rank,i=void 0===t?"member":t,a=n.numberOfPosts,l=void 0===a?0:a,r=R().t,d=s((function(){var n,t;return(null===(t=null===(n=Ua[e])\|\|void 0===n?void 0:n[i])\|\|void 0===t?void 0:t.call(n))\|\|""}),[i,e]);return o.createElement("div",{className:Na,"data-user-rank":i},o.createElement("div",{className:Aa},o.createElement("div",{className:Ta},o.createElement("div",{className:za,style:{backgroundImage:'url("'.concat(d,'")')}}),o.createElement("h3",{className:_a},r("userProfile.userRank.".concat(i))),l>0&&o.createElement("p",{className:Sa},l," ",r("userProfile.nav.header.count.posts")))))},Da=function(e){var t=e.SSO_URL,i=e.UP_BASEPATH,a=void 0===i?"user":i,l=e.themeName,d=void 0===l?"helloSites":l,c=e.cardUrls,m=void 0===c?da:c,h=e.enableCare,g=e.enableTogether,f=e.enableEcom,x=e.userInfo,v=e.togetherApiDomain,y=e.userPostsNumber,b=e.onClickNavigationCard,E=e.onClickMyProfileButton,k=e.onClickMenuItem,C=e.onClickLogout,L=e.isUserProfileNavigatorMenuHidden,P=void 0!==L&&L,M=e.isMyHealthEnabled,B=void 0!==M&&M,H=e.locale,N=R().t,A=r(y\|\|0),T=A[0],z=A[1],_="marryBaby"===d;p((function(){if(x&&void 0===y){var e=Q("hhg_user_token");e&&fetch(function(e,t,i,a){return(i\|\|"https://together.hellohealthgroup.com/")+"api/v1/"+X(ri,n(n({},a),{websiteUrl:t?"https://marrybaby.vn":"https://".concat(w[e])}))}(H,_,v),{headers:{Authorization:"Bearer ".concat(e)}}).then((function(n){return n.json()})).then((function(n){var e,t,i;1===(null==n?void 0:n.status)&&(null===(e=null==n?void 0:n.data)\|\|void 0===e?void 0:e.pagination)&&z((null===(i=null===(t=null==n?void 0:n.data)\|\|void 0===t?void 0:t.pagination)\|\|void 0===i?void 0:i.total_items)\|\|0)})).catch((function(n){return console.error("Error fetching post number",n)}))}}),[H,null!==x,y,v,_]);var S=s((function(){return(_?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"]).filter((function(n){return"myBooking"===n?h:"myCommunity"===n?g:"myHealth"===n?B:"eCom"!==n\|\|f}))}),[_,B]),U=s((function(){return"marryBaby"===d?null:o.createElement(F,{color:"tertiary",icon:o.createElement("img",{src:u.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15}),size:"md",onClick:C,className:Ha},N("userProfile.nav.menu.logout"))}),[d]),D=function(n){window.location.href="".concat(t).concat(a,"/").concat(n)},j=function(n){var e=m[n];b?b(e):D(e)};return x?o.createElement("div",{className:Pa,"data-theme":d},o.createElement(pa,{userInfo:x,themeName:d,onClickMyProfileButton:function(){E?E():D("profile")}}),o.createElement(Ra,{themeName:d,rank:"member",numberOfPosts:T}),o.createElement("div",{className:Ma},S.map((function(n){return o.createElement(xa,{className:Ba,key:n,themeName:d,type:n,onClick:j})}))),!P&&o.createElement(o.Fragment,null,o.createElement(Ca,{themeName:d,locale:H,onClickItem:function(n){"logout"===n.link&&C?C():n.link&&!n.subMenu&&(k?k(n.link):D(n.link))}}),U)):null},ja=function(n){var e=n.type,t=void 0===e?"lead":e,i=n.closeIcon,a=n.isOpen,l=void 0===a\|\|a,r=n.onClose,s=n.children,d=n.enableAnimation,c=void 0===d\|\|d,p=n.targetAvatar,m=n.id,h=n.className;return o.createElement(Yi,{"data-open":l,"data-type":t,"data-animation":c,"data-target":p,id:m,className:h},o.createElement("div",{className:"popup-content"},!!i&&o.createElement("div",{className:"close-button",onClick:r},i),s))},Za=function(n){var e=n.SSO_URL,t=n.UP_BASEPATH,i=n.isOpen,a=n.targetAvatar,l=n.userInfo,r=n.enableCare,s=n.enableTogether,d=n.enableEcom,c=n.closePopup,p=n.siteType,m=void 0===p?"helloSites":p,h=n.dispatchLogout,u=n.userProfileRouterPush,g=n.isUserProfileNavigatorMenuHidden,f=n.isMyHealthEnabled,x=void 0!==f&&f,v=n.togetherApiDomain,y=n.locale,b=function(n){u?u("/".concat(n)):e&&(window.location.href="".concat(e).concat(t,"/").concat(n))},w=function(n){b(n),c()};return o.createElement(ja,{isOpen:i,type:"profile",enableAnimation:!0,targetAvatar:a,onClose:c},o.createElement(Da,{SSO_URL:e,UP_BASEPATH:t,themeName:m,userInfo:l,enableCare:r,enableTogether:s,enableEcom:d,onClickLogout:function(){h&&(h(),c())},onClickMenuItem:w,onClickNavigationCard:w,onClickMyProfileButton:function(){b("profile"),c()},isUserProfileNavigatorMenuHidden:g,isMyHealthEnabled:x,togetherApiDomain:v,locale:y}))},Va=function(e){var t=e.userInfo,l=e.siteType,s=e.isAmp,d=e.onLoginClick,c=e.SSO_URL,m=e.currentUrl,h=e.isMinifyLogin,g=e.enableCare,f=e.enableTogether,v=e.enableEcom,y=e.isUserProfileNavigatorMenuHidden,b=e.UP_BASEPATH,w=e.isMyHealthEnabled,E=e.togetherApiDomain,k=e.onLogout,C=e.style,L=e.userProfileRouterPush,P=e.isLoading,M=e.locale,B=R().t,H=r(!1),N=H[0],A=H[1],T=(null==t?void 0:t.name)\|\|(null==t?void 0:t.username),_=r(!1),S=_[0],U=_[1];p((function(){U(!0)}),[]);var D=Vi(),j=D.containerRef,Z=D.onContainerFocus,V=D.onContainerBlur,O=D.onButtonMouseDown,G=D.onClose;return P&&!s?o.createElement(F,{size:"sm",color:"transparent",isLoading:!0}):(null==t?void 0:t.id)?o.createElement(o.Fragment,null,o.createElement(na,{ref:j,href:s?"".concat(c,"user/profile"):void 0,style:C,tabIndex:0,onBlur:V,onFocus:Z},o.createElement("div",{onMouseDown:O},o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},o.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),o.createElement(z,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==t?void 0:t.avatar,firstLetter:T&&T.length?T[0].toUpperCase():"A",backgroundColor:"marryBaby"===l?I.mbColors.pink:I.colors.secondaryBase,isAmp:s})),!s&&o.createElement(Za,{UP_BASEPATH:b,SSO_URL:c,dispatchLogout:function(){G(),A(!0)},isOpen:!1,isMyHealthEnabled:w,enableCare:g,enableTogether:f,enableEcom:v,closePopup:G,userInfo:t,siteType:l,isUserProfileNavigatorMenuHidden:y,togetherApiDomain:E,userProfileRouterPush:L,locale:M})),!s&&o.createElement(Oi,{openLogoutPopup:N,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),A(!1)},siteType:l,onLogoutHandler:function(){return i(void 0,void 0,void 0,(function(){return a(this,(function(n){switch(n.label){case 0:return A(!1),document.body.classList.toggle("noscroll",!1),[4,k()];case 1:return n.sent(),[2]}}))}))}})):o.createElement(ea,{style:n({textDecoration:"none"},C),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":m,href:s?"".concat(c,"?returnUrl=").concat(m.replace("?amp=1","")):S?void 0:"".concat(c,"?returnUrl=").concat(m),"data-site-type":l},h?o.createElement($i,{onClick:d},o.createElement("img",{src:u.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):o.createElement(o.Fragment,null,"helloSites"===l&&o.createElement("img",{className:"mobile-only",src:u.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:d}),"marryBaby"===l&&o.createElement("div",{className:"mobile-only",onClick:d,style:{paddingLeft:16}},o.createElement(x,{size:"p3",color:I.mbColors.pink},B("navigation.loginJoin"))),o.createElement(F,{className:"login-btn",size:"md",color:"tertiary",onClick:d,icon:o.createElement("img",{src:u.getAssetPath("login.svg"),width:18,height:18}),theme:l},B("navigation.loginJoin"))))},Fa="-XmTq5-",Ia="V-oxu20",Oa=function(n){var e=n.item,t=n.menu,i=Vi({allowBgScroll:!0}),a=i.containerRef,l=i.onContainerFocus,s=i.onContainerBlur,d=i.onButtonMouseDown,c=i.onClose,m=function(){var n=r(!0),e=n[0],t=n[1];return p((function(){t(!1)}),[]),e}();return!e.popupType&&e.link?o.createElement("a",{className:"hhgcomp-navigation-itemnav-headeritem ".concat(m?"":"menu-handler-".concat(e.id)),tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},o.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:Ia},e.name)):o.createElement("div",{ref:a,className:"hhgcomp-navigation-itemnav-headeritem ".concat(m?"":"menu-handler-".concat(e.id)),tabIndex:0,key:e.id,onBlur:s,onFocus:l,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},o.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:d,className:Ia},e.name,e.popupType&&o.createElement("div",{className:Fa},o.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),o.isValidElement(t)?o.cloneElement(t,{onClose:c}):null)},Ga="eJS8-if",Ya="EuQrB-3",Wa="_0JtBh8L",Ka=function(n){var e=n.onClosePopup;return o.createElement("div",{className:"".concat(Wa," close-btn"),onClick:e},o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))},qa=function(n){var e=n.onClosePopup,t=n.isDisplay,i=n.children,a=n.isNavMenu,l=n.hideCloseBtn;return o.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!a},o.createElement(J,null,!l&&o.createElement("div",{className:Ya},o.createElement(Ka,{onClosePopup:e})),o.createElement(J,{className:Ga},i)))},Qa=function(n){var e,t=n.careSpecialties,i=void 0===t?[]:t,a=n.isOpen,l=n.onClose,r=n.spotlights,s=void 0===r?[]:r,d=R().t,p=c($n),m=p.locale,h=p.configs.statics,u="".concat(h.CARE_URL_FE,"/").concat(null===(e=U[m])\|\|void 0===e?void 0:e.SPECIALTIES);return o.createElement(qa,{onClosePopup:l,isDisplay:a,isNavMenu:!0},o.createElement(ce,{headingTitle:d("home.navigator.menuItem.specialties"),hrefViewMore:u,UrlFE:h.CARE_URL_FE,onClosePopup:l,titleBtnViewMore:d("home.navigator.menuItem.allSpecialties"),menuItems:(null==i?void 0:i.map((function(n){return n?{name:String(n.name)\|\|"",link:la({type:"DOCTOR",specialtySlug:n.slug,locale:m}),thumbnail:(null==n?void 0:n.thumbnail)\|\|""}:{}})))\|\|[]}),o.createElement(Ze,{spotlights:s,hrefViewMore:u}))},Ja=function(n){var e=n.categories,t=void 0===e?[]:e,i=n.spotlightsList,a=void 0===i?[]:i,l=n.onClose,r=n.isOpen,s=R().t,d=c($n),p=d.locale,m=d.configs.statics;return o.createElement(qa,{onClosePopup:l,isDisplay:r,isNavMenu:!0},o.createElement(ce,{hrefViewMore:"".concat(m.HOME_PAGE_URL).concat("tl-PH"===p?"/fil":"","/categories/"),UrlFE:m.HOME_PAGE_URL,onClosePopup:l,titleBtnViewMore:s("home.navigator.menuItem.allCategories"),menuItems:(null==t?void 0:t.map((function(n){return n?{name:n.displayName\|\|null,link:(null==n?void 0:n.permalink)\|\|"/",thumbnail:n.iconUrl\|\|null}:{}})))\|\|[],headingTitle:s("home.navigator.menuItem.healthCategories")}),o.createElement(Xe,{spotlightsList:a,hrefViewMore:"".concat(m.HOME_PAGE_URL).concat("tl-PH"===p?"/fil":"","/spotlight/")}))},Xa=function(n){var e=n.communities,t=void 0===e?[]:e,i=n.onClose,a=n.isOpen,l=n.spotlights,r=void 0===l?[]:l,s=R().t,d=c($n).configs.statics;return o.createElement(qa,{onClosePopup:i,isDisplay:a,isNavMenu:!0},o.createElement(ce,{hrefViewMore:d.TOGETHER_URL_FE+"/",UrlFE:d.TOGETHER_URL_FE,onClosePopup:i,titleBtnViewMore:s("home.navigator.menuItem.allCommunities"),menuItems:(null==t?void 0:t.map((function(n){return n?{name:n.name\|\|"",link:n.slug\|\|"/",thumbnail:n.thumbnail\|\|""}:{}})))\|\|[],headingTitle:s("home.navigator.menuItem.allCommunitiesheadingTitle")}),o.createElement(Pt,{spotlights:r}))},$a=function(n){var e,t=n.locale,i=n.onClose,a=n.isOpen,l=n.spotlightHealthTools,r=void 0===l?[]:l,s=n.healthTools,d=void 0===s?[]:s,p=R().t,m=c($n).configs.statics,h="".concat(m.HOME_PAGE_URL).concat("tl-PH"===t?"/fil":"").concat((null===(e=k[t])\|\|void 0===e?void 0:e.HEALTH_TOOLS)\|\|"");return o.createElement(qa,{onClosePopup:i,isDisplay:a,isNavMenu:!0},o.createElement(ce,{hrefViewMore:h,UrlFE:m.HOME_PAGE_URL,onClosePopup:i,headingTitle:p("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:p("home.navigator.menuItem.allHealthTools"),menuItems:d.map((function(n){return{name:n.title,link:n.link?n.link.startsWith("http")?n.link:"".concat(m.HOME_PAGE_URL).concat(n.link):void 0,thumbnail:n.icon}}))}),o.createElement(li,{spotlightHealthTools:r,hrefViewMore:h}))},no="_6gGCHV-",eo="YDzfyQU",to=function(n){var e=n.onCareHeaderClick,t=n.currentUrl,i=n.careUrlFe,a=n.btnName;return e?o.createElement(F,{className:no,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:function(n){return e(n)}},a):o.createElement("a",{href:i,className:"".concat(eo," care-button no-replace-click")},o.createElement(F,{className:no,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},a))};function io(n){var e=n.className,t=n.ampHidden,i=n.ampBindHiddenCondition;return o.createElement("div",{"data-amp-bind-hidden":i,hidden:t},o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e},o.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function ao(n){var e=n.siteType,t=n.type,i=n.enableSearch,a=n.className,l=n.ampBindHiddenCondition;return"helloSites"===e?o.createElement("div",{"data-amp-bind-hidden":l},o.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:i?u.getAssetPath("hamburgerMenuNewWithSearch.svg"):u.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:t,className:a})):o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:a},o.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"}))}var oo="IQdn7tn",lo="_1jX3mGY",ro="arD755Y",so=function(e){var t=e.type,i=void 0===t?"home":t,a=e.menuItems,l=c($n),r=l.siteType,s=l.isAmp,d=l.configs.enableSearchBar,p=Vi(),m=p.containerRef,h=p.onContainerFocus,u=p.onContainerBlur,g=p.onButtonMouseDown,f=p.onClose;return o.createElement(Zi,{mediaQueryKey:"mbDown",forceDisplay:!!s\|\|void 0},s&&o.createElement("amp-state",{id:"menu"},o.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify({lightbox:"closed"})}})),o.createElement("header",{className:oo},o.createElement("div",n({className:lo,ref:m,role:"button",tabIndex:0,onBlur:u,onFocus:h,"data-amp":!!s},{on:"tap:discover-amp-lightbox"}),o.createElement("div",{className:ro,onMouseDown:g,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},o.createElement(io,{className:"mobile-close-icon",ampHidden:s&&!0,ampBindHiddenCondition:"menu.lightbox == 'closed'"}),o.createElement(ao,{siteType:r,type:i,enableSearch:d,className:"mobile-hamburger-icon",ampBindHiddenCondition:"menu.lightbox == 'open'"})),!s&&o.createElement(Di,{menuItems:a,closePopup:f}))))},co=g.div(go\|\|(go=t(["\n z-index: 201;\n width: 100%;\n align-items: center;\n\n background-color: ",";\n\n transition: height 0.3s, transform 0.3s;\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 &[data-is-amp='true'] {\n position: relative;\n transform: translateY(0);\n transition: transform 0.5s;\n }\n\n "," {\n &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n transform: translateY(-64px);\n }\n }\n "," {\n &[data-site-type='marryBaby'] {\n border-bottom: none;\n }\n\n &[data-fixed-bar='true'] {\n position: fixed;\n transform: translateY(0);\n }\n\n &[data-fixed-bar='false'] {\n position: absolute;\n }\n\n &[data-collapsed='true'] {\n transform: translateY(-100%);\n transition: transform 0.5s;\n }\n &[data-collapsed='false'] {\n transform: translateY(0);\n transition: transform 0.5s;\n }\n\n .top-bar-header {\n line-height: normal;\n }\n\n &[data-header-type='home'] {\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 transform: translateY(0);\n transition: transform 0.5s;\n }\n }\n\n .marry-baby {\n input {\n background: ",";\n border-radius: 16px;\n border: none;\n }\n max-width: 172px;\n }\n &[data-site-type='marryBaby'] {\n .close-btn {\n top: 16px;\n right: 16px;\n }\n }\n"],["\n z-index: 201;\n width: 100%;\n align-items: center;\n\n background-color: ",";\n\n transition: height 0.3s, transform 0.3s;\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 &[data-is-amp='true'] {\n position: relative;\n transform: translateY(0);\n transition: transform 0.5s;\n }\n\n "," {\n &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n transform: translateY(-64px);\n }\n }\n "," {\n &[data-site-type='marryBaby'] {\n border-bottom: none;\n }\n\n &[data-fixed-bar='true'] {\n position: fixed;\n transform: translateY(0);\n }\n\n &[data-fixed-bar='false'] {\n position: absolute;\n }\n\n &[data-collapsed='true'] {\n transform: translateY(-100%);\n transition: transform 0.5s;\n }\n &[data-collapsed='false'] {\n transform: translateY(0);\n transition: transform 0.5s;\n }\n\n .top-bar-header {\n line-height: normal;\n }\n\n &[data-header-type='home'] {\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 transform: translateY(0);\n transition: transform 0.5s;\n }\n }\n\n .marry-baby {\n input {\n background: ",";\n border-radius: 16px;\n border: none;\n }\n max-width: 172px;\n }\n &[data-site-type='marryBaby'] {\n .close-btn {\n top: 16px;\n right: 16px;\n }\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.mbColors.lightPink}),Z.mbUp,Z.mbDown,si,di,ci,(function(n){return n.theme.mbColors.lightGray})),po=g.div(fo\|\|(fo=t(["\n display: flex;\n height: 100%;\n align-items: center;\n\n justify-content: space-between;\n padding: 0 2rem;\n height: 69px;\n "," {\n padding: 0 1rem;\n }\n\n "," {\n position: relative;\n height: 64px;\n background: white;\n gap: 1rem;\n }\n\n &[data-site-type='marryBaby'] {\n width: 100%;\n margin: 0 auto;\n padding: 0 16px;\n "," {\n max-width: 1064px;\n }\n }\n"],["\n display: flex;\n height: 100%;\n align-items: center;\n\n justify-content: space-between;\n padding: 0 2rem;\n height: 69px;\n "," {\n padding: 0 1rem;\n }\n\n "," {\n position: relative;\n height: 64px;\n background: white;\n gap: 1rem;\n }\n\n &[data-site-type='marryBaby'] {\n width: 100%;\n margin: 0 auto;\n padding: 0 16px;\n "," {\n max-width: 1064px;\n }\n }\n"])),Z.pcDown,Z.mbDown,Z.tdUp),mo=g.div(xo\|\|(xo=t(["\n display: flex;\n align-items: center;\n height: 100%;\n gap: 24px;\n "," {\n gap: 16px;\n }\n &[data-site-type='marryBaby'] {\n gap: 26px;\n }\n"],["\n display: flex;\n align-items: center;\n height: 100%;\n gap: 24px;\n "," {\n gap: 16px;\n }\n &[data-site-type='marryBaby'] {\n gap: 26px;\n }\n"])),Z.pcDown),ho=g.div(vo\|\|(vo=t([""],[""]))),uo=g.div(yo\|\|(yo=t(["\n display: flex;\n align-items: center;\n height: 100%;\n flex-shrink: 0.6;\n .hhgcomp-navigation-itemnav-headeritem {\n gap: 2px;\n "," {\n padding: 0 12px;\n }\n "," {\n padding: 0 6px;\n }\n "," {\n display: none;\n }\n a {\n text-decoration: none;\n }\n }\n &[data-site-type='marryBaby'] {\n gap: 26px;\n }\n"],["\n display: flex;\n align-items: center;\n height: 100%;\n flex-shrink: 0.6;\n .hhgcomp-navigation-itemnav-headeritem {\n gap: 2px;\n "," {\n padding: 0 12px;\n }\n "," {\n padding: 0 6px;\n }\n "," {\n display: none;\n }\n a {\n text-decoration: none;\n }\n }\n &[data-site-type='marryBaby'] {\n gap: 26px;\n }\n"])),Z.pcUp,Z.pcDown,Z.mbDown);g.div(bo\|\|(bo=t(["\n .fake-search-input {\n pointer-events: none;\n input {\n line-height: 20px;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n }\n"],["\n .fake-search-input {\n pointer-events: none;\n input {\n line-height: 20px;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n }\n"])));var go,fo,xo,vo,yo,bo,wo,Eo,ko,Co,Lo,Po,Mo=g.div(wo\|\|(wo=t(["\n margin-left: 16px;\n display: flex;\n gap: 12px;\n align-items: center;\n flex-shrink: 0;\n "," {\n margin-left: 8px;\n gap: 8px;\n }\n "," {\n margin-left: 12px;\n gap: 10px;\n }\n"],["\n margin-left: 16px;\n display: flex;\n gap: 12px;\n align-items: center;\n flex-shrink: 0;\n "," {\n margin-left: 8px;\n gap: 8px;\n }\n "," {\n margin-left: 12px;\n gap: 10px;\n }\n"])),Z.pcDown,Z.mbDown),Bo=g.div(Eo\|\|(Eo=t(["\n display: flex;\n align-items: center;\n height: 100%;\n &[data-site-type='marryBaby'] {\n gap: 26px;\n }\n"],["\n display: flex;\n align-items: center;\n height: 100%;\n &[data-site-type='marryBaby'] {\n gap: 26px;\n }\n"]))),Ho=function(n){var e,t=n.onTopBarAppears,i=n.type,a=void 0===i?"home":i,s=n.languageMenu,d=n.menuItems,h=n.setSitewideBannerClosed,g=n.sitewideBannerClosed,f=c($n),x=f.siteType,v=f.isAmp,y=f.isMobile,b=void 0!==y&&y,w=f.locale,k=f.sitewideBanner,L=f.sitewideBannerShown,P=void 0===L\|\|L,M=f.sponsorComponent,B=f.onBookingClick,H=f.currentUrl,N=f.onLoginClick,A=f.configs,T=A.statics,z=A.enableNavCareBooking,_=A.enableSearchBar,S=A.enableNavCare,U=A.enableProfileMyHealth,D=A.enableNavTogether,j=A.enableProfileEcom,Z=A.enableProfileNavigatorMenu,V=f.userState.userInfo,F=f.onLogout,I=f.userProfileRouterPush,O=f.isUserLoading,G=R().t,Y=T.SSO_URL,q=T.HOME_PAGE_URL,Q=!!M,J=r(!1),X=J[0],$=J[1],nn=l(47),en=l(null),tn=l(!1),an="helloSites"===x?null===(e=E[w])\|\|void 0===e?void 0:e.LOGO_TYPE:x,on="undefined"!=typeof window,ln=m(K((function(){if("home"===a&&on){if(!en.current)return;var n=en.current.getBoundingClientRect();n.top<=0&&window.scrollY>nn.current&&window.scrollY>n.height+20&&!tn.current&&(tn.current=!0,$(!0)),window.scrollY<nn.current&&tn.current&&(tn.current=!1,$(!1)),window.scrollY>=0&&(nn.current=window.scrollY)}}),200),[]);p((function(){null==t\|\|t(!X)}),[X]),p((function(){return window.addEventListener("scroll",ln,{passive:!0}),function(){window.removeEventListener("scroll",ln)}}),[]),p((function(){b&&ln()}),[b]);var rn=P&&!!k&&!g;return o.createElement(co,{"data-site-type":x,"data-sponsored":Q,"data-sitewide-banner-shown":rn,"data-header-type":a,"data-collapsed":X,"data-with-search-input":"popup-sub-level"!==a,"data-is-displayed":!0,"data-is-amp":v,id:"site-header",ref:en},k?o.isValidElement(k)?o.cloneElement(k,{isCollapsed:X,setBannerClosed:h,isAmp:v,isMobile:b}):k:null,o.createElement(po,{"data-site-type":x},o.createElement(mo,{"data-site-type":x},o.createElement(so,{menuItems:d,type:a}),o.createElement("a",{href:q},o.createElement(ho,null,o.createElement(W,{style:{display:"flex"},type:an,badge:"id-ID"===w&&(v?o.createElement("amp-img",{src:u.getAssetPath("sehat-badge.png"),width:"56",height:"23"}):o.createElement("img",{src:u.getAssetPath("sehat-badge.png"),width:"56",height:"23"})),dateForSeasonal:new Date,locale:w,key:"undefined"!=typeof window?"client":"server"}))),!v&&("marryBaby"===x?o.createElement(Ao,{menuItems:d}):_&&o.createElement(No,{siteType:x}))),o.createElement(uo,{"data-site-type":x},!v&&("marryBaby"===x?_&&o.createElement(No,{siteType:x}):o.createElement(Ao,{menuItems:d})),o.createElement(Mo,null,z&&!v&&o.createElement(Zi,{mediaQueryKey:"mbUp",forceDisplay:!v&&void 0},o.createElement(to,{careUrlFe:T.CARE_URL_FE,currentUrl:H,btnName:G("login.booking"),onCareHeaderClick:B})),s,o.createElement(Va,{userInfo:V,siteType:x,isAmp:v,onLoginClick:N\|\|function(){var n=window.location.href;window.location.href=Y?"".concat(Y,"?returnUrl=").concat(n):n},SSO_URL:T.SSO_URL+"/",currentUrl:H,onLogout:F,UP_BASEPATH:C,isMyHealthEnabled:U,enableCare:S,enableTogether:D,enableEcom:j,togetherApiDomain:T.TOGETHER_API+"/",isUserProfileNavigatorMenuHidden:!Z,userProfileRouterPush:I,isLoading:O,locale:w})))),M?o.isValidElement(M)?o.cloneElement(M,{isCollapsed:X,locale:w,isMobile:b,isAmp:v}):M:null)},No=function(n){var e=n.siteType;return o.createElement(Zi,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},o.createElement(te,null))},Ao=function(n){var e=n.menuItems,t=c($n),i=t.siteType,a=t.locale,l=t.ssrMenuContent,r=l.categories,s=l.healthTools,d=l.care,p=l.together;return o.createElement(Zi,{mediaQueryKey:"mbUp",style:{height:"100%"}},o.createElement(Bo,{"data-site-type":i},null==e?void 0:e.map((function(n,e){return o.createElement(Oa,{key:e,item:n,menu:"categories"===n.popupType?o.createElement(Ja,{categories:null==r?void 0:r.items,spotlightsList:null==r?void 0:r.spotlights}):"tools"===n.popupType?o.createElement($a,{locale:a,healthTools:null==s?void 0:s.items,spotlightHealthTools:null==s?void 0:s.spotlights}):"together"===n.popupType?o.createElement(Xa,{communities:null==p?void 0:p.items,spotlights:null==p?void 0:p.spotlights}):"care"===n.popupType?o.createElement(Qa,{careSpecialties:null==d?void 0:d.items,spotlights:null==d?void 0:d.spotlights}):null})}))))},To=g.div(Co\|\|(Co=t(["\n --header-z-index: 305;\n top: 0;\n z-index: var(--header-z-index);\n\n "," {\n width: 100vw;\n max-width: 100%;\n }\n --amp-site-wide-closed: 2px;\n\n ","\n\n .amp-header {\n position: fixed;\n z-index: var(--header-z-index);\n top: 0;\n left: 0;\n width: 100vw;\n max-width: 100vw;\n\n > [data-site-type] {\n border-bottom: none;\n }\n }\n\n &.nav-open {\n margin-top: 64px;\n }\n\n &:not(.nav-open) {\n --amp-site-wide-closed: 66px;\n }\n pointer-events: none;\n > amp-lightbox {\n pointer-events: auto;\n }\n > section * {\n pointer-events: auto;\n }\n"],["\n --header-z-index: 305;\n top: 0;\n z-index: var(--header-z-index);\n\n "," {\n width: 100vw;\n max-width: 100%;\n }\n --amp-site-wide-closed: 2px;\n\n ","\n\n .amp-header {\n position: fixed;\n z-index: var(--header-z-index);\n top: 0;\n left: 0;\n width: 100vw;\n max-width: 100vw;\n\n > [data-site-type] {\n border-bottom: none;\n }\n }\n\n &.nav-open {\n margin-top: 64px;\n }\n\n &:not(.nav-open) {\n --amp-site-wide-closed: 66px;\n }\n pointer-events: none;\n > amp-lightbox {\n pointer-events: auto;\n }\n > section * {\n pointer-events: auto;\n }\n"])),Z.mbDown,(function(n){return!n.isAmp&&f(ko\|\|(ko=t(["\n -webkit-transform: translateZ(0);\n position: sticky;\n "],["\n -webkit-transform: translateZ(0);\n position: sticky;\n "])))}));g.div(Lo\|\|(Lo=t(["\n display: flex;\n align-items: center;\n gap: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n"]))),g.a(Po\|\|(Po=t(["\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"])));var zo=function(e){var t,i,a=e.isMobile,d=e.isAmp,h=void 0!==d&&d,g=e.locale,f=e.onTopBarAppears,x=e.languageOptions,v=e.ampSubBar,y=e.sponsorComponent,b=e.sitewideBanner,w=e.sitewideBannerShown,E=e.className,C=r(!1),L=C[0],P=C[1],M=function(){var n=R().t,e=c($n),t=e.siteType,i=e.locale,a=e.configs,o=a.enableNavCare,l=a.enableNavTogether,r=a.enableNavEcom,d=a.statics,p="marryBaby"===t,m=s((function(){var e,t=[{name:n("home.navigator.menuItem.discover"),id:"categories",link:"".concat(d.HOME_PAGE_URL).concat("tl-PH"===i?"/fil":"","/categories"),niceName:"",thumbnail:p?u.getAssetPath("categories-mb.svg"):u.getAssetPath("discover.png"),popupType:"categories"},{name:n("home.navigator.menuItem.healthTools"),id:"tools",link:"".concat(d.HOME_PAGE_URL).concat("tl-PH"===i?"/fil":"").concat((null===(e=k[i])\|\|void 0===e?void 0:e.HEALTH_TOOLS)\|\|""),thumbnail:p?u.getAssetPath("healthtools-mb.svg"):u.getAssetPath("healthTools.png"),popupType:"tools"}];return o&&t.push({name:n("home.navigator.menuItem.helloCare"),id:"care",link:d.HOME_PAGE_URL+"/care",thumbnail:u.getAssetPath("helloCare-thumbnail.png"),popupType:"zh-TW"===i?null:"care"}),l&&t.push({name:n("home.navigator.menuItem.helloTogether"),id:"together",link:d.TOGETHER_URL_FE+"/",thumbnail:p?u.getAssetPath("community-mb.svg"):u.getAssetPath("together.png"),popupType:"together"}),r&&t.push({name:n("home.navigator.menuItem.helloEcom"),id:"ecom",link:d.HOME_PAGE_URL+"/ecom",thumbnail:u.getAssetPath("helloCare-thumbnail.png"),popupType:"shop"}),t}),[i,o,l,r]);return m}();!function(){var e=c($n),t=e.isFirstLogin,i=e.userState.userInfo;p((function(){(null==i?void 0:i.id)&&(t?(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:n({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:n({uuid:null==i?void 0:i.id,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:n({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:n({uuid:null==i?void 0:i.id,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})})}),[])}();var B=h&&{"next-page-hide":""},H=function(n){var e=n.hasSponsoredBanners,t=n.isSiteWide,i=n.isSponsored,a=n.isShowingSiteWideBanner,o=n.isMobile,d=n.showAmpSubBar,c=l(null),h=r(0),u=h[0],g=h[1],f=r(64),x=f[0],v=f[1],y=m($((function(){var n,e,t,i,a=(null===(n=c.current)\|\|void 0===n?void 0:n.clientHeight)\|\|(null===(t=null===(e=c.current)\|\|void 0===e?void 0:e.children[0])\|\|void 0===t?void 0:t.clientHeight)\|\|0;window.scrollY<=a+200&&(g(a),v((null===(i=c.current)\|\|void 0===i?void 0:i.getBoundingClientRect().bottom)\|\|u))}),200),[]);p((function(){return window.addEventListener("resize",y),window.addEventListener("scroll",y),y(),function(){window.removeEventListener("resize",y),window.removeEventListener("scroll",y)}}),[]),p((function(){y()}),[d,o,t,a,i,e,c.current]);var b=s((function(){var n=o?64:69;return a&&(n+=64),i&&(n+=40,e&&(n+=57)),d&&(n+=32),n}),[o,a,e,i,d]);return{defaultHeaderHeight:b,headerHeight:u\|\|b,headerBottom:x,headerRef:c}}({isSiteWide:!!b&&!L,isShowingSiteWideBanner:w&&!!b&&!L,isSponsored:!!y,hasSponsoredBanners:!!(null===(i=null===(t=null==y?void 0:y.props)\|\|void 0===t?void 0:t.sponsoredBy)\|\|void 0===i?void 0:i.length),isMobile:a,showAmpSubBar:h&&!!v}),N=H.headerRef,A=H.defaultHeaderHeight,T=H.headerHeight,z=H.headerBottom;return o.createElement(To,{id:"navigation-v2",style:{"--default-header-height":A+"px","--header-height":"calc(".concat(T,"px - var(--amp-site-wide-closed), 64px)"),"--header-bottom":z+"px"},isAmp:h,className:"".concat(h&&w?"nav-open":""," ").concat(E)},o.createElement("section",n({className:h?"amp-header":void 0,"next-page-replace":"hhg-navigator","amp-fx":"float-in-top"},B,{ref:N,style:h?{overflow:"hidden"}:void 0}),o.createElement(Ho,{menuItems:M,type:"home",onTopBarAppears:a?function(n){f&&f(n)}:void 0,languageMenu:o.createElement(Jn,{languageOptions:x,locale:g}),setSitewideBannerClosed:P,sitewideBannerClosed:L}),a&&h&&void 0!==v&&o.createElement(o.Fragment,null,v)),h&&o.createElement("amp-lightbox",{id:"discover-amp-lightbox",layout:"nodisplay",style:{width:"100vw",maxWidth:"100vw"},on:"lightboxOpen:AMP.setState({menu: {lightbox: 'open'}});lightboxClose:AMP.setState({menu: {lightbox: 'closed'}})"},o.createElement("div",n({style:{position:"absolute",width:"100%",height:"100%"},role:"button",tabIndex:1},{on:"tap:discover-amp-lightbox.close"})),o.createElement(Di,{menuItems:M})))},_o=function(e){var t=n({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return o.createElement(ne,n({},t),o.createElement(zo,n({},t)))},So=function(n){return i(void 0,void 0,void 0,(function(){var e,t,i,o,l,r,s,d,c,p,m,h,u,g,f,x,y,E,k,C,L,P,N,A,T,z,U,R,D,j,Z,V,F,I,O,G;return a(this,(function(a){switch(a.label){case 0:e={},t="vi-VN_MB"===n,a.label=1;case 1:a.trys.push([1,14,,15]),i="tl-PH"===n?"lang=fil":"",a.label=2;case 2:return a.trys.push([2,4,,5]),[4,Promise.all([fetch("".concat(B(n),"/wp-json/api/categories").concat(i?"?"+i:"")).then((function(n){return n.json()})),fetch("".concat(B(n),"/wp-json/api/spotlights?per_page=10").concat(i?"&"+i:"")).then((function(n){return n.json()})),fetch("".concat(B(n),"/wp-json/api/").concat(t?"health-tools":"healthtools").concat(i?"?"+i:"")).then((function(n){return n.json()})),fetch("".concat(B(n),"/wp-json/api/").concat(t?"health-tools":"healthtools","/favorites").concat(i?"?"+i:"")).then((function(n){return n.json()}))])];case 3:return o=a.sent(),l=o[0],r=o[1],s=o[2],d=o[3],e.categories={items:(null===(y=null===(x=null==l?void 0:l.data)\|\|void 0===x?void 0:x.map)\|\|void 0===y?void 0:y.call(x,ta))\|\|[],spotlights:(null===(L=null===(C=null===(k=null===(E=null==r?void 0:r.data)\|\|void 0===E?void 0:E.articles)\|\|void 0===k?void 0:k.map)\|\|void 0===C?void 0:C.call(k,ra))\|\|void 0===L?void 0:L.filter(sa))\|\|[]},e.healthTools={items:(null===(N=null===(P=null==s?void 0:s.data)\|\|void 0===P?void 0:P.map)\|\|void 0===N?void 0:N.call(P,ia))\|\|[],spotlights:(null===(T=null===(A=null==d?void 0:d.data)\|\|void 0===A?void 0:A.map)\|\|void 0===T?void 0:T.call(A,ia))\|\|[]},[3,5];case 4:return a.sent(),[3,5];case 5:if(!t&&!b.includes(n))return[3,9];a.label=6;case 6:return a.trys.push([6,8,,9]),[4,Promise.all([fetch("".concat(M(),"/api/v1/community?website_url=https://").concat(w[n])).then((function(n){return n.json()})),fetch("".concat(M(),"/api/v1/options?website_url=https://").concat(w[n],"&meta_key=popular_post")).then((function(n){return n.json()}))])];case 7:return c=a.sent(),p=c[0],m=c[1],e.together={items:(null===(R=null===(U=null===(z=null==p?void 0:p.data)\|\|void 0===z?void 0:z.communities)\|\|void 0===U?void 0:U.map)\|\|void 0===R?void 0:R.call(U,_))\|\|[],spotlights:(null===(Z=null===(j=null===(D=null==m?void 0:m.data)\|\|void 0===D?void 0:D.posts)\|\|void 0===j?void 0:j.map)\|\|void 0===Z?void 0:Z.call(j,S))\|\|[]},[3,9];case 8:return a.sent(),[3,9];case 9:if(!v.includes(n))return[3,13];a.label=10;case 10:return a.trys.push([10,12,,13]),[4,Promise.all([fetch(H()+"/api/specialties?_ishome=1&site=".concat(w[n])).then((function(n){return n.json()})),fetch(H()+"/api/search/?site=".concat(w[n],"&type=hospital&order_by=total_doctor")).then((function(n){return n.json()}))])];case 11:return h=a.sent(),u=h[0],g=h[1],e.care={items:(null===(I=null===(F=null===(V=null==u?void 0:u._data)\|\|void 0===V?void 0:V.specialties)\|\|void 0===F?void 0:F.map)\|\|void 0===I?void 0:I.call(F,aa))\|\|[],spotlights:(null===(G=null===(O=null==g?void 0:g._data.searches)\|\|void 0===O?void 0:O.map)\|\|void 0===G?void 0:G.call(O,oa))\|\|[]},[3,13];case 12:return a.sent(),[3,13];case 13:return[3,15];case 14:return f=a.sent(),console.error(f),[3,15];case 15:return[2,e]}}))}))},Uo=function(n){return i(void 0,void 0,void 0,(function(){return a(this,(function(e){switch(e.label){case 0:return[4,h("nav-menu-content",(function(){return So(n\|\|"en-PH")}),(function(n){var e,t;return!!(null===(t=null===(e=null==n?void 0:n.categories)\|\|void 0===e?void 0:e.items)\|\|void 0===t?void 0:t.length)}))];case 1:return[2,e.sent()\|\|{}]}}))}))};export{In as F,Jn as L,_o as N,Za as P,Da as U,Uo as a,pa as b,Ra as c,Oi as d,Va as e,So as g};