@hhgtech/hhg-components 1.20.78 → 1.20.79

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 (54) hide show
  1. package/build/babyGrowth.js +1 -1
  2. package/build/care.js +1 -1
  3. package/build/{assets/svg → components/atoms/rateStars}/StarEmptyIcon.d.ts +0 -0
  4. package/build/components/atoms/rateStars/StarFullIcon.d.ts +3 -0
  5. package/build/components/atoms/rateStars/StarHalfIcon.d.ts +3 -0
  6. package/build/components.js +1 -1
  7. package/build/core.js +1 -1
  8. package/build/esm/babyGrowth.js +1 -1
  9. package/build/esm/care.js +1 -1
  10. package/build/esm/components.js +1 -1
  11. package/build/esm/core.js +1 -1
  12. package/build/esm/getSocialList-2f760404.js +1 -0
  13. package/build/esm/index-2cf5cfbc.js +1 -0
  14. package/build/esm/index-504c3846.js +1 -0
  15. package/build/esm/index-5d596e09.js +1 -0
  16. package/build/esm/index-d07fb5d9.js +1 -0
  17. package/build/esm/index.js +1 -1
  18. package/build/esm/misc.js +1 -1
  19. package/build/esm/navigation.js +1 -1
  20. package/build/esm/navigationLayout_deprecated.js +1 -1
  21. package/build/esm/together.js +1 -1
  22. package/build/esm/types-3056e96b.js +1 -0
  23. package/build/esm/types-39d553b4.js +1 -0
  24. package/build/getSocialList-561c9bda.js +1 -0
  25. package/build/index-4b470a77.js +1 -0
  26. package/build/index-5344a5f2.js +1 -0
  27. package/build/index-54c00a5d.js +1 -0
  28. package/build/index-68cc1cba.js +1 -0
  29. package/build/index.js +1 -1
  30. package/build/misc.js +1 -1
  31. package/build/navigation.js +1 -1
  32. package/build/navigationLayout_deprecated.js +1 -1
  33. package/build/together.js +1 -1
  34. package/build/types-6439cc4a.js +1 -0
  35. package/build/types-99bb94eb.js +1 -0
  36. package/package.json +1 -1
  37. package/build/assets/svg/StarFullIcon.d.ts +0 -3
  38. package/build/assets/svg/StarHalfIcon.d.ts +0 -3
  39. package/build/assets/svg/index.d.ts +0 -21
  40. package/build/components/molecules/embeddedHeathToolCards/image.d.ts +0 -1
  41. package/build/esm/getSocialList-ff22842b.js +0 -1
  42. package/build/esm/index-01430f3a.js +0 -1
  43. package/build/esm/index-4bc56f90.js +0 -1
  44. package/build/esm/index-73cb9b5e.js +0 -1
  45. package/build/esm/index-96d80a5a.js +0 -1
  46. package/build/esm/types-b5dae8ce.js +0 -1
  47. package/build/esm/types-c6593bd2.js +0 -1
  48. package/build/getSocialList-2a3b759f.js +0 -1
  49. package/build/index-14ab796a.js +0 -1
  50. package/build/index-701563be.js +0 -1
  51. package/build/index-8824c729.js +0 -1
  52. package/build/index-ee5051e3.js +0 -1
  53. package/build/types-208f084c.js +0 -1
  54. package/build/types-85f7ebc7.js +0 -1
package/build/index-68cc1cba.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";var n=require("./tslib.es6-f7929e76.js"),e=require("react"),t=require("./core-8fcc56eb.js"),a=require("./index.styled-03c4dedb.js"),i=require("./screenSizeContext-60cc891b.js"),o=require("styled-components");require("react-id-generator");var r=require("./index-40476a4b.js"),l=require("date-fns"),d=require("react-day-picker/DayPickerInput"),s=require("./utils-3a287420.js"),p=require("lodash/debounce");require("react-dom");var c=require("./index.styled-1e5dd97e.js"),u=require("lodash"),m=require("./gAssets.js"),h=require("react-range"),g=require("./index-bce6f562.js");require("./Locale-11b51016.js");var f=require("@mantine/core");require("./translationsContext-2d7ea471.js"),require("string-format");var x=require("smoothscroll-polyfill");require("keen-slider/react");var b=require("./getDynamicHealthTool-770421bc.js"),v=require("./index-06ae8f3a.js"),y=require("./index-ef8759f0.js"),w=require("./index-eb84390c.js"),k=require("./theme-696d81a9.js"),E=require("./index-54c00a5d.js"),_=require("./useTranslations-a5b5c74c.js"),C=require("./types-2b3bdf79.js"),T=require("./useHealthToolCache-014adcd3.js");require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW");var L=require("./constants-ca5ea110.js");function D(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var M=D(e),j=D(o),z=D(d),O=D(p),B=D(x),P=function(e){return M.default.createElement("img",n.__assign({src:m.CommonGAssets.getAssetPath("flags/cambodiaRound.png"),style:n.__assign({borderRadius:"50%"},e.style)},e))},S=function(e){return M.default.createElement("img",n.__assign({src:m.CommonGAssets.getAssetPath("flags/cambodiaSquare.png")},e))},A=function(e){return M.default.createElement("svg",n.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n.__assign({borderRadius:"50%"},e.style)},e),M.default.createElement("g",null,M.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},M.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),M.default.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),M.default.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),M.default.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),M.default.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),M.default.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),M.default.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),M.default.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),M.default.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"}),M.default.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),M.default.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"}),M.default.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"})))},N=function(e){return M.default.createElement("svg",n.__assign({viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),M.default.createElement("g",null,M.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},M.default.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"})),M.default.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),M.default.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),M.default.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),M.default.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),M.default.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),M.default.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),M.default.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),M.default.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"}),M.default.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"})))},H=function(e){return M.default.createElement("img",n.__assign({src:m.CommonGAssets.getAssetPath("flags/indiaRound.png"),style:n.__assign({borderRadius:"50%"},e.style)},e))},R=function(e){return M.default.createElement("img",n.__assign({src:m.CommonGAssets.getAssetPath("flags/indiaSquare.png")},e))},U=function(t){var a=t.isTesting,i=n.__rest(t,["isTesting"]),o=e.useRef("id-flag-round-mask-"+(a?1:Math.random()));return M.default.createElement("svg",n.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),M.default.createElement("mask",{id:o.current,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},M.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),M.default.createElement("g",{mask:"url(#".concat(o.current,")")},M.default.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),M.default.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},I=function(t){var a=t.isTesting,i=n.__rest(t,["isTesting"]),o=e.useRef("id-flag-clip-"+(a?1:Math.random()));return M.default.createElement("svg",n.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),M.default.createElement("g",{clipPath:"url(#".concat(o.current,")")},M.default.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),M.default.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),M.default.createElement("defs",null,M.default.createElement("clipPath",{id:o.current},M.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},Z=function(e){return M.default.createElement("svg",n.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n.__assign({borderRadius:"50%"},e.style)},e),M.default.createElement("g",null,M.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},M.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),M.default.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),M.default.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),M.default.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),M.default.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),M.default.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),M.default.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),M.default.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),M.default.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),M.default.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),M.default.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),M.default.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),M.default.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),M.default.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),M.default.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"}),M.default.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"})))},F=function(e){return M.default.createElement("svg",n.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),M.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),M.default.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),M.default.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),M.default.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),M.default.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),M.default.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),M.default.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),M.default.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),M.default.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),M.default.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),M.default.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),M.default.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),M.default.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),M.default.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"}),M.default.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"}))},Q=function(e){return M.default.createElement("svg",n.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n.__assign({borderRadius:"50%"},e.style)},e),M.default.createElement("g",null,M.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},M.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),M.default.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),M.default.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),M.default.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"})))},V=function(e){return M.default.createElement("svg",n.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),M.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),M.default.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),M.default.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"}))},G=function(e){return M.default.createElement("img",n.__assign({src:m.CommonGAssets.getAssetPath("flags/philippineRound.png"),style:n.__assign({borderRadius:"50%"},e.style)},e))},W=function(e){return M.default.createElement("img",n.__assign({src:m.CommonGAssets.getAssetPath("flags/philippineSquare.png")},e))},q=function(e){return M.default.createElement("svg",n.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n.__assign({borderRadius:"50%"},e.style)},e),M.default.createElement("g",null,M.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},M.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),M.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),M.default.createElement("g",null,M.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},M.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),M.default.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),M.default.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),M.default.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}))))},Y=function(e){return M.default.createElement("svg",n.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),M.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),M.default.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),M.default.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}))},X=function(e){return M.default.createElement("svg",n.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n.__assign({borderRadius:"50%"},e.style)},e),M.default.createElement("g",null,M.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},M.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),M.default.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),M.default.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"})))},J=function(e){return M.default.createElement("svg",n.__assign({viewBox:"0 0 24 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),M.default.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),M.default.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"}))},K=function(e){return M.default.createElement("svg",n.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n.__assign({borderRadius:"50%"},e.style)},e),M.default.createElement("g",null,M.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},M.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),M.default.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),M.default.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"})))},$=function(e){return M.default.createElement("svg",n.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),M.default.createElement("g",null,M.default.createElement("clipPath",null,M.default.createElement("rect",{width:"24",height:"16",fill:"white"})),M.default.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"}),M.default.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"})))},nn=function(n){var e,t,i=n.country,o=n.language,r=n.rounded,l=n.height,d=n.width,s=n.isTesting;switch(o){case"en":e=M.default.createElement(N,null),t=M.default.createElement(A,null);break;case"vi":e=M.default.createElement($,null),t=M.default.createElement(K,null);break;case"id":e=M.default.createElement(I,{isTesting:s}),t=M.default.createElement(U,{isTesting:s});break;case"th":e=M.default.createElement(J,null),t=M.default.createElement(X,null);break;case"km":e=M.default.createElement(S,null),t=M.default.createElement(P,null);break;case"ms":e=M.default.createElement(F,null),t=M.default.createElement(Z,null);break;case"my":e=M.default.createElement(V,null),t=M.default.createElement(Q,null);break;case"tl":e=M.default.createElement(W,null),t=M.default.createElement(G,null);break;case"hi":e=M.default.createElement(R,null),t=M.default.createElement(H,null);break;case"zh":e=M.default.createElement(Y,null),t=M.default.createElement(q,null)}if(!e&&!t)switch(i){case"VN":e=M.default.createElement($,null),t=M.default.createElement(K,null);break;case"ID":e=M.default.createElement(I,{isTesting:s}),t=M.default.createElement(U,{isTesting:s});break;case"TH":e=M.default.createElement(J,null),t=M.default.createElement(X,null);break;case"KH":e=M.default.createElement(S,null),t=M.default.createElement(P,null);break;case"MY":e=M.default.createElement(F,null),t=M.default.createElement(Z,null);break;case"MM":e=M.default.createElement(V,null),t=M.default.createElement(Q,null);break;case"PH":e=M.default.createElement(W,null),t=M.default.createElement(G,null);break;case"IN":e=M.default.createElement(R,null),t=M.default.createElement(H,null);break;case"TW":e=M.default.createElement(Y,null),t=M.default.createElement(q,null)}return M.default.createElement(a.StyledFlag,{theme:{width:d,height:l}},r?t:e)},en=function(e){var t=e.type,i=e.size,o=void 0===i?"small":i,r=e.label,l=e.name,d=e.checked,s=e.value,p=e.className,c=e.isDisabled,u=void 0!==c&&c,m=e.onChange,h=e.dataEventCategory,g=e.dataEventAction,f=e.dataEventLabel,x=!!g&&!!h&&!!f?{"data-event-category":h,"data-event-action":g,"data-event-label":f}:{};return M.default.createElement(a.StyledRadio,{"data-disabled":u,className:p,"data-type":t,"data-size":o},M.default.createElement("input",n.__assign({type:"radio",checked:d,name:l,id:"".concat(l,"-").concat(s),value:s,onChange:function(){return m(s)}},x)),M.default.createElement("label",n.__assign({htmlFor:"".concat(l,"-").concat(s)},x),r))};function tn(n){var e=n.rangeRef,t=n.values,i=n.index,o=h.useThumbOverlap(e,t,i,1," - ",(function(n){return n})),r=o[0],l=o[1];return M.default.createElement(M.default.Fragment,null,M.default.createElement(a.StyledLabel,{"data-label":i,style:l},r),M.default.createElement(a.StyledDot,{"data-label":i}))}var an,on,rn,ln,dn,sn,pn,cn,un,mn,hn,gn,fn,xn,bn,vn,yn,wn,kn,En,_n,Cn,Tn,Ln,Dn,Mn,jn,zn,On,Bn,Pn,Sn,An=function(t){var i=t.step,o=t.min,r=t.max,l=t.value,d=t.onChange,s=t.className,p=t.heading,c=t.isMobile,u=void 0!==c&&c,m=["#2D87F3","#DBDFE5"],g=M.default.useRef(null),f=e.useState(l),x=f[0],b=f[1],y=function(n){b(n.map((function(n){return n<o?o:n>r?r:n})))};e.useEffect((function(){y(l)}),[l[0],l[1]]);return M.default.createElement(a.StyledSlider,{className:s},M.default.createElement(h.Range,{ref:g,values:x,onChange:y,onFinalChange:d,renderThumb:function(e){var t=e.props,i=e.index;return M.default.createElement(a.StyledThumb,n.__assign({},t),M.default.createElement(tn,{rangeRef:g.current,values:x,index:i,isMobile:u}))},renderTrack:function(e){var t=e.props,i=e.children,l={background:h.getTrackBackground({values:x,colors:m,min:o,max:r})};return M.default.createElement(M.default.Fragment,null,p&&M.default.createElement(a.Text,{size:"md",type:"bold"},p),M.default.createElement(a.StyledTrackContainer,{style:n.__assign({},t.style)},M.default.createElement(v.Button,{color:"ghost",size:"sm",onClick:function(){return y([x[0]-1])},className:"slider-track-button"},M.default.createElement("svg",{width:"10",height:u?"3":"4",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"slider-track-icon minus",viewBox:"0 0 12 3"},M.default.createElement("path",{d:"M1 1.004h8",stroke:"#595959","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),M.default.createElement(a.StyledTrack,{onMouseDown:t.onMouseDown,onTouchStart:t.onTouchStart,ref:t.ref,style:l},i),M.default.createElement(v.Button,{color:"ghost",size:"sm",onClick:function(){return y([x[0]+1])},className:"slider-track-button"},M.default.createElement("svg",{width:"16",height:u?"16":"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"slider-track-icon plus",viewBox:"0 0 16 16"},M.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:"#595959","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))},step:i,min:o,max:r}))},Nn=j.default.h6(an||(an=n.__makeTemplateObject(["\n color: ",";\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n"],["\n color: ",";\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold})),Hn=j.default.a(on||(on=n.__makeTemplateObject(["\n display: inline-block;\n width: 100%;\n height: 100%;\n color: inherit;\n text-decoration: none;\n\n * {\n pointer-events: none;\n }\n"],["\n display: inline-block;\n width: 100%;\n height: 100%;\n color: inherit;\n text-decoration: none;\n\n * {\n pointer-events: none;\n }\n"]))),Rn=j.default.article(rn||(rn=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: 16px 16px 16px 0;\n background-color: ",";\n cursor: pointer;\n\n [data-event-category] > * {\n pointer-events: none;\n }\n\n .content {\n display: flex;\n width: 100%;\n flex-direction: column;\n\n .inner-content {\n display: flex;\n flex-direction: column;\n p {\n display: flex;\n align-items: center;\n }\n\n a {\n text-decoration: none;\n }\n\n .bookmark {\n width: 18px;\n height: 18px;\n }\n //.title,\n .title a {\n display: -webkit-box;\n overflow: hidden;\n margin-top: 2px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n\n .text {\n display: -webkit-box;\n overflow: hidden;\n max-width: 100%;\n margin-top: 4px;\n //margin-bottom: 26px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n }\n }\n\n .footer {\n display: flex;\n\n .author {\n width: calc(100% - 20px);\n }\n\n .bookmark {\n display: flex;\n width: 12px;\n height: 16px;\n margin-left: 8px;\n cursor: pointer;\n\n svg {\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .banner {\n position: relative;\n min-width: 100px;\n max-width: 100px;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n border-radius: 6px;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 6px;\n object-fit: cover;\n object-position: center;\n pointer-events: none;\n }\n }\n .shoppable {\n position: absolute;\n bottom: 4px;\n left: 6px;\n }\n\n &[data-size='sm'][data-direction='horizontal'] {\n padding: 20px 0;\n\n .label {\n margin-bottom: 0;\n }\n .banner {\n width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n\n "," {\n min-width: 100px;\n max-width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n }\n }\n\n .text {\n display: none;\n }\n }\n\n &[data-direction='horizontal'] {\n .footer {\n margin-top: auto;\n }\n }\n\n &[data-size='md'][data-direction='horizontal'] {\n padding: 16px 0;\n\n .banner {\n min-width: 200px;\n max-width: 200px;\n height: 150px;\n margin: 0 24px 0 0;\n }\n\n "," {\n .text {\n display: none;\n }\n\n .banner {\n min-width: 100px;\n max-width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n }\n\n .specialty {\n display: none;\n }\n }\n }\n\n &[data-direction='vertical'] {\n flex-direction: column;\n padding: 0 0 0 0;\n\n .label {\n margin-top: 16px;\n display: flex;\n }\n\n &[data-size='sm'] {\n .banner {\n height: 150px;\n }\n\n .text {\n display: none;\n }\n\n .title {\n margin-top: 0;\n margin-bottom: 12px;\n }\n }\n\n &[data-size='lg'] {\n .banner {\n max-height: 312px;\n\n "," {\n max-height: 192px;\n }\n }\n\n .text {\n display: -webkit-box;\n margin-top: 8px;\n margin-bottom: 16px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n word-break: break-word;\n }\n }\n\n .banner {\n min-width: 100%;\n height: 468px;\n margin: 0;\n }\n }\n\n &[data-is-expert] {\n .inner-content label.text {\n display: none;\n }\n\n .specialty > [data-tag='h6'] {\n font-size: 13px;\n font-weight: 400;\n line-height: 19px;\n }\n\n &[data-size='md'] .footer .author .avatar {\n margin-right: 8px;\n }\n\n "," {\n &[data-size='md'] .footer .author .avatar {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n }\n\n .title {\n margin-bottom: 16px;\n "," {\n margin-bottom: 8px;\n }\n }\n\n &[data-direction='horizontal'] {\n .footer {\n margin-top: auto;\n }\n }\n }\n"],["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: 16px 16px 16px 0;\n background-color: ",";\n cursor: pointer;\n\n [data-event-category] > * {\n pointer-events: none;\n }\n\n .content {\n display: flex;\n width: 100%;\n flex-direction: column;\n\n .inner-content {\n display: flex;\n flex-direction: column;\n p {\n display: flex;\n align-items: center;\n }\n\n a {\n text-decoration: none;\n }\n\n .bookmark {\n width: 18px;\n height: 18px;\n }\n //.title,\n .title a {\n display: -webkit-box;\n overflow: hidden;\n margin-top: 2px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n\n .text {\n display: -webkit-box;\n overflow: hidden;\n max-width: 100%;\n margin-top: 4px;\n //margin-bottom: 26px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n }\n }\n\n .footer {\n display: flex;\n\n .author {\n width: calc(100% - 20px);\n }\n\n .bookmark {\n display: flex;\n width: 12px;\n height: 16px;\n margin-left: 8px;\n cursor: pointer;\n\n svg {\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .banner {\n position: relative;\n min-width: 100px;\n max-width: 100px;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n border-radius: 6px;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 6px;\n object-fit: cover;\n object-position: center;\n pointer-events: none;\n }\n }\n .shoppable {\n position: absolute;\n bottom: 4px;\n left: 6px;\n }\n\n &[data-size='sm'][data-direction='horizontal'] {\n padding: 20px 0;\n\n .label {\n margin-bottom: 0;\n }\n .banner {\n width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n\n "," {\n min-width: 100px;\n max-width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n }\n }\n\n .text {\n display: none;\n }\n }\n\n &[data-direction='horizontal'] {\n .footer {\n margin-top: auto;\n }\n }\n\n &[data-size='md'][data-direction='horizontal'] {\n padding: 16px 0;\n\n .banner {\n min-width: 200px;\n max-width: 200px;\n height: 150px;\n margin: 0 24px 0 0;\n }\n\n "," {\n .text {\n display: none;\n }\n\n .banner {\n min-width: 100px;\n max-width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n }\n\n .specialty {\n display: none;\n }\n }\n }\n\n &[data-direction='vertical'] {\n flex-direction: column;\n padding: 0 0 0 0;\n\n .label {\n margin-top: 16px;\n display: flex;\n }\n\n &[data-size='sm'] {\n .banner {\n height: 150px;\n }\n\n .text {\n display: none;\n }\n\n .title {\n margin-top: 0;\n margin-bottom: 12px;\n }\n }\n\n &[data-size='lg'] {\n .banner {\n max-height: 312px;\n\n "," {\n max-height: 192px;\n }\n }\n\n .text {\n display: -webkit-box;\n margin-top: 8px;\n margin-bottom: 16px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n word-break: break-word;\n }\n }\n\n .banner {\n min-width: 100%;\n height: 468px;\n margin: 0;\n }\n }\n\n &[data-is-expert] {\n .inner-content label.text {\n display: none;\n }\n\n .specialty > [data-tag='h6'] {\n font-size: 13px;\n font-weight: 400;\n line-height: 19px;\n }\n\n &[data-size='md'] .footer .author .avatar {\n margin-right: 8px;\n }\n\n "," {\n &[data-size='md'] .footer .author .avatar {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n }\n\n .title {\n margin-bottom: 16px;\n "," {\n margin-bottom: 8px;\n }\n }\n\n &[data-direction='horizontal'] {\n .footer {\n margin-top: auto;\n }\n }\n }\n"])),(function(n){return n.theme.colors.white}),i.MediaQueries.mbDown,i.MediaQueries.mbDown,i.MediaQueries.mbDown,i.MediaQueries.tdUp,i.MediaQueries.mbDown),Un=j.default.div(ln||(ln=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-top: 8px;\n\n .author {\n display: flex;\n align-items: center;\n\n .avatar,\n .expert-avatar {\n flex-shrink: 0;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n\n .name {\n font-weight: 600;\n }\n\n .poster {\n display: flex;\n align-items: center;\n white-space: pre-wrap;\n &[data-is-disabled-url='true'] {\n cursor: default;\n a {\n pointer-events: none;\n }\n }\n\n p {\n display: -webkit-box;\n overflow: hidden;\n //font-size: 11px;\n -webkit-box-orient: vertical;\n font-weight: 400;\n -webkit-line-clamp: 3;\n\n a {\n color: ",";\n text-decoration: none;\n }\n\n span:not(.name) {\n color: ",";\n }\n }\n }\n\n .expert {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n a {\n text-decoration: none;\n }\n\n &[data-is-disabled-url='true'] {\n cursor: default;\n a {\n pointer-events: none;\n }\n }\n }\n\n .avatar {\n width: 24px;\n height: 24px;\n margin-right: 8px;\n\n "," {\n margin-right: 4px;\n }\n\n &[data-size='lg'] {\n "," {\n width: 32px;\n height: 32px;\n margin-right: 12px;\n }\n }\n }\n\n .expert-avatar {\n "," {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n\n "," {\n width: 32px;\n height: 32px;\n margin-right: 8px;\n }\n\n &[data-size='lg'] {\n "," {\n width: 64px;\n height: 64px;\n margin-right: 16px;\n }\n\n "," {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n }\n }\n }\n"],["\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-top: 8px;\n\n .author {\n display: flex;\n align-items: center;\n\n .avatar,\n .expert-avatar {\n flex-shrink: 0;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n\n .name {\n font-weight: 600;\n }\n\n .poster {\n display: flex;\n align-items: center;\n white-space: pre-wrap;\n &[data-is-disabled-url='true'] {\n cursor: default;\n a {\n pointer-events: none;\n }\n }\n\n p {\n display: -webkit-box;\n overflow: hidden;\n //font-size: 11px;\n -webkit-box-orient: vertical;\n font-weight: 400;\n -webkit-line-clamp: 3;\n\n a {\n color: ",";\n text-decoration: none;\n }\n\n span:not(.name) {\n color: ",";\n }\n }\n }\n\n .expert {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n a {\n text-decoration: none;\n }\n\n &[data-is-disabled-url='true'] {\n cursor: default;\n a {\n pointer-events: none;\n }\n }\n }\n\n .avatar {\n width: 24px;\n height: 24px;\n margin-right: 8px;\n\n "," {\n margin-right: 4px;\n }\n\n &[data-size='lg'] {\n "," {\n width: 32px;\n height: 32px;\n margin-right: 12px;\n }\n }\n }\n\n .expert-avatar {\n "," {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n\n "," {\n width: 32px;\n height: 32px;\n margin-right: 8px;\n }\n\n &[data-size='lg'] {\n "," {\n width: 64px;\n height: 64px;\n margin-right: 16px;\n }\n\n "," {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n }\n }\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray400}),i.MediaQueries.mbDown,i.MediaQueries.tdUp,i.MediaQueries.mbUp,i.MediaQueries.mbDown,i.MediaQueries.mbUp,i.MediaQueries.mbDown),In=j.default.div(dn||(dn=n.__makeTemplateObject(["\n position: relative;\n display: flex;\n\n & > .collapsed-breadcrumb {\n border: none;\n & > div {\n padding: 0;\n }\n & > ul {\n min-width: max-content;\n }\n }\n\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n font-weight: ",";\n }\n &[data-size='md'] {\n font-size: 14px;\n line-height: 22px;\n font-weight: ",";\n }\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n font-weight: ",";\n }\n"],["\n position: relative;\n display: flex;\n\n & > .collapsed-breadcrumb {\n border: none;\n & > div {\n padding: 0;\n }\n & > ul {\n min-width: max-content;\n }\n }\n\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n font-weight: ",";\n }\n &[data-size='md'] {\n font-size: 14px;\n line-height: 22px;\n font-weight: ",";\n }\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n font-weight: ",";\n }\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular})),Zn=j.default.div(sn||(sn=n.__makeTemplateObject(["\n margin-right: 8px;\n margin-left: 8px;\n width: 6px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n &[data-size='lg'] {\n width: 6px;\n margin-right: 8px;\n margin-left: 8px;\n }\n &[data-size='md'] {\n width: 5px;\n margin-right: 7px;\n margin-left: 7px;\n }\n &[data-size='sm'] {\n width: 4px;\n margin-right: 6px;\n margin-left: 6px;\n }\n"],["\n margin-right: 8px;\n margin-left: 8px;\n width: 6px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n &[data-size='lg'] {\n width: 6px;\n margin-right: 8px;\n margin-left: 8px;\n }\n &[data-size='md'] {\n width: 5px;\n margin-right: 7px;\n margin-left: 7px;\n }\n &[data-size='sm'] {\n width: 4px;\n margin-right: 6px;\n margin-left: 6px;\n }\n"]))),Fn=j.default.div(pn||(pn=n.__makeTemplateObject(["\n max-width: 12em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n > a {\n color: ",";\n cursor: pointer;\n text-decoration: none;\n }\n\n &[data-last='true'] {\n > a {\n color: ",";\n }\n }\n\n > a {\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n }\n\n &[data-disabled] {\n > a {\n cursor: not-allowed;\n color: ",";\n }\n }\n"],["\n max-width: 12em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n > a {\n color: ",";\n cursor: pointer;\n text-decoration: none;\n }\n\n &[data-last='true'] {\n > a {\n color: ",";\n }\n }\n\n > a {\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n }\n\n &[data-disabled] {\n > a {\n cursor: not-allowed;\n color: ",";\n }\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.gray300})),Qn=j.default.a(cn||(cn=n.__makeTemplateObject(["\n display: flex;\n height: 125px;\n\n box-sizing: border-box;\n flex-direction: column;\n align-items: center;\n padding: 8px;\n\n border: 1px solid ",";\n background-color: white;\n border-radius: 6px;\n box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n cursor: pointer;\n text-decoration: none;\n\n & > .banner {\n width: 100%;\n height: 63px;\n text-align: center;\n }\n\n & > .content {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n text-align: center;\n word-break: break-word;\n }\n\n * {\n pointer-events: none;\n }\n"],["\n display: flex;\n height: 125px;\n\n box-sizing: border-box;\n flex-direction: column;\n align-items: center;\n padding: 8px;\n\n border: 1px solid ",";\n background-color: white;\n border-radius: 6px;\n box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n cursor: pointer;\n text-decoration: none;\n\n & > .banner {\n width: 100%;\n height: 63px;\n text-align: center;\n }\n\n & > .content {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n text-align: center;\n word-break: break-word;\n }\n\n * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.neutral100})),Vn=function(n){var e=n.imgBanner,t=n.label,i=n.className,o=n.style,r=n.href,l=void 0===r?"":r,d=n.dataEventCategory,s=n.dataEventAction,p=n.dataEventLabel;return M.default.createElement(Qn,{"data-event-category":d,"data-event-action":s,"data-event-label":p,className:i,style:o,href:l,onClick:function(n){""===l&&n.preventDefault()}},M.default.createElement("div",{className:"banner"},e),M.default.createElement("div",{className:"content"},M.default.createElement(a.Text,{className:"category_name",size:"sm",type:"bold"},t)))},Gn=j.default.div(un||(un=n.__makeTemplateObject(["\n display: flex;\n\n &[data-type='vertical'] {\n flex-direction: column;\n\n div {\n margin-bottom: 20px;\n }\n }\n\n &[data-type='horizontal'] {\n flex-wrap: wrap;\n\n div {\n margin-right: 25px;\n }\n\n &[data-is-rectangle] {\n div {\n margin-right: 14px;\n }\n }\n }\n"],["\n display: flex;\n\n &[data-type='vertical'] {\n flex-direction: column;\n\n div {\n margin-bottom: 20px;\n }\n }\n\n &[data-type='horizontal'] {\n flex-wrap: wrap;\n\n div {\n margin-right: 25px;\n }\n\n &[data-is-rectangle] {\n div {\n margin-right: 14px;\n }\n }\n }\n"]))),Wn={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},qn=j.default.div(mn||(mn=n.__makeTemplateObject(["\n .pickerContainer {\n position: relative;\n padding-top: 0;\n & > div > svg {\n position: absolute;\n top: 36px;\n right: 16px;\n cursor: pointer;\n }\n\n & > :not(:first-child) {\n position: absolute;\n z-index: 1;\n width: 100%;\n }\n }\n\n &[data-is-static] .pickerOverlayWrapper {\n position: static;\n max-width: 250px;\n aspect-ratio: 1 / 1;\n\n > .pickerOverlay {\n padding: 1rem;\n }\n }\n\n .pickerOverlayWrapper {\n min-width: 320px;\n }\n\n &[data-align-right='true'] {\n .pickerOverlayWrapper {\n right: 0;\n }\n }\n\n .pickerOverlay {\n margin-top: 6px;\n background: white;\n border-radius: 6px;\n box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n }\n\n .picker {\n width: 100%;\n }\n\n .react-datepicker-popper {\n .react-datepicker {\n display: flex;\n width: 340px;\n height: 305px;\n align-items: center;\n justify-content: center;\n border: none;\n box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n }\n\n .svg {\n cursor: pointer;\n stroke: ",";\n }\n .react-datepicker__day {\n width: 40px;\n }\n\n .react-datepicker__header {\n border-bottom: 0;\n background-color: white;\n }\n\n .react-datepicker__day--outside-month {\n color: #e9e9e9;\n }\n\n .react-datepicker__day {\n font-weight: ",";\n }\n\n .react-datepicker__day--selected,\n .react-datepicker__day--today,\n .react-datepicker__day--selected:hover,\n .react-datepicker__day--keyboard-selected {\n width: 32px;\n height: 30px;\n margin: 4px;\n margin-bottom: -2px;\n background: ",";\n border-radius: 50%;\n }\n\n .react-datepicker__day-name {\n width: 40px;\n }\n\n .react-datepicker__triangle {\n display: none;\n }\n\n .react-datepicker__header.react-datepicker__header--custom {\n svg {\n stroke: #262626;\n }\n select {\n background: ",";\n text-align: center;\n &:not(:last-child) {\n padding: 8px 10px;\n margin-right: 15px;\n border-radius: 6px;\n }\n }\n }\n }\n\n /* DayPicker styles */\n\n .DayPicker {\n display: inline-block;\n font-size: 1rem;\n }\n\n .DayPicker-wrapper {\n position: relative;\n\n flex-direction: row;\n padding-bottom: 1em;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-Months {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .DayPicker-Month {\n display: table;\n margin: 0 16px;\n margin-top: 16px;\n border-collapse: collapse;\n border-spacing: 0;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-NavBar {\n position: absolute;\n top: 16px;\n left: 0;\n display: flex;\n width: 100%;\n height: 0;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n }\n\n .DayPicker-NavButton {\n width: 24px;\n height: 24px;\n margin-bottom: -47px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n color: #8b9898;\n cursor: pointer;\n }\n\n .DayPicker-NavButton:hover {\n opacity: 0.8;\n }\n\n .DayPicker-NavButton--prev {\n //left: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--next {\n //right: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--interactionDisabled {\n display: none;\n }\n\n .DayPicker-Caption {\n display: table-caption;\n width: 100%;\n height: 46px;\n padding: 0 32px;\n }\n\n .DayPicker-Caption select {\n font-size: 16px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n }\n\n .DayPicker-Weekdays {\n display: table-header-group;\n margin-top: 1em;\n }\n\n .DayPicker-WeekdaysRow {\n display: table-row;\n }\n\n .DayPicker-Weekday {\n display: table-cell;\n padding: 0.5em;\n color: #8b9898;\n font-size: 0.875em;\n text-align: center;\n }\n\n .DayPicker-Weekday abbr[title] {\n border-bottom: none;\n text-decoration: none;\n }\n\n .DayPicker-Body {\n display: table-row-group;\n }\n\n .DayPicker-Week {\n display: table-row;\n }\n\n .DayPicker-Day {\n display: table-cell;\n\n width: 40px;\n height: 40px;\n border-radius: 50%;\n cursor: pointer;\n text-align: center;\n vertical-align: middle;\n }\n\n .DayPicker-WeekNumber {\n display: table-cell;\n min-width: 1em;\n padding: 0.5em;\n border-right: 1px solid #eaecec;\n color: #8b9898;\n cursor: pointer;\n font-size: 0.75em;\n text-align: right;\n vertical-align: middle;\n }\n\n .DayPicker--interactionDisabled .DayPicker-Day {\n cursor: default;\n }\n\n .DayPicker-Footer {\n padding-top: 0.5em;\n }\n\n .DayPicker-TodayButton {\n border: none;\n background-color: transparent;\n background-image: none;\n box-shadow: none;\n color: #4a90e2;\n cursor: pointer;\n font-size: 0.875em;\n }\n\n /* Default modifiers */\n\n .DayPicker-Day--today {\n color: #d0021b;\n font-weight: 700;\n }\n\n .DayPicker-Day--outside {\n color: #8b9898;\n cursor: default;\n }\n\n .DayPicker-Day--disabled {\n color: #dce0e0;\n cursor: default;\n /* background-color: #eff1f1; */\n }\n\n /* Example modifiers */\n\n .DayPicker-Day--sunday {\n background-color: #f7f8f8;\n }\n\n .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n color: #dce0e0;\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n position: relative;\n\n background-color: ",";\n color: #f0f8ff;\n font-weight: ",";\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n background-color: #51a0fa;\n }\n\n .DayPicker:not(.DayPicker--interactionDisabled)\n .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n background-color: #f0f8ff;\n }\n\n /* DayPickerInput */\n\n .DayPickerInput {\n display: inline-block;\n }\n\n .DayPickerInput-OverlayWrapper {\n position: relative;\n }\n\n .DayPickerInput-Overlay {\n position: absolute;\n z-index: 1;\n left: 0;\n\n background: white;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n }\n"],["\n .pickerContainer {\n position: relative;\n padding-top: 0;\n & > div > svg {\n position: absolute;\n top: 36px;\n right: 16px;\n cursor: pointer;\n }\n\n & > :not(:first-child) {\n position: absolute;\n z-index: 1;\n width: 100%;\n }\n }\n\n &[data-is-static] .pickerOverlayWrapper {\n position: static;\n max-width: 250px;\n aspect-ratio: 1 / 1;\n\n > .pickerOverlay {\n padding: 1rem;\n }\n }\n\n .pickerOverlayWrapper {\n min-width: 320px;\n }\n\n &[data-align-right='true'] {\n .pickerOverlayWrapper {\n right: 0;\n }\n }\n\n .pickerOverlay {\n margin-top: 6px;\n background: white;\n border-radius: 6px;\n box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n }\n\n .picker {\n width: 100%;\n }\n\n .react-datepicker-popper {\n .react-datepicker {\n display: flex;\n width: 340px;\n height: 305px;\n align-items: center;\n justify-content: center;\n border: none;\n box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n }\n\n .svg {\n cursor: pointer;\n stroke: ",";\n }\n .react-datepicker__day {\n width: 40px;\n }\n\n .react-datepicker__header {\n border-bottom: 0;\n background-color: white;\n }\n\n .react-datepicker__day--outside-month {\n color: #e9e9e9;\n }\n\n .react-datepicker__day {\n font-weight: ",";\n }\n\n .react-datepicker__day--selected,\n .react-datepicker__day--today,\n .react-datepicker__day--selected:hover,\n .react-datepicker__day--keyboard-selected {\n width: 32px;\n height: 30px;\n margin: 4px;\n margin-bottom: -2px;\n background: ",";\n border-radius: 50%;\n }\n\n .react-datepicker__day-name {\n width: 40px;\n }\n\n .react-datepicker__triangle {\n display: none;\n }\n\n .react-datepicker__header.react-datepicker__header--custom {\n svg {\n stroke: #262626;\n }\n select {\n background: ",";\n text-align: center;\n &:not(:last-child) {\n padding: 8px 10px;\n margin-right: 15px;\n border-radius: 6px;\n }\n }\n }\n }\n\n /* DayPicker styles */\n\n .DayPicker {\n display: inline-block;\n font-size: 1rem;\n }\n\n .DayPicker-wrapper {\n position: relative;\n\n flex-direction: row;\n padding-bottom: 1em;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-Months {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .DayPicker-Month {\n display: table;\n margin: 0 16px;\n margin-top: 16px;\n border-collapse: collapse;\n border-spacing: 0;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-NavBar {\n position: absolute;\n top: 16px;\n left: 0;\n display: flex;\n width: 100%;\n height: 0;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n }\n\n .DayPicker-NavButton {\n width: 24px;\n height: 24px;\n margin-bottom: -47px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n color: #8b9898;\n cursor: pointer;\n }\n\n .DayPicker-NavButton:hover {\n opacity: 0.8;\n }\n\n .DayPicker-NavButton--prev {\n //left: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--next {\n //right: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--interactionDisabled {\n display: none;\n }\n\n .DayPicker-Caption {\n display: table-caption;\n width: 100%;\n height: 46px;\n padding: 0 32px;\n }\n\n .DayPicker-Caption select {\n font-size: 16px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n }\n\n .DayPicker-Weekdays {\n display: table-header-group;\n margin-top: 1em;\n }\n\n .DayPicker-WeekdaysRow {\n display: table-row;\n }\n\n .DayPicker-Weekday {\n display: table-cell;\n padding: 0.5em;\n color: #8b9898;\n font-size: 0.875em;\n text-align: center;\n }\n\n .DayPicker-Weekday abbr[title] {\n border-bottom: none;\n text-decoration: none;\n }\n\n .DayPicker-Body {\n display: table-row-group;\n }\n\n .DayPicker-Week {\n display: table-row;\n }\n\n .DayPicker-Day {\n display: table-cell;\n\n width: 40px;\n height: 40px;\n border-radius: 50%;\n cursor: pointer;\n text-align: center;\n vertical-align: middle;\n }\n\n .DayPicker-WeekNumber {\n display: table-cell;\n min-width: 1em;\n padding: 0.5em;\n border-right: 1px solid #eaecec;\n color: #8b9898;\n cursor: pointer;\n font-size: 0.75em;\n text-align: right;\n vertical-align: middle;\n }\n\n .DayPicker--interactionDisabled .DayPicker-Day {\n cursor: default;\n }\n\n .DayPicker-Footer {\n padding-top: 0.5em;\n }\n\n .DayPicker-TodayButton {\n border: none;\n background-color: transparent;\n background-image: none;\n box-shadow: none;\n color: #4a90e2;\n cursor: pointer;\n font-size: 0.875em;\n }\n\n /* Default modifiers */\n\n .DayPicker-Day--today {\n color: #d0021b;\n font-weight: 700;\n }\n\n .DayPicker-Day--outside {\n color: #8b9898;\n cursor: default;\n }\n\n .DayPicker-Day--disabled {\n color: #dce0e0;\n cursor: default;\n /* background-color: #eff1f1; */\n }\n\n /* Example modifiers */\n\n .DayPicker-Day--sunday {\n background-color: #f7f8f8;\n }\n\n .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n color: #dce0e0;\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n position: relative;\n\n background-color: ",";\n color: #f0f8ff;\n font-weight: ",";\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n background-color: #51a0fa;\n }\n\n .DayPicker:not(.DayPicker--interactionDisabled)\n .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n background-color: #f0f8ff;\n }\n\n /* DayPickerInput */\n\n .DayPickerInput {\n display: inline-block;\n }\n\n .DayPickerInput-OverlayWrapper {\n position: relative;\n }\n\n .DayPickerInput-Overlay {\n position: absolute;\n z-index: 1;\n left: 0;\n\n background: white;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold})),Yn=j.default.form(hn||(hn=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n\n height: 46px;\n align-items: center;\n justify-content: space-between;\n & > :first-child {\n margin-right: 10px;\n }\n\n & * {\n height: 46px;\n padding: 10px 10px;\n background: ",";\n border-radius: 6px;\n }\n"],["\n display: flex;\n width: 100%;\n\n height: 46px;\n align-items: center;\n justify-content: space-between;\n & > :first-child {\n margin-right: 10px;\n }\n\n & * {\n height: 46px;\n padding: 10px 10px;\n background: ",";\n border-radius: 6px;\n }\n"])),(function(n){return n.theme.colors.neutral100})),Xn=function(t){var a=t.alignRight,i=void 0===a||a,o=t.placeholder,r=t.displayDateFormat,d=t.onChange,s=t.customInput,p=t.pickedDate,c=t.className,u=t.isStatic,m=t.disabledDays,h=t.modifiers,g=t.UnHideOnClickOutside,f=t.initialMonth,x=t.locale,b=void 0===x?"en-PH":x,v=e.useRef(!1),y=l.format,w=e.useState(f||new Date),k=w[0],E=w[1],_=e.useRef(null),C=e.useRef(null),T=Wn[b],L=function(n){g||_.current&&_.current.contains(n.target)||C.current&&C.current.hideDayPicker()},D=(new Date).getFullYear(),j=new Date(D-150,0),O=new Date(D+1,0),B=function(n){for(var e=n.date,t=n.onChange,a=n.monthLabels,i=[],o=O.getFullYear();o>=j.getFullYear();o-=1)i.push(o);var r=function(n){var e=n.target.form,a=e.year,i=e.month;t(new Date(a.value,i.value))};return M.default.createElement("div",{className:"DayPicker-Caption"},M.default.createElement(Yn,null,M.default.createElement("select",{name:"month",onChange:r,value:e.getMonth()},a.map((function(n,e){return M.default.createElement("option",{key:n,value:e},n)}))),M.default.createElement("select",{name:"year",onChange:r,value:e.getFullYear()},i.map((function(n){return M.default.createElement("option",{key:n,value:n},n)})))))};return e.useEffect((function(){return document.addEventListener("mousedown",L,!1),function(){document.removeEventListener("mousedown",L,!1)}}),[]),M.default.createElement(qn,{className:c,"data-align-right":i,ref:_,"data-is-static":u||void 0},M.default.createElement(z.default,{ref:C,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:s&&M.default.forwardRef((function(e,t){return M.default.createElement(s,n.__assign({},e))})),onDayPickerHide:function(){v.current=!1},onDayPickerShow:function(){v.current=!0},dayPickerProps:{month:k,className:"picker",selectedDays:p,canChangeMonth:!0,enableOutsideDaysClick:!u,firstDayOfWeek:1,captionElement:function(n){var e=n.date,t=n.localeUtils,a=null==t?void 0:t.getMonths();return M.default.createElement(B,{date:e,monthLabels:T||a,onChange:E})},disabledDays:m||void 0,modifiers:h},format:r||"yyyy-MM-dd",formatDate:function(n,e){return y(n,e)},hideOnDayClick:!u,placeholder:o||"",onDayChange:function(n){var e;e=n,C.current&&!u&&C.current.hideDayPicker(),d&&d(e)},showOverlay:u}))},Jn=j.default.div(gn||(gn=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n --font-weight-lg: ",";\n --font-weight-md: ",";\n --font-weight-sm: ",";\n\n &[data-icon-position='left'] {\n & > *:first-child {\n margin-right: 8px;\n }\n\n & > *:last-child {\n width: calc(100% - 24px);\n }\n }\n &[data-icon-position='right'] {\n & > *:first-child {\n width: calc(100% - 24px);\n }\n & > *:last-child {\n margin-left: 8px;\n }\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--font-weight-lg);\n }\n &[data-size='md'] {\n font-size: 14px;\n line-height: 22px;\n font-weight: var(--font-weight-md);\n }\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n font-weight: var(----font-weight-sm);\n }\n }\n"],["\n display: flex;\n align-items: center;\n --font-weight-lg: ",";\n --font-weight-md: ",";\n --font-weight-sm: ",";\n\n &[data-icon-position='left'] {\n & > *:first-child {\n margin-right: 8px;\n }\n\n & > *:last-child {\n width: calc(100% - 24px);\n }\n }\n &[data-icon-position='right'] {\n & > *:first-child {\n width: calc(100% - 24px);\n }\n & > *:last-child {\n margin-left: 8px;\n }\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--font-weight-lg);\n }\n &[data-size='md'] {\n font-size: 14px;\n line-height: 22px;\n font-weight: var(--font-weight-md);\n }\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n font-weight: var(----font-weight-sm);\n }\n }\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular}),i.MediaQueries.mbDown),Kn=j.default.div(fn||(fn=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n\n & div[role='slider'] {\n -webkit-text-size-adjust: none;\n -webkit-user-select: none;\n &:focus {\n outline: none;\n }\n }\n"],["\n position: relative;\n width: 100%;\n\n & div[role='slider'] {\n -webkit-text-size-adjust: none;\n -webkit-user-select: none;\n &:focus {\n outline: none;\n }\n }\n"]))),$n=j.default.div(xn||(xn=n.__makeTemplateObject(["\n position: absolute;\n top: 19px;\n width: 24px;\n height: 24px;\n color: ",";\n border: 2px solid ",";\n border-radius: 50%;\n transform: translateY(-50%) translateX(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background-color: ",";\n color: ",";\n border: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n color: ",";\n border: none;\n }\n"],["\n position: absolute;\n top: 19px;\n width: 24px;\n height: 24px;\n color: ",";\n border: 2px solid ",";\n border-radius: 50%;\n transform: translateY(-50%) translateX(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background-color: ",";\n color: ",";\n border: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n color: ",";\n border: none;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white})),ne=j.default.div(bn||(bn=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 36px;\n\n &[data-track-type='detail'] {\n margin-top: 0;\n }\n\n &[data-track-type='detail'][data-step-passed='true'] > div {\n border: 1px solid ",";\n height: 0px;\n }\n\n &[data-track-type='detail'] > div {\n border: 1px solid ",";\n height: 0px;\n }\n"],["\n display: flex;\n width: 100%;\n height: 36px;\n\n &[data-track-type='detail'] {\n margin-top: 0;\n }\n\n &[data-track-type='detail'][data-step-passed='true'] > div {\n border: 1px solid ",";\n height: 0px;\n }\n\n &[data-track-type='detail'] > div {\n border: 1px solid ",";\n height: 0px;\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray200})),ee=j.default.div(vn||(vn=n.__makeTemplateObject(["\n width: 100%;\n height: 5px;\n align-self: center;\n border-radius: 4px;\n background-color: ",";\n"],["\n width: 100%;\n height: 5px;\n align-self: center;\n border-radius: 4px;\n background-color: ",";\n"])),(function(n){return n.theme.colors.gray200})),te=j.default.div(yn||(yn=n.__makeTemplateObject(["\n position: absolute;\n top: 32px;\n min-width: 100px;\n text-align: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n\n &[data-step-passed='true'] {\n color: ",";\n }\n"],["\n position: absolute;\n top: 32px;\n min-width: 100px;\n text-align: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n\n &[data-step-passed='true'] {\n color: ",";\n }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800})),ae=j.default.div(wn||(wn=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),ie=j.default.div(kn||(kn=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n font-size: ",";\n font-weight: ",";\n color: ",";\n cursor: pointer;\n\n & > svg {\n height: 10px;\n width: 10px;\n margin: 0 14px;\n }\n\n & > svg > path {\n stroke: ",";\n }\n\n &[data-selected='true'] {\n color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n font-size: ",";\n font-weight: ",";\n color: ",";\n cursor: pointer;\n\n & > svg {\n height: 10px;\n width: 10px;\n margin: 0 14px;\n }\n\n & > svg > path {\n stroke: ",";\n }\n\n &[data-selected='true'] {\n color: ",";\n }\n"])),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase})),oe=j.default.div(En||(En=n.__makeTemplateObject(["\n position: absolute;\n left: 0;\n top: 19px;\n height: 24px;\n cursor: pointer;\n\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n\n padding: 8px;\n background-color: ",";\n"],["\n position: absolute;\n left: 0;\n top: 19px;\n height: 24px;\n cursor: pointer;\n\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n\n padding: 8px;\n background-color: ",";\n"])),(function(n){return n.theme.colors.white})),re=j.default.div(_n||(_n=n.__makeTemplateObject(["\n min-width: 24px;\n height: 24px;\n border: 2px solid ",";\n border-radius: 50%;\n margin-right: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background-color: ",";\n color: ",";\n border: 1px solid ",";\n\n &[data-is-active='true'] {\n border: none;\n background-color: ",";\n color: ",";\n }\n"],["\n min-width: 24px;\n height: 24px;\n border: 2px solid ",";\n border-radius: 50%;\n margin-right: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background-color: ",";\n color: ",";\n border: 1px solid ",";\n\n &[data-is-active='true'] {\n border: none;\n background-color: ",";\n color: ",";\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white})),le=j.default.div(Cn||(Cn=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > svg {\n height: 20px;\n width: 20px;\n margin-right: 8px;\n\n & > path {\n stroke: ",";\n }\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > svg {\n height: 20px;\n width: 20px;\n margin-right: 8px;\n\n & > path {\n stroke: ",";\n }\n }\n"])),(function(n){return n.theme.colors.gray500})),de=j.default.div(Tn||(Tn=n.__makeTemplateObject(["\n color: ",";\n font-size: ",";\n font-weight: ",";\n margin-right: 8px;\n flex: 0 0 auto;\n\n &[data-step-passed='true'] {\n color: ",";\n }\n"],["\n color: ",";\n font-size: ",";\n font-weight: ",";\n margin-right: 8px;\n flex: 0 0 auto;\n\n &[data-step-passed='true'] {\n color: ",";\n }\n"])),(function(n){return n.theme.colors.gray400}),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800})),se=j.default.div(Ln||(Ln=n.__makeTemplateObject(["\n position: absolute;\n top: 32px;\n font-weight: ",";\n color: ",";\n padding-right: 16px;\n"],["\n position: absolute;\n top: 32px;\n font-weight: ",";\n color: ",";\n padding-right: 16px;\n"])),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.gray400})),pe=j.default.div(Dn||(Dn=n.__makeTemplateObject(["\n display: flex;\n\n &[data-direction='vertical'] {\n flex-direction: column;\n\n div {\n &[data-type='circle'] {\n margin-bottom: 20px;\n }\n\n &[data-type='rectangle'] {\n margin-bottom: 20px;\n }\n }\n }\n\n &[data-direction='horizontal'] {\n flex-wrap: wrap;\n\n &[data-group='group1'] {\n div {\n &[data-type='rectangle'] {\n flex-wrap: wrap;\n\n &:first-child {\n label {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n }\n\n &:last-child {\n label {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n }\n\n &:not(:last-child) {\n label {\n border-right: unset;\n }\n }\n\n label {\n border-radius: unset;\n }\n }\n }\n }\n\n &[data-group='group2'] {\n div {\n &[data-type='rectangle'] {\n flex-wrap: wrap;\n margin-right: 8px;\n margin-bottom: 8px;\n }\n }\n }\n\n div {\n &[data-type='circle'] {\n margin-right: 25px;\n }\n\n &[data-type='rectangle'] {\n margin-bottom: 20px;\n }\n }\n }\n"],["\n display: flex;\n\n &[data-direction='vertical'] {\n flex-direction: column;\n\n div {\n &[data-type='circle'] {\n margin-bottom: 20px;\n }\n\n &[data-type='rectangle'] {\n margin-bottom: 20px;\n }\n }\n }\n\n &[data-direction='horizontal'] {\n flex-wrap: wrap;\n\n &[data-group='group1'] {\n div {\n &[data-type='rectangle'] {\n flex-wrap: wrap;\n\n &:first-child {\n label {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n }\n\n &:last-child {\n label {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n }\n\n &:not(:last-child) {\n label {\n border-right: unset;\n }\n }\n\n label {\n border-radius: unset;\n }\n }\n }\n }\n\n &[data-group='group2'] {\n div {\n &[data-type='rectangle'] {\n flex-wrap: wrap;\n margin-right: 8px;\n margin-bottom: 8px;\n }\n }\n }\n\n div {\n &[data-type='circle'] {\n margin-right: 25px;\n }\n\n &[data-type='rectangle'] {\n margin-bottom: 20px;\n }\n }\n }\n"]))),ce=M.default.forwardRef((function(n,t){var a=n.id,i=n.value,o=n.options,r=n.className,l=n.type,d=void 0===l?"circle":l,s=n.isDisabled,p=n.size,c=void 0===p?"small":p,u=n.direction,m=void 0===u?"vertical":u,h=n.group,g=void 0===h?"group1":h,f=n.onChange,x=n.dataEventCategory,b=n.dataEventAction,v=n.dataEventLabel,y=e.useState(i),w=y[0],k=y[1];e.useImperativeHandle(t,(function(){return{reset:function(){k(i)}}}));var E=function(n){k(n),f&&f(n)};return M.default.createElement(pe,{className:r,"data-direction":m,"data-group":g},o.map((function(n){var t=w===n.value;return M.default.createElement(e.Fragment,{key:"".concat(a,"-").concat(n.value)},M.default.createElement(en,{type:d,size:c,label:n.label,name:a,checked:t,value:n.value,isDisabled:s,onChange:!s&&E,dataEventCategory:x,dataEventAction:b,dataEventLabel:v}),t&&n.renderActivated&&n.renderActivated())})))})),ue=j.default.div(Mn||(Mn=n.__makeTemplateObject(["\n --menu-width: 240px;\n --menu-spacing: 28px 16px;\n width: var(--menu-width);\n height: 100vh;\n padding: var(--menu-spacing);\n background-color: ",";\n transition: ease-in-out 0.5s;\n\n &[data-is-collapsed] {\n --menu-width: 64px;\n --menu-spacing: 28px 8px;\n }\n"],["\n --menu-width: 240px;\n --menu-spacing: 28px 16px;\n width: var(--menu-width);\n height: 100vh;\n padding: var(--menu-spacing);\n background-color: ",";\n transition: ease-in-out 0.5s;\n\n &[data-is-collapsed] {\n --menu-width: 64px;\n --menu-spacing: 28px 8px;\n }\n"])),(function(n){return n.theme.colors.neutral50})),me=j.default.div(jn||(jn=n.__makeTemplateObject(["\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n\n svg {\n transition: 0.4s ease-in-out;\n }\n"],["\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n\n svg {\n transition: 0.4s ease-in-out;\n }\n"]))),he=j.default.div(zn||(zn=n.__makeTemplateObject(["\n cursor: pointer;\n &[data-is-collapsed] {\n transform: rotate(180deg);\n }\n"],["\n cursor: pointer;\n &[data-is-collapsed] {\n transform: rotate(180deg);\n }\n"]))),ge=j.default.figure(On||(On=n.__makeTemplateObject(["\n display: flex;\n\n > img,\n svg,\n picture {\n width: 40px;\n height: 40px;\n margin-right: 1rem;\n border-radius: 6px;\n object-fit: cover;\n }\n\n > figcaption {\n p + p {\n margin-top: 2px;\n }\n }\n"],["\n display: flex;\n\n > img,\n svg,\n picture {\n width: 40px;\n height: 40px;\n margin-right: 1rem;\n border-radius: 6px;\n object-fit: cover;\n }\n\n > figcaption {\n p + p {\n margin-top: 2px;\n }\n }\n"]))),fe=function(n){var e=n.name,t=n.description,i=n.image,o=n.isDescriptionHidden;return M.default.createElement(ge,null,i,!o&&M.default.createElement("figcaption",null,M.default.createElement(a.Text,{size:"p4",type:"bold"},e),M.default.createElement(a.Text,{size:"p4"},t)))},xe=j.default.div(Bn||(Bn=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 24px;\n margin-bottom: 36px;\n\n figcaption {\n white-space: nowrap;\n }\n\n &[data-is-collapsed='true'] {\n img {\n max-width: 2rem;\n max-height: 2rem;\n }\n }\n"],["\n display: flex;\n align-items: center;\n margin-top: 24px;\n margin-bottom: 36px;\n\n figcaption {\n white-space: nowrap;\n }\n\n &[data-is-collapsed='true'] {\n img {\n max-width: 2rem;\n max-height: 2rem;\n }\n }\n"]))),be=j.default.div(Pn||(Pn=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: 9px 21px;\n margin-bottom: 4px;\n border-radius: 6px;\n\n &:not([data-is-link-active]) {\n cursor: pointer;\n }\n\n p {\n margin-left: 12px;\n }\n\n &[data-is-link-active] {\n background: ",";\n }\n\n &[data-is-link-collapsed] {\n justify-content: center;\n margin-right: -14px;\n margin-left: -14px;\n }\n"],["\n display: flex;\n align-items: center;\n padding: 9px 21px;\n margin-bottom: 4px;\n border-radius: 6px;\n\n &:not([data-is-link-active]) {\n cursor: pointer;\n }\n\n p {\n margin-left: 12px;\n }\n\n &[data-is-link-active] {\n background: ",";\n }\n\n &[data-is-link-collapsed] {\n justify-content: center;\n margin-right: -14px;\n margin-left: -14px;\n }\n"])),(function(n){return n.theme.colors.primaryBase})),ve=j.default.div(Sn||(Sn=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n > .container {\n display: flex;\n width: 100%;\n -ms-overflow-style: none;\n overflow-x: auto;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n .section {\n display: flex;\n width: 100%;\n flex-direction: column;\n flex-shrink: 0;\n margin: auto;\n\n > .grid-layout {\n display: grid;\n width: 100%;\n grid-row-gap: 8px;\n\n > .item-grid {\n width: 100%;\n\n > * {\n margin: 0 auto;\n }\n }\n }\n\n .progress-bar {\n display: grid;\n height: 15px;\n margin-bottom: 10px;\n\n .items-progress {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n\n .icon-status {\n position: absolute;\n display: flex;\n }\n\n .line {\n width: 50%;\n height: 2px;\n background-color: ",";\n }\n }\n }\n }\n }\n\n .bullet-nav {\n position: absolute;\n z-index: ",";\n bottom: -30px;\n left: 50%;\n display: flex;\n transform: translate(-50%, -50%);\n }\n\n .bullet-nav__link {\n display: block;\n width: 8px;\n height: 8px;\n padding: 0;\n margin-right: 8px;\n backface-visibility: hidden;\n background-color: #e4e8ec;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .bullet-nav__link.active[data-scheme='hellosites'] {\n background-color: ",";\n }\n\n .bullet-nav__link.active[data-scheme='marrybaby'] {\n background-color: ",";\n }\n\n .arrow-left {\n position: absolute;\n z-index: 10;\n top: 50%;\n left: -35px;\n transform: translateY(-50%);\n &[data-event-category] > * {\n pointer-events: none;\n }\n }\n\n .arrow-right {\n position: absolute;\n z-index: 10;\n top: 50%;\n right: -35px;\n transform: translateY(-50%);\n &[data-event-category] > * {\n pointer-events: none;\n }\n }\n\n .image-gallery-wrapper {\n display: flex;\n position: relative;\n margin-top: 16px;\n justify-content: center;\n gap: 16px;\n .image-block {\n display: block;\n width: 100%;\n border: 2px solid transparent;\n border-radius: 4px;\n }\n .image-block.active {\n border-color: ",";\n }\n img {\n height: 40px;\n width: auto;\n max-width: 100%;\n }\n }\n"],["\n position: relative;\n width: 100%;\n > .container {\n display: flex;\n width: 100%;\n -ms-overflow-style: none;\n overflow-x: auto;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n .section {\n display: flex;\n width: 100%;\n flex-direction: column;\n flex-shrink: 0;\n margin: auto;\n\n > .grid-layout {\n display: grid;\n width: 100%;\n grid-row-gap: 8px;\n\n > .item-grid {\n width: 100%;\n\n > * {\n margin: 0 auto;\n }\n }\n }\n\n .progress-bar {\n display: grid;\n height: 15px;\n margin-bottom: 10px;\n\n .items-progress {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n\n .icon-status {\n position: absolute;\n display: flex;\n }\n\n .line {\n width: 50%;\n height: 2px;\n background-color: ",";\n }\n }\n }\n }\n }\n\n .bullet-nav {\n position: absolute;\n z-index: ",";\n bottom: -30px;\n left: 50%;\n display: flex;\n transform: translate(-50%, -50%);\n }\n\n .bullet-nav__link {\n display: block;\n width: 8px;\n height: 8px;\n padding: 0;\n margin-right: 8px;\n backface-visibility: hidden;\n background-color: #e4e8ec;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .bullet-nav__link.active[data-scheme='hellosites'] {\n background-color: ",";\n }\n\n .bullet-nav__link.active[data-scheme='marrybaby'] {\n background-color: ",";\n }\n\n .arrow-left {\n position: absolute;\n z-index: 10;\n top: 50%;\n left: -35px;\n transform: translateY(-50%);\n &[data-event-category] > * {\n pointer-events: none;\n }\n }\n\n .arrow-right {\n position: absolute;\n z-index: 10;\n top: 50%;\n right: -35px;\n transform: translateY(-50%);\n &[data-event-category] > * {\n pointer-events: none;\n }\n }\n\n .image-gallery-wrapper {\n display: flex;\n position: relative;\n margin-top: 16px;\n justify-content: center;\n gap: 16px;\n .image-block {\n display: block;\n width: 100%;\n border: 2px solid transparent;\n border-radius: 4px;\n }\n .image-block.active {\n border-color: ",";\n }\n img {\n height: 40px;\n width: auto;\n max-width: 100%;\n }\n }\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.zIndexes.belowHeader}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.primaryBase}));"undefined"!=typeof window&&B.default.polyfill();var ye,we,ke,Ee,_e,Ce,Te,Le,De,Me,je,ze,Oe,Be,Pe,Se,Ae,Ne,He,Re,Ue,Ie=function(n){var e=n.status;return"inActive"===e?M.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===e?M.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),M.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===e?M.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),M.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):M.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}))},Ze=j.default.button(ye||(ye=n.__makeTemplateObject(["\n background: #ffffff;\n border: 1px solid ",";\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n -2px 2px 5px rgba(67, 86, 100, 0.123689);\n border-radius: 24px;\n cursor: pointer;\n width: 32px;\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &[data-is-disabled='true'] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n\n &[data-is-left='true'] {\n left: -16px;\n }\n &[data-is-left='false'] {\n right: -16px;\n left: auto;\n }\n"],["\n background: #ffffff;\n border: 1px solid ",";\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n -2px 2px 5px rgba(67, 86, 100, 0.123689);\n border-radius: 24px;\n cursor: pointer;\n width: 32px;\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &[data-is-disabled='true'] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n\n &[data-is-left='true'] {\n left: -16px;\n }\n &[data-is-left='false'] {\n right: -16px;\n left: auto;\n }\n"])),(function(n){return n.theme.colors.neutral200})),Fe=j.default.button(we||(we=n.__makeTemplateObject(["\n background: ",";\n border-radius: 50%;\n cursor: pointer;\n width: 8px;\n height: 8px;\n\n &[data-is-active='true'] {\n background: ",";\n\n &[data-is-hellosites='false'] {\n background: ",";\n }\n }\n"],["\n background: ",";\n border-radius: 50%;\n cursor: pointer;\n width: 8px;\n height: 8px;\n\n &[data-is-active='true'] {\n background: ",";\n\n &[data-is-hellosites='false'] {\n background: ",";\n }\n }\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink})),Qe=j.default.div(ke||(ke=n.__makeTemplateObject(["\n ","\n\n .navigation-wrapper {\n position: relative;\n\n .page-items {\n display: grid;\n grid-template-columns: repeat(\n ",",\n 1fr\n );\n grid-template-rows: repeat(",", 1fr);\n gap: 12px;\n }\n }\n\n .dots {\n margin-top: 24px;\n display: flex;\n justify-content: center;\n gap: 8px;\n }\n"],["\n ","\n\n .navigation-wrapper {\n position: relative;\n\n .page-items {\n display: grid;\n grid-template-columns: repeat(\n ",",\n 1fr\n );\n grid-template-rows: repeat(",", 1fr);\n gap: 12px;\n }\n }\n\n .dots {\n margin-top: 24px;\n display: flex;\n justify-content: center;\n gap: 8px;\n }\n"])),"\n .keen-slider:not([data-keen-slider-disabled]) {\n align-content: flex-start;\n display: flex;\n overflow: hidden;\n position: relative;\n user-select: none;\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n width: 100%;\n\n .keen-slider__slide {\n position: relative;\n overflow: hidden;\n width: 100%;\n min-height: 100%;\n }\n\n &[data-keen-slider-reverse] {\n flex-direction: row-reverse;\n }\n\n &[data-keen-slider-v] {\n flex-wrap: wrap;\n }\n }\n\n [data-keen-slider-moves] * {\n pointer-events: none;\n }\n}\n",(function(n){return n.column}),(function(n){return n.row})),Ve=j.default.div(Ee||(Ee=n.__makeTemplateObject(["\n border-radius: 6px;\n ","\n"],["\n border-radius: 6px;\n ","\n"])),(function(n){return n["data-is-in-card"]&&"\n padding: 12px; \n background-color: ".concat(n["data-card-color"],";")})),Ge=j.default.div(_e||(_e=n.__makeTemplateObject(["\n width: 13px;\n height: 13px;\n margin-right: 10px;\n background-color: ",";\n border-radius: 50%;\n"],["\n width: 13px;\n height: 13px;\n margin-right: 10px;\n background-color: ",";\n border-radius: 50%;\n"])),(function(n){return n["data-color"]})),We=j.default.div(Ce||(Ce=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n"],["\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular})),qe=j.default.div(Te||(Te=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 4px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n\n & > svg {\n width: 24px;\n height: 24px;\n margin-right: 12px;\n }\n\n &[data-size='small'] {\n margin-left: 23px;\n font-size: ",";\n font-weight: ",";\n }\n"],["\n display: flex;\n align-items: center;\n margin-top: 4px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n\n & > svg {\n width: 24px;\n height: 24px;\n margin-right: 12px;\n }\n\n &[data-size='small'] {\n margin-left: 23px;\n font-size: ",";\n font-weight: ",";\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsHeading2}),(function(n){return n.theme.sizes.fwSemiBold}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold})),Ye=j.default.table(Le||(Le=n.__makeTemplateObject(["\n --horizontal-spacing: ",";\n --vertical-spacing: ",";\n width: 100%;\n position: relative;\n"],["\n --horizontal-spacing: ",";\n --vertical-spacing: ",";\n width: 100%;\n position: relative;\n"])),(function(n){return n.theme.horizontalPadding||"19px"}),(function(n){return n.theme.verticalPadding||"26px"})),Xe=j.default.td(De||(De=n.__makeTemplateObject(["\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n vertical-align: middle;\n\n &[data-text-align='left'] {\n text-align: left;\n }\n &[data-text-align='right'] {\n text-align: right;\n }\n &[data-text-align='center'] {\n text-align: center;\n }\n"],["\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n vertical-align: middle;\n\n &[data-text-align='left'] {\n text-align: left;\n }\n &[data-text-align='right'] {\n text-align: right;\n }\n &[data-text-align='center'] {\n text-align: center;\n }\n"]))),Je=j.default.tr(Me||(Me=n.__makeTemplateObject(["\n border-bottom: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n }\n"],["\n border-bottom: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n }\n"])),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray200})),Ke=function(n){var e=n.children,t=n.className,a=n.style,i=n.isActive,o=n.onRowClicked,r=n.rowId;return M.default.createElement(Je,{className:t,"data-is-active":i,style:a,onClick:function(){o&&o(r)}},e)},$e=j.default.thead(je||(je=n.__makeTemplateObject(["\n th {\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n text-align: left;\n\n color: ",";\n font-weight: ",";\n }\n &[data-is-sticky] {\n th {\n position: sticky;\n top: 0;\n background: white;\n border-bottom: 2px solid\n ",";\n }\n }\n"],["\n th {\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n text-align: left;\n\n color: ",";\n font-weight: ",";\n }\n &[data-is-sticky] {\n th {\n position: sticky;\n top: 0;\n background: white;\n border-bottom: 2px solid\n ",";\n }\n }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray200})),nt=j.default.tbody(ze||(ze=n.__makeTemplateObject(["\n position: relative;\n &[data-is-striped] {\n > tr:nth-child(odd) {\n background-color: ",";\n }\n }\n &[data-is-hoverable] {\n > tr:hover {\n background-color: ",";\n }\n }\n"],["\n position: relative;\n &[data-is-striped] {\n > tr:nth-child(odd) {\n background-color: ",";\n }\n }\n &[data-is-hoverable] {\n > tr:hover {\n background-color: ",";\n }\n }\n"])),(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.neutral100})),et=j.default.ul(Oe||(Oe=n.__makeTemplateObject(["\n display: inline-flex;\n max-width: 100%;\n border-bottom: 1px solid\n ",";\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: hidden;\n"],["\n display: inline-flex;\n max-width: 100%;\n border-bottom: 1px solid\n ",";\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: hidden;\n"])),(function(n){return n.theme.colors.neutral100})),tt=j.default.li(Be||(Be=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-bottom: 4px;\n\n "," {\n height: 37px;\n }\n\n "," {\n height: 35px;\n }\n\n p {\n color: ",";\n white-space: nowrap;\n }\n\n &:not(:last-child) {\n margin-right: 24px;\n }\n\n &[data-is-tab-active] {\n p {\n color: ",";\n }\n border-bottom: 3px solid\n ",";\n bottom: -1px;\n position: relative;\n }\n\n &:not([data-is-tab-active]) {\n cursor: pointer;\n }\n\n &:focus-visible {\n border: 2px solid ",";\n }\n"],["\n display: flex;\n align-items: center;\n padding-bottom: 4px;\n\n "," {\n height: 37px;\n }\n\n "," {\n height: 35px;\n }\n\n p {\n color: ",";\n white-space: nowrap;\n }\n\n &:not(:last-child) {\n margin-right: 24px;\n }\n\n &[data-is-tab-active] {\n p {\n color: ",";\n }\n border-bottom: 3px solid\n ",";\n bottom: -1px;\n position: relative;\n }\n\n &:not([data-is-tab-active]) {\n cursor: pointer;\n }\n\n &:focus-visible {\n border: 2px solid ",";\n }\n"])),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.colors.gray400}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray600})),at=j.default.div(Pe||(Pe=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),it=j.default.div(Se||(Se=n.__makeTemplateObject(["\n margin-right: 8px;\n"],["\n margin-right: 8px;\n"]))),ot=j.default.div(Ae||(Ae=n.__makeTemplateObject(["\n padding: 1rem;\n background: ",";\n .survey-inner-wrapper {\n padding: 1.25rem 1rem 1.5rem;\n background: ",";\n border-radius: 6px;\n .survey-header {\n border-bottom: 1px solid #dbdfe5;\n margin-bottom: 12px;\n .survey-header-text {\n color: ",";\n }\n }\n\n .survey-contact-submit {\n width: 100%;\n margin-bottom: 1.5rem;\n }\n .term-policy-container {\n width: 70%;\n min-width: 210px;\n max-width: 100%;\n margin: 0 auto 1.5rem;\n text-align: center;\n }\n\n .survey-progress-wrapper {\n width: calc(100% + 2rem);\n height: 4px;\n margin-bottom: 1rem;\n margin-left: -1rem;\n background: #e4e8ec;\n .survey-progress {\n width: 100%;\n height: 100%;\n background: #00b16a;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform ease-in-out 0.3s;\n }\n }\n\n .survey-button-wrapper {\n display: flex;\n justify-content: flex-end;\n button {\n justify-content: center;\n &[data-has-icon='true'] {\n svg {\n width: 10px;\n height: 10px;\n margin-right: 10px;\n vertical-align: unset;\n }\n }\n &.survey-next-button {\n &[data-has-icon='true'] {\n svg {\n margin-right: 0;\n margin-left: 10px;\n }\n }\n }\n }\n &[data-center='true'] {\n justify-content: center;\n button:only-child {\n width: 200px;\n max-width: 80%;\n }\n }\n .survey-prev-button {\n margin-right: 0.5rem;\n }\n }\n }\n"],["\n padding: 1rem;\n background: ",";\n .survey-inner-wrapper {\n padding: 1.25rem 1rem 1.5rem;\n background: ",";\n border-radius: 6px;\n .survey-header {\n border-bottom: 1px solid #dbdfe5;\n margin-bottom: 12px;\n .survey-header-text {\n color: ",";\n }\n }\n\n .survey-contact-submit {\n width: 100%;\n margin-bottom: 1.5rem;\n }\n .term-policy-container {\n width: 70%;\n min-width: 210px;\n max-width: 100%;\n margin: 0 auto 1.5rem;\n text-align: center;\n }\n\n .survey-progress-wrapper {\n width: calc(100% + 2rem);\n height: 4px;\n margin-bottom: 1rem;\n margin-left: -1rem;\n background: #e4e8ec;\n .survey-progress {\n width: 100%;\n height: 100%;\n background: #00b16a;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform ease-in-out 0.3s;\n }\n }\n\n .survey-button-wrapper {\n display: flex;\n justify-content: flex-end;\n button {\n justify-content: center;\n &[data-has-icon='true'] {\n svg {\n width: 10px;\n height: 10px;\n margin-right: 10px;\n vertical-align: unset;\n }\n }\n &.survey-next-button {\n &[data-has-icon='true'] {\n svg {\n margin-right: 0;\n margin-left: 10px;\n }\n }\n }\n }\n &[data-center='true'] {\n justify-content: center;\n button:only-child {\n width: 200px;\n max-width: 80%;\n }\n }\n .survey-prev-button {\n margin-right: 0.5rem;\n }\n }\n }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray500})),rt=j.default(a.StyledRadio)(Ne||(Ne=n.__makeTemplateObject(["\n &[data-type='circle'] {\n padding: 16px 20px;\n border: 0.5px solid transparent;\n background: #fafafa;\n border-radius: 6px;\n &[data-checked='true'] {\n border: 0.5px solid #2d87f3;\n background: #f7f9fc;\n }\n input {\n border: solid 2px #737373;\n margin-right: 0;\n background: white;\n &[type='checkbox'] {\n &:checked {\n border: 0;\n background: ","\n url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' fill='%232D87F3' stroke='%232D87F3' stroke-width='2'/%3E%3Cpath d='M15.5714 8L9.67857 14L7 11.2727' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n no-repeat center center;\n &:after {\n display: none;\n }\n }\n }\n }\n\n &[data-has-image='true'] {\n position: relative;\n display: block;\n padding: 12px;\n input {\n position: absolute;\n top: 20px;\n right: 20px;\n }\n .choice-image-wrapper {\n position: relative;\n padding-top: 56.25%;\n margin-bottom: 0.75rem;\n img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n object-fit: cover;\n }\n }\n }\n }\n"],["\n &[data-type='circle'] {\n padding: 16px 20px;\n border: 0.5px solid transparent;\n background: #fafafa;\n border-radius: 6px;\n &[data-checked='true'] {\n border: 0.5px solid #2d87f3;\n background: #f7f9fc;\n }\n input {\n border: solid 2px #737373;\n margin-right: 0;\n background: white;\n &[type='checkbox'] {\n &:checked {\n border: 0;\n background: ","\n url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' fill='%232D87F3' stroke='%232D87F3' stroke-width='2'/%3E%3Cpath d='M15.5714 8L9.67857 14L7 11.2727' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n no-repeat center center;\n &:after {\n display: none;\n }\n }\n }\n }\n\n &[data-has-image='true'] {\n position: relative;\n display: block;\n padding: 12px;\n input {\n position: absolute;\n top: 20px;\n right: 20px;\n }\n .choice-image-wrapper {\n position: relative;\n padding-top: 56.25%;\n margin-bottom: 0.75rem;\n img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n object-fit: cover;\n }\n }\n }\n }\n"])),(function(n){return n.theme.colors.primaryBase})),lt=j.default.div(He||(He=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n padding-top: min(400px, 100%);\n .survey-thankyou-wrapper-inner {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n .survey-thankyou-icon {\n width: 36%;\n max-height: 50%;\n margin-bottom: 1.5rem;\n }\n .survey-thankyou-title {\n margin-bottom: 1rem;\n text-align: center;\n }\n .survey-thankyou-subtitle {\n text-align: center;\n > * {\n text-align: center;\n }\n }\n }\n"],["\n position: relative;\n width: 100%;\n padding-top: min(400px, 100%);\n .survey-thankyou-wrapper-inner {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n .survey-thankyou-icon {\n width: 36%;\n max-height: 50%;\n margin-bottom: 1.5rem;\n }\n .survey-thankyou-title {\n margin-bottom: 1rem;\n text-align: center;\n }\n .survey-thankyou-subtitle {\n text-align: center;\n > * {\n text-align: center;\n }\n }\n }\n"]))),dt=j.default.div(Re||(Re=n.__makeTemplateObject(["\n .survey-question-text-wrapper {\n margin-bottom: 24px;\n .survey-question-title {\n margin-bottom: 4px;\n }\n .survey-question-subtitle,\n .survey-question-description {\n color: ",";\n }\n }\n .survey-question-image {\n width: 100%;\n margin-bottom: 12px;\n border-radius: 6px;\n }\n\n .survey-question-answer-wrapper {\n margin-bottom: 1.5rem;\n .survey-question-options-wrapper {\n display: grid;\n grid-gap: 0.5rem;\n grid-template-columns: 1fr;\n &[data-has-image='true'] {\n grid-gap: 0.8rem;\n grid-template-columns: 1fr 1fr;\n }\n .survey-question-option-item {\n label {\n color: #262626;\n font-size: 16px;\n font-style: normal;\n font-weight: normal;\n line-height: 24px;\n }\n }\n }\n .survey-contact-input {\n margin-bottom: 1rem;\n &:first-child {\n margin-top: 1rem;\n }\n label {\n font-weight: 700;\n }\n input {\n margin-top: 6px;\n }\n }\n }\n"],["\n .survey-question-text-wrapper {\n margin-bottom: 24px;\n .survey-question-title {\n margin-bottom: 4px;\n }\n .survey-question-subtitle,\n .survey-question-description {\n color: ",";\n }\n }\n .survey-question-image {\n width: 100%;\n margin-bottom: 12px;\n border-radius: 6px;\n }\n\n .survey-question-answer-wrapper {\n margin-bottom: 1.5rem;\n .survey-question-options-wrapper {\n display: grid;\n grid-gap: 0.5rem;\n grid-template-columns: 1fr;\n &[data-has-image='true'] {\n grid-gap: 0.8rem;\n grid-template-columns: 1fr 1fr;\n }\n .survey-question-option-item {\n label {\n color: #262626;\n font-size: 16px;\n font-style: normal;\n font-weight: normal;\n line-height: 24px;\n }\n }\n }\n .survey-contact-input {\n margin-bottom: 1rem;\n &:first-child {\n margin-top: 1rem;\n }\n label {\n font-weight: 700;\n }\n input {\n margin-top: 6px;\n }\n }\n }\n"])),(function(n){return n.theme.colors.gray500})),st=function(n){var e=n.size,t=void 0===e?"small":e,a=n.label,i=n.name,o=n.checked,r=n.value,l=n.className,d=n.isDisabled,s=void 0!==d&&d,p=n.onChange,c=n.hasImage,u=n.inputType,m=n.image;return M.default.createElement(rt,{"data-disabled":s,className:l,"data-type":"circle","data-size":t,"data-checked":o,onClick:function(){p(r)},"data-has-image":c},c&&M.default.createElement("div",{className:"choice-image-wrapper"},m&&M.default.createElement("img",{src:m})),M.default.createElement("label",{onClick:function(n){n.preventDefault()},htmlFor:"".concat(i,"-").concat(r)},a),M.default.createElement("input",{type:u,checked:o,name:i,id:"".concat(i,"-").concat(r),value:r,readOnly:!0}))},pt=function(n){var t=n.question,i=n.description,o=n.onOptionsChange,r=n.onTextOptionsChange,l=n.style,d=n.className,s=t.type,p=t.title,c=t.subtitle,u=t.image,m=t.textOptions,h=t.options,g=t.name,f=t.is_multi_select,x=!!(null==h?void 0:h.some((function(n){return n.image}))),b=e.useState([]),v=b[0],k=b[1],E=e.useState((function(){return(null==m?void 0:m.slice())||[]})),_=E[0],C=E[1];return e.useEffect((function(){o&&o(v.slice())}),[!!o,v]),e.useEffect((function(){r&&r(_)}),[!!r,_]),M.default.createElement(dt,{className:d,style:l},M.default.createElement("div",{className:"survey-question-text-wrapper"},p&&M.default.createElement(y.Heading,{"data-nosubtitle":!c,className:"survey-question-title",tag:"h4"},p),c&&M.default.createElement(a.Text,{className:"survey-question-subtitle",size:"p2"},c),i&&M.default.createElement(a.Text,{className:"survey-question-description",size:"p2"},i)),u&&M.default.createElement("img",{src:u,className:"survey-question-image"}),M.default.createElement("div",{className:"survey-question-answer-wrapper"},"radio"===s&&M.default.createElement("div",{"data-has-image":x,className:"survey-question-options-wrapper"},h.map((function(n){var e;return M.default.createElement(st,{inputType:"radio",label:n.label,name:g,key:"".concat(g,"-").concat(n.value),checked:(null===(e=v[0])||void 0===e?void 0:e.value)===n.value,value:n.value,onChange:function(n){k([h.find((function(e){return e.value===n}))])},className:"survey-question-option-item",image:n.image,hasImage:x})}))),"checkbox"===s&&M.default.createElement("div",{"data-has-image":x,className:"survey-question-options-wrapper"},h.map((function(n){return M.default.createElement(st,{inputType:"checkbox",label:n.label,name:g,key:"".concat(g,"-").concat(n.value),checked:!!v.find((function(e){return e.value===n.value})),value:n.value,onChange:function(){var e=v.findIndex((function(e){return e.value===n.value}));k(e>=0?function(n){return n.splice(e,1),n.slice()}:f?function(e){return e.concat(n).slice()}:[n])},className:"survey-question-option-item survey-option-radio",image:n.image,hasImage:x})}))),"textbox"===s&&_.map((function(n,e){return n.isTextArea?M.default.createElement(a.TextArea,{key:e,placeholder:n.placeholder,height:"150px",value:n.value,onChange:function(n){return C((function(t){return t[e].value=n,t.slice()}))}}):M.default.createElement(w.Input,{key:e,value:n.value,name:n.name,size:"md",className:"survey-contact-input",label:n.label,placeholder:n.placeholder,onChange:function(n){C((function(t){return t[e].value=n,t.slice()}))},type:n.type})}))))};!function(n){n[n.UNLIMITED=0]="UNLIMITED",n[n.EXACT_NUMBER=1]="EXACT_NUMBER",n[n.RANGE=2]="RANGE"}(Ue||(Ue={}));var ct,ut,mt,ht,gt,ft,xt,bt,vt,yt,wt,kt,Et,_t,Ct,Tt,Lt,Dt,Mt,jt,zt,Ot=j.default.div(ct||(ct=n.__makeTemplateObject([""],[""]))),Bt=j.default.div(ut||(ut=n.__makeTemplateObject(["\n width: 100vw;\n height: 100vh;\n position: fixed;\n bottom: 0;\n right: 0;\n background-color: ",";\n opacity: 0.83;\n transition: display ","ms linear;\n\n [data-floatmenu-open='true'] & {\n animation: showBackgroundPanel ","ms linear 0s normal\n forwards;\n }\n\n [data-floatmenu-open='false'] & {\n animation: hideBackgroundPanel ","ms linear 0s normal\n forwards;\n }\n\n @keyframes showBackgroundPanel {\n 0% {\n opacity: 0;\n width: 100vw;\n height: 100vh;\n }\n 100% {\n opacity: 0.83;\n }\n }\n\n @keyframes hideBackgroundPanel {\n 0% {\n width: 100vw;\n height: 100vh;\n }\n 99% {\n width: 100vw;\n height: 100vh;\n }\n 100% {\n opacity: 0;\n width: 0;\n height: 0;\n }\n }\n"],["\n width: 100vw;\n height: 100vh;\n position: fixed;\n bottom: 0;\n right: 0;\n background-color: ",";\n opacity: 0.83;\n transition: display ","ms linear;\n\n [data-floatmenu-open='true'] & {\n animation: showBackgroundPanel ","ms linear 0s normal\n forwards;\n }\n\n [data-floatmenu-open='false'] & {\n animation: hideBackgroundPanel ","ms linear 0s normal\n forwards;\n }\n\n @keyframes showBackgroundPanel {\n 0% {\n opacity: 0;\n width: 100vw;\n height: 100vh;\n }\n 100% {\n opacity: 0.83;\n }\n }\n\n @keyframes hideBackgroundPanel {\n 0% {\n width: 100vw;\n height: 100vh;\n }\n 99% {\n width: 100vw;\n height: 100vh;\n }\n 100% {\n opacity: 0;\n width: 0;\n height: 0;\n }\n }\n"])),(function(n){var e,t;return n.theme.colors.white||(null===(t=null===(e=n.theme.colors)||void 0===e?void 0:e.palette)||void 0===t?void 0:t.white)}),200,200,200),Pt=j.default.div(mt||(mt=n.__makeTemplateObject(["\n position: fixed;\n right: 16px;\n bottom: 40px;\n"],["\n position: fixed;\n right: 16px;\n bottom: 40px;\n"]))),St=j.default.div(ht||(ht=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n transition: all ","ms ease-in-out;\n position: fixed;\n bottom: 112px;\n right: 16px;\n\n // scale\n [data-animation-type='scale'] & {\n transform-origin: 100% 100%;\n }\n\n [data-animation-type='scale'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='scale'][data-floatmenu-open='false'] & {\n transform: scale(0);\n bottom: 46px;\n right: 36px;\n }\n"],["\n display: flex;\n flex-direction: column;\n gap: 16px;\n transition: all ","ms ease-in-out;\n position: fixed;\n bottom: 112px;\n right: 16px;\n\n // scale\n [data-animation-type='scale'] & {\n transform-origin: 100% 100%;\n }\n\n [data-animation-type='scale'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='scale'][data-floatmenu-open='false'] & {\n transform: scale(0);\n bottom: 46px;\n right: 36px;\n }\n"])),200),At=j.default.div(gt||(gt=n.__makeTemplateObject(["\n border-radius: 50%;\n width: 56px;\n height: 56px;\n position: relative;\n cursor: pointer;\n margin-left: auto;\n transition: all 0.1s linear;\n -webkit-tap-highlight-color: transparent;\n [data-site-type='hb'] & {\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n }\n [data-site-type='mb'] & {\n background-color: #2d87f3;\n &:hover {\n background-color: #2c74df;\n }\n }\n\n &:before {\n content: '';\n width: 2px;\n height: 20px;\n background-color: ",";\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:after {\n content: '';\n width: 20px;\n height: 2px;\n background-color: ",";\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n [data-floatmenu-open='true'] &:before,\n [data-floatmenu-open='true'] &:after {\n animation: toX ","ms linear 0s normal forwards;\n }\n\n [data-floatmenu-open='false'] &:before,\n [data-floatmenu-open='false'] &:after {\n animation: toPlus ","ms linear 0s normal forwards;\n }\n\n @keyframes toX {\n 0% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 49% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 50% {\n width: 2px;\n height: 2px;\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 100% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n }\n\n @keyframes toPlus {\n 0% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 49% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 50% {\n width: 2px;\n height: 2px;\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 100% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n }\n"],["\n border-radius: 50%;\n width: 56px;\n height: 56px;\n position: relative;\n cursor: pointer;\n margin-left: auto;\n transition: all 0.1s linear;\n -webkit-tap-highlight-color: transparent;\n [data-site-type='hb'] & {\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n }\n [data-site-type='mb'] & {\n background-color: #2d87f3;\n &:hover {\n background-color: #2c74df;\n }\n }\n\n &:before {\n content: '';\n width: 2px;\n height: 20px;\n background-color: ",";\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:after {\n content: '';\n width: 20px;\n height: 2px;\n background-color: ",";\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n [data-floatmenu-open='true'] &:before,\n [data-floatmenu-open='true'] &:after {\n animation: toX ","ms linear 0s normal forwards;\n }\n\n [data-floatmenu-open='false'] &:before,\n [data-floatmenu-open='false'] &:after {\n animation: toPlus ","ms linear 0s normal forwards;\n }\n\n @keyframes toX {\n 0% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 49% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 50% {\n width: 2px;\n height: 2px;\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 100% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n }\n\n @keyframes toPlus {\n 0% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 49% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 50% {\n width: 2px;\n height: 2px;\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 100% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n }\n"])),(function(n){return n.theme.colors.primaryBase||n.theme.colors.primary}),(function(n){var e,t;return n.theme.colors.primaryHover||(null===(t=null===(e=n.theme.colors)||void 0===e?void 0:e.palette)||void 0===t?void 0:t.blue_700)}),(function(n){var e,t;return n.theme.colors.white||(null===(t=null===(e=n.theme.colors)||void 0===e?void 0:e.palette)||void 0===t?void 0:t.white)}),(function(n){var e,t;return n.theme.colors.white||(null===(t=null===(e=n.theme.colors)||void 0===e?void 0:e.palette)||void 0===t?void 0:t.white)}),200,200),Nt=j.default.div(ft||(ft=n.__makeTemplateObject(["\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: flex-end;\n\n width: fit-content;\n margin-left: auto;\n\n [data-floatmenu-open='true'] {\n cursor: pointer;\n }\n [data-floatmenu-open='false'] {\n pointer-events: none;\n }\n\n [data-animation-type='zoom'] &,\n [data-animation-type='slide'] & {\n position: absolute;\n right: 0;\n width: max-content;\n }\n // slide\n [data-animation-type='slide'] & {\n transition: all ","ms ease-in;\n }\n\n [data-animation-type='slide'][data-floatmenu-open='true'] & {\n animation: showItem ","ms;\n }\n [data-animation-type='slide'][data-floatmenu-open='false'] & {\n bottom: -64px !important;\n animation: hideItemOnZoom ","ms normal forwards;\n }\n\n // zoom\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n animation: hideItemOnZoom ","ms normal forwards;\n }\n\n @keyframes showItem {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes hideItemOnZoom {\n 0% {\n transform: translateX(0);\n opacity: 1;\n }\n\n 99% {\n transform: translateX(0);\n opacity: 0.5;\n }\n\n 100% {\n transform: translateX(calc(100% + 16px));\n opacity: 0;\n }\n }\n"],["\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: flex-end;\n\n width: fit-content;\n margin-left: auto;\n\n [data-floatmenu-open='true'] {\n cursor: pointer;\n }\n [data-floatmenu-open='false'] {\n pointer-events: none;\n }\n\n [data-animation-type='zoom'] &,\n [data-animation-type='slide'] & {\n position: absolute;\n right: 0;\n width: max-content;\n }\n // slide\n [data-animation-type='slide'] & {\n transition: all ","ms ease-in;\n }\n\n [data-animation-type='slide'][data-floatmenu-open='true'] & {\n animation: showItem ","ms;\n }\n [data-animation-type='slide'][data-floatmenu-open='false'] & {\n bottom: -64px !important;\n animation: hideItemOnZoom ","ms normal forwards;\n }\n\n // zoom\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n animation: hideItemOnZoom ","ms normal forwards;\n }\n\n @keyframes showItem {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes hideItemOnZoom {\n 0% {\n transform: translateX(0);\n opacity: 1;\n }\n\n 99% {\n transform: translateX(0);\n opacity: 0.5;\n }\n\n 100% {\n transform: translateX(calc(100% + 16px));\n opacity: 0;\n }\n }\n"])),200,200,250,250),Ht=j.default.div(xt||(xt=n.__makeTemplateObject(["\n font-size: 14px;\n\n // zoom\n [data-animation-type='zoom'] & {\n transition: transform ","ms ease-in-out;\n transform-origin: 100% 0;\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n transform: scale(0);\n }\n\n // slide\n [data-animation-type='slide'] & {\n transition: opacity ","ms;\n }\n [data-animation-type='slide'][data-floatmenu-open='true'] & {\n opacity: 1;\n }\n [data-animation-type='slide'][data-floatmenu-open='false'] & {\n opacity: 0;\n }\n"],["\n font-size: 14px;\n\n // zoom\n [data-animation-type='zoom'] & {\n transition: transform ","ms ease-in-out;\n transform-origin: 100% 0;\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n transform: scale(0);\n }\n\n // slide\n [data-animation-type='slide'] & {\n transition: opacity ","ms;\n }\n [data-animation-type='slide'][data-floatmenu-open='true'] & {\n opacity: 1;\n }\n [data-animation-type='slide'][data-floatmenu-open='false'] & {\n opacity: 0;\n }\n"])),200,200),Rt=j.default.div(bt||(bt=n.__makeTemplateObject(["\n border-radius: 50%;\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n\n // zoom\n [data-animation-type='zoom'] & {\n transition: transform ","ms ease-in-out;\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n transform: scale(0);\n }\n\n > img {\n width: 24px;\n height: 24px;\n object-fit: contain;\n }\n"],["\n border-radius: 50%;\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n\n // zoom\n [data-animation-type='zoom'] & {\n transition: transform ","ms ease-in-out;\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n transform: scale(0);\n }\n\n > img {\n width: 24px;\n height: 24px;\n object-fit: contain;\n }\n"])),(function(n){var e,t;return n.theme.colors.white||(null===(t=null===(e=n.theme.colors)||void 0===e?void 0:e.palette)||void 0===t?void 0:t.white)}),200),Ut=j.default.div(vt||(vt=n.__makeTemplateObject(["\n padding: 16px;\n width: 375px;\n word-wrap: break-word;\n word-break: break-word;\n "," {\n width: 100%;\n }\n &[data-theme='helloSites'] {\n background: ",";\n box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n }\n &[data-theme='marryBaby'] {\n border: none;\n background: ",";\n border-radius: 12px 12px 0 0;\n }\n &[data-is-open='false'] {\n display: none;\n }\n &[data-default-position='true'] {\n position: fixed;\n z-index: 1000;\n bottom: 0;\n right: 0;\n "," {\n left: 0;\n right: unset;\n }\n }\n"],["\n padding: 16px;\n width: 375px;\n word-wrap: break-word;\n word-break: break-word;\n "," {\n width: 100%;\n }\n &[data-theme='helloSites'] {\n background: ",";\n box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n }\n &[data-theme='marryBaby'] {\n border: none;\n background: ",";\n border-radius: 12px 12px 0 0;\n }\n &[data-is-open='false'] {\n display: none;\n }\n &[data-default-position='true'] {\n position: fixed;\n z-index: 1000;\n bottom: 0;\n right: 0;\n "," {\n left: 0;\n right: unset;\n }\n }\n"])),i.MediaQueries.mbDown,(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.pink}),i.MediaQueries.mbDown),It=j.default.p(yt||(yt=n.__makeTemplateObject(["\n position: relative;\n padding-left: 24px;\n color: ",";\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n &[data-has-content='true'] {\n ::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 16px;\n height: 16px;\n margin: auto 0;\n content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n }\n }\n"],["\n position: relative;\n padding-left: 24px;\n color: ",";\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n &[data-has-content='true'] {\n ::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 16px;\n height: 16px;\n margin: auto 0;\n content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n }\n }\n"])),(function(n){return n.theme.colors.white})),Zt=j.default.p(wt||(wt=n.__makeTemplateObject(["\n margin-top: 2px;\n color: ",";\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n a {\n color: ",";\n text-decoration: none;\n text-decoration-line: underline;\n }\n"],["\n margin-top: 2px;\n color: ",";\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n a {\n color: ",";\n text-decoration: none;\n text-decoration-line: underline;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),Ft=j.default.div(kt||(kt=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 8px;\n gap: 16px;\n"],["\n display: flex;\n align-items: center;\n margin-top: 8px;\n gap: 16px;\n"]))),Qt=j.default.div(Et||(Et=n.__makeTemplateObject(["\n padding: 7px 28px;\n background: ",";\n border-radius: 6px;\n color: ",";\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n line-height: 18px;\n"],["\n padding: 7px 28px;\n background: ",";\n border-radius: 6px;\n color: ",";\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n line-height: 18px;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.secondaryBase})),Vt=j.default.a(_t||(_t=n.__makeTemplateObject(["\n color: ",";\n font-size: 12px;\n font-weight: 600;\n line-height: 22px;\n text-decoration: none;\n text-decoration-line: underline;\n"],["\n color: ",";\n font-size: 12px;\n font-weight: 600;\n line-height: 22px;\n text-decoration: none;\n text-decoration-line: underline;\n"])),(function(n){return n.theme.colors.white})),Gt=o.keyframes(Ct||(Ct=n.__makeTemplateObject(["\n from {\n transform: translateY(100%);\n visibility: visible;\n }\n\n to {\n transform: translateY(0);\n }\n"],["\n from {\n transform: translateY(100%);\n visibility: visible;\n }\n\n to {\n transform: translateY(0);\n }\n"]))),Wt=o.keyframes(Tt||(Tt=n.__makeTemplateObject(["\n from {\n transform: translate(0, 0);\n }\n\n to {\n visibility: hidden;\n transform: translate(0, 100%);\n }\n"],["\n from {\n transform: translate(0, 0);\n }\n\n to {\n visibility: hidden;\n transform: translate(0, 100%);\n }\n"]))),qt=j.default.div(Lt||(Lt=n.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-items: center;\n gap: 4px;\n\n .mobile-navigation-label {\n font-weight: 500;\n font-size: 10px;\n line-height: 16px;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 70px;\n }\n\n .mobile-navigation-icon {\n position: relative;\n height: 24px;\n &[data-no-label='true'] {\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width: 40px;\n height: 40px;\n transition: background-color 200ms ease-in;\n &:hover {\n background-color: ",";\n }\n }\n }\n\n &[data-is-special='true'] {\n .mobile-navigation-icon {\n height: 32px;\n }\n }\n\n &[data-is-active='true'] {\n .mobile-navigation-label {\n color: ",";\n }\n }\n\n &[data-is-disabled='true'] {\n opacity: 0.2;\n }\n"],["\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-items: center;\n gap: 4px;\n\n .mobile-navigation-label {\n font-weight: 500;\n font-size: 10px;\n line-height: 16px;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 70px;\n }\n\n .mobile-navigation-icon {\n position: relative;\n height: 24px;\n &[data-no-label='true'] {\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width: 40px;\n height: 40px;\n transition: background-color 200ms ease-in;\n &:hover {\n background-color: ",";\n }\n }\n }\n\n &[data-is-special='true'] {\n .mobile-navigation-icon {\n height: 32px;\n }\n }\n\n &[data-is-active='true'] {\n .mobile-navigation-label {\n color: ",";\n }\n }\n\n &[data-is-disabled='true'] {\n opacity: 0.2;\n }\n"])),k.theme.colors.gray600,k.theme.colors.blue50,k.theme.colors.primaryBase),Yt=j.default.div(Dt||(Dt=n.__makeTemplateObject(["\n z-index: 100;\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-height: 64px;\n min-height: 64px;\n display: grid;\n grid-template-columns: repeat(",", 1fr);\n grid-template-rows: 1fr;\n grid-column-gap: 0px;\n grid-row-gap: 0px;\n align-items: flex-end;\n padding-bottom: 8px;\n padding-top: 4px;\n\n background-color: ",";\n border: 1px solid ",";\n a {\n text-decoration: none;\n }\n &[data-is-collapsed='true'] {\n animation: "," 500ms ease-in-out forwards;\n }\n\n &[data-is-collapsed='false'] {\n animation: "," 500ms ease-in-out forwards;\n }\n"],["\n z-index: 100;\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-height: 64px;\n min-height: 64px;\n display: grid;\n grid-template-columns: repeat(",", 1fr);\n grid-template-rows: 1fr;\n grid-column-gap: 0px;\n grid-row-gap: 0px;\n align-items: flex-end;\n padding-bottom: 8px;\n padding-top: 4px;\n\n background-color: ",";\n border: 1px solid ",";\n a {\n text-decoration: none;\n }\n &[data-is-collapsed='true'] {\n animation: "," 500ms ease-in-out forwards;\n }\n\n &[data-is-collapsed='false'] {\n animation: "," 500ms ease-in-out forwards;\n }\n"])),(function(n){return n.numberOfChildren}),k.theme.colors.white,k.theme.colors.neutral100,Wt,Gt),Xt=j.default.span(Mt||(Mt=n.__makeTemplateObject(["\n position: absolute;\n left: 100%;\n transform: translate(-10px, calc(-50% + 3px));\n background-color: ",";\n border-radius: 32px;\n border: 2px solid ",";\n padding: 1px 4px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 20px;\n aspect-ratio: 1;\n &[data-no-label='true'] {\n left: 0;\n transform: translate(22px, -50%);\n }\n"],["\n position: absolute;\n left: 100%;\n transform: translate(-10px, calc(-50% + 3px));\n background-color: ",";\n border-radius: 32px;\n border: 2px solid ",";\n padding: 1px 4px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 20px;\n aspect-ratio: 1;\n &[data-no-label='true'] {\n left: 0;\n transform: translate(22px, -50%);\n }\n"])),k.theme.colors.green800,k.theme.colors.white);j.default.div(jt||(jt=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 3px;\n background-color: ",";\n transition: width 150ms linear;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 3px;\n background-color: ",";\n transition: width 150ms linear;\n"])),k.theme.colors.primaryBase),j.default.div(zt||(zt=n.__makeTemplateObject(["\n a {\n text-decoration: none;\n }\n"],["\n a {\n text-decoration: none;\n }\n"])));var Jt=function(e){var t=e.badgeAmount,i=e.disabled,o=void 0!==i&&i,r=e.hasBadge,l=void 0!==r&&r,d=e.icon,s=e.isActive,p=void 0!==s&&s,c=e.isSpecial,u=void 0!==c&&c,m=e.label,h=n.__rest(e,["badgeAmount","disabled","hasBadge","icon","isActive","isSpecial","label"]);return M.default.createElement(qt,n.__assign({"data-is-special":u,"data-is-active":p,"data-is-disabled":o},h),M.default.createElement("div",{className:"mobile-navigation-icon","data-no-label":!Boolean(m)},l&&M.default.createElement(Xt,{"data-no-label":!Boolean(m)},M.default.createElement(a.Text,{size:"s5",type:"semiBold",color:k.theme.colors.white},t)),d),m&&M.default.createElement("span",{className:"mobile-navigation-label"},m))},Kt=function(e){var t=e.children,a=e.numberOfChildren,i=void 0===a?5:a,o=e.on,r=void 0===o?"":o,l=e.isCollapsed,d=void 0!==l&&l,s=n.__rest(e,["children","numberOfChildren","on","isCollapsed"]);return M.default.createElement(Yt,n.__assign({numberOfChildren:i,on:r,"data-is-collapsed":d},s),t)};Kt.Icon=Jt;var $t=j.default.div(na||(na=n.__makeTemplateObject(["\n margin-top: 8px;\n &[data-is-mobile='false'] {\n display: flex;\n width: 60%;\n min-width: 600px;\n align-items: center;\n & > :first-child {\n margin-right: 18px;\n }\n }\n"],["\n margin-top: 8px;\n &[data-is-mobile='false'] {\n display: flex;\n width: 60%;\n min-width: 600px;\n align-items: center;\n & > :first-child {\n margin-right: 18px;\n }\n }\n"])));j.default.div(ea||(ea=n.__makeTemplateObject(["\n &[data-is-mobile='false'] {\n max-width: 540px;\n }\n "," {\n padding-right: 120px;\n }\n"],["\n &[data-is-mobile='false'] {\n max-width: 540px;\n }\n "," {\n padding-right: 120px;\n }\n"])),i.MediaQueries.tdUp);var na,ea,ta,aa,ia,oa,ra,la,da=j.default.div(ta||(ta=n.__makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n margin-top: 10px;\n color: ",";\n font-size: ",";\n > img {\n margin-top: 2px;\n margin-right: 4px;\n }\n &[data-is-mobile='false'] {\n margin-top: 12px;\n > img {\n width: 16px;\n height: 16px;\n }\n }\n &[data-is-mobile='true'] {\n > img {\n width: 14px;\n height: 14px;\n }\n }\n"],["\n display: flex;\n align-items: flex-start;\n margin-top: 10px;\n color: ",";\n font-size: ",";\n > img {\n margin-top: 2px;\n margin-right: 4px;\n }\n &[data-is-mobile='false'] {\n margin-top: 12px;\n > img {\n width: 16px;\n height: 16px;\n }\n }\n &[data-is-mobile='true'] {\n > img {\n width: 14px;\n height: 14px;\n }\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4})),sa=j.default.div(aa||(aa=n.__makeTemplateObject(["\n position: absolute;\n z-index: 0;\n right: 16px;\n bottom: -10px;\n display: flex;\n min-width: 100px;\n max-width: 100px;\n min-height: 100px;\n align-items: center;\n img {\n width: 100px;\n height: 100px;\n }\n &[data-is-mobile='false'] {\n bottom: -34px;\n\n right: 45px;\n\n img {\n width: 100%;\n height: 100%;\n }\n }\n "," {\n width: 70px;\n }\n"],["\n position: absolute;\n z-index: 0;\n right: 16px;\n bottom: -10px;\n display: flex;\n min-width: 100px;\n max-width: 100px;\n min-height: 100px;\n align-items: center;\n img {\n width: 100px;\n height: 100px;\n }\n &[data-is-mobile='false'] {\n bottom: -34px;\n\n right: 45px;\n\n img {\n width: 100%;\n height: 100%;\n }\n }\n "," {\n width: 70px;\n }\n"])),i.MediaQueries.mbDown),pa=j.default.div(ia||(ia=n.__makeTemplateObject(["\n position: relative;\n z-index: 1;\n padding: 8px 16px;\n max-width: 100%;\n &[data-is-mobile='false'] {\n max-width: calc(100% - 210px);\n }\n"],["\n position: relative;\n z-index: 1;\n padding: 8px 16px;\n max-width: 100%;\n &[data-is-mobile='false'] {\n max-width: calc(100% - 210px);\n }\n"]))),ca=j.default.div(oa||(oa=n.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),ua=j.default.div(ra||(ra=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n background-color: inherit;\n background-image: url(",");\n background-position: bottom center;\n background-repeat: no-repeat;\n background-size: cover;\n padding-bottom: 23px;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n background-color: inherit;\n background-image: url(",");\n background-position: bottom center;\n background-repeat: no-repeat;\n background-size: cover;\n padding-bottom: 23px;\n"])),(function(n){return n["data-banner-url"]||"./toolBannerBlue-circle.svg"})),ma=j.default.div(la||(la=n.__makeTemplateObject(["\n width: 100%;\n padding-bottom: 24px;\n margin-bottom: 8px;\n\n "," {\n height: auto;\n "," {\n "," {\n display: flex;\n "," {\n position: relative;\n right: -50px;\n bottom: unset;\n width: 180px;\n min-width: 0;\n height: auto;\n min-height: 0;\n align-self: flex-end;\n margin-bottom: -20px;\n "," {\n right: unset;\n }\n }\n }\n }\n &.isEmbed {\n "," {\n .container {\n padding: 0;\n }\n }\n }\n }\n"],["\n width: 100%;\n padding-bottom: 24px;\n margin-bottom: 8px;\n\n "," {\n height: auto;\n "," {\n "," {\n display: flex;\n "," {\n position: relative;\n right: -50px;\n bottom: unset;\n width: 180px;\n min-width: 0;\n height: auto;\n min-height: 0;\n align-self: flex-end;\n margin-bottom: -20px;\n "," {\n right: unset;\n }\n }\n }\n }\n &.isEmbed {\n "," {\n .container {\n padding: 0;\n }\n }\n }\n }\n"])),i.MediaQueries.tdDown,ua,ca,sa,i.MediaQueries.mbDown,ua),ha=j.default.div(xa||(xa=n.__makeTemplateObject(["\n width: 100%;\n .top-ad {\n iframe {\n margin-bottom: 2rem;\n }\n "," {\n max-width: 728px;\n max-height: 300px;\n }\n "," {\n max-width: 336px;\n }\n }\n"],["\n width: 100%;\n .top-ad {\n iframe {\n margin-bottom: 2rem;\n }\n "," {\n max-width: 728px;\n max-height: 300px;\n }\n "," {\n max-width: 336px;\n }\n }\n"])),i.MediaQueries.mbUp,i.MediaQueries.mbDown),ga=j.default.div(ba||(ba=n.__makeTemplateObject(["\n #due-date-dropdown {\n z-index: 1;\n width: 100%;\n min-width: unset;\n max-width: unset;\n color: ",";\n }\n display: flex;\n width: 100%;\n justify-content: space-between;\n margin-top: 0.5rem;\n"],["\n #due-date-dropdown {\n z-index: 1;\n width: 100%;\n min-width: unset;\n max-width: unset;\n color: ",";\n }\n display: flex;\n width: 100%;\n justify-content: space-between;\n margin-top: 0.5rem;\n"])),(function(n){return n.theme.colors.gray800}));j.default.div(va||(va=n.__makeTemplateObject(["\n width: 31%;\n height: 140px;\n "," {\n height: 130px;\n width: 32.5%;\n }\n"],["\n width: 31%;\n height: 140px;\n "," {\n height: 130px;\n width: 32.5%;\n }\n"])),i.MediaQueries.mbDown),j.default(Vn)(ya||(ya=n.__makeTemplateObject(["\n width: 100%;\n height: 100%;\n justify-content: space-around;\n "," {\n padding: 0.25rem;\n }\n &.active {\n border-color: ",";\n box-shadow: none;\n p {\n color: ",";\n }\n }\n"],["\n width: 100%;\n height: 100%;\n justify-content: space-around;\n "," {\n padding: 0.25rem;\n }\n &.active {\n border-color: ",";\n box-shadow: none;\n p {\n color: ",";\n }\n }\n"])),i.MediaQueries.mbDown,(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}));var fa=j.default(ha)(wa||(wa=n.__makeTemplateObject(["\n .due-date-input {\n /* z-index: 11; */\n width: 100%;\n min-width: unset;\n max-width: unset;\n color: ",";\n input {\n line-height: 22px;\n }\n }\n .due-date-calculate-button {\n margin-right: auto;\n margin-left: auto;\n }\n"],["\n .due-date-input {\n /* z-index: 11; */\n width: 100%;\n min-width: unset;\n max-width: unset;\n color: ",";\n input {\n line-height: 22px;\n }\n }\n .due-date-calculate-button {\n margin-right: auto;\n margin-left: auto;\n }\n"])),(function(n){return n.theme.colors.gray800}));j.default.div(ka||(ka=n.__makeTemplateObject(["\n display: flex;\n align-items: right;\n\n & > p {\n display: inline-block;\n border-bottom: solid 1px\n ",";\n margin-bottom: 24px;\n margin-left: auto;\n color: ",";\n cursor: pointer;\n font-size: 11px;\n line-height: 16px;\n text-align: right;\n }\n"],["\n display: flex;\n align-items: right;\n\n & > p {\n display: inline-block;\n border-bottom: solid 1px\n ",";\n margin-bottom: 24px;\n margin-left: auto;\n color: ",";\n cursor: pointer;\n font-size: 11px;\n line-height: 16px;\n text-align: right;\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}));var xa,ba,va,ya,wa,ka,Ea,_a,Ca=j.default.img(Ea||(Ea=n.__makeTemplateObject(["\n img& {\n width: 16px;\n height: 16px;\n }\n"],["\n img& {\n width: 16px;\n height: 16px;\n }\n"])));j.default(Ca)(_a||(_a=n.__makeTemplateObject(["\n margin-right: 4px;\n"],["\n margin-right: 4px;\n"])));var Ta,La=function(n){return"".concat(n.getFullYear(),"-").concat(String(n.getMonth()+1).padStart(2,"0"),"-").concat(String(n.getDate()).padStart(2,"0"))},Da=function(t){var i=t.locale,o=t.onClick,r=_.useTranslations().t,d=e.useState(new Date),s=d[0],p=d[1];return M.default.createElement(M.default.Fragment,null,M.default.createElement(fa,{className:"input-form"},M.default.createElement("div",{style:{marginBottom:"2rem"}},M.default.createElement(w.Input,{label:M.default.createElement(a.Text,{size:"xs",type:"bold",color:k.theme.colors.gray600,style:{marginBottom:"0.5rem"}},r("dueDatePage.conceptionDate")),value:La(s),name:"date",size:"md",className:"due-date-input",CustomInput:M.default.createElement(Xn,{customInput:function(e){return M.default.createElement("input",n.__assign({type:"date",className:"due-date-input"},e,{value:La(s)}))},disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:i,pickedDate:s,displayDateFormat:C.DATE_FORMAT,onChange:function(n){p(n)},placeholder:"placeholder"})})),M.default.createElement("div",{style:{marginBottom:"1rem"}})),M.default.createElement(v.Button,{className:"due-date-calculate-button",size:"lg",color:"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",onClick:function(){o(function(n){var e=new Date(n);return e.setDate(e.getDate()+265),{startDate:n,dueDate:e,otherInfo:{method:Ta.conception+1,conception_date:l.format(n,"yyyy-MM-dd"),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}}(s),"".concat(g.QUERY_HEALTH_TOOL.type,"=1&sd=").concat(l.format(s,"yyyy-MM-dd"),"&").concat(g.QUERY_HEALTH_TOOL.additional,"= "))}},r("dueDatePage.lastPeriod.calculate")))},Ma=function(t){var i=t.locale,o=t.onClick,r=_.useTranslations().t,d=e.useState(new Date),s=d[0],p=d[1],c=e.useState("3"),u=c[0],m=c[1];return M.default.createElement(M.default.Fragment,null,M.default.createElement(fa,{className:"input-form"},M.default.createElement("div",{style:{marginBottom:"2rem"}},M.default.createElement(w.Input,{label:M.default.createElement(a.Text,{size:"xs",type:"bold",color:k.theme.colors.gray600,style:{marginBottom:"0.5rem"}},r("dueDatePage.ivf.transferDate")),value:La(s),name:"date",size:"md",className:"due-date-input",CustomInput:M.default.createElement(Xn,{customInput:function(e){return M.default.createElement("input",n.__assign({type:"date",className:"due-date-input"},e,{value:La(s)}))},disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:i,pickedDate:s,displayDateFormat:C.DATE_FORMAT,onChange:function(n){p(n)},placeholder:"placeholder"})}))),M.default.createElement("div",{style:{marginBottom:"1rem",width:"100%"}},M.default.createElement(ce,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:u,onChange:function(n){return m(n)},options:[{value:"3",label:r("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:r("dueDatePage.ivf.transferDateRadio",{number:5})}]})),M.default.createElement(v.Button,{className:"due-date-calculate-button",size:"lg",color:"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",onClick:function(){o(function(n,e){var t=new Date(n);return t.setDate(t.getDate()+265-e),{startDate:n,dueDate:t,otherInfo:{method:Ta.IVF+1,ivf_transfer_date:l.format(n,"yyyy-MM-dd"),days_transfer:e,conception_date:null,first_day:null,cycle_length_days:null}}}(s,Number(u)),"".concat(g.QUERY_HEALTH_TOOL.type,"=2&").concat(g.QUERY_HEALTH_TOOL.startDate,"=").concat(l.format(s,"yyyy-MM-dd"),"&").concat(g.QUERY_HEALTH_TOOL.additional,"=").concat(u))}},r("dueDatePage.lastPeriod.calculate")))},ja=function(t){var i=t.locale,o=t.onClick,r=_.useTranslations().t,d=e.useState([28]),p=d[0],c=d[1],u=T.useHealthToolsCache(i).getHealthToolLink,m=e.useMemo((function(){return u(s.HEALTH_TOOL_TYPE.DUE_DATE)}),[u]),h=e.useState(new Date),f=h[0],x=h[1];return M.default.createElement(M.default.Fragment,null,M.default.createElement(fa,{className:"input-form"},M.default.createElement(w.Input,{label:M.default.createElement(a.Text,{size:"xs",type:"bold",color:k.theme.colors.gray600,style:{marginBottom:"0.5rem"}},r("dueDatePage.lastPeriod.lastPeriodLabel")),value:La(f),name:"date",size:"md",className:"due-date-input",CustomInput:M.default.createElement(Xn,{customInput:function(e){return M.default.createElement("input",n.__assign({type:"date",className:"due-date-input"},e,{value:La(f)}))},disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:i,pickedDate:f,displayDateFormat:C.DATE_FORMAT,onChange:function(n){x(n)},placeholder:"placeholder"})})),M.default.createElement(a.Text,{size:"xs",type:"bold",color:k.theme.colors.gray600,style:{marginBottom:"0.5rem"}},r("dueDatePage.lastPeriod.periodLengthLabel")),M.default.createElement(An,{className:"slider-due-date",min:20,max:40,step:1,value:p,onChange:c}),M.default.createElement(v.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:"https://".concat(g.domainLocales[i],"/").concat(m),className:"due-date-calculate-button",size:"lg",color:"primary",onClick:function(){return o(function(n,e){var t=e-21+272,a=new Date(n);return a.setDate(a.getDate()+t),{startDate:n,dueDate:a,otherInfo:{method:Ta.lastPeriod+1,first_day:l.format(n,"yyyy-MM-dd"),cycle_length_days:e,conception_date:null,ivf_transfer_date:null,days_transfer:null}}}(f,Number(p[0])),"".concat(g.QUERY_HEALTH_TOOL.type,"=0&").concat(g.QUERY_HEALTH_TOOL.startDate,"=").concat(l.format(f,"yyyy-MM-dd"),"&").concat(g.QUERY_HEALTH_TOOL.additional,"=").concat(p[0]))}},r("dueDatePage.lastPeriod.calculate")))};!function(n){n[n.lastPeriod=0]="lastPeriod",n[n.conception=1]="conception",n[n.IVF=2]="IVF"}(Ta||(Ta={}));var za,Oa,Ba,Pa=j.default.div(za||(za=n.__makeTemplateObject(["\n padding: 0;\n background-color: white;\n .due-date-cal {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n .slider-due-date {\n margin-bottom: 24px;\n width: 100%;\n margin-left: unset;\n }\n .input-form {\n "," {\n width: calc(50% - 8px);\n margin-bottom: 24px;\n }\n }\n }\n"],["\n padding: 0;\n background-color: white;\n .due-date-cal {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n .slider-due-date {\n margin-bottom: 24px;\n width: 100%;\n margin-left: unset;\n }\n .input-form {\n "," {\n width: calc(50% - 8px);\n margin-bottom: 24px;\n }\n }\n }\n"])),i.MediaQueries.mbUp),Sa=j.default.div(Oa||(Oa=n.__makeTemplateObject(["\n padding-bottom: 2px;\n margin: auto;\n "," {\n max-width: 568px;\n width: 100%;\n padding-top: 24px;\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n }\n .due-date-calculate-button {\n width: 100%;\n margin: auto;\n margin-bottom: 1rem;\n "," {\n max-width: 200px;\n }\n }\n"],["\n padding-bottom: 2px;\n margin: auto;\n "," {\n max-width: 568px;\n width: 100%;\n padding-top: 24px;\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n }\n .due-date-calculate-button {\n width: 100%;\n margin: auto;\n margin-bottom: 1rem;\n "," {\n max-width: 200px;\n }\n }\n"])),i.MediaQueries.mbUp,i.MediaQueries.mbUp);j.default(ce)(Ba||(Ba=n.__makeTemplateObject(["\n &[data-direction='horizontal'] div[data-type='circle'] {\n margin-right: 8px;\n }\n"],["\n &[data-direction='horizontal'] div[data-type='circle'] {\n margin-right: 8px;\n }\n"])));var Aa=j.default.div(Qa||(Qa=n.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),Na=j.default.div(Va||(Va=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n background-position: center bottom;\n background-repeat: no-repeat;\n background-size: cover;\n"],["\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n background-position: center bottom;\n background-repeat: no-repeat;\n background-size: cover;\n"]))),Ha=j.default.div(Ga||(Ga=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n max-width: 1170px;\n flex-direction: column;\n justify-content: space-between;\n padding: 1rem;\n "," {\n flex-direction: row;\n }\n"],["\n display: flex;\n width: 100%;\n max-width: 1170px;\n flex-direction: column;\n justify-content: space-between;\n padding: 1rem;\n "," {\n flex-direction: row;\n }\n"])),i.MediaQueries.mbUp),Ra=j.default.div(Wa||(Wa=n.__makeTemplateObject(["\n margin-bottom: 1rem;\n "," {\n max-width: 540px;\n margin-right: 2rem;\n }\n"],["\n margin-bottom: 1rem;\n "," {\n max-width: 540px;\n margin-right: 2rem;\n }\n"])),i.MediaQueries.mbUp),Ua=j.default.div(qa||(qa=n.__makeTemplateObject(["\n text-align: center;\n "," {\n text-align: unset;\n }\n"],["\n text-align: center;\n "," {\n text-align: unset;\n }\n"])),i.MediaQueries.mbUp),Ia=j.default.div(Ya||(Ya=n.__makeTemplateObject(["\n width: 100%;\n .desktop-only {\n "," {\n display: none;\n }\n }\n"],["\n width: 100%;\n .desktop-only {\n "," {\n display: none;\n }\n }\n"])),i.MediaQueries.mbDown),Za=j.default.div(Xa||(Xa=n.__makeTemplateObject(["\n display: flex;\n position: relative;\n width: 100%;\n padding: 0 16px;\n background-position: bottom center;\n background-repeat: no-repeat;\n background-size: cover;\n "," {\n display: none;\n }\n"],["\n display: flex;\n position: relative;\n width: 100%;\n padding: 0 16px;\n background-position: bottom center;\n background-repeat: no-repeat;\n background-size: cover;\n "," {\n display: none;\n }\n"])),i.MediaQueries.mbUp),Fa=j.default.div(Ja||(Ja=n.__makeTemplateObject(["\n position: relative;\n width: 28%;\n margin-left: auto;\n "," {\n width: 100px;\n height: 100px;\n }\n"],["\n position: relative;\n width: 28%;\n margin-left: auto;\n "," {\n width: 100px;\n height: 100px;\n }\n"])),i.MediaQueries.mbDown);j.default.div(Ka||(Ka=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding-top: 71.72%;\n background-position: top center;\n background-repeat: no-repeat;\n background-size: 100%;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding-top: 71.72%;\n background-position: top center;\n background-repeat: no-repeat;\n background-size: 100%;\n"])));var Qa,Va,Ga,Wa,qa,Ya,Xa,Ja,Ka,$a,ni,ei=j.default.div($a||($a=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n padding: 16px 0 8px 0;\n"],["\n position: relative;\n width: 100%;\n padding: 16px 0 8px 0;\n"]))),ti=function(t){var i=t.locale,o=t.onSubmit,r=_.useTranslations().t,d=T.useHealthToolsCache(i).getHealthToolLink,p=e.useMemo((function(){return d(s.HEALTH_TOOL_TYPE.OVULATION)}),[d]),c=e.useState(new Date),u=c[0],m=c[1],h=e.useState([28]),f=h[0],x=h[1],b=e.useState([7]),y=b[0],k=b[1],E={cycle:f[0],periodDateStart:u,periodLength:y[0]};return M.default.createElement(M.default.Fragment,null,M.default.createElement(fa,{className:"input-form"},M.default.createElement("div",{style:{marginBottom:"1rem"}},M.default.createElement(w.Input,{label:M.default.createElement(a.Text,{size:"xs",type:"bold",color:"#595959",style:{marginBottom:"0.5rem"}},r("dueDatePage.lastPeriod.lastPeriodLabel")),value:La(u),size:"md",name:"date",className:"due-date-input",CustomInput:M.default.createElement(Xn,{customInput:function(e){return M.default.createElement("input",n.__assign({},e,{type:"date",className:"due-date-input",value:La(u)}))},locale:i,pickedDate:u,displayDateFormat:C.DATE_FORMAT,onChange:function(n){m(n)},disabledDays:{before:l.addDays(new Date,-45),after:new Date},placeholder:"asdasasd"})}))),M.default.createElement("div",{style:{width:"calc(50% - 8px)"}},M.default.createElement(a.Text,{size:"xs",type:"bold",color:"#595959"},r("ovulationPage.cycleLength")+" ",M.default.createElement(a.Text,{size:"xs",type:"bold",color:"#595959",style:{display:"inline",minHeight:"36px"}},r("ovulationPage.dayUnit"))),M.default.createElement(An,{className:"slider-due-date",min:21,max:45,step:1,value:f,onChange:x})),M.default.createElement("div",{style:{width:"calc(50% - 8px)"}},M.default.createElement(a.Text,{size:"xs",type:"bold",color:"#595959"},r("ovulationPage.periodDuration")+" ",M.default.createElement(a.Text,{size:"xs",type:"bold",color:"#595959",style:{display:"inline",minHeight:"36px"}},r("ovulationPage.dayUnit"))),M.default.createElement(An,{className:"slider-due-date",min:1,max:15,step:1,value:y,onChange:k})),M.default.createElement("div",{style:{marginBottom:"1rem",width:"100%"}},M.default.createElement(v.Button,{className:"due-date-calculate-button",size:"lg",color:"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:"https://".concat(g.domainLocales[i],"/").concat(p),onClick:function(){localStorage.setItem("ovulationInfo",JSON.stringify(E)),o&&o({startDate:u,cycle:f[0],periodLength:y[0]})}},r("dueDatePage.lastPeriod.calculate"))))};!function(n){n[n.trackPeriod=0]="trackPeriod",n[n.conceive=1]="conceive",n[n.avoidPregnancy=2]="avoidPregnancy"}(ni||(ni={}));var ai,ii,oi,ri,li,di,si=j.default.a(ai||(ai=n.__makeTemplateObject(["\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})),pi=j.default.div(ii||(ii=n.__makeTemplateObject(["\n position: relative;\n display: inline-block;\n"],["\n position: relative;\n display: inline-block;\n"]))),ci=j.default.div(oi||(oi=n.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),ui=j.default.div(ri||(ri=n.__makeTemplateObject(["\n position: absolute;\n z-index: 21;\n top: 100%;\n right: 0;\n width: 327px;\n padding: 8px;\n background: white;\n border-radius: 4px;\n filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n &[data-is-open='false'] {\n display: none;\n }\n &[data-show-indicator='true'] {\n &:before {\n position: absolute;\n right: 11px;\n bottom: 100%;\n width: 0;\n height: 0;\n border: 0.5rem solid transparent;\n border-top: none;\n border-bottom-color: #fff;\n content: '';\n filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n }\n }\n"],["\n position: absolute;\n z-index: 21;\n top: 100%;\n right: 0;\n width: 327px;\n padding: 8px;\n background: white;\n border-radius: 4px;\n filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n &[data-is-open='false'] {\n display: none;\n }\n &[data-show-indicator='true'] {\n &:before {\n position: absolute;\n right: 11px;\n bottom: 100%;\n width: 0;\n height: 0;\n border: 0.5rem solid transparent;\n border-top: none;\n border-bottom-color: #fff;\n content: '';\n filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n }\n }\n"]))),mi=j.default.div(li||(li=n.__makeTemplateObject(["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: space-between;\n\n padding: 0 16px;\n border-radius: 6px;\n cursor: pointer;\n\n .check-icon {\n width: 16px;\n height: 16px;\n }\n &[data-selected='false'] {\n background-color: ",";\n }\n"],["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: space-between;\n\n padding: 0 16px;\n border-radius: 6px;\n cursor: pointer;\n\n .check-icon {\n width: 16px;\n height: 16px;\n }\n &[data-selected='false'] {\n background-color: ",";\n }\n"])),(function(n){return n.theme.colors.gray100})),hi=j.default.div(di||(di=n.__makeTemplateObject(["\n position: fixed;\n z-index: 20;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: default;\n"],["\n position: fixed;\n z-index: 20;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: default;\n"]))),gi=function(n){var t=n.options,i=n.label,o=n.labelRenderer,r=n.selected,l=n.onChange,d=n.showSelected,s=void 0===d||d,p=n.style,c=void 0===p?{}:p,u=n.showIndicator,h=void 0===u||u,g=e.useState(!1),f=g[0],x=g[1];return M.default.createElement(M.default.Fragment,null,M.default.createElement(pi,null,M.default.createElement(ci,{onClick:function(){return x((function(n){return!n}))}},i||(null==o?void 0:o(f))||null,M.default.createElement(ui,{"data-is-open":f,style:c,"data-show-indicator":h},t.map((function(n,e){return M.default.createElement(mi,{key:e,"data-selected":s&&r===n.value,onClick:function(e){r!==n.value&&(l(n.value),x((function(n){return!n}))),e.stopPropagation()}},M.default.createElement(a.Text,{size:"p3"},n.label),s&&r===n.value&&M.default.createElement("img",{src:m.CommonGAssets.getAssetPath("check.svg"),alt:"check",className:"check-icon"}))}))))),f&&M.default.createElement(hi,{onClick:function(){return x(!1)}}))},fi=function(n){var e,t,a=n.languageOptions,i=n.locale,o=null==a?void 0:a.find((function(n){return n.locale===i}));return(null==a?void 0:a.length)?M.default.createElement(gi,{options:a,selected:o.value,label:M.default.createElement(xi,{locale:i,label:o.label||(null===(t=null===(e=i.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},xi=function(n){var e,t,a,i=n.locale,o=n.label,r=n.href;return M.default.createElement(si,{href:r},M.default.createElement(nn,{country:null===(t=null===(e=null==i?void 0:i.split("-"))||void 0===e?void 0:e[1])||void 0===t?void 0:t.toUpperCase(),width:16,height:16,rounded:!0,language:null===(a=null==i?void 0:i.split("-"))||void 0===a?void 0:a[0]}),M.default.createElement("span",null,o))},bi=j.default.div(Ei||(Ei=n.__makeTemplateObject(["\n flex: 1;\n"],["\n flex: 1;\n"]))),vi=j.default.div(_i||(_i=n.__makeTemplateObject(["\n padding: 0 10px;\n"],["\n padding: 0 10px;\n"]))),yi=j.default.div(Ci||(Ci=n.__makeTemplateObject(["\n display: flex;\n height: 80px;\n align-items: center;\n .calendar-month {\n font-size: 16px;\n flex: 1;\n text-align: center;\n strong {\n margin-left: 5px;\n }\n }\n "," {\n height: 70px;\n }\n"],["\n display: flex;\n height: 80px;\n align-items: center;\n .calendar-month {\n font-size: 16px;\n flex: 1;\n text-align: center;\n strong {\n margin-left: 5px;\n }\n }\n "," {\n height: 70px;\n }\n"])),i.MediaQueries.mbDown),wi=j.default.div(Ti||(Ti=n.__makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n row-gap: 2px;\n"],["\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n row-gap: 2px;\n"]))),ki=j.default(wi)(Li||(Li=n.__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"])));j.default.div(Di||(Di=n.__makeTemplateObject(["\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n"],["\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));var Ei,_i,Ci,Ti,Li,Di,Mi,ji,zi,Oi,Bi,Pi,Si,Ai,Ni,Hi,Ri,Ui,Ii,Zi,Fi,Qi,Vi,Gi,Wi,qi,Yi,Xi,Ji,Ki,$i,no,eo=j.default.div(Mi||(Mi=n.__makeTemplateObject(["\n font-size: 14px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: 1px solid ",";\n font-weight: 300;\n"],["\n font-size: 14px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: 1px solid ",";\n font-weight: 300;\n"])),(function(n){return n.theme.colors.gray800})),to=j.default.div(ji||(ji=n.__makeTemplateObject(["\n width: 18px;\n position: relative;\n &::before {\n content: '';\n position: absolute;\n inset: 16px 0 0 0;\n width: 1px;\n left: 50%;\n right: 50%;\n background: ",";\n }\n"],["\n width: 18px;\n position: relative;\n &::before {\n content: '';\n position: absolute;\n inset: 16px 0 0 0;\n width: 1px;\n left: 50%;\n right: 50%;\n background: ",";\n }\n"])),(function(n){return n.theme.colors.neutral100})),ao=j.default.div(zi||(zi=n.__makeTemplateObject(["\n margin: 0 auto;\n"],["\n margin: 0 auto;\n"]))),io=j.default.div(Oi||(Oi=n.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),oo=j.default(wi)(Bi||(Bi=n.__makeTemplateObject([""],[""]))),ro=j.default.div(Pi||(Pi=n.__makeTemplateObject(["\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 34px;\n "," {\n height: 38px;\n }\n &[data-is-disabled='true'] {\n opacity: 0.3;\n }\n &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n background-color: ",";\n }\n &:before {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n background-color: ",";\n }\n &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n background-color: transparent;\n &:before {\n content: '';\n left: 50%;\n right: 0;\n }\n }\n\n &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n background-color: transparent;\n &:before {\n content: '';\n left: 0;\n right: 50%;\n }\n }\n"],["\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 34px;\n "," {\n height: 38px;\n }\n &[data-is-disabled='true'] {\n opacity: 0.3;\n }\n &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n background-color: ",";\n }\n &:before {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n background-color: ",";\n }\n &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n background-color: transparent;\n &:before {\n content: '';\n left: 50%;\n right: 0;\n }\n }\n\n &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n background-color: transparent;\n &:before {\n content: '';\n left: 0;\n right: 50%;\n }\n }\n"])),i.MediaQueries.mbUp,(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray100})),lo=j.default.div(Si||(Si=n.__makeTemplateObject(["\n position: relative;\n font-weight: 600;\n "," {\n width: 32px;\n height: 32px;\n }\n "," {\n width: 36px;\n height: 36px;\n }\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n [data-is-disabled='true'] & {\n cursor: not-allowed;\n }\n line-height: 1;\n color: 1px solid ",";\n [data-is-selected='true'] &,\n [data-is-today='true'] &,\n [data-is-selected='false']:hover & {\n border-radius: 32px;\n }\n [data-is-selected='true'] & {\n background-color: ",";\n color: white;\n }\n [data-is-selected='false']:hover & {\n background-color: ",";\n }\n [data-is-today='true'][data-is-selected='false'] & {\n background-color: transparent;\n border-radius: 32px;\n border: 1px solid ",";\n }\n"],["\n position: relative;\n font-weight: 600;\n "," {\n width: 32px;\n height: 32px;\n }\n "," {\n width: 36px;\n height: 36px;\n }\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n [data-is-disabled='true'] & {\n cursor: not-allowed;\n }\n line-height: 1;\n color: 1px solid ",";\n [data-is-selected='true'] &,\n [data-is-today='true'] &,\n [data-is-selected='false']:hover & {\n border-radius: 32px;\n }\n [data-is-selected='true'] & {\n background-color: ",";\n color: white;\n }\n [data-is-selected='false']:hover & {\n background-color: ",";\n }\n [data-is-today='true'][data-is-selected='false'] & {\n background-color: transparent;\n border-radius: 32px;\n border: 1px solid ",";\n }\n"])),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase})),so=j.default.div(Ai||(Ai=n.__makeTemplateObject(["\n display: block;\n position: relative;\n width: 270px;\n input {\n pointer-events: none;\n caret-color: transparent;\n }\n "," {\n width: 100%;\n }\n"],["\n display: block;\n position: relative;\n width: 270px;\n input {\n pointer-events: none;\n caret-color: transparent;\n }\n "," {\n width: 100%;\n }\n"])),i.MediaQueries.mbDown),po=j.default.div(Ni||(Ni=n.__makeTemplateObject(["\n display: flex;\n position: absolute;\n top: 46px;\n left: 0;\n width: 684px;\n border: 1px solid ",";\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n border-radius: 6px;\n background-color: white;\n z-index: 100;\n padding-bottom: 16px;\n align-items: stretch;\n user-select: none;\n "," {\n width: 100%;\n }\n"],["\n display: flex;\n position: absolute;\n top: 46px;\n left: 0;\n width: 684px;\n border: 1px solid ",";\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n border-radius: 6px;\n background-color: white;\n z-index: 100;\n padding-bottom: 16px;\n align-items: stretch;\n user-select: none;\n "," {\n width: 100%;\n }\n"])),(function(n){return n.theme.colors.gray200}),i.MediaQueries.mbDown),co=j.default.div(Hi||(Hi=n.__makeTemplateObject(["\n display: flex;\n gap: 20px;\n width: 100%;\n align-items: center;\n justify-content: center;\n .icon-group {\n display: flex;\n align-items: center;\n gap: 10px;\n a,\n svg {\n width: 32px;\n height: 32px;\n }\n .share {\n width: 32px;\n height: 32px;\n padding: 8px;\n\n &:hover {\n background-color: ",";\n }\n\n svg {\n margin: 0;\n width: 16px;\n height: 16px;\n }\n }\n }\n"],["\n display: flex;\n gap: 20px;\n width: 100%;\n align-items: center;\n justify-content: center;\n .icon-group {\n display: flex;\n align-items: center;\n gap: 10px;\n a,\n svg {\n width: 32px;\n height: 32px;\n }\n .share {\n width: 32px;\n height: 32px;\n padding: 8px;\n\n &:hover {\n background-color: ",";\n }\n\n svg {\n margin: 0;\n width: 16px;\n height: 16px;\n }\n }\n }\n"])),(function(n){return n.theme.colors.neutral50})),uo=j.default(c.Drawer)(Ri||(Ri=n.__makeTemplateObject(["\n padding-bottom: 24px;\n .share-container {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n .icon-group {\n margin-top: 12px;\n display: flex;\n gap: 16px;\n img {\n border-radius: 8px;\n }\n }\n .input-group {\n margin-top: 8px;\n display: flex;\n gap: 8px;\n button {\n padding: 10px;\n &:hover {\n background-color: ",";\n }\n }\n svg {\n margin: 0;\n }\n a,\n svg:not(.copy) {\n width: 32px;\n height: 32px;\n }\n }\n"],["\n padding-bottom: 24px;\n .share-container {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n .icon-group {\n margin-top: 12px;\n display: flex;\n gap: 16px;\n img {\n border-radius: 8px;\n }\n }\n .input-group {\n margin-top: 8px;\n display: flex;\n gap: 8px;\n button {\n padding: 10px;\n &:hover {\n background-color: ",";\n }\n }\n svg {\n margin: 0;\n }\n a,\n svg:not(.copy) {\n width: 32px;\n height: 32px;\n }\n }\n"])),(function(n){return n.theme.colors.neutral50})),mo=M.default.createContext({}),ho=function(t){var a=t.children,i=n.__rest(t,["children"]),o="undefined"!=typeof window?window.location.href:i.currentUrl||g.domainLocales[i.locale||"en-PH"],r=function(n){var t=n.locale,a=n.projectType,i=n.isMobile,o=n.siteType;return e.useMemo((function(){var n=!(!i&&"profile"===a),e="discover"===a||"marryBaby"===a||"profile"===a&&"marryBaby"===o,r="marryBaby"!==o&&"marryBaby"!==a&&g.CARE_LOCALES.includes(t),l="marryBaby"!==a&&"discover"===a&&"marryBaby"!==o&&g.CARE_BOOKING_LOCALES.includes(t),d="marryBaby"===a||g.TOGETHER_LOCALES.includes(t),s="ecom"===a,p="ecom"===a,c=b.getCurrentBaseUrl(t,"marryBaby"===o),u=b.getCurrentSsoUrl(t,"marryBaby"===o);return{enableProfileNavigatorMenu:n,enableSearchBar:e,enableNavCare:r,enableNavCareBooking:l,enableNavTogether:d,enableNavEcom:s,enableProfileEcom:p,enableProfileMyHealth:!0,statics:{HOME_PAGE_URL:c,CARE_URL_FE:"".concat(c,"/care"),TOGETHER_URL_FE:"".concat(c,"/community"),SSO_URL:u,TOGETHER_API:b.getTogetherApiDomain(),DISCOVER_API:b.getDiscoverApiDomain(t)}}}),[t,a,i])}({locale:i.locale,projectType:i.projectType,isMobile:i.isMobile,siteType:i.siteType});return M.default.createElement(mo.Provider,{value:n.__assign(n.__assign({},i),{configs:r,currentUrl:o})},a)},go=function(){return M.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"}))},fo=function(){var n=e.useContext(mo),t=n.locale,i=n.configs.statics,o=n.siteType,r=_.useTranslations().t;return M.default.createElement(a.PureInput,{className:"fake-search-input",name:"search-input-menu-service",size:"md",placeholder:"marryBaby"===o?r("navigation.search.input.placeholder"):r("home.search",{site:g.LOCALE_SPECS[t||"en-PH"]?g.LOCALE_SPECS[t||"en-PH"].SITE_NAME:""}),onChange:function(){},onKeyDown:function(n){return"Enter"===n.key&&(window.location.href="".concat(i.HOME_PAGE_URL,"/search/?s=").concat(n.target.value))},type:"search",onFocus:function(n){n.preventDefault()},displayIcon:M.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},M.default.createElement(go,null))})},xo=j.default.div(Ui||(Ui=n.__makeTemplateObject(["\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"])),i.MediaQueries.mbUp),bo=j.default.a(Ii||(Ii=n.__makeTemplateObject(["\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})),vo=j.default.div(Zi||(Zi=n.__makeTemplateObject(["\n margin: 15px 0;\n "," {\n display: none;\n }\n"],["\n margin: 15px 0;\n "," {\n display: none;\n }\n"])),i.MediaQueries.mbDown),yo=j.default.div(Fi||(Fi=n.__makeTemplateObject(["\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"])),i.MediaQueries.mbUp),wo=j.default.div(Qi||(Qi=n.__makeTemplateObject(["\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})),ko=j.default.div(Vi||(Vi=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-left: 10px;\n"],["\n display: flex;\n align-items: center;\n margin-left: 10px;\n"]))),Eo=j.default.a(Gi||(Gi=n.__makeTemplateObject(["\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}),i.MediaQueries.mbDown),_o=function(n){var t=n.hrefViewMore,a=n.titleBtnViewMore,i=n.UrlFE,o=n.onClosePopup,r=n.menuItems,l=n.headingTitle,d=e.useContext(mo),s=d.siteType,p=d.isAmp;return M.default.createElement(xo,null,M.default.createElement(vo,null,M.default.createElement(y.Heading,{tag:"marryBaby"===s?"h5":"h6",as:"h2",fontWeight:"semibold"},l)),null==r?void 0:r.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 M.default.createElement(bo,{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:o},M.default.createElement("div",{className:"icon"},p?M.default.createElement("img",{alt:n.name,src:n.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}}):M.default.createElement("img",{className:"lazy",alt:n.name,"data-src":n.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}})),M.default.createElement("p",null,n.name),M.default.createElement(yo,null,M.default.createElement("img",{src:m.CommonGAssets.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"}})))})),a&&M.default.createElement(Eo,{"data-theme":s,style:{textDecoration:"none"},href:t,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t},M.default.createElement(wo,{onClick:o,"data-theme":s,"data-is-heading-category":!1},a,M.default.createElement(ko,null,M.default.createElement("img",{className:"svg",src:"marryBaby"===s?m.CommonGAssets.getAssetPath("chevronRightPink.svg"):m.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}})))))},Co=j.default.div(Wi||(Wi=n.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown,i.MediaQueries.mbUp),To=j.default.div(qi||(qi=n.__makeTemplateObject(["\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})),Lo=j.default.div(Yi||(Yi=n.__makeTemplateObject(["\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"]))),Do=j.default.div(Xi||(Xi=n.__makeTemplateObject(["\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"]))),Mo=j.default.div(Ji||(Ji=n.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown),jo=function(n){var t=n.title,a=n.link,i=n.description,o=n.cta,r=n.icon,l=e.useContext(mo).siteType;return M.default.createElement(Co,{"data-theme":l},M.default.createElement(Mo,null,M.default.createElement("img",{"data-src":"marryBaby"===l?m.CommonGAssets.getAssetPath("navMBSpotlightBgNoData.svg"):m.CommonGAssets.getAssetPath("navSpotlightBgNoData.svg"),alt:"",className:"bg-svg lazy"}),M.default.createElement(Do,null,r&&M.default.createElement("img",{src:r,width:64,height:64}))),M.default.createElement("div",null,t&&M.default.createElement(Lo,null,t),i&&M.default.createElement(To,null,i),o&&M.default.createElement("div",null,M.default.createElement("a",{href:a},M.default.createElement(v.Button,{theme:l,className:"survey-contact-submit",size:"md"},o)))))},zo=j.default.div(Ki||(Ki=n.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral100})),Oo=j.default.div($i||($i=n.__makeTemplateObject(["\n margin: 15px 0;\n display: flex;\n"],["\n margin: 15px 0;\n display: flex;\n"]))),Bo=j.default.a(no||(no=n.__makeTemplateObject(["\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}),i.MediaQueries.mbDown),Po=function(n){var t=n.title,a=n.viewMore,i=n.children,o=n.link,r=n.dataEventAction,l=void 0===r?"":r,d=e.useContext(mo).siteType;return M.default.createElement(zo,null,M.default.createElement(Oo,null,M.default.createElement(y.Heading,{tag:"marryBaby"===d?"h5":"h6",as:"h2",fontWeight:"semibold"},t),a&&M.default.createElement(Bo,{"data-event-category":"Hamburger Navigation","data-event-action":l,"data-event-label":o,href:o,"data-theme":d},a,M.default.createElement("img",{src:"marryBaby"===d?m.CommonGAssets.getAssetPath("chevronRightPink.svg"):m.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}}))),i)};j.default.div(So||(So=n.__makeTemplateObject(["\n & > a:not(:last-child) > div {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"],["\n & > a:not(:last-child) > div {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"])),(function(n){return n.theme.colors.neutral100}));var So,Ao,No,Ho,Ro,Uo,Io,Zo,Fo,Qo=j.default.div(Ao||(Ao=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdDown),Vo=j.default.div(No||(No=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdDown,i.MediaQueries.mbDown),Go=j.default.div(Ho||(Ho=n.__makeTemplateObject(["\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"]))),Wo=j.default.div(Ro||(Ro=n.__makeTemplateObject(["\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}),i.MediaQueries.tdDown),qo=j.default.p(Uo||(Uo=n.__makeTemplateObject(["\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}),i.MediaQueries.tdDown),Yo=j.default.p(Io||(Io=n.__makeTemplateObject(["\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}),i.MediaQueries.tdDown),Xo=j.default.div(Zo||(Zo=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdDown),Jo=j.default.a(Fo||(Fo=n.__makeTemplateObject(["\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),\n 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),\n 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),\n 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),\n 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"])),k.theme.colors.white,i.MediaQueries.tdUp,i.MediaQueries.tdDown,Xo,i.MediaQueries.mbDown,i.MediaQueries.tdOnly,k.theme.colors.neutral100),Ko=function(n){var t,a=n.item,i=n.index,o=void 0===i?0:i,r=_.useTranslations().t,l=e.useContext(mo),d=l.locale,s=l.configs.statics,p=l.isAmp;if(!a)return null;var c="".concat(s.CARE_URL_FE,"/").concat(null===(t=L.LOCALIZED_SLUGS[d])||void 0===t?void 0:t.HOSPITAL,"/").concat(a.slug,"-").concat(a.id);return M.default.createElement(Jo,{key:a.id,href:c,"data-event-category":"Hamburger Navigation","data-event-action":"Care Click ".concat(o+1),"data-event-label":c},M.default.createElement("img",{"data-src":m.CommonGAssets.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg lazy"}),M.default.createElement(Vo,null,M.default.createElement(Go,null,p?M.default.createElement("img",{alt:a.name,src:a.logo||"/images/avatar.jpg"}):M.default.createElement("img",{className:"lazy",alt:a.name,"data-src":a.logo||"/images/avatar.jpg"}))),M.default.createElement(Xo,null,M.default.createElement(qo,null,a.name),M.default.createElement(Yo,null,a.description),M.default.createElement(Wo,null,r("home.seeMore"),M.default.createElement("img",{src:m.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))))},$o=function(n){var e=n.spotlights,t=void 0===e?[]:e,a=n.hrefViewMore,i=_.useTranslations().t;return M.default.createElement(Po,{title:i("home.navigator.menu.spotlightHospitals")},0!==t.length?M.default.createElement(Qo,null,null==t?void 0:t.slice(0,3).map((function(n,e){return M.default.createElement(Ko,{key:e,index:e,item:n})}))):M.default.createElement(jo,{title:i("home.navigator.menu.care.noDatas.title"),description:i("home.navigator.menu.care.noDatas.description"),link:a,cta:i("home.navigator.menu.care.noDatas.cta"),icon:m.CommonGAssets.getAssetPath("community.svg")}))};j.default.div(nr||(nr=n.__makeTemplateObject(["\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"]))),j.default.div(er||(er=n.__makeTemplateObject(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"])));var nr,er,tr,ar,ir,or,rr=j.default.div(tr||(tr=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdDown),lr=j.default.a(ar||(ar=n.__makeTemplateObject(["\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"]))),dr=j.default.div(ir||(ir=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdDown),sr=j.default.p(or||(or=n.__makeTemplateObject(["\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}),i.MediaQueries.tdUp),pr=function(n){var t=n.item,a=n.index,i=void 0===a?0:a;if(!t)return null;var o=e.useContext(mo).isAmp;return M.default.createElement(lr,{key:t.id,href:t.link,"data-event-category":"Hamburger Navigation","data-event-action":"Spotlight Click ".concat(i+1),"data-event-label":t.link},M.default.createElement(dr,null,o?M.default.createElement("img",{alt:t.title,src:t.banner||"/images/notFound-min-small.jpg"}):M.default.createElement("img",{className:"lazy",alt:t.title,"data-src":t.banner||"/images/notFound-min-small.jpg"})),M.default.createElement(sr,null,t.title))},cr=function(n){var t=n.spotlightsList,a=void 0===t?[]:t,i=n.hrefViewMore,o=_.useTranslations().t,r=e.useContext(mo).configs.statics;return M.default.createElement(Po,{title:o("home.navigator.menu.spotlights"),viewMore:o("home.navigator.menu.spotlights.seeAll"),link:i,dataEventAction:"Spotlight See More Click"},0!==a.length?M.default.createElement(rr,null,null==a?void 0:a.slice(0,4).map((function(n,e){return M.default.createElement(pr,{key:e,index:e,item:{id:n.id,link:r.HOME_PAGE_URL+n.permalink,title:n.name,banner:n.image}})}))):M.default.createElement(jo,{title:o("home.navigator.menu.category.noDatas.title"),description:o("home.navigator.menu.category.noDatas.description"),link:i,cta:o("home.navigator.menu.category.noDatas.cta"),icon:m.CommonGAssets.getAssetPath("Spotlight.svg")}))};j.default.div(ur||(ur=n.__makeTemplateObject(["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"],["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100})),j.default.div(mr||(mr=n.__makeTemplateObject(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"])));var ur,mr,hr,gr,fr,xr,br,vr,yr,wr,kr,Er,_r,Cr,Tr=j.default.div(hr||(hr=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdDown,i.MediaQueries.mbDown),Lr=j.default.div(gr||(gr=n.__makeTemplateObject(["\n padding: 5px;\n flex: 1;\n"],["\n padding: 5px;\n flex: 1;\n"]))),Dr=j.default.img(fr||(fr=n.__makeTemplateObject(["\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"]))),Mr=j.default.div(xr||(xr=n.__makeTemplateObject(["\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})),jr=j.default.div(br||(br=n.__makeTemplateObject(["\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})),zr=j.default.div(vr||(vr=n.__makeTemplateObject(["\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})),Or=j.default.div(yr||(yr=n.__makeTemplateObject(["\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})),Br=j.default.a(wr||(wr=n.__makeTemplateObject(["\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 ",";\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 ",";\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}),i.MediaQueries.tdOnly,i.MediaQueries.mbDown,i.MediaQueries.tdUp),Pr=j.default.div(kr||(kr=n.__makeTemplateObject(["\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"]))),Sr=j.default.div(Er||(Er=n.__makeTemplateObject(["\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})),Ar=j.default.div(_r||(_r=n.__makeTemplateObject(["\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"]))),Nr=j.default.div(Cr||(Cr=n.__makeTemplateObject(["\n display: flex;\n gap: 4px;\n flex-direction: column;\n"],["\n display: flex;\n gap: 4px;\n flex-direction: column;\n"]))),Hr=function(n){var t,a,i,o,d,s,p,c=n.post,u=n.index,m=void 0===u?0:u,h=e.useContext(mo),g=h.siteType,f=h.locale,x=h.configs.statics,b=h.isAmp;if(!c)return null;var v=[x.TOGETHER_URL_FE,null===(t=c.community)||void 0===t?void 0:t.slug].join("/"),y=[v,c.slug].join("/"),w=c.createdAt,k=w?isNaN(new Date(w).getTime())?null:new Date(w):null,E=k?l.formatDistanceToNow(k,{locale:r.locales[f]}):w;return M.default.createElement(Br,{href:y,"data-event-category":"Hamburger Navigation","data-event-action":"Together Click ".concat(m+1),"data-event-label":y},M.default.createElement(Lr,null,M.default.createElement(Pr,null,M.default.createElement(r.UserAvatar,{avatar:null===(a=c.author)||void 0===a?void 0:a.avatar,username:(null===(i=c.author)||void 0===i?void 0:i.name)||(null===(o=c.author)||void 0===o?void 0:o.username),isLazy:!b}),M.default.createElement(Nr,null,M.default.createElement(Mr,{"data-theme":g},null===(d=c.author)||void 0===d?void 0:d.name),M.default.createElement(Ar,null,M.default.createElement(jr,{"data-event-category":"Hamburger Navigation","data-event-action":"Topic Click ".concat(m+1),"data-event-label":v,onClick:function(n){n.preventDefault(),location.href=v},"data-theme":g},null===(s=c.community)||void 0===s?void 0:s.name),M.default.createElement(Or,null,"•"),M.default.createElement(zr,{"data-theme":g},E)))),M.default.createElement(Sr,null,c.title)),!!(null===(p=c.photos)||void 0===p?void 0:p.length)&&(b?M.default.createElement(Dr,{src:c.photos[0]}):M.default.createElement(Dr,{className:"lazy","data-src":c.photos[0]})))},Rr=function(n){var t=n.spotlights,a=void 0===t?[]:t,i=e.useContext(mo).configs.statics,o=_.useTranslations().t;return M.default.createElement(Po,{title:o("home.navigator.menu.trendingPosts"),viewMore:o("home.navigator.menu.trendingPosts.seeMore"),link:i.TOGETHER_URL_FE,dataEventAction:"Together See More Click"},0!==a.length?M.default.createElement(Tr,null,null==a?void 0:a.slice(0,4).map((function(n,e){return M.default.createElement(Hr,{index:e,post:n,key:n.id})}))):M.default.createElement(jo,{title:o("home.navigator.menu.together.noPosts.title"),description:o("home.navigator.menu.together.noPosts.description"),link:"".concat(i.HOME_PAGE_URL,"/community/"),cta:o("home.navigator.menu.together.noPosts.cta"),icon:m.CommonGAssets.getAssetPath("community.svg")}))};j.default.div(Ur||(Ur=n.__makeTemplateObject(["\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n &[data-is-display='false'] {\n display: none;\n }\n"])));var Ur,Ir,Zr,Fr,Qr,Vr,Gr,Wr,qr,Yr,Xr,Jr,Kr,$r,nl,el,tl=j.default.div(Ir||(Ir=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdDown),al=j.default.a(Zr||(Zr=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdDown,i.MediaQueries.tdDown),il=j.default.div(Fr||(Fr=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdDown),ol=j.default.div(Qr||(Qr=n.__makeTemplateObject(["\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})),rl=j.default.p(Vr||(Vr=n.__makeTemplateObject(["\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})),ll=j.default.p(Gr||(Gr=n.__makeTemplateObject(["\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}),i.MediaQueries.tdDown),dl=j.default.div(Wr||(Wr=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdUp,i.MediaQueries.tdDown),sl=function(n){var t=n.item,a=n.index,i=void 0===a?0:a,o=_.useTranslations().t,r=e.useContext(mo),l=r.configs.statics,d=r.isAmp;if(!t)return null;var s=t.link?t.link.startsWith("http")?t.link:"".concat(l.HOME_PAGE_URL).concat(t.link):void 0;return M.default.createElement(al,{href:s,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":s},M.default.createElement("img",{"data-src":m.CommonGAssets.getAssetPath("navToolCardBg.svg"),alt:"",className:"bg-svg lazy"}),M.default.createElement(dl,null,M.default.createElement(rl,null,t.title),M.default.createElement(ll,null,t.subtitle),M.default.createElement(ol,null,o("home.seeMore"),M.default.createElement("img",{src:m.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))),M.default.createElement(il,null,d?M.default.createElement("img",{alt:t.title,src:t.icon||"/images/avatar.jpg"}):M.default.createElement("img",{className:"lazy",alt:t.title,"data-src":t.icon||"/images/avatar.jpg"})))},pl=j.default.a(qr||(qr=n.__makeTemplateObject(["\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 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 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}),i.MediaQueries.tdDown,i.MediaQueries.mbDown,i.MediaQueries.tdUp,i.MediaQueries.tdUp,i.MediaQueries.tdDown),cl=j.default.div(Yr||(Yr=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdDown,i.MediaQueries.mbDown),ul=j.default.div(Xr||(Xr=n.__makeTemplateObject(["\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}),i.MediaQueries.tdDown,(function(n){return n.theme.mbColors.pink})),ml=j.default.p(Jr||(Jr=n.__makeTemplateObject(["\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})),hl=j.default.p(Kr||(Kr=n.__makeTemplateObject(["\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}),i.MediaQueries.tdDown),gl=j.default.div($r||($r=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdUp,i.MediaQueries.tdDown),fl=j.default.div(nl||(nl=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdUp,i.MediaQueries.tdDown),xl=j.default.div(el||(el=n.__makeTemplateObject(["\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"])),i.MediaQueries.tdUp,i.MediaQueries.tdDown),bl=function(n){var t=n.item,a=n.index,i=void 0===a?0:a,o=n.color,r=_.useTranslations().t,l=e.useContext(mo),d=l.configs.statics,s=l.isAmp;if(!t)return null;var p=t.link?t.link.startsWith("http")?t.link:"".concat(d.HOME_PAGE_URL).concat(t.link):void 0,c=function(){return M.default.createElement(cl,null,s?M.default.createElement("img",{src:t.icon||"/images/avatar.jpg"}):M.default.createElement("img",{className:"lazy",alt:t.title,"data-src":t.icon||"/images/avatar.jpg"}))},u=function(){return M.default.createElement(xl,null,M.default.createElement(fl,null,M.default.createElement(ml,null,t.title),M.default.createElement(hl,null,t.subtitle)),M.default.createElement(ul,null,M.default.createElement("div",{className:"mobile-only"},r("home.seeMore")),M.default.createElement("img",{src:m.CommonGAssets.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"}})))};return M.default.createElement(pl,{href:p,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":p,"data-color":o},M.default.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.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"})),M.default.createElement("img",{"data-src":m.CommonGAssets.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg lazy",alt:""}),M.default.createElement(gl,null,M.default.createElement("div",{className:"mobile-only"},c()),M.default.createElement("div",{className:"desktop-only"},u())),M.default.createElement("div",{className:"mobile-only"},u()),M.default.createElement("div",{className:"desktop-only"},c()))},vl=function(n){var t=n.hrefViewMore,a=n.spotlightHealthTools,i=void 0===a?[]:a,o=_.useTranslations().t,r=["pink","orange","green"],l=e.useContext(mo).siteType;return M.default.createElement(Po,{title:o("home.navigator.menu.spotlightTools")},0!==i.length&&M.default.createElement(tl,null,null==i?void 0:i.slice(0,3).map((function(n,e){return"marryBaby"===l?M.default.createElement(bl,{key:e,index:e,item:n,color:r[e]}):M.default.createElement(sl,{key:e,index:e,item:n})}))),0===i.length&&M.default.createElement(jo,{title:o("home.navigator.menu.healthTools.noDatas.title"),description:o("home.navigator.menu.healthTools.noDatas.description"),link:t,cta:o("home.navigator.menu.healthTools.noDatas.cta"),icon:m.CommonGAssets.getAssetPath("community.svg")}))},yl=j.default(a.Container)(wl||(wl=n.__makeTemplateObject(["\n padding-bottom: 1rem;\n\n "," {\n display: block;\n padding: 0;\n }\n "," {\n display: grid;\n grid-template-columns: 1fr 3fr;\n grid-gap: 10px;\n }\n"],["\n padding-bottom: 1rem;\n\n "," {\n display: block;\n padding: 0;\n }\n "," {\n display: grid;\n grid-template-columns: 1fr 3fr;\n grid-gap: 10px;\n }\n"])),i.MediaQueries.mbDown,i.MediaQueries.mbUp);j.default.div(kl||(kl=n.__makeTemplateObject(["\n padding-right: 1rem;\n border-right: 1px solid #e4e8ec;\n"],["\n padding-right: 1rem;\n border-right: 1px solid #e4e8ec;\n"])));var wl,kl,El,_l,Cl,Tl=j.default.div(El||(El=n.__makeTemplateObject(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: ",";\n transition: opacity 0.2s ease-in-out;\n &[data-is-display='false'] {\n visibility: hidden;\n opacity: 0;\n }\n padding: 0.5rem;\n &[data-is-nav-menu='true'] {\n position: absolute;\n top: 100%;\n height: unset;\n box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: ",";\n transition: opacity 0.2s ease-in-out;\n &[data-is-display='false'] {\n visibility: hidden;\n opacity: 0;\n }\n padding: 0.5rem;\n &[data-is-nav-menu='true'] {\n position: absolute;\n top: 100%;\n height: unset;\n box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n"])),E.Z_INDEX.menuCategoryPopupWrapper,(function(n){return n.theme.colors.white})),Ll=j.default.div(_l||(_l=n.__makeTemplateObject(["\n position: relative;\n z-index: 1;\n"],["\n position: relative;\n z-index: 1;\n"]))),Dl=j.default.div(Cl||(Cl=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),Ml=j.default.div(jl||(jl=n.__makeTemplateObject(["\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 "," {\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 "," {\n position: unset;\n }\n"])),Tl);j.default.div(zl||(zl=n.__makeTemplateObject(["\n position: fixed;\n bottom: 0;\n left: 0;\n display: flex;\n width: 100%;\n height: 72px;\n align-items: flex-start;\n justify-content: center;\n\n background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n .button-image {\n stroke-color: blue;\n }\n\n &[data-site-type='marryBaby'] {\n padding: 0 16px;\n .category-button {\n width: 100%;\n height: 48px;\n }\n }\n"],["\n position: fixed;\n bottom: 0;\n left: 0;\n display: flex;\n width: 100%;\n height: 72px;\n align-items: flex-start;\n justify-content: center;\n\n background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n .button-image {\n stroke-color: blue;\n }\n\n &[data-site-type='marryBaby'] {\n padding: 0 16px;\n .category-button {\n width: 100%;\n height: 48px;\n }\n }\n"]))),j.default.div(Ol||(Ol=n.__makeTemplateObject(["\n display: flex;\n\n &[data-card-array-no-margin-style='true'] {\n margin: 8px 0;\n\n & > div {\n width: 0;\n flex: 1;\n margin: 0 -1px;\n }\n }\n\n &[data-card-array-no-margin-style='false'] {\n margin: 8px -4px;\n\n & > div {\n flex: 1;\n margin: 0 4px;\n }\n }\n"],["\n display: flex;\n\n &[data-card-array-no-margin-style='true'] {\n margin: 8px 0;\n\n & > div {\n width: 0;\n flex: 1;\n margin: 0 -1px;\n }\n }\n\n &[data-card-array-no-margin-style='false'] {\n margin: 8px -4px;\n\n & > div {\n flex: 1;\n margin: 0 4px;\n }\n }\n"]))),j.default.div(Bl||(Bl=n.__makeTemplateObject(["\n margin-top: 64px;\n"],["\n margin-top: 64px;\n"]))),j.default.div(Pl||(Pl=n.__makeTemplateObject(["\n padding: 24px 0;\n"],["\n padding: 24px 0;\n"]))),j.default.div(Sl||(Sl=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n\n & > div:first-child {\n margin-right: 8px;\n }\n"],["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n\n & > div:first-child {\n margin-right: 8px;\n }\n"]))),j.default.div(Al||(Al=n.__makeTemplateObject(["\n z-index: ",";\n align-items: center;\n\n border: 1px solid ",";\n background-color: ",";\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n z-index: ",";\n align-items: center;\n\n border: 1px solid ",";\n background-color: ",";\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),E.Z_INDEX.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),j.default.div(Nl||(Nl=n.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n"]))),j.default.div(Hl||(Hl=n.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n &[data-disabled-divider='false'] {\n border-right: 1px solid #e4e8ec;\n }\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n &[data-disabled-divider='false'] {\n border-right: 1px solid #e4e8ec;\n }\n"]))),j.default.div(Rl||(Rl=n.__makeTemplateObject(["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"],["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"])),(function(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})),j.default.div(Ul||(Ul=n.__makeTemplateObject(["\n display: none;\n"],["\n display: none;\n"]))),j.default.div(Il||(Il=n.__makeTemplateObject(["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n"],["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n"])),(function(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})),j.default.div(Zl||(Zl=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n"])),(function(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})),j.default.div(Fl||(Fl=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"]))),j.default.div(Ql||(Ql=n.__makeTemplateObject(["\n position: absolute;\n top: 16px;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n position: absolute;\n top: 16px;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),j.default.div(Vl||(Vl=n.__makeTemplateObject(["\n display: block;\n"],["\n display: block;\n"]))),j.default.div(Gl||(Gl=n.__makeTemplateObject(["\n .amp-sidebar {\n width: 100vw;\n\n background-color: ",";\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .categoryCard {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n a {\n display: block;\n margin: 12px 0;\n color: ",";\n text-decoration: none;\n }\n }\n }\n"],["\n .amp-sidebar {\n width: 100vw;\n\n background-color: ",";\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .categoryCard {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n a {\n display: block;\n margin: 12px 0;\n color: ",";\n text-decoration: none;\n }\n }\n }\n"])),(function(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})),j.default.div(Wl||(Wl=n.__makeTemplateObject(["\n width: 20%;\n height: 2px;\n\n background-color: ",";\n border-radius: 2px;\n"],["\n width: 20%;\n height: 2px;\n\n background-color: ",";\n border-radius: 2px;\n"])),(function(n){return n.theme.mbColors.pink}));var jl,zl,Ol,Bl,Pl,Sl,Al,Nl,Hl,Rl,Ul,Il,Zl,Fl,Ql,Vl,Gl,Wl,ql,Yl,Xl,Jl,Kl,$l,nd,ed=j.default.div(ql||(ql=n.__makeTemplateObject(["\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})),td=j.default.div(Yl||(Yl=n.__makeTemplateObject(["\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"]))),ad=function(n){var t,a,i=n.closePopup,o=n.menuItems,r=void 0===o?[]:o,l=e.useContext(mo),d=l.siteType,s=l.ssrMenuContent,p=s.categories,c=s.healthTools,u=s.care,m=s.together,h=l.activeMenuService,f=l.configs,x=f.statics,b=f.enableSearchBar,v=l.isAmp,y=l.locale,w=_.useTranslations().t;return M.default.createElement(Ml,{id:"categories-menu","data-is-amp":v},b?M.default.createElement(ed,{"data-theme":d,onClick:function(){window.location.href="".concat(x.HOME_PAGE_URL,"/search")}},M.default.createElement(fo,null)):null,M.default.createElement(td,null,M.default.createElement(_o,{UrlFE:x.HOME_PAGE_URL,titleBtnViewMore:w("home.navigator.menuItem.allCategories"),menuItems:r,headingTitle:w("home.navigator.menuItem.healthCategories"),onClosePopup:i}),"categories"===h&&M.default.createElement(cr,{spotlightsList:(null==p?void 0:p.spotlights)||[],hrefViewMore:"".concat(x.HOME_PAGE_URL).concat("tl-PH"===y?"/fil":"","/spotlight/")}),"tools"===h&&M.default.createElement(vl,{spotlightHealthTools:null==c?void 0:c.spotlights,hrefViewMore:"".concat(x.HOME_PAGE_URL).concat("tl-PH"===y?"/fil":"").concat((null===(t=g.STATIC_PAGES[y])||void 0===t?void 0:t.HEALTH_TOOLS)||"")}),"care"===h&&M.default.createElement($o,{spotlights:null==u?void 0:u.spotlights,hrefViewMore:"".concat(x.CARE_URL_FE,"/").concat(null===(a=L.LOCALIZED_SLUGS[y])||void 0===a?void 0:a.SPECIALTIES)}),"together"===h&&M.default.createElement(Rr,{spotlights:null==m?void 0:m.spotlights})))},id=j.default.div(Xl||(Xl=n.__makeTemplateObject(["\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 ")})),od=function(n){var t=n.forceDisplay,a=n.mediaQueryKey,o=n.children,r=n.className,l=n.style,d=e.useMemo((function(){return i.getBoundariesFromMediaQueryKey(a)}),[a]),s=d[0],p=d[1];return M.default.createElement(id,{lowerBound:t?0:s,upperBound:t?0:p,className:r,style:l},o)},rd=j.default.div(Jl||(Jl=n.__makeTemplateObject(["\n a {\n text-decoration: none;\n }\n .login-btn-mobile {\n padding-left: 10px;\n padding-right: 10px;\n }\n"],["\n a {\n text-decoration: none;\n }\n .login-btn-mobile {\n padding-left: 10px;\n padding-right: 10px;\n }\n"]))),ld=function(n){var e=n.onCareHeaderClick,t=n.currentUrl,a=n.careUrlFe,i=n.btnName;return M.default.createElement(rd,null,e?M.default.createElement(v.Button,{className:"login-btn-mobile",size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:function(n){return e(n)}},i):M.default.createElement("a",{href:a,className:"care-button no-replace-click"},M.default.createElement(v.Button,{className:"login-btn-mobile",size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},i)))},dd=function(n){var t=(n||{}).allowBgScroll,a=e.useRef();return{containerRef:a,onContainerFocus:function(){t||(document.documentElement.style.overflow="hidden")},onContainerBlur:function(){t||(document.documentElement.style.overflow="")},onButtonMouseDown:function(n){(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur(),n.preventDefault())},onClose:function(){(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur())}}},sd=j.default.div(Kl||(Kl=n.__makeTemplateObject(["\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid #ffffff;\n text-decoration: none;\n cursor: pointer;\n\n & > div {\n display: flex;\n align-items: center;\n\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n &:focus-within {\n color: ",";\n border-bottom: 1px solid\n ",";\n svg path {\n stroke: ",";\n }\n div[data-site-type='marryBaby'] & {\n color: ",";\n border-bottom: 1px solid\n ",";\n svg path {\n stroke: ",";\n }\n svg:hover path {\n stroke: ",";\n }\n }\n\n "," {\n visibility: initial;\n opacity: 1;\n }\n }\n &:not(:focus-within) {\n "," {\n img {\n display: none;\n }\n }\n }\n\n .care-navigator {\n color: ",";\n font-size: 14px;\n font-weight: 700;\n }\n"],["\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid #ffffff;\n text-decoration: none;\n cursor: pointer;\n\n & > div {\n display: flex;\n align-items: center;\n\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n &:focus-within {\n color: ",";\n border-bottom: 1px solid\n ",";\n svg path {\n stroke: ",";\n }\n div[data-site-type='marryBaby'] & {\n color: ",";\n border-bottom: 1px solid\n ",";\n svg path {\n stroke: ",";\n }\n svg:hover path {\n stroke: ",";\n }\n }\n\n "," {\n visibility: initial;\n opacity: 1;\n }\n }\n &:not(:focus-within) {\n "," {\n img {\n display: none;\n }\n }\n }\n\n .care-navigator {\n color: ",";\n font-size: 14px;\n font-weight: 700;\n }\n"])),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.secondaryDark}),(function(n){return n.theme.mbColors.dark}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.midGray}),(function(n){return n.theme.mbColors.pink}),Tl,Tl,(function(n){return n.theme.colors.secondaryDark})),pd=j.default.div($l||($l=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),cd=j.default.div(nd||(nd=n.__makeTemplateObject(["\n cursor: pointer;\n * {\n pointer-events: none;\n }\n"],["\n cursor: pointer;\n * {\n pointer-events: none;\n }\n"]))),ud=function(n){var t=n.item,a=n.menu,i=dd({allowBgScroll:!0}),o=i.containerRef,r=i.onContainerFocus,l=i.onContainerBlur,d=i.onButtonMouseDown,s=i.onClose,p=function(){var n=e.useState(!0),t=n[0],a=n[1];return e.useEffect((function(){a(!1)}),[]),t}();return!t.popupType&&t.link?M.default.createElement(sd,{className:p?"":"menu-handler-".concat(t.id),tabIndex:0,as:"a",href:t.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link},M.default.createElement(cd,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link},t.name)):M.default.createElement(sd,{ref:o,className:p?"":"menu-handler-".concat(t.id),tabIndex:0,key:t.id,onBlur:l,onFocus:r,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link},M.default.createElement(cd,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link,onMouseDown:d},t.name,t.popupType&&M.default.createElement(pd,null,M.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),M.default.isValidElement(a)?M.default.cloneElement(a,{onClose:s}):null)},md=function(n){var e=n.onClosePopup;return M.default.createElement(Dl,{className:"close-btn",onClick:e},M.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))},hd=function(n){var e=n.onClosePopup,t=n.isDisplay,i=n.children,o=n.isNavMenu,r=n.hideCloseBtn;return M.default.createElement(Tl,{className:"top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!o},M.default.createElement(a.Container,null,!r&&M.default.createElement(Ll,null,M.default.createElement(md,{onClosePopup:e})),M.default.createElement(yl,null,i)))},gd=function(n){var t,a=n.careSpecialties,i=void 0===a?[]:a,o=n.isOpen,r=n.onClose,l=n.spotlights,d=void 0===l?[]:l,s=_.useTranslations().t,p=e.useContext(mo),c=p.locale,u=p.configs.statics,m="".concat(u.CARE_URL_FE,"/").concat(null===(t=L.LOCALIZED_SLUGS[c])||void 0===t?void 0:t.SPECIALTIES);return M.default.createElement(hd,{onClosePopup:r,isDisplay:o,isNavMenu:!0},M.default.createElement(_o,{headingTitle:s("home.navigator.menuItem.specialties"),hrefViewMore:m,UrlFE:u.CARE_URL_FE,onClosePopup:r,titleBtnViewMore:s("home.navigator.menuItem.allSpecialties"),menuItems:(null==i?void 0:i.map((function(n){return n?{name:String(n.name)||"",link:E.getCareSearchUrl({type:"DOCTOR",specialtySlug:n.slug,locale:c}),thumbnail:(null==n?void 0:n.thumbnail)||""}:{}})))||[]}),M.default.createElement($o,{spotlights:d,hrefViewMore:m}))},fd=function(n){var t=n.categories,a=void 0===t?[]:t,i=n.spotlightsList,o=void 0===i?[]:i,r=n.onClose,l=n.isOpen,d=_.useTranslations().t,s=e.useContext(mo),p=s.locale,c=s.configs.statics;return M.default.createElement(hd,{onClosePopup:r,isDisplay:l,isNavMenu:!0},M.default.createElement(_o,{hrefViewMore:"".concat(c.HOME_PAGE_URL).concat("tl-PH"===p?"/fil":"","/categories/"),UrlFE:c.HOME_PAGE_URL,onClosePopup:r,titleBtnViewMore:d("home.navigator.menuItem.allCategories"),menuItems:(null==a?void 0:a.map((function(n){return n?{name:n.displayName||null,link:(null==n?void 0:n.permalink)||"/",thumbnail:n.iconUrl||null}:{}})))||[],headingTitle:d("home.navigator.menuItem.healthCategories")}),M.default.createElement(cr,{spotlightsList:o,hrefViewMore:"".concat(c.HOME_PAGE_URL).concat("tl-PH"===p?"/fil":"","/spotlight/")}))},xd=function(n){var t=n.communities,a=void 0===t?[]:t,i=n.onClose,o=n.isOpen,r=n.spotlights,l=void 0===r?[]:r,d=_.useTranslations().t,s=e.useContext(mo).configs.statics;return M.default.createElement(hd,{onClosePopup:i,isDisplay:o,isNavMenu:!0},M.default.createElement(_o,{hrefViewMore:s.TOGETHER_URL_FE,UrlFE:s.TOGETHER_URL_FE,onClosePopup:i,titleBtnViewMore:d("home.navigator.menuItem.allCommunities"),menuItems:(null==a?void 0:a.map((function(n){return n?{name:n.name||"",link:n.slug||"/",thumbnail:n.thumbnail||""}:{}})))||[],headingTitle:d("home.navigator.menuItem.allCommunitiesheadingTitle")}),M.default.createElement(Rr,{spotlights:l}))},bd=function(n){var t,a=n.locale,i=n.onClose,o=n.isOpen,r=n.spotlightHealthTools,l=void 0===r?[]:r,d=n.healthTools,s=void 0===d?[]:d,p=_.useTranslations().t,c=e.useContext(mo).configs.statics,u="".concat(c.HOME_PAGE_URL).concat("tl-PH"===a?"/fil":"").concat((null===(t=g.STATIC_PAGES[a])||void 0===t?void 0:t.HEALTH_TOOLS)||"");return M.default.createElement(hd,{onClosePopup:i,isDisplay:o,isNavMenu:!0},M.default.createElement(_o,{hrefViewMore:u,UrlFE:c.HOME_PAGE_URL,onClosePopup:i,headingTitle:p("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:p("home.navigator.menuItem.allHealthTools"),menuItems:s.map((function(n){return{name:n.title,link:n.link?n.link.startsWith("http")?n.link:"".concat(c.HOME_PAGE_URL).concat(n.link):void 0,thumbnail:n.icon}}))}),M.default.createElement(vl,{spotlightHealthTools:l,hrefViewMore:u}))};function vd(n){var e=n.className,t=n.ampHidden,a=n.ampBindHiddenCondition;return M.default.createElement("div",{"data-amp-bind-hidden":a,hidden:t},M.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e},M.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function yd(n){var e=n.siteType,t=n.type,a=n.enableSearch,i=n.className,o=n.ampBindHiddenCondition;return"helloSites"===e?M.default.createElement("div",{"data-amp-bind-hidden":o},M.default.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:a?m.CommonGAssets.getAssetPath("hamburgerMenuNewWithSearch.svg"):m.CommonGAssets.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:t,className:i})):M.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i},M.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}var wd=j.default.header(Md||(Md=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),kd=j.default.div(zd||(zd=n.__makeTemplateObject(["\n margin-right: 8px;\n &[data-event-category] > * {\n pointer-events: none;\n }\n\n ","\n #categories-menu {\n transition: transform 0.1s, opacity 0.1s;\n opacity: 0;\n transform: translateX(-100%);\n }\n"],["\n margin-right: 8px;\n &[data-event-category] > * {\n pointer-events: none;\n }\n\n ","\n #categories-menu {\n transition: transform 0.1s, opacity 0.1s;\n opacity: 0;\n transform: translateX(-100%);\n }\n"])),(function(e){return!e.isAmp&&o.css(jd||(jd=n.__makeTemplateObject(["\n .mobile-close-icon {\n display: none;\n }\n &:focus-within {\n .mobile-close-icon {\n display: block;\n }\n .mobile-hamburger-icon {\n display: none;\n }\n #categories-menu {\n transform: translateX(0);\n opacity: 1;\n }\n }\n "],["\n .mobile-close-icon {\n display: none;\n }\n &:focus-within {\n .mobile-close-icon {\n display: block;\n }\n .mobile-hamburger-icon {\n display: none;\n }\n #categories-menu {\n transform: translateX(0);\n opacity: 1;\n }\n }\n "])))})),Ed=j.default.div(Od||(Od=n.__makeTemplateObject(["\n cursor: pointer;\n > * {\n pointer-events: none;\n }\n"],["\n cursor: pointer;\n > * {\n pointer-events: none;\n }\n"]))),_d=j.default.div(Bd||(Bd=n.__makeTemplateObject(["\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}),i.MediaQueries.mbUp,i.MediaQueries.mbDown,E.Z_INDEX.headerContainerHome,E.Z_INDEX.headerContainerPopup,E.Z_INDEX.headerContainerPopupSUbLevel,(function(n){return n.theme.mbColors.lightGray})),Cd=j.default.div(Pd||(Pd=n.__makeTemplateObject(["\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"])),i.MediaQueries.pcDown,i.MediaQueries.mbDown,i.MediaQueries.tdUp),Td=j.default.div(Sd||(Sd=n.__makeTemplateObject(["\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"])),i.MediaQueries.pcDown),Ld=j.default.div(Ad||(Ad=n.__makeTemplateObject([""],[""]))),Dd=j.default.div(Nd||(Nd=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n height: 100%;\n flex-shrink: 0.6;\n "," {\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 "," {\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"])),sd,i.MediaQueries.pcUp,i.MediaQueries.pcDown,i.MediaQueries.mbDown);j.default.div(Hd||(Hd=n.__makeTemplateObject(["\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 Md,jd,zd,Od,Bd,Pd,Sd,Ad,Nd,Hd,Rd,Ud,Id,Zd,Fd,Qd,Vd,Gd,Wd,qd=j.default.div(Rd||(Rd=n.__makeTemplateObject(["\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"])),i.MediaQueries.pcDown,i.MediaQueries.mbDown),Yd=j.default.div(Ud||(Ud=n.__makeTemplateObject(["\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"]))),Xd=function(n){var t=n.type,a=void 0===t?"home":t,i=n.menuItems,o=e.useContext(mo),r=o.siteType,l=o.isAmp,d=o.configs.enableSearchBar,s=dd(),p=s.containerRef,c=s.onContainerFocus,u=s.onContainerBlur,m=s.onButtonMouseDown,h=s.onClose;return M.default.createElement(od,{mediaQueryKey:"mbDown",forceDisplay:!!l||void 0},l&&M.default.createElement("amp-state",{id:"menu"},M.default.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify({lightbox:"closed"})}})),M.default.createElement(wd,null,M.default.createElement(kd,{ref:p,on:"tap:discover-amp-lightbox",role:"button",tabIndex:0,onBlur:u,onFocus:c,isAmp:l},M.default.createElement(Ed,{onMouseDown:m,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},M.default.createElement(vd,{className:"mobile-close-icon",ampHidden:l&&!0,ampBindHiddenCondition:"menu.lightbox == 'closed'"}),M.default.createElement(yd,{siteType:r,type:a,enableSearch:d,className:"mobile-hamburger-icon",ampBindHiddenCondition:"menu.lightbox == 'open'"})),!l&&M.default.createElement(ad,{menuItems:i,closePopup:h}))))},Jd=j.default.div(Id||(Id=n.__makeTemplateObject(["\n background-color: white;\n text-align: center;\n .cancle-img {\n margin-top: 24px;\n "," {\n width: 80px;\n height: 80px;\n }\n\n "," {\n width: 100px;\n height: 100px;\n }\n }\n\n h2 {\n margin-top: 32px;\n color: ",";\n font-style: normal;\n font-weight: bold;\n "," {\n font-size: 24px;\n line-height: 32px;\n }\n\n "," {\n font-size: 32px;\n line-height: 42px;\n }\n }\n\n p {\n margin-top: 8px;\n color: ",";\n font-style: normal;\n font-weight: normal;\n "," {\n font-size: 16px;\n line-height: 24px;\n }\n\n "," {\n font-size: 16px;\n line-height: 24px;\n }\n }\n"],["\n background-color: white;\n text-align: center;\n .cancle-img {\n margin-top: 24px;\n "," {\n width: 80px;\n height: 80px;\n }\n\n "," {\n width: 100px;\n height: 100px;\n }\n }\n\n h2 {\n margin-top: 32px;\n color: ",";\n font-style: normal;\n font-weight: bold;\n "," {\n font-size: 24px;\n line-height: 32px;\n }\n\n "," {\n font-size: 32px;\n line-height: 42px;\n }\n }\n\n p {\n margin-top: 8px;\n color: ",";\n font-style: normal;\n font-weight: normal;\n "," {\n font-size: 16px;\n line-height: 24px;\n }\n\n "," {\n font-size: 16px;\n line-height: 24px;\n }\n }\n"])),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.colors.gray800}),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.colors.gray600}),i.MediaQueries.mbDown,i.MediaQueries.mbUp),Kd=j.default.div(Zd||(Zd=n.__makeTemplateObject(["\n display: flex;\n\n "," {\n margin-top: 24px;\n }\n\n "," {\n margin-top: 32px;\n }\n justify-content: space-around;\n button {\n flex: 1;\n margin: 4px;\n }\n\n ","\n"],["\n display: flex;\n\n "," {\n margin-top: 24px;\n }\n\n "," {\n margin-top: 32px;\n }\n justify-content: space-around;\n button {\n flex: 1;\n margin: 4px;\n }\n\n ","\n"])),i.MediaQueries.mbDown,i.MediaQueries.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 ":""})),$d=function(n){var t=n.openLogoutPopup,a=n.onCloseHandler,i=n.onLogoutHandler,o=n.siteType,r=void 0===o?"helloSites":o,l=_.useTranslations().t;return e.useEffect((function(){document.body.classList.toggle("noscroll",t)}),[t]),M.default.createElement(f.Portal,null,M.default.createElement(s.Popup,{type:"confirm",isOpen:t,closeIcon:M.default.createElement("img",{src:m.CommonGAssets.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon"}),onClose:a},M.default.createElement(Jd,null,"helloSites"===r&&M.default.createElement("img",{src:m.CommonGAssets.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account"}),M.default.createElement("h2",null,l("helloSites"===r?"logout.popup.ask1":"logout.popup.ask.mb")),M.default.createElement("p",null,l("logout.popup.ask2")),M.default.createElement(Kd,{siteType:r},M.default.createElement(v.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:i},l("logout.popup.button.logout")),M.default.createElement(v.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:a},l("logout.popup.button.cancel"))))))},ns=j.default.div(Fd||(Fd=n.__makeTemplateObject(["\n position: absolute;\n right: 0;\n background-color: ",";\n\n &[data-animation='true'] {\n transition: all 0.5s ease-in-out;\n }\n\n &[data-open='true'] {\n z-index: 200;\n top: 120%;\n opacity: 1;\n visibility: visible;\n }\n\n &[data-open='false'] {\n display: none;\n }\n\n &[data-type='lead'] {\n width: 332px;\n height: 460px;\n\n div {\n top: -15px;\n right: -15px;\n }\n }\n\n &[data-type='welcome'] {\n position: fixed;\n "," {\n width: 100%;\n height: 424px;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n min-height: 445px;\n max-width: 407px;\n }\n }\n\n &[data-type='due-date'] {\n position: fixed;\n "," {\n width: 100%;\n height: 100%;\n overflow-y: scroll;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100vw;\n height: 55vw;\n max-height: 598px;\n max-width: 1080px;\n }\n }\n\n .popup-content {\n z-index: 111;\n height: 100%;\n "," {\n 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 ",";\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 ",";\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}),i.MediaQueries.mbDown,i.MediaQueries.mbUp,i.MediaQueries.mbDown,i.MediaQueries.mbUp,i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.colors.gray200}),i.MediaQueries.mbDown,k.theme.colors.neutral100,i.MediaQueries.mbUp),es=j.default.div(Qd||(Qd=n.__makeTemplateObject(["\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"])),i.MediaQueries.mbUp,i.MediaQueries.mbDown),ts=j.default.div(Vd||(Vd=n.__makeTemplateObject(["\n width: 40px;\n height: 40px;\n cursor: pointer;\n\n img {\n border-radius: 50%;\n }\n\n .avatar {\n width: 40px;\n height: 40px;\n object-fit: cover;\n }\n\n .avatar-default {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n color: white;\n font-size: 20px;\n font-weight: bold;\n }\n"],["\n width: 40px;\n height: 40px;\n cursor: pointer;\n\n img {\n border-radius: 50%;\n }\n\n .avatar {\n width: 40px;\n height: 40px;\n object-fit: cover;\n }\n\n .avatar-default {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n color: white;\n font-size: 20px;\n font-weight: bold;\n }\n"])),(function(n){return n.theme.colors.secondaryBase})),as=j.default.a(Gd||(Gd=n.__makeTemplateObject(["\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"])),ns,i.MediaQueries.mbDown,es),is=j.default.a(Wd||(Wd=n.__makeTemplateObject(["\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"])),i.MediaQueries.mbUp,i.MediaQueries.mbUp),os=function(n){var e=n.type,t=void 0===e?"lead":e,a=n.closeIcon,i=n.isOpen,o=void 0===i||i,r=n.onClose,l=n.children,d=n.enableAnimation,s=void 0===d||d,p=n.targetAvatar,c=n.id,u=n.className;return M.default.createElement(M.default.Fragment,null,M.default.createElement(ns,{"data-open":o,"data-type":t,"data-animation":s,"data-target":p,id:c,className:u},M.default.createElement("div",{className:"popup-content"},!!a&&M.default.createElement("div",{className:"close-button",onClick:r},a),l)),M.default.createElement(es,{"data-type":t,"data-open":o,onClick:r,id:c?"wrapper-".concat(c):void 0,className:"".concat(u||"","-wrapper")}))},rs=function(n){var e=n.SSO_URL,t=n.UP_BASEPATH,a=n.isOpen,i=n.targetAvatar,o=n.userInfo,r=n.enableCare,l=n.enableTogether,d=n.enableEcom,s=n.closePopup,p=n.siteType,c=void 0===p?"helloSites":p,u=n.dispatchLogout,m=n.userProfileRouterPush,h=n.isUserProfileNavigatorMenuHidden,g=n.isMyHealthEnabled,f=void 0!==g&&g,x=n.togetherApiDomain,b=n.locale,v=function(n){m?m("/".concat(n)):e&&(window.location.href="".concat(e).concat(t,"/").concat(n))},y=function(n){v(n),s()};return M.default.createElement(os,{isOpen:a,type:"profile",enableAnimation:!0,targetAvatar:i,onClose:s},M.default.createElement(E.UserProfileNavigation,{SSO_URL:e,UP_BASEPATH:t,themeName:c,userInfo:o,enableCare:r,enableTogether:l,enableEcom:d,onClickLogout:function(){u&&(u(),s())},onClickMenuItem:y,onClickNavigationCard:y,onClickMyProfileButton:function(){v("profile"),s()},isUserProfileNavigatorMenuHidden:h,isMyHealthEnabled:f,togetherApiDomain:x,locale:b}))},ls=function(t){var i=t.userInfo,o=t.siteType,r=t.isAmp,l=t.goToLogin,d=t.SSO_URL,p=t.currentUrl,c=t.isMinifyLogin,u=t.enableCare,h=t.enableTogether,g=t.enableEcom,f=t.isUserProfileNavigatorMenuHidden,x=t.UP_BASEPATH,b=t.isMyHealthEnabled,y=t.togetherApiDomain,w=t.onLogout,E=t.style,C=t.userProfileRouterPush,T=t.isLoading,L=t.locale,D=_.useTranslations().t,j=e.useState(!1),z=j[0],O=j[1],B=(null==i?void 0:i.name)||(null==i?void 0:i.username),P=e.useState(!1),S=P[0],A=P[1];e.useEffect((function(){A(!0)}),[]);var N=dd(),H=N.containerRef,R=N.onContainerFocus,U=N.onContainerBlur,I=N.onButtonMouseDown,Z=N.onClose;return T&&!r?M.default.createElement(v.Button,{size:"sm",color:"transparent",isLoading:!0}):(null==i?void 0:i.id)?M.default.createElement(M.default.Fragment,null,M.default.createElement(as,{ref:H,href:r?"".concat(d,"user/profile"):void 0,style:E,tabIndex:0,onBlur:U,onFocus:R},M.default.createElement("div",{onMouseDown:I},M.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},M.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),M.default.createElement(s.Avatar,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==i?void 0:i.avatar,firstLetter:B&&B.length?B[0].toUpperCase():"A",backgroundColor:"marryBaby"===o?k.theme.mbColors.pink:k.theme.colors.secondaryBase,isAmp:r})),!r&&M.default.createElement(rs,{UP_BASEPATH:x,SSO_URL:d,dispatchLogout:function(){Z(),O(!0)},isOpen:!1,isMyHealthEnabled:b,enableCare:u,enableTogether:h,enableEcom:g,closePopup:Z,userInfo:i,siteType:o,isUserProfileNavigatorMenuHidden:f,togetherApiDomain:y,userProfileRouterPush:C,locale:L})),!r&&M.default.createElement($d,{openLogoutPopup:z,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),O(!1)},siteType:o,onLogoutHandler:function(){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return O(!1),document.body.classList.toggle("noscroll",!1),[4,w()];case 1:return n.sent(),[2]}}))}))}})):M.default.createElement(is,{style:n.__assign({textDecoration:"none"},E),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":p,href:r?"".concat(d,"?returnUrl=").concat(p.replace("?amp=1","")):S?void 0:"".concat(d,"?returnUrl=").concat(p),"data-site-type":o},c?M.default.createElement(ts,{onClick:l},M.default.createElement("img",{"data-src":m.CommonGAssets.getAssetPath("lock.png"),className:"avatar lazy",alt:"avatar"})):M.default.createElement(M.default.Fragment,null,"helloSites"===o&&M.default.createElement("img",{className:"mobile-only",src:m.CommonGAssets.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:l}),"marryBaby"===o&&M.default.createElement("div",{className:"mobile-only",onClick:l,style:{paddingLeft:16}},M.default.createElement(a.Text,{size:"p3",color:k.theme.mbColors.pink},D("navigation.loginJoin"))),M.default.createElement(v.Button,{className:"login-btn",size:"md",color:"tertiary",onClick:l,icon:M.default.createElement("img",{src:m.CommonGAssets.getAssetPath("login.svg"),width:18,height:18,style:{marginRight:8}}),theme:o},D("navigation.loginJoin"))))};function ds(n){var t=n.goToLogin,a=e.useContext(mo),i=a.siteType,o=a.isAmp,r=a.userState.userInfo,l=a.currentUrl,d=a.locale,s=a.onLogout,p=a.userProfileRouterPush,c=a.configs,u=c.enableNavCare,m=c.enableProfileMyHealth,h=c.enableNavTogether,f=c.enableProfileEcom,x=c.statics,b=c.enableProfileNavigatorMenu,v=a.isUserLoading;return M.default.createElement(ls,{userInfo:r,siteType:i,isAmp:o,goToLogin:t,SSO_URL:x.SSO_URL+"/",currentUrl:l,onLogout:s,UP_BASEPATH:g.UP_BASEPATH,isMyHealthEnabled:m,enableCare:u,enableTogether:h,enableEcom:f,togetherApiDomain:x.TOGETHER_API+"/",isUserProfileNavigatorMenuHidden:!b,userProfileRouterPush:p,isLoading:v,locale:d})}var ss,ps,cs,us,ms=function(n){var t,o,r,l,d,s=n.onTopBarAppears,p=n.type,c=void 0===p?"home":p,h=n.languageMenu,f=n.menuItems,x=n.setSitewideBannerClosed,b=n.sitewideBannerClosed,v=e.useContext(mo),y=v.siteType,w=v.isAmp,k=v.isMobile,E=void 0!==k&&k,C=v.locale,T=v.sitewideBanner,L=v.sitewideBannerShown,D=void 0===L||L,j=v.sponsorComponent,z=v.onBookingClick,O=v.currentUrl,B=v.ssrMenuContent,P=B.categories,S=B.healthTools,A=B.care,N=B.together,H=v.configs,R=H.statics,U=H.enableNavCareBooking,I=H.enableSearchBar,Z=_.useTranslations().t,F=R.SSO_URL,Q=R.HOME_PAGE_URL,V=!!j,G=e.useState(!1),W=G[0],q=G[1],Y=e.useRef(47),X=e.useRef(null),J=e.useRef(!1),K="helloSites"===y?null===(t=g.LOCALE_SPECS[C])||void 0===t?void 0:t.LOGO_TYPE:y,$="undefined"!=typeof window,nn=e.useCallback(u.throttle((function(){if("home"===c&&$){if(!X.current)return;var n=X.current.getBoundingClientRect();n.top<=0&&window.scrollY>Y.current&&window.scrollY>n.height+20&&!J.current&&(J.current=!0,q(!0)),window.scrollY<Y.current&&J.current&&(J.current=!1,q(!1)),window.scrollY>=0&&(Y.current=window.scrollY)}}),200),[]);e.useEffect((function(){null==s||s(!W)}),[W]),e.useEffect((function(){return window.addEventListener("scroll",nn,{passive:!0}),function(){window.removeEventListener("scroll",nn)}}),[]),e.useEffect((function(){E&&nn()}),[E]),e.useEffect((function(){null===i.lazyLoadInstance||void 0===i.lazyLoadInstance||i.lazyLoadInstance.update(document.querySelectorAll("#site-header img"))}),[null===(o=null==P?void 0:P.items)||void 0===o?void 0:o.length,null===(r=null==S?void 0:S.items)||void 0===r?void 0:r.length,null===(l=null==A?void 0:A.items)||void 0===l?void 0:l.length,null===(d=null==N?void 0:N.items)||void 0===d?void 0:d.length,E]);var en=D&&!!T&&!b;return M.default.createElement(_d,{"data-site-type":y,"data-sponsored":V,"data-sitewide-banner-shown":en,"data-header-type":c,"data-collapsed":W,"data-with-search-input":"popup-sub-level"!==c,"data-is-displayed":!0,"data-is-amp":w,id:"site-header",ref:X},T?M.default.isValidElement(T)?M.default.cloneElement(T,{isCollapsed:W,setBannerClosed:x,isAmp:w,isMobile:E}):T:null,M.default.createElement(Cd,{"data-site-type":y},M.default.createElement(Td,{"data-site-type":y},M.default.createElement(Xd,{menuItems:f,type:c}),M.default.createElement("a",{href:Q},M.default.createElement(Ld,null,M.default.createElement(a.Logo,{style:{display:"flex"},type:K,height:"27px",width:"121px",badge:"id-ID"===C&&(w?M.default.createElement("amp-img",{src:m.CommonGAssets.getAssetPath("sehat-badge.png"),width:"56",height:"23"}):M.default.createElement("img",{src:m.CommonGAssets.getAssetPath("sehat-badge.png"),width:"56",height:"23"}))}))),!w&&("marryBaby"===y?M.default.createElement(gs,{menuItems:f}):I&&M.default.createElement(hs,{siteType:y}))),M.default.createElement(Dd,{"data-site-type":y},!w&&("marryBaby"===y?I&&M.default.createElement(hs,{siteType:y}):M.default.createElement(gs,{menuItems:f})),M.default.createElement(qd,null,U&&!w&&M.default.createElement(od,{mediaQueryKey:"mbUp",forceDisplay:!w&&void 0},M.default.createElement(ld,{careUrlFe:R.CARE_URL_FE,currentUrl:O,btnName:Z("login.booking"),onCareHeaderClick:z})),h,M.default.createElement(ds,{goToLogin:function(){var n=window.location.href;window.location.href=F?"".concat(F,"?returnUrl=").concat(n):n}})))),j?M.default.isValidElement(j)?M.default.cloneElement(j,{isCollapsed:W,locale:C,isMobile:E,isAmp:w}):j:null)},hs=function(n){var e=n.siteType;return M.default.createElement(od,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},M.default.createElement(fo,null))},gs=function(n){var t=n.menuItems,a=e.useContext(mo),i=a.siteType,o=a.locale,r=a.ssrMenuContent,l=r.categories,d=r.healthTools,s=r.care,p=r.together;return M.default.createElement(od,{mediaQueryKey:"mbUp",style:{height:"100%"}},M.default.createElement(Yd,{"data-site-type":i},null==t?void 0:t.map((function(n,e){return M.default.createElement(ud,{key:e,item:n,menu:"categories"===n.popupType?M.default.createElement(fd,{categories:null==l?void 0:l.items,spotlightsList:null==l?void 0:l.spotlights}):"tools"===n.popupType?M.default.createElement(bd,{locale:o,healthTools:null==d?void 0:d.items,spotlightHealthTools:null==d?void 0:d.spotlights}):"together"===n.popupType?M.default.createElement(xd,{communities:null==p?void 0:p.items,spotlights:null==p?void 0:p.spotlights}):"care"===n.popupType?M.default.createElement(gd,{careSpecialties:null==s?void 0:s.items,spotlights:null==s?void 0:s.spotlights}):null})}))))},fs=j.default.div(ps||(ps=n.__makeTemplateObject(["\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"],["\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"])),i.MediaQueries.mbDown,(function(e){return!e.isAmp&&o.css(ss||(ss=n.__makeTemplateObject(["\n -webkit-transform: translateZ(0);\n position: sticky;\n "],["\n -webkit-transform: translateZ(0);\n position: sticky;\n "])))}));j.default.div(cs||(cs=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n"]))),j.default.a(us||(us=n.__makeTemplateObject(["\n &[data-is-active='true'] {\n color: unset;\n }\n font-size: 14px;\n font-weight: 700;\n line-height: 22px;\n text-decoration: none;\n"],["\n &[data-is-active='true'] {\n color: unset;\n }\n font-size: 14px;\n font-weight: 700;\n line-height: 22px;\n text-decoration: none;\n"])));var xs=function(t){var a,i,o=t.isMobile,r=t.isAmp,l=void 0!==r&&r,d=t.locale,s=t.onTopBarAppears,p=t.languageOptions,c=t.ampSubBar,u=t.sponsorComponent,h=t.sitewideBanner,f=t.sitewideBannerShown,x=t.className,b=e.useState(!1),v=b[0],y=b[1],w=function(){var n=_.useTranslations().t,t=e.useContext(mo),a=t.siteType,i=t.locale,o=t.configs,r=o.enableNavCare,l=o.enableNavTogether,d=o.enableNavEcom,s=o.statics,p="marryBaby"===a,c=e.useMemo((function(){var e,t=[{name:n("home.navigator.menuItem.discover"),id:"categories",link:"".concat(s.HOME_PAGE_URL).concat("tl-PH"===i?"/fil":"","/categories"),niceName:"",thumbnail:p?m.CommonGAssets.getAssetPath("categories-mb.svg"):m.CommonGAssets.getAssetPath("discover.png"),popupType:"categories"},{name:n("home.navigator.menuItem.healthTools"),id:"tools",link:"".concat(s.HOME_PAGE_URL).concat("tl-PH"===i?"/fil":"").concat((null===(e=g.STATIC_PAGES[i])||void 0===e?void 0:e.HEALTH_TOOLS)||""),thumbnail:p?m.CommonGAssets.getAssetPath("healthtools-mb.svg"):m.CommonGAssets.getAssetPath("healthTools.png"),popupType:"tools"}];return r&&t.push({name:n("home.navigator.menuItem.helloCare"),id:"care",link:s.HOME_PAGE_URL+"/care",thumbnail:m.CommonGAssets.getAssetPath("helloCare-thumbnail.png"),popupType:"zh-TW"===i?null:"care"}),l&&t.push({name:n("home.navigator.menuItem.helloTogether"),id:"together",link:s.TOGETHER_URL_FE+"/",thumbnail:p?m.CommonGAssets.getAssetPath("community-mb.svg"):m.CommonGAssets.getAssetPath("together.png"),popupType:"together"}),d&&t.push({name:n("home.navigator.menuItem.helloEcom"),id:"ecom",link:s.HOME_PAGE_URL+"/ecom",thumbnail:m.CommonGAssets.getAssetPath("helloCare-thumbnail.png"),popupType:"shop"}),t}),[i,r,l,d]);return c}();!function(){var t=e.useContext(mo),a=t.isFirstLogin,i=t.userState.userInfo;e.useEffect((function(){(null==i?void 0:i.id)&&(a?(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:n.__assign({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.__assign({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.__assign({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.__assign({uuid:null==i?void 0:i.id,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})})}),[])}();var k=l&&{"next-page-hide":""},E=function(n){var t=n.hasSponsoredBanners,a=n.isSiteWide,i=n.isSponsored,o=n.isShowingSiteWideBanner,r=n.isMobile,l=n.showAmpSubBar,d=e.useRef(null),s=e.useState(0),p=s[0],c=s[1],u=e.useState(64),m=u[0],h=u[1],g=e.useCallback(O.default((function(){var n,e,t,a,i=(null===(n=d.current)||void 0===n?void 0:n.clientHeight)||(null===(t=null===(e=d.current)||void 0===e?void 0:e.children[0])||void 0===t?void 0:t.clientHeight)||0;window.scrollY<=i+200&&(c(i),h((null===(a=d.current)||void 0===a?void 0:a.getBoundingClientRect().bottom)||p))}),200),[]);e.useEffect((function(){return window.addEventListener("resize",g),window.addEventListener("scroll",g),g(),function(){window.removeEventListener("resize",g),window.removeEventListener("scroll",g)}}),[]),e.useEffect((function(){g()}),[l,r,a,o,i,t,d.current]);var f=e.useMemo((function(){var n=r?64:69;return o&&(n+=64),i&&(n+=40,t&&(n+=57)),l&&(n+=32),n}),[r,o,t,i,l]);return{defaultHeaderHeight:f,headerHeight:p||f,headerBottom:m,headerRef:d}}({isSiteWide:!!h&&!v,isShowingSiteWideBanner:f&&!!h&&!v,isSponsored:!!u,hasSponsoredBanners:!!(null===(i=null===(a=null==u?void 0:u.props)||void 0===a?void 0:a.sponsoredBy)||void 0===i?void 0:i.length),isMobile:o,showAmpSubBar:l&&!!c}),C=E.headerRef,T=E.defaultHeaderHeight,L=E.headerHeight,D=E.headerBottom;return M.default.createElement(fs,{id:"navigation-v2",style:{"--default-header-height":T+"px","--header-height":"calc(".concat(L,"px - var(--amp-site-wide-closed), 64px)"),"--header-bottom":D+"px"},isAmp:l,className:"".concat(l&&f?"nav-open":""," ").concat(x)},M.default.createElement("section",n.__assign({className:l?"amp-header":void 0,"next-page-replace":"hhg-navigator","amp-fx":"float-in-top"},k,{ref:C,style:l?{overflow:"hidden"}:void 0}),M.default.createElement(ms,{menuItems:w,type:"home",onTopBarAppears:o?function(n){s&&s(n)}:void 0,languageMenu:M.default.createElement(fi,{languageOptions:p,locale:d}),setSitewideBannerClosed:y,sitewideBannerClosed:v}),o&&l&&void 0!==c&&M.default.createElement(M.default.Fragment,null,c)),l&&M.default.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'}})"},M.default.createElement("div",n.__assign({style:{position:"absolute",width:"100%",height:"100%"},role:"button",tabIndex:1},{on:"tap:discover-amp-lightbox.close"})),M.default.createElement(ad,{menuItems:w})))},bs=function(e){return n.__awaiter(void 0,void 0,void 0,(function(){var t,a,i,o,l,d,s,p,c,u,m,h,f,x,v,y,w,k,_,C,T,L,D,M,j,z,O,B,P,S,A,N,H,R,U,I;return n.__generator(this,(function(n){switch(n.label){case 0:t={},a="vi-VN_MB"===e,n.label=1;case 1:n.trys.push([1,14,,15]),i="tl-PH"===e?"lang=fil":"",n.label=2;case 2:return n.trys.push([2,4,,5]),[4,Promise.all([fetch("".concat(b.getDiscoverApiDomain(e),"/wp-json/api/categories").concat(i?"?"+i:"")).then((function(n){return n.json()})),fetch("".concat(b.getDiscoverApiDomain(e),"/wp-json/api/spotlights?per_page=10").concat(i?"&"+i:"")).then((function(n){return n.json()})),fetch("".concat(b.getDiscoverApiDomain(e),"/wp-json/api/").concat(a?"health-tools":"healthtools").concat(i?"?"+i:"")).then((function(n){return n.json()})),fetch("".concat(b.getDiscoverApiDomain(e),"/wp-json/api/").concat(a?"health-tools":"healthtools","/favorites").concat(i?"?"+i:"")).then((function(n){return n.json()}))])];case 3:return o=n.sent(),l=o[0],d=o[1],s=o[2],p=o[3],t.categories={items:(null===(w=null===(y=null==l?void 0:l.data)||void 0===y?void 0:y.map)||void 0===w?void 0:w.call(y,E.formatCategory))||[],spotlights:(null===(T=null===(C=null===(_=null===(k=null==d?void 0:d.data)||void 0===k?void 0:k.articles)||void 0===_?void 0:_.map)||void 0===C?void 0:C.call(_,E.formatSpotlightsList))||void 0===T?void 0:T.filter(E.checkAvailableSpotlight))||[]},t.healthTools={items:(null===(D=null===(L=null==s?void 0:s.data)||void 0===L?void 0:L.map)||void 0===D?void 0:D.call(L,E.formatHealthTool))||[],spotlights:(null===(j=null===(M=null==p?void 0:p.data)||void 0===M?void 0:M.map)||void 0===j?void 0:j.call(M,E.formatHealthTool))||[]},[3,5];case 4:return n.sent(),[3,5];case 5:if(!a&&!g.TOGETHER_LOCALES.includes(e))return[3,9];n.label=6;case 6:return n.trys.push([6,8,,9]),[4,Promise.all([fetch("".concat(b.getTogetherApiDomain(),"/api/v1/community?website_url=https://").concat(g.domainLocales[e])).then((function(n){return n.json()})),fetch("".concat(b.getTogetherApiDomain(),"/api/v1/options?website_url=https://").concat(g.domainLocales[e],"&meta_key=popular_post")).then((function(n){return n.json()}))])];case 7:return c=n.sent(),u=c[0],m=c[1],t.together={items:(null===(B=null===(O=null===(z=null==u?void 0:u.data)||void 0===z?void 0:z.communities)||void 0===O?void 0:O.map)||void 0===B?void 0:B.call(O,r.formatCommunity))||[],spotlights:(null===(A=null===(S=null===(P=null==m?void 0:m.data)||void 0===P?void 0:P.posts)||void 0===S?void 0:S.map)||void 0===A?void 0:A.call(S,r.formatPost))||[]},[3,9];case 8:return n.sent(),[3,9];case 9:if(!g.CARE_LOCALES.includes(e))return[3,13];n.label=10;case 10:return n.trys.push([10,12,,13]),[4,Promise.all([fetch(b.getCareApiDomain()+"/api/specialties?_ishome=1&site=".concat(g.domainLocales[e])).then((function(n){return n.json()})),fetch(b.getCareApiDomain()+"/api/search/?site=".concat(g.domainLocales[e],"&type=hospital&order_by=total_doctor")).then((function(n){return n.json()}))])];case 11:return h=n.sent(),f=h[0],x=h[1],t.care={items:(null===(R=null===(H=null===(N=null==f?void 0:f._data)||void 0===N?void 0:N.specialties)||void 0===H?void 0:H.map)||void 0===R?void 0:R.call(H,E.formatSpecialties))||[],spotlights:(null===(I=null===(U=null==x?void 0:x._data.searches)||void 0===U?void 0:U.map)||void 0===I?void 0:I.call(U,E.formatDoctor))||[]},[3,13];case 12:return n.sent(),[3,13];case 13:return[3,15];case 14:return v=n.sent(),console.error(v),[3,15];case 15:return[2,t]}}))}))};exports.Body=function(n){var e=n.children,t=n.className,a=n.style,i=n.isHoverable,o=n.isStriped;return M.default.createElement(nt,{className:t,style:a,"data-is-striped":o||void 0,"data-is-hoverable":i||void 0},e)},exports.CategoryCard=Vn,exports.Cell=function(n){var e=n.children,t=n.className,a=n.style,i=n.textAlign,o=n.isTableHead;return M.default.createElement(Xe,{className:t,style:a,"data-text-align":i||"left",as:o?"th":"td"},e)},exports.DatePicker=Xn,exports.DoctorInfo=fe,exports.DueDateCalculator=function(n){var t=n.onSubmitDueDate,i=n.locale,o=_.useTranslations().t,l=e.useState(Ta.lastPeriod),d=l[0],s=l[1],p=[{value:Ta.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:Ta.conception,label:o("dueDatePage.conceptionDate")},{value:Ta.IVF,label:o("dueDatePage.ivf")}];return M.default.createElement(M.default.Fragment,null,M.default.createElement(ha,{className:"input-form"},M.default.createElement(a.Text,{size:"xs",type:"bold",color:k.theme.colors.gray600},o("dueDatePage.calculationMethod")),M.default.createElement(ga,null,M.default.createElement(r.Dropdown,{options:p,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:p[d],onChange:function(n){s(n.value)}}))),d===Ta.lastPeriod?M.default.createElement(ja,{locale:i,onClick:t}):null,d===Ta.conception?M.default.createElement(Da,{locale:i,onClick:t}):null,d===Ta.IVF?M.default.createElement(Ma,{locale:i,onClick:t}):null)},exports.Flag=nn,exports.Head=function(n){var e=n.isSticky,t=n.children,a=n.className,i=n.style;return M.default.createElement($e,{className:a,"data-is-sticky":e||void 0,style:i},M.default.createElement(Ke,null,t))},exports.LanguageSwitcher=fi,exports.MenuLink=function(n){var e=n.icon,t=n.isActive,i=n.children,o=n.isCollapsed,r=n.activeIcon,l=n.onLinkClick,d=n.textSize,s=void 0===d?"base":d,p=n.textType,c=void 0===p?"bold":p,u=n.textColorActive,m=void 0===u?"#fff":u,h=n.textColor,g=void 0===h?"#595959":h;return M.default.createElement(be,{"data-is-link-active":t||void 0,onClick:l,"data-is-link-collapsed":o||void 0},t&&r?r:e,!o&&M.default.createElement(a.Text,{size:s,type:c,color:t?m:g},i))},exports.MobileBottomNavigation=Kt,exports.MobileBottomNavigationIcon=Jt,exports.NavigationLogoutPopup=$d,exports.NavigationProfileButton=ls,exports.NavigationV2=function(e){var t=n.__assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return M.default.createElement(ho,n.__assign({},t),M.default.createElement(xs,n.__assign({},t)))},exports.OvulationCalculator=function(n){var t=n.locale,i=n.onSubmitOvulation,o=_.useTranslations().t,l=e.useState(ni.trackPeriod),d=l[0],s=l[1],p=[{label:o("ovulationPage.trackPeriod"),value:ni.trackPeriod},{label:o("ovulationPage.conceive"),value:ni.conceive},{label:o("ovulationPage.avoidPregnancy"),value:ni.avoidPregnancy}];return M.default.createElement(M.default.Fragment,null,M.default.createElement(ha,{className:"input-form"},M.default.createElement(a.Text,{size:"xs",type:"bold",color:"#595959"},o("ovulationPage.objectives")),M.default.createElement(ga,null,M.default.createElement(r.Dropdown,{options:p,placeholder:o("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"lg",value:p[d],onChange:function(n){s(n.value)}}))),M.default.createElement(ti,{locale:t,onSubmit:function(n){var e=n.startDate,t=n.cycle,a=n.periodLength;i&&i({method:d,periodDateStart:e,cycle:t,periodLength:a})}}))},exports.ProfilePopup=rs,exports.Radio=en,exports.RadioGroup=ce,exports.Row=Ke,exports.ScrollList=function(n){var t=n.row,a=void 0===t?2:t,i=n.column,o=void 0===i?3:i,r=n.isDotsShown,l=void 0===r||r,d=n.isImageGalleryShown,s=void 0!==d&&d,p=n.mode,c=void 0===p?"infinity":p,m=n.type,h=void 0===m?"separated":m,g=n.distanceOverlappedLeft,f=void 0===g?{amount:0,unit:"pixel"}:g,x=n.children,b=n.className,v=n.isProgressShown,y=void 0!==v&&v,w=n.statusChildren,k=n.isArrowShown,E=void 0!==k&&k,_=n.classNameLeftArrow,C=n.classNameRightArrow,T=n.dataEventCategory,L=n.dataEventAction,D=n.dataEventLabel,j=n.onChangePage,z=n.page,O=n.customPageWidth,B=n.scheme,P=void 0===B?"hellosites":B,S=n.arrowType,A=void 0===S?"Discover":S,N="number"==typeof z,H=e.useState(N?z:0),R=H[0],U=H[1],I=[];M.default.Children.map(x,(function(n,e){e%(a*o)==0&&I.push([]),I[I.length-1].push(M.default.cloneElement(n))}));var Z=e.useRef(),F=e.useRef(0),Q=function(n){if(Z.current){var e=Z.current.clientWidth,t=O||e,a="intertwined"===h?"percentage"===f.unit?n*t+f.amount/100*t*n:n*t+f.amount*t*n:n*t;Z.current.scrollTo({top:0,left:a,behavior:"smooth"}),F.current=n,U(n),j&&j(n)}};e.useEffect((function(){"number"==typeof z&&function(n){if(Z.current){var e=Z.current.clientWidth,t=O||e,a="intertwined"===h?"percentage"===f.unit?n*t+f.amount/100*t*n:n*t+f.amount*t*n:n*t;Z.current.scrollTo({top:0,left:a,behavior:"smooth"}),F.current=n,U(n)}}(z)}),[z]);var V=function(n){if(Z.current){var e,t=Z.current.clientWidth,a=O||t;e=0===R?0:R*a,"forward"===n&&(e===a*(I.length-1)?(U(I.length-1),e=a*(I.length-1),j&&j(I.length-1)):(U(R+1),e+=a,j&&j(R+1)),Z.current.scrollTo({top:0,left:e,behavior:"smooth"})),"back"===n&&(0===e?(U(0),j&&j(0),e=0):(U(R-1),j&&j(R-1),e-=a),Z.current.scrollTo({top:0,left:e,behavior:"smooth"}))}},G=u.throttle((function(){if("infinity"===c){if(!Z.current)return;var n=Z.current,e=n.clientWidth,t=n.scrollLeft,a=O||e,i=Math.floor(t/a);U(i),j&&j(i)}}),400);return e.useEffect((function(){if("snapped"===c){var n,e,t,a,i,o,r=!1,l=Z.current,d=function(o,d){r=!0,t=!1,a=!1,n=o-l.offsetLeft,e=d-l.offsetTop,i=l.scrollLeft},s=function(n){d(n.pageX,n.pageY)},p=function(n){d(n.touches[0].pageX,n.touches[0].pageY)},u=function(){if(r=!1,t=!1,a=!1,Z.current){var n=Z.current.clientWidth,e=O||n,i="ltr"===o?0!==F.current?F.current-1:F.current:"rtl"===o&&F.current<I.length-1?F.current+1:F.current,l="intertwined"===h?"percentage"===f.unit?i*e+f.amount/100*e*i:i*e+f.amount*e*i:i*e;Z.current.scrollTo({top:0,left:l,behavior:"smooth"}),o="none",F.current!==i&&(F.current=i,U(i),j&&j(i))}},m=function(d,s){if(r){var p=d-l.offsetLeft,c=s-l.offsetTop,u=p-n,m=c-e;t||a||!(m>20||m<-20)||(t=!0),!t&&(u>20||u<-20)&&(a=!0,l.scrollLeft=i-u,u>0&&(o="ltr"),u<0&&(o="rtl"),0===u&&(o="none"))}},g=function(n){a&&n.preventDefault(),m(n.pageX,n.pageY)},x=function(n){a&&n.preventDefault(),m(n.touches[0].pageX,n.touches[0].pageY)};return null==l||l.addEventListener("mousedown",s),null==l||l.addEventListener("touchstart",p),window.addEventListener("mouseup",u),window.addEventListener("touchend",u),null==l||l.addEventListener("mousemove",g),null==l||l.addEventListener("touchmove",x),function(){null==l||l.removeEventListener("mousedown",s),null==l||l.removeEventListener("touchstart",p),window.removeEventListener("mouseup",u),window.removeEventListener("touchend",u),null==l||l.removeEventListener("mousemove",g),null==l||l.removeEventListener("touchmove",x)}}}),[]),M.default.createElement(ve,{className:b,"data-row":a,onScroll:G},E&&R>0&&M.default.createElement("div",{className:"".concat(_," arrow-left"),onClick:function(){return V("back")},"data-event-category":T,"data-event-action":L,"data-event-label":D},"Care"===A?M.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},M.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},M.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),M.default.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),M.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),M.default.createElement("defs",null,M.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},M.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),M.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),M.default.createElement("feOffset",{dx:"-2",dy:"2"}),M.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),M.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),M.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),M.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),M.default.createElement("feOffset",{dx:"-1",dy:"1"}),M.default.createElement("feGaussianBlur",{stdDeviation:"1"}),M.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),M.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),M.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):M.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===P?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),M.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===P?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),M.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===P?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),M.default.createElement("div",{ref:Z,className:"container",style:{overflowX:"snapped"===c||E?"hidden":"scroll"}},I.map((function(n,e){for(var t=0,i=0;i<e;i++)t+=I[i].length;return M.default.createElement("div",{key:e,className:"section",style:{marginLeft:"intertwined"===h&&0!==e?f.amount+""+("percentage"===f.unit?"%":"px"):"0px"}},1===a&&y&&M.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:"repeat(".concat(o,", 1fr)")}},n.map((function(a,i){var o=t+i,r=w.find((function(n){return n.index===o}));return M.default.createElement("div",{className:"items-progress",key:i},0===i&&0===e?M.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):M.default.createElement("div",{className:"line"}),M.default.createElement("div",{className:"icon-status"},M.default.createElement(Ie,{status:null==r?void 0:r.status})),e===I.length-1&&i===n.length-1?M.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):M.default.createElement("div",{className:"line"}))}))),M.default.createElement("div",{className:"grid-layout","data-index":e,style:{gridTemplateColumns:"repeat(".concat(o,", 1fr)"),gridTemplateRows:"repeat(".concat(a,", 1fr)")}},n.map((function(n,e){return M.default.createElement(M.default.Fragment,{key:e},M.default.createElement("div",{className:"item-grid",key:e},n))}))))}))),E&&R<I.length-1&&M.default.createElement("div",{className:"".concat(C," arrow-right"),onClick:function(){return V("forward")},"data-event-category":T,"data-event-action":L,"data-event-label":D}," ","Care"===A?M.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},M.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},M.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),M.default.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),M.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),M.default.createElement("defs",null,M.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},M.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),M.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),M.default.createElement("feOffset",{dx:"-2",dy:"2"}),M.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),M.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),M.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),M.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),M.default.createElement("feOffset",{dx:"-1",dy:"1"}),M.default.createElement("feGaussianBlur",{stdDeviation:"1"}),M.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),M.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),M.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):M.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===P?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),M.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===P?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),M.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===P?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&M.default.createElement("ul",{className:"bullet-nav"},I.map((function(n,e){return M.default.createElement("li",{key:e,className:"bullet-nav__item "},M.default.createElement("p",{onClick:function(){return Q(e)},className:"bullet-nav__link scroll ".concat(R==e?"active":null),"data-scheme":P}))}))),s&&M.default.createElement("div",{className:"image-gallery-wrapper","data-test":I.length},I.slice(0,3).map((function(n,e){return M.default.createElement("div",{className:"image-block ".concat(R==e?"active":null),key:e,onClick:function(){return Q(e)},"data-scheme":P},n)}))))},exports.SideHeader=function(n){var e=n.isCollapsed,t=n.defaultLogo,i=n.onBackClick,o=n.customIcon;return M.default.createElement(me,null,M.default.createElement(a.Logo,{type:e?"logomark":t||"hellocare",height:"24px",width:e?"24px":"77px"}),M.default.createElement(he,{"data-is-collapsed":e||void 0,onClick:i},o||M.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 20 20",width:"20px",height:"20px"},M.default.createElement("path",{d:"M10 .75A9.25 9.25 0 1019.25 10 9.25 9.25 0 0010 .75z",fill:"none",stroke:"#d2d6dc",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),M.default.createElement("path",{d:"M11.44 6.53L8 10l3.48 3.47",fill:"none",stroke:"#737373",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}))))},exports.SideMenu=function(n){var e=n.isCollapsed,t=n.className,a=n.style,i=n.children;return M.default.createElement(ue,{style:a,className:t,"data-is-collapsed":e||void 0},i)},exports.Slider=An,exports.StyledAcceptButton=Qt,exports.StyledAcceptCardContainer=Ut,exports.StyledAnchor=Hn,exports.StyledArrow=Ze,exports.StyledAuthor=Un,exports.StyledBreadcrumb=In,exports.StyledBreadcrumbContainer=ae,exports.StyledBreadcrumbWrapper=ie,exports.StyledButtonGroup=Ft,exports.StyledCalendarCellsWrapper=vi,exports.StyledCalendarDateGrid=oo,exports.StyledCalendarDayLabel=eo,exports.StyledCalendarDayNumber=lo,exports.StyledCalendarDayNumberWrapper=ro,exports.StyledCalendarDaysOfWeek=ki,exports.StyledCalendarDaysWrapper=ao,exports.StyledCalendarHead=yi,exports.StyledCalendarMonthSeparator=to,exports.StyledCalendarMonthWrapper=io,exports.StyledCalendarWrapper=bi,exports.StyledCalendarWrapper$1=po,exports.StyledCard=Rn,exports.StyledCarousel=Qe,exports.StyledCheckboxGroup=Gn,exports.StyledContainer=ma,exports.StyledContainer$1=Pa,exports.StyledContent=Sa,exports.StyledDescription=Zt,exports.StyledDescriptionWrapper=We,exports.StyledDetailStep=oe,exports.StyledDetailStepDescription=se,exports.StyledDetailStepIndicator=re,exports.StyledDetailStepIndicatorExternal=le,exports.StyledDetailStepLabel=de,exports.StyledDot=Fe,exports.StyledDot$1=Ge,exports.StyledExpertName=Nn,exports.StyledFloatButtonGroup=Ot,exports.StyledFloatButtonGroupBackgroundPanel=Bt,exports.StyledFloatButtonGroupButton=Nt,exports.StyledFloatButtonGroupButtonIcon=Rt,exports.StyledFloatButtonGroupButtonLabel=Ht,exports.StyledFloatButtonGroupContent=Pt,exports.StyledFloatButtonGroupItemsWrapper=St,exports.StyledFloatButtonGroupToggleIcon=At,exports.StyledHeading=pa,exports.StyledHeadingWithReviewedStatus=$t,exports.StyledHealthToolBannerContainer=Za,exports.StyledHealthToolBannerIconContainer=Fa,exports.StyledHealthToolBannerTextContainer=ei,exports.StyledHealthToolHeroContainer=Ia,exports.StyledHeroBackground=Na,exports.StyledHeroBanner=Aa,exports.StyledHeroBannerContainer=Ua,exports.StyledHeroContentContainer=Ha,exports.StyledHeroInfoContainer=Ra,exports.StyledIcon=it,exports.StyledIconContainer=sa,exports.StyledIconText=Jn,exports.StyledInner=ca,exports.StyledMedicalReviewed=da,exports.StyledPoliciesButton=Vt,exports.StyledSeparator=Zn,exports.StyledShareContainer=co,exports.StyledShareDrawer=uo,exports.StyledSlider=Kn,exports.StyledStatisticContainer=Ve,exports.StyledStatisticNumberWrapper=qe,exports.StyledStep=$n,exports.StyledStepLabel=te,exports.StyledSurveyQuestionCard=ot,exports.StyledSurveyThankyouCard=lt,exports.StyledTab=tt,exports.StyledTabContent=at,exports.StyledTabs=et,exports.StyledTextLink=Fn,exports.StyledTitleSection=It,exports.StyledTrack=ee,exports.StyledTrackContainer=ne,exports.StyledWrapper=ua,exports.StyledWrapper$1=so,exports.SurveyQuestionCard=function(n){var t,i,o,r=n.className,l=n.headerText,d=n.style,s=n.question,p=n.termAndPolicyText,c=n.prevText,u=n.nextText,m=n.isContactForm,h=n.isDisableNext,g=n.isDisablePrev,f=n.onPrevClick,x=n.onNextClick,b=n.isSubmitButton,y=n.isButtonCenter,w=n.progress,k=n.descriptionText,E=e.useState([]),_=E[0],C=E[1],T=s.is_multi_select,L=s.multi_select_option,D=s.from,j=s.to,z=null==s?void 0:s.type,O="checkbox"===z&&(null===(t=s.options)||void 0===t?void 0:t.length)&&(!_||0===_.length||T&&L===Ue.RANGE&&(_.length<D||_.length>j)||T&&L===Ue.EXACT_NUMBER&&_.length!==D)||"radio"===z&&(null===(i=s.options)||void 0===i?void 0:i.length)&&(!_||0===_.length)||"textbox"===z&&(null===(o=s.textOptions)||void 0===o?void 0:o.length)&&(_.length<s.textOptions.length||_.some((function(n){return!n.value}))),B="number"==typeof w?w>1?1:w<0?0:Number(w.toFixed(2)):-1,P=e.useRef(null),S=function(){return"textbox"!==z||P.current.reportValidity()};return M.default.createElement(ot,{className:r,style:d},M.default.createElement("div",{className:"survey-inner-wrapper"},l&&M.default.createElement("div",{className:"survey-header"},M.default.createElement(a.Text,{className:"survey-header-text",size:"c2"},l)),M.default.createElement("form",{ref:P,onSubmit:function(n){return n.preventDefault()}},M.default.createElement(pt,{question:s,description:k,onOptionsChange:function(n){C(n)},onTextOptionsChange:function(n){C(n)}})),m&&u&&M.default.createElement(v.Button,{className:"survey-contact-submit",size:"lg",isDisabled:h||O,onClick:function(){return S()&&x&&x(_)}},u),p&&M.default.createElement("div",{className:"term-policy-container"},p),"number"==typeof w&&M.default.createElement("div",{className:"survey-progress-wrapper"},M.default.createElement("div",{className:"survey-progress",style:{transform:"scaleX(".concat(B,")")}})),(c||u)&&M.default.createElement("div",{"data-center":y,className:"survey-button-wrapper"},c&&M.default.createElement(v.Button,{className:"survey-prev-button",size:"lg",color:g?"primary":"secondary",isDisabled:g,icon:M.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:g?"#fff":"#2D87F3"})),onClick:f},c),!m&&u&&M.default.createElement(v.Button,{onClick:function(){return S()&&x&&x(_)},className:"survey-next-button",size:"lg",isDisabled:h||O},u," ",b?void 0:M.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},exports.TRANSITION_TIMING=200,exports.Table=function(n){var e=n.children,t=n.className,a=n.style,i=n.horizontalPadding,o=n.verticalPadding;return M.default.createElement(Ye,{className:t,style:a,theme:{horizontalPadding:i,verticalPadding:o}},e)},exports.UserInfo=function(n){var e=n.isCollapsed,t=n.userName,a=n.role,i=n.avatar;return M.default.createElement(xe,{"data-is-collapsed":e||void 0},M.default.createElement(fe,{image:i,name:t,description:a,isDescriptionHidden:e}))},exports.getNavMenuContent=bs,exports.getNavMenuContentWithCache=function(e){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return[4,t.getDataWithCache("nav-menu-content",(function(){return bs(e||"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,n.sent()||{}]}}))}))};