@hhgtech/hhg-components 1.19.1 → 1.19.3

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 (53) hide show
  1. package/build/care.js +1 -1
  2. package/build/components/atoms/button/index.d.ts +2 -1
  3. package/build/components/atoms/textArea/index.d.ts +2 -2
  4. package/build/components/organisms/userProfileNavigation/index.styled.d.ts +1 -1
  5. package/build/components.js +1 -1
  6. package/build/cookieHelper-2ca633b5.js +2 -0
  7. package/build/{cookieHelper-715ce012.js.map → cookieHelper-2ca633b5.js.map} +1 -1
  8. package/build/esm/care.js +1 -1
  9. package/build/esm/components/atoms/button/index.d.ts +2 -1
  10. package/build/esm/components/atoms/textArea/index.d.ts +2 -2
  11. package/build/esm/components/organisms/userProfileNavigation/index.styled.d.ts +1 -1
  12. package/build/esm/components.js +1 -1
  13. package/build/esm/{cookieHelper-7d235823.js → cookieHelper-c439e940.js} +2 -2
  14. package/build/esm/{cookieHelper-7d235823.js.map → cookieHelper-c439e940.js.map} +1 -1
  15. package/build/esm/{index-ce0d30d6.js → index-39602a38.js} +2 -2
  16. package/build/esm/{index-ce0d30d6.js.map → index-39602a38.js.map} +1 -1
  17. package/build/esm/{index-bca12612.js → index-68af11c4.js} +2 -2
  18. package/build/esm/{index-bca12612.js.map → index-68af11c4.js.map} +1 -1
  19. package/build/esm/{index-251808f6.js → index-784db743.js} +2 -2
  20. package/build/esm/{index-251808f6.js.map → index-784db743.js.map} +1 -1
  21. package/build/esm/{index-b96eff96.js → index-9b7d6029.js} +2 -2
  22. package/build/esm/{index-b96eff96.js.map → index-9b7d6029.js.map} +1 -1
  23. package/build/esm/index.js +1 -1
  24. package/build/esm/index.styled-94e62055.js +2 -0
  25. package/build/{index.styled-f7f39332.js.map → esm/index.styled-94e62055.js.map} +1 -1
  26. package/build/esm/navigation.js +1 -1
  27. package/build/esm/together.js +1 -1
  28. package/build/esm/{types-96975f82.js → types-355af28f.js} +2 -2
  29. package/build/esm/{types-96975f82.js.map → types-355af28f.js.map} +1 -1
  30. package/build/esm/{types-88470211.js → types-50e7bd36.js} +2 -2
  31. package/build/esm/{types-88470211.js.map → types-50e7bd36.js.map} +1 -1
  32. package/build/{index-706ef1ee.js → index-2fc58ef1.js} +2 -2
  33. package/build/{index-706ef1ee.js.map → index-2fc58ef1.js.map} +1 -1
  34. package/build/{index-e3c85851.js → index-47df1eaf.js} +2 -2
  35. package/build/{index-e3c85851.js.map → index-47df1eaf.js.map} +1 -1
  36. package/build/{index-f1d49e51.js → index-9e90ff46.js} +2 -2
  37. package/build/{index-f1d49e51.js.map → index-9e90ff46.js.map} +1 -1
  38. package/build/{index-11db6447.js → index-e8f5d7f5.js} +2 -2
  39. package/build/{index-11db6447.js.map → index-e8f5d7f5.js.map} +1 -1
  40. package/build/index.js +1 -1
  41. package/build/index.styled-e08dcf9a.js +2 -0
  42. package/build/index.styled-e08dcf9a.js.map +1 -0
  43. package/build/navigation.js +1 -1
  44. package/build/together.js +1 -1
  45. package/build/{types-cac53aad.js → types-3a885bbd.js} +2 -2
  46. package/build/{types-cac53aad.js.map → types-3a885bbd.js.map} +1 -1
  47. package/build/{types-b2449d3f.js → types-80aca43e.js} +2 -2
  48. package/build/{types-b2449d3f.js.map → types-80aca43e.js.map} +1 -1
  49. package/package.json +1 -1
  50. package/build/cookieHelper-715ce012.js +0 -2
  51. package/build/esm/index.styled-d0badf62.js +0 -2
  52. package/build/esm/index.styled-d0badf62.js.map +0 -1
  53. package/build/index.styled-f7f39332.js +0 -2
package/build/{index-706ef1ee.js → index-2fc58ef1.js} RENAMED
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react"),n=require("./cookieHelper-715ce012.js"),t=require("./tslib.es6-f7929e76.js"),a=require("./useTranslations-41d2f908.js"),i=require("react-range"),o=require("./index.styled-f7f39332.js"),l=require("./theme-79e84625.js"),r=require("./index-11db6447.js"),d=require("react-id-generator"),s=require("./index-f1d49e51.js"),c=require("date-fns"),p=require("react-day-picker/DayPickerInput"),u=require("./useScrollbarSize-586f6706.js"),m=require("react-dom"),f=require("lodash"),g=require("./constants-ea7b35a2.js"),h=require("./useOutsideClick-528bfd6c.js"),x=require("date-fns/locale/en-US"),v=require("date-fns/locale/id"),y=require("date-fns/locale/vi"),b=require("date-fns/locale/zh-TW");require("lodash/debounce");var E=require("styled-components"),w=require("react-loading-skeleton"),k=require("./translationsProvider-d06a3c76.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _=C(e),L=C(p),T=C(x),S=C(v),M=C(y),N=C(b),A=C(E),B=C(w),z=function(i){var o=i.pagesAmount,l=i.activePage,r=i.handlePageChange,d=i.handleClick,s=i.href,c=i.queryPageName,p=void 0===c?"page":c,u=t.__spreadArray([],Array(o),!0).map((function(e,n){return n+1})),m=e.useState(l<=4?u.slice(0,5):l>=u.length-3?u.slice(u.length-5,u.length):u.slice(l-2,l+1)),f=m[0],g=m[1];return e.useEffect((function(){l<=4?g(u.slice(0,5)):l>=u.length-3?g(u.slice(u.length-5,u.length)):g(u.slice(l-2,l+1))}),[l]),_.default.createElement(e.Fragment,null,l>4&&_.default.createElement(e.Fragment,null,_.default.createElement(n.StyledPaginationBlock,{onClick:function(){return r(1)}},s?_.default.createElement("a",{href:s,onClick:d},1):1),_.default.createElement(n.StyledPaginationBlock,null,"...")),f.map((function(e){return _.default.createElement(n.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===l||void 0,onClick:function(){return r(e)}},s?_.default.createElement("a",{href:a.formatUrlWithPageParam(s,e,p),onClick:d},e):e)})),l<u.length-3&&_.default.createElement(e.Fragment,null,_.default.createElement(n.StyledPaginationBlock,null,"..."),_.default.createElement(n.StyledPaginationBlock,{onClick:function(){return r(u.length)}},s?_.default.createElement("a",{href:a.formatUrlWithPageParam(s,u.length,p),onClick:d},u.length):u.length)))},D=function(e){var a=e.type,i=e.size,o=void 0===i?"small":i,l=e.label,r=e.name,d=e.checked,s=e.value,c=e.className,p=e.isDisabled,u=void 0!==p&&p,m=e.onChange,f=e.dataEventCategory,g=e.dataEventAction,h=e.dataEventLabel,x=!!g&&!!f&&!!h?{"data-event-category":f,"data-event-action":g,"data-event-label":h}:{};return _.default.createElement(n.StyledRadio,{"data-disabled":u,className:c,"data-type":a,"data-size":o},_.default.createElement("input",t.__assign({type:"radio",checked:d,name:r,id:"".concat(r,"-").concat(s),value:s,onChange:function(){return m(s)}},x)),_.default.createElement("label",t.__assign({htmlFor:"".concat(r,"-").concat(s)},x),l))};function j(e){var t=e.rangeRef,a=e.values,o=e.index,l=i.useThumbOverlap(t,a,o,1," - ",(function(e){return e})),r=l[0],d=l[1];return _.default.createElement(_.default.Fragment,null,_.default.createElement(n.StyledLabel,{"data-label":o,style:d},r),_.default.createElement(n.StyledDot,{"data-label":o}))}var O=function(e){var t=e.label,a=e.name,i=e.checked,o=e.className,l=e.isDisabled,r=e.onChange,d=e.value,s=e.isRectangle;return _.default.createElement(n.StyledCheckbox,{className:o,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":t},_.default.createElement("input",{type:"checkbox",checked:i,name:a,onChange:function(){return r(d,!i)},disabled:l,value:d,id:"".concat(a,"-").concat(d),"data-label-text":t}),!s&&_.default.createElement("label",{htmlFor:"".concat(a,"-").concat(d)},t))},P="data:image/svg+xml,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M27 0H5C2.23858 0 0 2.23858 0 5V27C0 29.7614 2.23858 32 5 32H27C29.7614 32 32 29.7614 32 27V5C32 2.23858 29.7614 0 27 0Z' fill='%231778F2'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.314 32V19.499H23.569L24 15.19H20.314L20.32 13.034C20.32 11.911 20.42 11.309 21.943 11.309H23.977V7H20.722C16.812 7 15.437 9.09 15.437 12.604V15.191H13V19.499H15.437V32H20.314Z' fill='white'/%3e%3c/svg%3e",I="data:image/svg+xml,%3csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24.9 31.983L7.13 32c-3.909.004-7.11-3.191-7.114-7.1L0 7.13C-.004 3.222 3.191.021 7.1.017L24.87 0c3.909-.004 7.11 3.191 7.114 7.1L32 24.87c.004 3.91-3.191 7.11-7.1 7.114z' fill='url(%23prefix__paint0_radial)'/%3e%3cpath d='M24.9 31.983L7.13 32c-3.909.004-7.11-3.191-7.114-7.1L0 7.13C-.004 3.222 3.191.021 7.1.017L24.87 0c3.909-.004 7.11 3.191 7.114 7.1L32 24.87c.004 3.91-3.191 7.11-7.1 7.114z' fill='url(%23prefix__paint1_radial)'/%3e%3cpath d='M16 22.22A6.226 6.226 0 019.781 16c0-3.43 2.79-6.219 6.22-6.219a6.226 6.226 0 016.218 6.22c0 3.428-2.79 6.218-6.219 6.218zm0-10.662A4.447 4.447 0 0011.558 16 4.447 4.447 0 0016 20.442 4.447 4.447 0 0020.442 16 4.447 4.447 0 0016 11.558zM22.664 10.67a1.333 1.333 0 100-2.666 1.333 1.333 0 000 2.665z' fill='white'/%3e%3cpath d='M21.33 27.55H10.67a6.226 6.226 0 01-6.22-6.22V10.67c0-3.43 2.79-6.22 6.22-6.22h10.66a6.226 6.226 0 016.22 6.22v10.66c0 3.43-2.791 6.22-6.22 6.22zM10.67 6.226a4.447 4.447 0 00-4.443 4.442V21.33a4.447 4.447 0 004.442 4.442H21.33a4.447 4.447 0 004.442-4.442V10.67a4.447 4.447 0 00-4.442-4.443H10.67z' fill='white'/%3e%3cdefs%3e%3cradialGradient id='prefix__paint0_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(11.896 32.023) scale(39.8892)'%3e%3cstop stop-color='%23FD5'/%3e%3cstop offset='.328' stop-color='%23FF543F'/%3e%3cstop offset='.348' stop-color='%23FC5245'/%3e%3cstop offset='.504' stop-color='%23E64771'/%3e%3cstop offset='.643' stop-color='%23D53E91'/%3e%3cstop offset='.761' stop-color='%23CC39A4'/%3e%3cstop offset='.841' stop-color='%23C837AB'/%3e%3c/radialGradient%3e%3cradialGradient id='prefix__paint1_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(26.4865 0 0 17.6479 5.15 -.4)'%3e%3cstop stop-color='%234168C9'/%3e%3cstop offset='.999' stop-color='%234168C9' stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e",F=function(e){return _.default.createElement("svg",t.__assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),_.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"}))},H=function(e){return _.default.createElement("svg",t.__assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),_.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"}))},R=function(e){return _.default.createElement("svg",t.__assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),_.default.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),_.default.createElement("mask",{id:"mask0_3555_5815",maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},_.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),_.default.createElement("g",{mask:"url(#mask0_3555_5815)"},_.default.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},U="data:image/svg+xml,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='32' height='32' rx='6' fill='%23D42428'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 12C7 10.8954 7.89543 10 9 10H9.68946H10H22H22.31H23C24.1046 10 25 10.8954 25 12V12.5633V20C25 21.1046 24.1046 22 23 22H22.3098H22H10H9.68946H9C7.89543 22 7 21.1046 7 20V19.4367V12.5633V12ZM14.1994 12.4438V18.8997L19.34 15.6719L14.1994 12.4438Z' fill='white'/%3e%3c/svg%3e",V="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABnCAYAAADygzfHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABu7SURBVHgB7V0JmFTVlf7ve1XV1St0N93sdouACMiiRFSi4G6iIjFOJpp8EcwySSYTIONoEvMNGNeZxAhRs0y+CCT6xRijEpe4RBHRIILaIkuzN3svLL3QXfu7c86979XW1UtVF7hQB17X2+ou59yz3nNvCfQCpJT9j/nDk0yBWYZhTLekrBZAf+SgR5BAsxCokZb8QArxemGe65nefE90WygRxB+25lKh83KEyBrUwRBLETaW5eeLuq5e6pIw/mBkLnHGwhxBjhvUEfYX5ntcy1I9TEkYIsoDxC3z4u8plrTk4vfrj9U88HZ9/6c3t0yCsKaLSKjakOgvhC5O8om+oO9IVYF0rqSuUNhVS/VEwBQGTi+xcOeVI3D5mEp4TBc+4dBMRw0dH9Dxvt8f3i1JDQghrqXr6vgXCV+LCjzm/OQCOhHGFwwvIXzNjrtVB0vOyf+fDVSRfy4VRQQTWeAiCdMC8g0LN4wtwZ1XjUFlgbt72frJhTo6ltKxzO8PzYBhLEA8gQSWEufMif+CEX/BnBJPFOKaxV6POTn/f9+dSCTbRbcWZocouuLT+1FLrz8ND143HpVe16eVKAzVULjDCq/XLf2EU8Zt9CnhvINxHwdRXBzzBWebhrHEubYseUdhvnshFr79gOaS7ABX6LYiuG5UMe6+ehROKc6DyzRwksEiEmvzfb7QQjIEFjg3pbTmF3g9i/hcEcbn81XDcK+AzV5MzQKvex4WrmZCzUYWwBkBA9wSt04bhG+eNwwlbuIS8Snmk+5hKfV9Toc/xESayzcIE815HvNUum5WQ9VweW5CTObV5ee5bE7JDlFUHVRrVYGFx28cjx9Mr9ZE+TQLr55hNjHAAwHGtdZBbAr17/CHlXTSHBMIs/6o5nNyImd77nmb7ptLkAXgCkwySUYWBvGnm87ChIoCItJJTZBkmE9WWw0hhSVWjGvaA+FZxDZP2y/V5d+79iL6jIq1voCQBtUXwRlFIfxl9lk4vbzwZOeSVMCm9am+YGSX4zOGLXmRIaSc4bxBrLWchE68WOsDSLK8JEYWhPCEIkpBjiipgYkxj31E54YKfQlDTHRuRCQojmPNRjaABSb8eHzO2RhTxpxy0lle6cBcwxA10SthTDfIG5/kXE995INqZIVbyHG0QlhywzicyZyS0yk9QX/TjIW+SNJUG/GxsE1NwUnIArilhbsuH46rRpUTW+aI0hswTTOKexY2SfIlJtYyrsCy8JUxxfiPadXI0SQtmB5/kUQY2QeOodgXHZcO9eDns8bCxQHMHGXSger4i2SO6UMcTKDCFcHi68eiNI/sL5FT9mlCAu6zhj0Xxb/uvqIKI0u95LvkiNJXyMrEB8+sXFaVh6+ePVyFXnLQd+jz0GailMggRYrHwG1PjOWg79BnwrAjdP24cowfUJhT9lmEPhBGTxj3I4U/n6LFrpwMyyr0gTA0V0+0+dLYcowekI8cZBf6oPwlCkUI3502XHFLjl+yCxkThklx6anFOKOyOEeU4wAZiDIiCYkwdySIr50zhLz9HBwPyIAwOhususSNi0ZWkiUmkYPsQwaiTPsql44oRpH5UQgxnUZ4PGqmiUIELYm1uw+hZk8zBhV7cPmEU1DsEifcFciAMAIuGcHnxlUgXexwx1UJ0UxNddMpNnovWqzkzE6eCXXu6Kc024fjEWKwqF13/G0dHn5rHzosLbIn9avBSz+8GqXeE5sdmlFtXiuAKVVladKFR7qFI/4IXt9yEPWtAbT7/TgWolEasMC4DtCUgaS5HOYHN80cMe4LCCFFHgMlhV4awV6MKMvHyMr+yFe5ttkljt8Clq7ZhTYrn8eEEtMfUjs31bdgWnU5TiSkTRgevROHFqM8z0yPMNTT/S0BXPLzF7HTL4gQRrREzQlSZQnAzm/m4epkPgv7OddtRkK4ZswALL15GgqPQ16aVBMWDgiEqZ2HWn040ZCm8idkURR56vB+KhE8rW8S/v741lbs9JmIqM4bGuVCRtGuQOh345GjZ3r4ewaCZh7+vuUQ1h9owfEAEf2j22FRvR2BUFQMnyhIE7v8hQgmDSlM25zjvg4tLyL9RPJCiStbX0gn/19qfSOdt0VixXHAg2JQSQGyDVrniYQbzJEhGozCbvGJgrRFmWmFMX5wEdIG6tX1Z1WjrqkVT66vR0NzAL5QmMgstZLnD1YqUqrRKQ0XQnQk6hEt3K6dUIFTSNd0ts0STIek6+RnseUhTjnchjAPnKR3o2Olu85BvxRPvL4I2TQJI5FHhKkeUIy0gVqZ7zbxk2vOwo+v0bci1AtLxjpAhhBCIQstviAeWbMDd724E1ZS/RXuCBbMnKSi2p2Uv2TdZSFC4pHsCPo0iLsiFNOTKn3KtC05abGxwcQ3VLKIQwZuTyRBZMkEsdoVovl7Ydu/40HFmaYGtYOlimlk5oKnTZiB/TzIz6AupdptJJj2Hbda5KTPNdBzt4FtTX785tUthBQXosucCNk8S3rfrIk4tbSokyhlhDa2B/DIqlo8t6EJWxvbECYCVPbz4jNDS/D1aaNwwehBytJ77sO9+NsH+0HGHr53yTiMG1yi+IaJqXWJs7TKEbHJfbHrpPYcaAvh0dXbqbyD2H64FeEwDcA8F6rKCnD28BLMnDAcM84YrLRqOnq594Sx5f8pJXlABtJWRDsbu4Pkc6qjORjBvy17C01hd0ItzCFfmVCJr0yp7pQSxUT587rduOWp99AQMInzGAFu9ay1NYIdLS14esNqzCTfi7Xb8k2NCAu36sdLm1Zgze1XobLQrbsotSmiBolNo1TTf2Fi9cWvbsadf69FO9WltKbwqPdbgkB9vQ9r6fj9mv2YWJmP+2+YgvOrKnrtfqWlw1kRDi4yVZL48dCE7HUveGod1h8Kd9ItpxVL/OzL58HjirErIzFMx6/e2IqvP7oWBwOGchITwB7wfsONJzY348naowjx+BXsMwns8xl4s3av0i38npWsJCTssJOMa2cEtz65Bj9+YSta4SGRaS9xTAIWwwGqd21TEP/6mzewevfhXlt3aVplEmWF7gSTMlsQiUTwl/d2Y8m7DXrEx3WgzGXhoa9egLK8xOayeHx2/T785PnNCLiIk4WZomHJGVrQRGc/ij7CdOxv7YDpKO5kvAkRE2mqnWH8+h8b8Ot/7keYkK4HUCpkxO5L6s/BoBtzlqxCLRk/ltUzcdIgjC6sjDzw7LKLtsLWN7ThR8s/QLs0FMIdi8lFxsZtF4/ARaeVJnZfMkJ9+M8na9AaMRPEDYs91kflHgsDPOQ1WSGljFO2mxDb7It7llxJ9KZ+sLHxGO5bsRsh05MoaunKSzbm6H4mGShh2+CIvcFCZucxA//+6BoK91joCXqhY7hBljqE1J6/HnHIEtcIHGzz4bt/XE1ixbS7ogt20cXNnxmK7186njPgE8xjtqoee3sn9nSEE7pBKhxVhQJ3keU2/fSBcJPo23DgCO59bgNW7GlXYicZ2sMyikKZ4ENpPWPZK67Zanzw1Vo0BmV0IPBfJvqMqiL8+OozSeEPQIC4/9n39+D25evREHa4WBDZgFV7fHhh/V58aXJ1t/jrJceI6EdK/68P4CNb8yfP1mBtQyDKJaph1NnPVBi4Y+YEeEwDiasFpBJBr2xupM6aca2U6E/U/MPN5+HLZCQMLc5HRYGHpicG4vFvTcfUQeT7GJ1Hqz8cgaNFUskCJcjowaGOIP5OdcarCa5zUqUHf/zGNMw4rRIlZOpV5JPYOm8Eln39fLjDwYRSIzTC/vreHoSk7FbwpO35s7KVVnaoEiHkP/TaRjy67qDyOWL1WBheCPzfzReiotDTuZEkFyLUhK1HOIYVe8pImjWuEuefals/whlDAqVk48+7cizMcCRFO2IRu2hH486dq52NLWhqDyZkmXpkCD+8cjwGFXhVGc6YZdfgklEVuPT0igRXlf9tPthKAVuZDY5BtK1H231xTc0ceNy+urUR9/1jp+3hx4TYYK+B3371PIytLEqd1UkvMXqb2zrskqK3cdn4YSk7xcQ5p6pcjejkoSptUSDtqEMqYAl4kHQaK/x4Ag4s8mDayIqYNIkDF33pQtaNMp5LDTRTRD3Ug57pJWFiVdZTKKWvYoybtP1QG77/pzU4yirCiVzSk3wRxt1XnYHLRlcoonRXVcRKinATUku97pTvsqlfSJEHM4VJGQ5rJPU0k3DMF9YYi87aGiqaUaoMolRoEehfVBhnmAi73SwUuh/caU8t72vrW6SVv9tByvHWP6/FtlbHKtblcTrUN6cOw43nngqjB+obkkM8MknoEEf7Al3W29QRUPokGYRhxMximbperik/L5nbJFopfHS0o4s6uT3t/k5TE4boeSVE2oThOZVIhnMgjBz20h9+ZRNe2NGqR5JwrBuJyRV5uP2qiRQqMXrkSm54Zb/EdZ08dfBO3aG4QGQMOIb25tYGMlU7x5MMw7Y8hS4j9dgXKqJt0KCKL7qZJvle3bAPMpJEcMmOqIW3dzR1Cmz295jIcxk99q8HSCz2sI+DjBFkAkyYFzcewIKXtpJVZSZ4y7yE43c3nUtOpMtGkEywlKTzT+r7zDHjBxcnNI/Le2zNXmxtalPmdExvWDhKCLz/lVoaVCkIAyvBY+kKC9UDiqh97oQ6/WSq3/fSZhwOhKNtg21iv1LbgJe3HlURhiiQCBs7uJ+K03UHaQQxuUMUuXW5saW+GYNGVCA9sLCXlOd3/vQuhSk8CU94NA4tL8HT7+3FcyTP3BTI5CRCwzSUdaM8AaGV6YDCPEwcVobqskJcNmYQntl0mCK7MWQ3kbM561dv4t4vnIkZY4bC6xbYsL8Z85Xo5AHVGSNupTMMxbVCpFbKjNqBxQU455RiPL+jLUobjpHVNluY9dAK3P3FyZhSXUF+jMTjFNhcyBEJNmzinD6ez5o1cSj1pXvK9JIwQk/1clicRlzN/jZcOKIiLRsgRCPllsfXYn8KcczNrmnowPsNdU5tQCcB4ASiLVTnW3hk9nm4jnyVu57fiL3BxLZub7Nww9L3UOpeCzcRtzEQQYgDjF20uMCjDQYmTSwu1vldojG+ccEo/GPnu/DHcQGb7qvrg7j8wTcxvMBF4pL0WRAqtCTjiULfYXE9c3IVeoL0dIwtg9fts0VFGtBO8yzv7G7pRrnG6wp9HTv0PRV/oM7WUeDxR3+tQTHJgzuvHQ8PhVxEkhcSonmQxogbB4ImESUPXXnFfKfMa6pvuWmYenrYcOiKMYNxI0W5TWnFFaeDmCHTjV1+gfqQqQZwLIog1YAqdYXxu9nno6AXaV+9J4zj/FMDVu9uRjBNwhSQwptA8xNqRNqhdT51jq797mSQCglej1b7N54zArdMr1Y7OonkMpjLHdPWjl2xPtHnul6TRvewUp0U7yUxOrhfQcL7/J4ZF7DxUojnnlmTcRX5J4aaIk9EUkxvJsYSykmHPv6t8zCB9EtvEkjSdjD5ZE9rGJso6JiO2eyhkb7w2smYVEr+hOyAOxJQwUUVYCSkGmTBCD5kRDlkXR8S5UYYi26YCt4myE0W3IKrJ+Gh68ZhkCukjAIGRXAVoTDUeT8EcNuFw/BfF1ahhGY1tREmMbFc4PLxVcpn4rj53BkjkRcJae+d2vX5qgJcPaFaIVPYoYQKcip//7WpuPWzQ1FuhuN4MZ4YQkUf8igaffWIYrw272JcQqGh3u6jI3yBcBS7+feu7f5tQhrLSUER34UzBuP2i0emlT7ElkqAkHWUrLojx9oRoDn/QNCvwuAcGg+R0uQJqJ7IPay0GGMqi6MTZo79drA9hMfe2o5XtjZhz6Fj4Dy2wf0KcfHoMsy5cCyGFecpcbhyaz1W1B6kOJqJL54zGkPovtMPDjk9/+E+ikrUY9KQfvjy1JHIN1JnYnJ/ahta8fLmA1i57RB2NRwjP8lSyB9U6sVZw/uRoh+GqWQQuEXPLoA/GLN20ySMFkM8KqdUWFj1vWnECaoYpAtO+EMIvTemEyjsDaHVvLqRmtnZo2ZlzBNmXJ6LB7klobfqtAkZl3Dh2GPxLn8qSdBVu1Q/lG3EgVUlKLX4kzpBK9bWnvsVT5j0MzFtq2V9fQC7jvgxqsybUbaqEg1R59L+7GU53RFPUGOinXJeS2qgE4S0UwyRjLR0pIAWcTyiDDjBIBlXhuhyIq17SNMq0zKbk+848W7ZO3tPeCJcNkEgM6SlKin1VeblZ7zUjzu1lAjTLrPRsRwkQ0YLl1TqKIm0pogHS/65W6UJ5SC7kD5hbAZh4rAT9cAbO9FuxU8n5SAbkJkoU8TR3vKBYB4eXrUDuYVl2YU+bcDAXi7Pc92/Yg92tQU+0YbAxw0yJExsRo49kKPCi1uXb1DTvTniZAcy5xghYtYgnb9A05Gv7TxMDlbOEMgG9HEvGaEcK+aaDiMP856upQmjWLJeDjKHPhLGBtu73dIG3LZ8I1qCIWTHcTt5ITuEUSDItzHx2IY2MgZ2qQTxnL7JHLJHGCc6SwG7B9c04KkPD+QI0wfIIsdAEYdXabVKF255bidW729Ri3sU5GiUFmSXMAp0zPZAyIVvP7EJO5oDmjg5lZMWHAfC2HPcZK1tbjPw7Sc3oKE9pOZAcqKtG0hCzXEgjF0PL1KVBlbuC+IHz2xQW4DkoPeQXcJIO8WUZybVEVE+ztO1x/Dw67U51zMZbC7hjCPtYsQge4RRYioSTabg/ABIjqSF1VqW+1ftw67mDuQgEVi872lux7wnEqf1s8gxescLh1vURgp8T23cE1Gb+2w+0JLTM3HAGHr/YBu+8NAKPPpeQ8Kz7Oz1ZOcJ6xwxS8/NKI6xFX6E10EGMaTEi9zumRp4w4bH39mFHz27AQd8UDuBxEPfCWPneqlsF72Dga6WTWTOTpE6X+zsgfkYO7RUZ5Tg5AVO1WroCOD+lzfjV6t2wS9cKZei95kwjtiCnVUv7U189OqciEonKkAIt31uMvJOYoqoPQloSL6+rQm3/mUtNhwJI2K40NXe7pkTxklrVdlM0s4NI8Wv1o/QFROGl65aYXx3ejWuGNP7LMRPEyjMECp2k+Hzs5c34g9r98FnmbCMrGT7p65Si7CIzSW8cpY5JKR1C3itvcT14wfh9ivP7DFZ+9MIPGb3tvixZFUtlqzZi73tltofR/YiES+jPTGjufd2RqPao1KJrbCt9HXC+NkD3bj/S5NR4unjJsA9rSr6OEBstYXSte3kUP+tZjd+/tImfHg4qBZq6Z07emeVZsYxMpb9HtMpIeW3MJE4C/6iYV48+p1LMMBr9nl7RIt9I6Gd14/rDzso54DQcDQQwRNrt+O3b+zAxiMBmgph5R4/MHvX/owII2J0sZnHVvZElEIZwpxzh+PuL05BoZkuIqVCvjK3hV6t1Ub03lbfgmMBH06tGEAmdx54CZKMLj8/8YRyZmh1cqwE73iyrq4Jfybz9+kP9ts7QLH56UamkBFhFNdKvY0JlFnMqwDCGNvfxOIbLsAFpw1Qm7alizTO9D/sD2PNtoN4a9dhvLmtERsPtpBY0Gvri4wIRg0swrnV5fjchCGYUlWJcq8rukHciQKOlrdTt9dsb8ALmw7gtU0N2ELcEVS+iDsrIjeJMLIZPf5Oma1fbENPbYFMumXO5Er87F/OURsc6ERr/ZaR4tvSXmHFi0aPRQRFBA7jjS0H8eqWQ1i3+wiaLTPK/lJ4dVI4/W+BiXWNIbzbWI9fr9mHUlcEU04ZgItGV+D8UQMxdlgZSnjzaugtgtXmDXGyv8vzhNZBPZD2wiVOLglTL/zUzu0NrVhVuxdv7m7Fys37cTTsIpPXbqeROXfYwD/tG8V9MsfU0dHDL/vFNd4+4wU+E6sGYM/RYygtLkKeaYKNMJeh37KkUGsw2/xBNBxpxY7GZmxuaMf7e5uxfu9RNAZ45tNlqy5PEsJEwpI6pwURkt2HiYAv7mrDy3QYL2xDmcfC6YNLMG5If4wfVITRFUUYUlaMAf1KUOwVKhufl5AYjgy2865Z7Cjjnq7bgxJNbe3YfahFEWJLYwc+PNCMjfsPoyVkqg3olAnMyweNWJv6DAL8y7EznMtkwqxEj4SJk+u2D8OO0rynNsGMrIeLzGfe640XFblMU7U7QmY0hzN51LEytOy1nNrjdcXYKs0+Osu0lVA1ec0lHft8eHNvh+YYHuvEzQXERf1J5JV4PSgs9MLrkjR49LL1ALWNlwgdaw+g1RdSGyqwRRW2lbajRqE4N4aBrIPUPx3vAO881SxsFrru9NKap7Y091CC0LuJx5mwKsncYKR7EBJxBmFE16jpL+ysWgkcZ8tK2ntvWjTFDSJAkDvJGpr3Jzja3s03hSbAR/ATH2cMLH6dPmbbrWhmYVPnPJx37qBmrWe6Aytu9yFnwWMs+S/FWiwkjLATae4mVNUbB/cjM8Xr3vv+Z3c7FzR2a0ieWCudG2cPKiIxJhb3rqxkr+9kDk32FeQykjqzopeGqOP9Zp5xrsnsnEuaYFH3XMMjz4pTwwkV9NaxzUEMdplSLiVL9lrnhrCMZwy/11UjtanGOO3fdttnJ5Htd0fX5djqUGgHyzGNE+3QHPQaCNct93x+Bp1V23fqvF6x3CgVopnCKFHx5TLEErlw6lL6RhciTesMQ8T2epSG3gVC5n7KNz2QcpH8xVXLTcNY4Nyi+Zpl/KkwSVyzyOEagmpfyFqAhefPY9nXVZkqbimE7QrEaf6TMLSfEZD4kr+YOT/AuI5xyy4DrqV8ogjDXEOBx6j4onD+PF8owsSZncw5MYGlXWf2FthK6xQTy9GnK5CaU2beHAxbCynCMM95QKHFO/LztZWcgL4Of2gRIXhutAQhFuW7jTvEHW+zxRCjLIcrrIgd9ufJMQqvhHV02Qm15CAlHCXM/NS6/5plxCn/HU8UOl9U4HXPd647YbDdF1xqGMZNcbfq6K2F+fesXWnAmk3Uomeimp1MDu/z3D4TyeKwv33OxLFEXAhTRz2jNTqTnzGL24i5RHEtc1baCCQa52qfoJTRZRGN/DpVCp3mpvOq7UqjXC/iVvr20mgRcXXo6ziQdsQ5qeP8kwU04H9Z7DYW7194xSTS448gJr5Ir1hLC/M9cxLrSQHJnGNDHdWwPELm9fQHV1d3BPwz3AaqqgYWTyIE9PcHQmobeFY+QfoMWfrHECIRS/3slf5lpfh9+6Dvg6O19I4V0ZtOO7Ohlg4kOnM/zqbUOr/ANtZ50zeOcznzQ1LvWclilQeGmt2Weo2b2lrEXl3tIM6y63DEclcTCTLpSm9/ot80paFigmrjO0PvtEHtaW4PhetoamblzIlVH8y9aGTz5GGlE6Ul54q4QKVullwczyndEobB5wvOhrYWqpGDrAMR+yiNlJ8WeD2LUj3vVhn4fL5qGgtEIBZfOQJlAaSKTVryl16yhImzu3Tke62l2wPhWcT7swzTqKLSJyWx5McZPlKPV7shZGlR6Iuk+XIiSE13BMnBxxz+HzMU/YREgmfCAAAAAElFTkSuQmCC",G={Ask:n.Ask,BarChart:n.BarChart,Booking:n.Booking,Bookmark:n.Bookmark,Community:n.Community,EditSpecial:n.EditSpecial,Family:n.Family,Font:n.Font,Heart:n.Heart,Home:n.Home,Like:n.Like,MyCommunity:n.MyCommunity,PlusSpecial:n.PlusSpecial,Recalculate:n.Recalculate,Scale:n.Scale,Share:n.Share,Stethoscope:n.Stethoscope},Z=function(e){var t=e.avatarImg,a=e.authorName,i=e.authorLink,o=e.uploadTime,l=e.size;return _.default.createElement(r.StyledAuthor,null,_.default.createElement("div",{className:"author"},_.default.createElement("div",{className:"avatar","data-size":l},t),_.default.createElement("div",{className:"poster","data-is-disabled-url":!i},_.default.createElement(n.Text,{size:"lg"===l?"p3":"p4"},_.default.createElement("a",{href:i},_.default.createElement("span",{className:"name"},a),"•"," "),_.default.createElement("span",null,o)))))},Q=function(e){var t=e.isMobile,a=e.avatarImg,i=e.name,d=e.link,s=e.size,c=void 0===s?"lg":s,p=e.specialty;return e.handleClick,e.isBookmarked,e.dataEventCategoryForBookmark,e.dataEventActionForBookmark,e.dataEventLabelForBookmark,_.default.createElement(r.StyledAuthor,null,_.default.createElement("div",{className:"author"},_.default.createElement("div",{className:"expert-avatar","data-size":c},a),_.default.createElement("div",{className:"expert","data-is-disabled-url":!d},t?_.default.createElement("a",{href:d},"lg"===c?_.default.createElement(_.default.Fragment,null,_.default.createElement(o.Heading,{tag:"h6",className:"expert__name",color:l.theme.colors.gray600},i),_.default.createElement(n.Text,{color:l.theme.colors.gray500,size:"p3",className:"specialty"},p)):_.default.createElement(_.default.Fragment,null,_.default.createElement(o.Heading,{tag:"h6",className:"expert__name",color:l.theme.colors.gray600},i))):_.default.createElement("a",{href:d},"lg"===c?_.default.createElement(_.default.Fragment,null,_.default.createElement(o.Heading,{tag:"h6",className:"expert__name",color:l.theme.colors.gray600},i),_.default.createElement(n.Text,{color:l.theme.colors.gray500,size:"p3",className:"specialty"},p)):_.default.createElement(_.default.Fragment,null,_.default.createElement(r.StyledExpertName,{color:l.theme.colors.gray600,className:"expert__name"},i),_.default.createElement(n.Text,{color:l.theme.colors.gray500,size:"p4",className:"specialty"},p))))))},W=function(e){var n=e.LinkComponent,t=e.page,a=e.isLast,i=e.onChangePage,o=t.label,l=t.value,d=t.isDropdown,c=t.dropdownItems,p=t.dataEventCategory,u=t.dataEventAction,m=t.dataEventLabel;return d?_.default.createElement(s.Dropdown,{options:c,placeholder:"...",id:"",placeholderIcon:null,onChange:i,className:"collapsed-breadcrumb"}):_.default.createElement(r.StyledTextLink,{title:"string"!=typeof o?l:o,"data-last":a},n&&_.default.createElement(n,{"data-event-category":p,"data-event-action":u,"data-event-label":m,href:l||"#"},o))},Y={"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":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},q=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},X=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},K=Object.freeze({__proto__:null,SideMenu:r.SideMenu,SideHeader:r.SideHeader,UserInfo:r.UserInfo,MenuLink:r.MenuLink}),J=_.default;function $(e){return Array.prototype.slice.call(e)}function ee(e,n){var t=Math.floor(e);return t===n||t+1===n?e:n}function ne(){return Date.now()}function te(e,n,t){if(n="data-keen-slider-"+n,null===t)return e.removeAttribute(n);e.setAttribute(n,t||"")}function ae(e,n){return n=n||document,"function"==typeof e&&(e=e(n)),Array.isArray(e)?e:"string"==typeof e?$(n.querySelectorAll(e)):e instanceof HTMLElement?[e]:e instanceof NodeList?$(e):[]}function ie(e){e.raw&&(e=e.raw),e.cancelable&&!e.defaultPrevented&&e.preventDefault()}function oe(e){e.raw&&(e=e.raw),e.stopPropagation&&e.stopPropagation()}function le(){var e=[];return{add:function(n,t,a,i){n.addListener?n.addListener(a):n.addEventListener(t,a,i),e.push([n,t,a,i])},input:function(e,n,t,a){this.add(e,n,function(e){return function(n){n.nativeEvent&&(n=n.nativeEvent);var t=n.changedTouches||[],a=n.targetTouches||[],i=n.detail&&n.detail.x?n.detail:null;return e({id:i?i.identifier?i.identifier:"i":a[0]?a[0]?a[0].identifier:"e":"d",idChanged:i?i.identifier?i.identifier:"i":t[0]?t[0]?t[0].identifier:"e":"d",raw:n,x:i&&i.x?i.x:a[0]?a[0].screenX:i?i.x:n.pageX,y:i&&i.y?i.y:a[0]?a[0].screenY:i?i.y:n.pageY})}}(t),a)},purge:function(){e.forEach((function(e){e[0].removeListener?e[0].removeListener(e[2]):e[0].removeEventListener(e[1],e[2],e[3])})),e=[]}}}function re(e,n,t){return Math.min(Math.max(e,n),t)}function de(e){return(e>0?1:0)-(e<0?1:0)||+e}function se(e){var n=e.getBoundingClientRect();return{height:ee(n.height,e.offsetHeight),width:ee(n.width,e.offsetWidth)}}function ce(e,n,t,a){var i=e&&e[n];return null==i?t:a&&"function"==typeof i?i():i}function pe(e){return Math.round(1e6*e)/1e6}function ue(e,n){if(e===n)return!0;var t=typeof e;if(t!==typeof n)return!1;if("object"!==t||null===e||null===n)return"function"===t&&e.toString()===n.toString();if(e.length!==n.length||Object.getOwnPropertyNames(e).length!==Object.getOwnPropertyNames(n).length)return!1;for(var a in e)if(!ue(e[a],n[a]))return!1;return!0}var me=function(){return me=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},me.apply(this,arguments)};function fe(e,n,t){if(t||2===arguments.length)for(var a,i=0,o=n.length;i<o;i++)!a&&i in n||(a||(a=Array.prototype.slice.call(n,0,i)),a[i]=n[i]);return e.concat(a||Array.prototype.slice.call(n))}function ge(e){var n,t,a,i,o,l,r,d,s,c,p,u,m,f,g=1/0,h=[],x=null,v=0;function y(e){S(v+e)}function b(e){var n=E(v+e).abs;return C(n)?n:null}function E(e){var n=Math.floor(Math.abs(pe(e/t))),a=pe((e%t+t)%t);a===t&&(a=0);var i=de(e),o=r.indexOf(fe([],r,!0).reduce((function(e,n){return Math.abs(n-a)<Math.abs(e-a)?n:e}))),d=o;return i<0&&n++,o===l&&(d=0,n+=i>0?1:-1),{abs:d+n*l*i,origin:o,rel:d}}function w(e,n,t){var a;if(n||!L())return k(e,t);if(!C(e))return null;var i=E(null!=t?t:v),o=i.abs,r=e-i.rel,d=o+r;a=k(d);var s=k(d-l*de(r));return(null!==s&&Math.abs(s)<Math.abs(a)||null===a)&&(a=s),pe(a)}function k(e,n){if(null==n&&(n=pe(v)),!C(e)||null===e)return null;e=Math.round(e);var a=E(n),i=a.abs,o=a.rel,d=a.origin,s=T(e),c=(n%t+t)%t,p=r[d],u=Math.floor((e-(i-o))/l)*t;return pe(p-c-p+r[s]+u+(d===l?t:0))}function C(e){return _(e)===e}function _(e){return re(e,s,c)}function L(){return i.loop}function T(e){return(e%l+l)%l}function S(n){var t;t=n-v,h.push({distance:t,timestamp:ne()}),h.length>6&&(h=h.slice(-6)),v=pe(n);var a=M().abs;if(a!==x){var i=null!==x;x=a,i&&e.emit("slideChanged")}}function M(r){var d=r?null:function(){if(l){var e=L(),n=e?(v%t+t)%t:v,r=(e?v%t:v)-o[0][2],d=0-(r<0&&e?t-Math.abs(r):r),g=0,h=E(v),x=h.abs,y=h.rel,b=o[y][2],w=o.map((function(n,a){var o=d+g;(o<0-n[0]||o>1)&&(o+=(Math.abs(o)>t-1&&e?t:0)*de(-o));var r=a-y,s=de(r),c=r+x;e&&(-1===s&&o>b&&(c+=l),1===s&&o<b&&(c-=l),null!==p&&c<p&&(o+=t),null!==u&&c>u&&(o-=t));var m=o+n[0]+n[1],f=Math.max(o>=0&&m<=1?1:m<0||o>1?0:o<0?Math.min(1,(n[0]+o)/n[0]):(1-o)/n[0],0);return g+=n[0]+n[1],{abs:c,distance:i.rtl?-1*o+1-n[0]:o,portion:f,size:n[0]}}));return x=_(x),y=T(x),{abs:_(x),length:a,max:f,maxIdx:c,min:m,minIdx:s,position:v,progress:e?n/t:v/a,rel:y,slides:w,slidesLength:t}}}();return n.details=d,e.emit("detailsChanged"),d}return n={absToRel:T,add:y,details:null,distToIdx:b,idxToDist:w,init:function(n){if(function(){if(i=e.options,o=(i.trackConfig||[]).map((function(e){return[ce(e,"size",1),ce(e,"spacing",0),ce(e,"origin",0)]})),l=o.length){t=pe(o.reduce((function(e,n){return e+n[0]+n[1]}),0));var n,s=l-1;a=pe(t+o[0][2]-o[s][0]-o[s][2]-o[s][1]),r=o.reduce((function(e,t){if(!e)return[0];var a=o[e.length-1],i=e[e.length-1]+(a[0]+a[2])+a[1];return i-=t[2],e[e.length-1]>i&&(i=e[e.length-1]),i=pe(i),e.push(i),(!n||n<i)&&(d=e.length-1),n=i,e}),null),0===a&&(d=0),r.push(pe(t))}}(),!l)return M(!0);var h;!function(){var n=e.options.range,t=e.options.loop;p=s=t?ce(t,"min",-1/0):0,u=c=t?ce(t,"max",g):d;var a=ce(n,"min",null),i=ce(n,"max",null);a&&(s=a),i&&(c=i),m=s===-1/0?s:e.track.idxToDist(s||0,!0,0),f=c===g?c:w(c,!0,0),null===i&&(u=c),ce(n,"align",!1)&&c!==g&&0===o[T(c)][2]&&(f-=1-o[T(c)][0],c=b(f-v)),m=pe(m),f=pe(f)}(),h=n,Number(h)===h?y(k(_(n))):M()},to:S,velocity:function(){var e=ne(),n=h.reduce((function(n,t){var a=t.distance,i=t.timestamp;return e-i>200||(de(a)!==de(n.distance)&&n.distance&&(n={distance:0,lastTimestamp:0,time:0}),n.time&&(n.distance+=a),n.lastTimestamp&&(n.time+=i-n.lastTimestamp),n.lastTimestamp=i),n}),{distance:0,lastTimestamp:0,time:0});return n.distance/n.time||0}}}function he(e){var n,t,a,i,o,l,r;function d(e){return 2*e}function s(e){return re(e,l,r)}function c(e){return 1-Math.pow(1-e,3)}function p(){f();var n="free-snap"===e.options.mode,t=e.track,l=t.velocity();a=de(l);var r=e.track.details,p=[];if(l||!n){var m=u(l),g=m.dist,h=m.dur;if(h=d(h),g*=a,n){var x=t.idxToDist(t.distToIdx(g),!0);x&&(g=x)}p.push({distance:g,duration:h,easing:c});var v=r.position,y=v+g;if(y<i||y>o){var b=y<i?i-v:o-v,E=0,w=l;if(de(b)===a){var k=Math.min(Math.abs(b)/Math.abs(g),1),C=function(e){return 1-Math.pow(1-e,1/3)}(k)*h;p[0].earlyExit=C,w=l*(1-k)}else p[0].earlyExit=0,E+=b;var _=u(w,100),L=_.dist*a;e.options.rubberband&&(p.push({distance:L,duration:d(_.dur),easing:c}),p.push({distance:-L+E,duration:500,easing:c}))}e.animator.start(p)}else e.moveToIdx(s(r.abs),!0,{duration:500,easing:function(e){return 1+--e*e*e*e*e}})}function u(e,n){void 0===n&&(n=1e3);var t=147e-9+(e=Math.abs(e))/n;return{dist:Math.pow(e,2)/t,dur:e/t}}function m(){var n=e.track.details;n&&(i=n.min,o=n.max,l=n.minIdx,r=n.maxIdx)}function f(){e.animator.stop()}e.on("updated",m),e.on("optionsChanged",m),e.on("created",m),e.on("dragStarted",(function(){f(),n=t=e.track.details.abs})),e.on("dragEnded",(function(){var a=e.options.mode;"snap"===a&&function(){var a=e.track,l=e.track.details,r=l.position,d=de(a.velocity());(r>o||r<i)&&(d=0);var c=n+d;0===l.slides[a.absToRel(c)].portion&&(c-=d),n!==t&&(c=t),de(a.idxToDist(c,!0))!==d&&(c+=d),c=s(c);var p=a.idxToDist(c,!0);e.animator.start([{distance:p,duration:500,easing:function(e){return 1+--e*e*e*e*e}}])}(),"free"!==a&&"free-snap"!==a||p()})),e.on("dragged",(function(){t=e.track.details.abs}))}function xe(e){var n,t,a,i,o,l,r,d,s,c,p,u,m,f,g,h,x,v,y=le();function b(n){if(l&&d===n.id){var m=C(n);if(s){if(!k(n))return w(n);c=m,s=!1,e.emit("dragChecked")}if(h)return c=m;ie(n);var f=function(n){if(x===-1/0&&v===1/0)return n;var a=e.track.details,l=a.length,r=a.position,d=re(n,x-r,v-r);if(0===l)return 0;if(!e.options.rubberband)return d;if(r<=v&&r>=x)return n;if(r<x&&t>0||r>v&&t<0)return n;var s=(r<x?r-x:r-v)/l,c=i*l,p=Math.abs(s*c),u=Math.max(0,1-p/o*2);return u*u*n}(r(c-m)/i*a);t=de(f);var g=e.track.details.position;(g>x&&g<v||g===x&&t>0||g===v&&t<0)&&oe(n),p+=f,!u&&Math.abs(p*i)>5&&(u=!0),e.track.add(f),c=m,e.emit("dragged")}}function E(n){!l&&e.track.details&&e.track.details.length&&(p=0,l=!0,u=!1,s=!0,d=n.id,k(n),c=C(n),e.emit("dragStarted"))}function w(n){l&&d===n.idChanged&&(l=!1,e.emit("dragEnded"))}function k(e){var n=_(),t=n?e.y:e.x,a=n?e.x:e.y,i=void 0!==m&&void 0!==f&&Math.abs(f-a)<=Math.abs(m-t);return m=t,f=a,i}function C(e){return _()?e.y:e.x}function _(){return e.options.vertical}function L(){i=e.size,o=_()?window.innerHeight:window.innerWidth;var n=e.track.details;n&&(x=n.min,v=n.max)}function T(e){u&&(oe(e),ie(e))}function S(){if(y.purge(),e.options.drag&&!e.options.disabled){var t;t=e.options.dragSpeed||1,r="function"==typeof t?t:function(e){return e*t},a=e.options.rtl?-1:1,L(),n=e.container,function(){var e="data-keen-slider-clickable";ae("[".concat(e,"]:not([").concat(e,"=false])"),n).map((function(e){y.add(e,"mousedown",oe),y.add(e,"touchstart",oe)}))}(),y.add(n,"dragstart",(function(e){ie(e)})),y.add(n,"click",T,{capture:!0}),y.input(n,"ksDragStart",E),y.input(n,"ksDrag",b),y.input(n,"ksDragEnd",w),y.input(n,"mousedown",E),y.input(n,"mousemove",b),y.input(n,"mouseleave",w),y.input(n,"mouseup",w),y.input(n,"touchstart",E,{passive:!0}),y.input(n,"touchmove",b,{passive:!1}),y.input(n,"touchend",w),y.input(n,"touchcancel",w),y.add(window,"wheel",(function(e){l&&ie(e)}));var i="data-keen-slider-scrollable";ae("[".concat(i,"]:not([").concat(i,"=false])"),e.container).map((function(e){return function(e){var n;y.input(e,"touchstart",(function(e){n=C(e),h=!0,g=!0}),{passive:!0}),y.input(e,"touchmove",(function(t){var a=_(),i=a?e.scrollHeight-e.clientHeight:e.scrollWidth-e.clientWidth,o=n-C(t),l=a?e.scrollTop:e.scrollLeft,r=a&&"scroll"===e.style.overflowY||!a&&"scroll"===e.style.overflowX;if(n=C(t),(o<0&&l>0||o>0&&l<i)&&g&&r)return h=!0;g=!1,ie(t),h=!1})),y.input(e,"touchend",(function(){h=!1}))}(e)}))}}e.on("updated",L),e.on("optionsChanged",S),e.on("created",S),e.on("destroyed",y.purge)}function ve(e){var n,t,a=null;function i(n,t,a){e.animator.active?l(n,t,a):requestAnimationFrame((function(){return l(n,t,a)}))}function o(){i(!1,!1,t)}function l(t,i,o){var l=0,r=e.size,c=e.track.details;if(c&&n){var p=c.slides;n.forEach((function(e,n){if(t)!a&&i&&d(e,null,o),s(e,null,o);else{if(!p[n])return;var c=p[n].size*r;!a&&i&&d(e,c,o),s(e,p[n].distance*r-l,o),l+=c}}))}}function r(n){return"performance"===e.options.renderMode?Math.round(n):n}function d(e,n,t){var a=t?"height":"width";null!==n&&(n=r(n)+"px"),e.style["min-"+a]=n,e.style["max-"+a]=n}function s(e,n,t){if(null!==n){n=r(n);var a=t?n:0;n="translate3d(".concat(t?0:n,"px, ").concat(a,"px, 0)")}e.style.transform=n,e.style["-webkit-transform"]=n}function c(){n&&(l(!0,!0,t),n=null),e.on("detailsChanged",o,!0)}function p(){i(!1,!0,t)}function u(){c(),t=e.options.vertical,e.options.disabled||"custom"===e.options.renderMode||(a="auto"===ce(e.options.slides,"perView",null),e.on("detailsChanged",o),(n=e.slides).length&&p())}e.on("created",u),e.on("optionsChanged",u),e.on("beforeOptionsChanged",(function(){c()})),e.on("updated",p),e.on("destroyed",c)}function ye(e,n){return function(t){var a,i,o,l,r,d=le();function s(e){var n;te(t.container,"reverse","rtl"!==(n=t.container,window.getComputedStyle(n,null).getPropertyValue("direction"))||e?null:""),te(t.container,"v",t.options.vertical&&!e?"":null),te(t.container,"disabled",t.options.disabled&&!e?"":null)}function c(){p()&&h()}function p(){var e=null;if(l.forEach((function(n){n.matches&&(e=n.__media)})),e===a)return!1;a||t.emit("beforeOptionsChanged"),a=e;var n=e?o.breakpoints[e]:o;return t.options=me(me({},o),n),s(),E(),w(),v(),!0}function u(e){var n=se(e);return(t.options.vertical?n.height:n.width)/t.size||1}function m(){return t.options.trackConfig.length}function f(e){for(var r in a=!1,o=me(me({},n),e),d.purge(),i=t.size,l=[],o.breakpoints||[]){var s=window.matchMedia(r);s.__media=r,l.push(s),d.add(s,"change",c)}d.add(window,"orientationchange",b),d.add(window,"resize",y),p()}function g(e){t.animator.stop();var n=t.track.details;t.track.init(null!=e?e:n?n.abs:0)}function h(e){g(e),t.emit("optionsChanged")}function x(e,n){if(e)return f(e),void h(n);E(),w();var a=m();v(),m()!==a?h(n):g(n),t.emit("updated")}function v(){var e=t.options.slides;if("function"==typeof e)return t.options.trackConfig=e(t.size,t.slides);for(var n=t.slides,a=n.length,i="number"==typeof e?e:ce(e,"number",a,!0),o=[],l=ce(e,"perView",1,!0),r=ce(e,"spacing",0,!0)/t.size||0,d="auto"===l?r:r/l,s=ce(e,"origin","auto"),c=0,p=0;p<i;p++){var m="auto"===l?u(n[p]):1/l-r+d,f="center"===s?.5-m/2:"auto"===s?0:s;o.push({origin:f,size:m,spacing:r}),c+=m}if(c+=r*(i-1),"auto"===s&&!t.options.loop&&1!==l){var g=0;o.map((function(e){var n=c-g;return g+=e.size+r,n>=1||(e.origin=1-n-(c>1?0:1-c)),e}))}t.options.trackConfig=o}function y(){E();var e=t.size;t.options.disabled||e===i||(i=e,x())}function b(){y(),setTimeout(y,500),setTimeout(y,2e3)}function E(){var e=se(t.container);t.size=(t.options.vertical?e.height:e.width)||1}function w(){t.slides=ae(t.options.selector,t.container)}t.container=(r=ae(e,document)).length?r[0]:null,t.destroy=function(){d.purge(),t.emit("destroyed"),s(!0)},t.prev=function(){t.moveToIdx(t.track.details.abs-1,!0)},t.next=function(){t.moveToIdx(t.track.details.abs+1,!0)},t.update=x,f(t.options)}}var be=function(e,n,t){try{return function(e,n){var t,a={};return t={emit:function(e){a[e]&&a[e].forEach((function(e){e(t)}));var n=t.options&&t.options[e];n&&n(t)},moveToIdx:function(e,n,a){var i=t.track.idxToDist(e,n);if(i){var o=t.options.defaultAnimation;t.animator.start([{distance:i,duration:ce(a||o,"duration",500),easing:ce(a||o,"easing",(function(e){return 1+--e*e*e*e*e}))}])}},on:function(e,n,t){void 0===t&&(t=!1),a[e]||(a[e]=[]);var i=a[e].indexOf(n);i>-1?t&&delete a[e][i]:t||a[e].push(n)},options:e},function(){if(t.track=ge(t),t.animator=function(e){var n,t,a,i,o,l;function r(n){l||(l=n),d(!0);var o=n-l;o>a&&(o=a);var p=i[t];if(p[3]<o)return t++,r(n);var u=p[2],m=p[4],f=p[0],g=p[1]*(0,p[5])(0===m?1:(o-u)/m);if(g&&e.track.to(f+g),o<a)return c();l=null,d(!1),s(null),e.emit("animationEnded")}function d(e){n.active=e}function s(e){n.targetIdx=e}function c(){var e;e=r,o=window.requestAnimationFrame(e)}function p(){var n;n=o,window.cancelAnimationFrame(n),d(!1),s(null),l&&e.emit("animationStopped"),l=null}return n={active:!1,start:function(n){if(p(),e.track.details){var o=0,l=e.track.details.position;t=0,a=0,i=n.map((function(e){var n,t=l,i=null!==(n=e.earlyExit)&&void 0!==n?n:e.duration,r=e.easing,d=e.distance*r(i/e.duration)||0;l+=d;var s=a;return a+=i,o+=d,[t,e.distance,s,a,e.duration,r]})),s(e.track.distToIdx(o)),c(),e.emit("animationStarted")}},stop:p,targetIdx:null}}(t),n)for(var e=0,a=n;e<a.length;e++)(0,a[e])(t);t.track.init(t.options.initial||0),t.emit("created")}(),t}(n,fe([ye(e,{drag:!0,mode:"snap",renderMode:"precision",rubberband:!0,selector:".keen-slider__slide"}),ve,xe,he],t||[],!0))}catch(e){console.error(e)}},Ee=function(e,n){var t=J.useRef(null),a=J.useRef(!1),i=J.useRef(e),o=J.useCallback((function(o){o?(i.current=e,t.current=new be(o,e,n),a.current=!1):(t.current&&t.current.destroy&&t.current.destroy(),t.current=null)}),[]);return J.useEffect((function(){ue(i.current,e)||(i.current=e,t.current&&t.current.update(i.current))}),[e]),[o,t]},we=function(e){var n=e.isDisabled,t=e.isLeft,a=e.onClick,i=e.className,o=e.scheme,l=void 0===o?"hellosites":o;return _.default.createElement(r.StyledArrow,{onClick:a,"data-is-disabled":n,"data-is-left":t,className:i},_.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t?_.default.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===l?"#595959":"#E55C8A"}):_.default.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===l?"#595959":"#E55C8A"})))},ke=Object.freeze({__proto__:null,Table:r.Table,Cell:r.Cell,Head:r.Head,Row:r.Row,Body:r.Body});var Ce={"en-PH":T.default,"vi-VN":M.default,"zh-TW":N.default,"id-ID":S.default};function _e(n){var a=n.value,i=void 0===a?{from:null,to:null}:a,o=e.useState(null),l=o[0],d=o[1],s=r.useScreenSize().isMobile,p=e.useState((function(){return i})),u=p[0],m=p[1],f=e.useState((function(){var e;return c.startOfMonth(null!==(e=i.from)&&void 0!==e?e:new Date)})),g=f[0],h=f[1],x=e.useMemo((function(){return c.addMonths(g,1)}),[g]);var v=t.__assign(t.__assign({},n),{goToNextMonth:function(){h((function(e){return c.addMonths(e,1)}))},goToPreviousMonth:function(){h((function(e){return c.subMonths(e,1)}))},range:u,setRange:m,hoverDay:l,setHoverDay:d});return _.default.createElement(_.default.Fragment,null,_.default.createElement(Le,t.__assign({},v,{date:g})),!s&&_.default.createElement(r.StyledCalendarMonthSeparator,null),!s&&_.default.createElement(Le,t.__assign({},v,{date:x})))}function Le(n){var i=n.date,l=n.range,d=n.setRange,s=n.onChange,p=n.goToPreviousMonth,u=n.goToNextMonth,m=n.minDate,f=n.maxDate,g=n.close,h=void 0===g?function(){}:g,x=n.autoClose,v=void 0!==x&&x,y=n.hoverDay,b=n.setHoverDay,E=a.useTranslations().locale,w=e.useMemo((function(){var e;return null!==(e=Ce[E])&&void 0!==e?e:Ce["en-PH"]}),[E]),k=e.useMemo((function(){return c.format(i,"MMMM",{locale:w})}),[i,w]),C=e.useMemo((function(){return w?[1,2,3,4,5,6,0].map((function(e){return w.localize.day(e,{width:"narrow"})})):[]}),[w]);function L(e,n){if(null===e)return _.default.createElement(r.StyledCalendarDayNumberWrapper,{key:"idx-".concat(n),"data-empty":"true"});var a=e.getDate(),i=c.isToday(e),o=!!l.from&&c.isSameDay(l.from,e),s=!!l.to&&c.isSameDay(l.to,e),p=o||s,u=!1;null!==y&&l.from&&c.isBefore(l.from,y)&&!l.to?u=c.isWithinInterval(e,{start:l.from,end:y}):l.from&&l.to&&(u=c.isWithinInterval(e,{start:l.from,end:l.to}));var g=!1;return m&&f?g=!c.isWithinInterval(e,{start:m,end:f}):m?g=c.isBefore(e,m):f&&(g=c.isAfter(e,f)),_.default.createElement(r.StyledCalendarDayNumberWrapper,{key:a,"data-is-today":i,"data-is-past":!i&&c.isPast(e),"data-is-selected":p,"data-is-disabled":g,"data-in-range":u,"data-is-from":o,"data-is-to":s,onMouseEnter:function(){b(e)},onMouseLeave:function(){return b(null)},onClick:function(){g||d((function(n){return v&&l.from&&!l.to&&h(),function(e,n){return n.from||n.to?n.from&&n.to?{from:e,to:null}:n.from?c.isBefore(e,n.from)?t.__assign(t.__assign({},n),{from:e}):t.__assign(t.__assign({},n),{to:e}):n:t.__assign(t.__assign({},n),{from:e})}(e,n)}))}},_.default.createElement(r.StyledCalendarDayNumber,{onClick:function(){}},_.default.createElement("p",null,a)))}return e.useEffect((function(){l.from&&l.to&&s(l)}),[l]),_.default.createElement(r.StyledCalendarWrapper,{className:"calendar-wrapper"},_.default.createElement(r.StyledCalendarHead,null,_.default.createElement(o.Button,{onClick:p,size:"md",color:"ghost",icon:_.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.66875 11.814L1.46875 6.657L5.66875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})}),_.default.createElement("div",{className:"calendar-month"},k,_.default.createElement("strong",null,c.format(i,"yyyy"))),_.default.createElement(o.Button,{onClick:u,size:"md",color:"ghost",icon:_.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.46875 11.814L5.66875 6.657L1.46875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})})),_.default.createElement(r.StyledCalendarCellsWrapper,null,_.default.createElement("div",null,_.default.createElement(r.StyledCalendarDaysOfWeek,null,C.map((function(e,n){return _.default.createElement(r.StyledCalendarDayLabel,{key:"".concat(e,"-").concat(n)},e)})))),_.default.createElement("div",null,function(){for(var e=i.getFullYear(),n=i.getMonth(),t=c.getDaysInMonth(i),a=[],o=1;o<=t;o++)a.push(new Date(e,n,o));var d=a[0]?a[0].getDay():0;if(1!==d){var s=0===d?6:d-1;for(o=0;o<s;o++)a.unshift(null)}return _.default.createElement(r.StyledCalendarMonthWrapper,{key:"month-".concat(n),"data-month-index":n,"data-has-range":Boolean(l.from&&l.to)},_.default.createElement(r.StyledCalendarDaysWrapper,null,_.default.createElement(r.StyledCalendarDateGrid,null,a.map(L))))}())))}var Te,Se,Me,Ne,Ae,Be,ze,De,je,Oe,Pe,Ie,Fe,He,Re,Ue,Ve=A.default.div(Te||(Te=t.__makeTemplateObject(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),Ge=A.default.div(Se||(Se=t.__makeTemplateObject(["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n margin-top: 16px;\n"],["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n margin-top: 16px;\n"]))),Ze=A.default.div(Me||(Me=t.__makeTemplateObject(["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n"],["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.neutral100})),Qe=A.default.div(Ne||(Ne=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),We=A.default.div(Ae||(Ae=t.__makeTemplateObject([""],[""]))),Ye=A.default.div(Be||(Be=t.__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),qe=A.default.div(ze||(ze=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),Xe=A.default.div(De||(De=t.__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"]))),Ke=A.default.div(je||(je=t.__makeTemplateObject(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),Je=A.default.div(Oe||(Oe=t.__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"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),$e=A.default.div(Pe||(Pe=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n\n > :first-child {\n flex: 2;\n }\n\n > :not(:first-child) {\n flex: 1;\n }\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n\n > :first-child {\n flex: 2;\n }\n\n > :not(:first-child) {\n flex: 1;\n }\n"]))),en=A.default.div(Ie||(Ie=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n\n &[data-disabled-divider='false'] {\n border-right: 1px solid #e4e8ec;\n }\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n\n &[data-disabled-divider='false'] {\n border-right: 1px solid #e4e8ec;\n }\n"]))),nn=A.default.div(Fe||(Fe=t.__makeTemplateObject(["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),tn=A.default.div(He||(He=t.__makeTemplateObject(["\n display: none;\n"],["\n display: none;\n"]))),an=A.default.div(Re||(Re=t.__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"]))),on=A.default.div(Ue||(Ue=t.__makeTemplateObject(["\n height: 1px;\n flex: 1;\n margin: 0 16px;\n background-color: ",";\n"],["\n height: 1px;\n flex: 1;\n margin: 0 16px;\n background-color: ",";\n"])),(function(e){return e.theme.mbColors.lightGray})),ln=A.default.div(hn||(hn=t.__makeTemplateObject(["\n position: fixed;\n z-index: 200;\n top: 0;\n width: 100vw;\n height: 100%;\n overflow-x: hidden;\n overflow-y: scroll;\n\n &[data-opened='false'] {\n left: -100%;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftDisappears;\n }\n\n &[data-opened='undefined'] {\n left: -100%;\n }\n\n &[data-opened='true'] {\n left: 0;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftAppears;\n }\n\n &[data-sub-level-opened='false'] {\n right: -100%;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightDisappears;\n }\n\n &[data-sub-level-opened='undefined'] {\n right: -100%;\n }\n\n &[data-sub-level-opened='true'] {\n right: 0;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightAppears;\n }\n"],["\n position: fixed;\n z-index: 200;\n top: 0;\n width: 100vw;\n height: 100%;\n overflow-x: hidden;\n overflow-y: scroll;\n\n &[data-opened='false'] {\n left: -100%;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftDisappears;\n }\n\n &[data-opened='undefined'] {\n left: -100%;\n }\n\n &[data-opened='true'] {\n left: 0;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftAppears;\n }\n\n &[data-sub-level-opened='false'] {\n right: -100%;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightDisappears;\n }\n\n &[data-sub-level-opened='undefined'] {\n right: -100%;\n }\n\n &[data-sub-level-opened='true'] {\n right: 0;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightAppears;\n }\n"]))),rn=A.default.div(xn||(xn=t.__makeTemplateObject(["\n position: relative;\n top: 0;\n\n display: flex;\n width: 100vw;\n min-height: 100%;\n flex-direction: column;\n\n background-color: ",";\n overflow-x: hidden;\n\n &[data-type='category'] {\n z-index: 300;\n\n // momentum scrolling IOS will display under layer if not doing this\n &[data-is-sub-category-opened='true'] {\n animation-duration: 0.2s;\n animation-name: fading;\n }\n }\n\n &[data-type='sub-category'] {\n z-index: 400;\n }\n\n .category-button {\n border: none;\n }\n"],["\n position: relative;\n top: 0;\n\n display: flex;\n width: 100vw;\n min-height: 100%;\n flex-direction: column;\n\n background-color: ",";\n overflow-x: hidden;\n\n &[data-type='category'] {\n z-index: 300;\n\n // momentum scrolling IOS will display under layer if not doing this\n &[data-is-sub-category-opened='true'] {\n animation-duration: 0.2s;\n animation-name: fading;\n }\n }\n\n &[data-type='sub-category'] {\n z-index: 400;\n }\n\n .category-button {\n border: none;\n }\n"])),(function(e){return e.theme.colors.white})),dn=A.default.div(vn||(vn=t.__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"]))),sn=A.default.div(yn||(yn=t.__makeTemplateObject(["\n display: flex;\n\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n align-items: center;\n\n padding-top: 0px;\n //position: absolute;\n\n //top: 0px;\n\n //z-index: -1;\n\n background-color: ",";\n\n &[data-type='sub-level'] {\n padding: 4px 16px 16px;\n background-color: ",";\n }\n\n & > div:first-child {\n justify-self: flex-start;\n }\n\n &[data-with-search-input='false'] {\n //padding-top: 64px;\n }\n"],["\n display: flex;\n\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n align-items: center;\n\n padding-top: 0px;\n //position: absolute;\n\n //top: 0px;\n\n //z-index: -1;\n\n background-color: ",";\n\n &[data-type='sub-level'] {\n padding: 4px 16px 16px;\n background-color: ",";\n }\n\n & > div:first-child {\n justify-self: flex-start;\n }\n\n &[data-with-search-input='false'] {\n //padding-top: 64px;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.white})),cn=A.default.div(bn||(bn=t.__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"]))),pn=A.default.div(En||(En=t.__makeTemplateObject(["\n position: relative;\n\n display: flex;\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n\n overflow-y: scroll;\n"],["\n position: relative;\n\n display: flex;\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n\n overflow-y: scroll;\n"]))),un=A.default.div(wn||(wn=t.__makeTemplateObject(["\n flex: 1;\n padding: 16px;\n background-color: ",";\n"],["\n flex: 1;\n padding: 16px;\n background-color: ",";\n"])),(function(e){return e.theme.colors.white}));A.default.div(kn||(kn=t.__makeTemplateObject(["\n margin-top: 64px;\n"],["\n margin-top: 64px;\n"])));var mn=A.default.div(Cn||(Cn=t.__makeTemplateObject(["\n background-color: ",";\n\n &[data-is-sub-category-opened='true'] {\n display: none;\n }\n\n &[data-hide-on-search='true'] {\n display: none;\n }\n"],["\n background-color: ",";\n\n &[data-is-sub-category-opened='true'] {\n display: none;\n }\n\n &[data-hide-on-search='true'] {\n display: none;\n }\n"])),(function(e){return e.theme.colors.white}));A.default.div(_n||(_n=t.__makeTemplateObject(["\n padding: 24px 0;\n"],["\n padding: 24px 0;\n"])));var fn=A.default.div(Ln||(Ln=t.__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"])));A.default.div(Tn||(Tn=t.__makeTemplateObject(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),A.default.div(Sn||(Sn=t.__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"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),A.default.div(Mn||(Mn=t.__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"]))),A.default.div(Nn||(Nn=t.__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"]))),A.default.div(An||(An=t.__makeTemplateObject(["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"],["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),A.default.div(Bn||(Bn=t.__makeTemplateObject(["\n display: none;\n"],["\n display: none;\n"]))),A.default.div(zn||(zn=t.__makeTemplateObject(["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n"],["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),A.default.div(Dn||(Dn=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink}));var gn=A.default.div(jn||(jn=t.__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"])));A.default.div(On||(On=t.__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"]))),A.default.div(Pn||(Pn=t.__makeTemplateObject(["\n display: block;\n"],["\n display: block;\n"]))),A.default.div(In||(In=t.__makeTemplateObject(["\n .amp-sidebar {\n width: 100vw;\n\n background-color: ",";\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .categoryCard {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n a {\n display: block;\n margin: 12px 0;\n color: ",";\n text-decoration: none;\n }\n }\n }\n"],["\n .amp-sidebar {\n width: 100vw;\n\n background-color: ",";\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .categoryCard {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n a {\n display: block;\n margin: 12px 0;\n color: ",";\n text-decoration: none;\n }\n }\n }\n"])),(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.gray800}));var hn,xn,vn,yn,bn,En,wn,kn,Cn,_n,Ln,Tn,Sn,Mn,Nn,An,Bn,zn,Dn,jn,On,Pn,In,Fn,Hn,Rn=A.default.div(Fn||(Fn=t.__makeTemplateObject(["\n width: 20%;\n height: 2px;\n\n background-color: ",";\n border-radius: 2px;\n"],["\n width: 20%;\n height: 2px;\n\n background-color: ",";\n border-radius: 2px;\n"])),(function(e){return e.theme.mbColors.pink})),Un=A.default.div(Hn||(Hn=t.__makeTemplateObject(["\n .fake-search-input {\n margin-bottom: 24px;\n pointer-events: none;\n }\n"],["\n .fake-search-input {\n margin-bottom: 24px;\n pointer-events: none;\n }\n"]))),Vn=A.default.header(ot||(ot=t.__makeTemplateObject(["\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n align-items: center;\n justify-content: center;\n /* overflow-x: hidden; */\n\n border-bottom: 1px solid\n ",";\n background-color: ",";\n\n &[data-site-type='marryBaby'] {\n border-bottom: none;\n }\n\n &[data-fixed-bar='true'] {\n position: fixed;\n top: 0;\n }\n\n &[data-fixed-bar='false'] {\n position: absolute;\n }\n\n &[data-collapsed='true'] {\n top: -100%;\n transition: top 0.5s;\n }\n\n &[data-collapsed='false'] {\n top: 0px;\n transition: top 0.5s;\n }\n\n .top-bar-header {\n line-height: normal;\n }\n\n &[data-header-type='home'] {\n position: fixed;\n z-index: ",";\n }\n\n &[data-header-type='popup'] {\n position: absolute;\n z-index: ",";\n }\n\n &[data-header-type='popup-sub-level'] {\n position: absolute;\n z-index: ",";\n }\n\n &[data-is-displayed='false'] {\n //display: none;\n visibility: hidden;\n }\n\n &[data-is-amp='true'] {\n position: relative;\n }\n\n .menu-handler:focus #categories-menu {\n left: 0;\n transition: left 0.1s;\n }\n"],["\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n align-items: center;\n justify-content: center;\n /* overflow-x: hidden; */\n\n border-bottom: 1px solid\n ",";\n background-color: ",";\n\n &[data-site-type='marryBaby'] {\n border-bottom: none;\n }\n\n &[data-fixed-bar='true'] {\n position: fixed;\n top: 0;\n }\n\n &[data-fixed-bar='false'] {\n position: absolute;\n }\n\n &[data-collapsed='true'] {\n top: -100%;\n transition: top 0.5s;\n }\n\n &[data-collapsed='false'] {\n top: 0px;\n transition: top 0.5s;\n }\n\n .top-bar-header {\n line-height: normal;\n }\n\n &[data-header-type='home'] {\n position: fixed;\n z-index: ",";\n }\n\n &[data-header-type='popup'] {\n position: absolute;\n z-index: ",";\n }\n\n &[data-header-type='popup-sub-level'] {\n position: absolute;\n z-index: ",";\n }\n\n &[data-is-displayed='false'] {\n //display: none;\n visibility: hidden;\n }\n\n &[data-is-amp='true'] {\n position: relative;\n }\n\n .menu-handler:focus #categories-menu {\n left: 0;\n transition: left 0.1s;\n }\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.white}),g.Z_INDEX.headerContainerHome,g.Z_INDEX.headerContainerPopup,g.Z_INDEX.headerContainerPopupSUbLevel),Gn=A.default.header(lt||(lt=t.__makeTemplateObject(["\n position: absolute;\n bottom: 20px;\n left: 16px;\n display: flex;\n align-items: center;\n"],["\n position: absolute;\n bottom: 20px;\n left: 16px;\n display: flex;\n align-items: center;\n"]))),Zn=A.default.div(rt||(rt=t.__makeTemplateObject(["\n margin-right: 8px;\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n margin-right: 8px;\n &[data-event-category] > * {\n pointer-events: none;\n }\n"]))),Qn=A.default.div(dt||(dt=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n width: 100%;\n height: 64px;\n justify-content: center;\n\n padding: 8px 0;\n margin-top: 64px;\n &[data-sponsored='true'] {\n margin-top: 105px;\n }\n &[data-sitewide-banner-shown='true'] {\n margin-top: 128px;\n }\n\n background-color: ",";\n\n #search-input-home,\n #search-input-home-temp,\n #search-input-popup {\n position: relative;\n z-index: ",";\n width: 100%;\n box-shadow: 0px 0px 5px rgba(38, 38, 38, 0.08);\n }\n\n .displayIcon {\n z-index: ",";\n display: flex;\n width: 24px;\n height: 24px;\n align-items: center;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n opacity: 0;\n }\n\n &[data-is-displayed='true'] {\n opacity: 1;\n transition: opacity 0.2s;\n }\n\n &[data-header-type='popup'] {\n position: fixed;\n z-index: ",";\n left: 0;\n width: 100vw;\n }\n"],["\n position: relative;\n display: flex;\n width: 100%;\n height: 64px;\n justify-content: center;\n\n padding: 8px 0;\n margin-top: 64px;\n &[data-sponsored='true'] {\n margin-top: 105px;\n }\n &[data-sitewide-banner-shown='true'] {\n margin-top: 128px;\n }\n\n background-color: ",";\n\n #search-input-home,\n #search-input-home-temp,\n #search-input-popup {\n position: relative;\n z-index: ",";\n width: 100%;\n box-shadow: 0px 0px 5px rgba(38, 38, 38, 0.08);\n }\n\n .displayIcon {\n z-index: ",";\n display: flex;\n width: 24px;\n height: 24px;\n align-items: center;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n opacity: 0;\n }\n\n &[data-is-displayed='true'] {\n opacity: 1;\n transition: opacity 0.2s;\n }\n\n &[data-header-type='popup'] {\n position: fixed;\n z-index: ",";\n left: 0;\n width: 100vw;\n }\n"])),(function(e){return e.theme.colors.white}),g.Z_INDEX.menuSearchInputPopup,g.Z_INDEX.menuSearchInputDisplayIcon,g.Z_INDEX.menuSearchPopup),Wn=A.default.div(st||(st=t.__makeTemplateObject(["\n position: fixed;\n z-index: 201;\n top: 0;\n left: 0;\n\n width: 100%;\n align-items: center;\n\n background-color: ",";\n\n transition: height 0.3s;\n\n .menu-handler-item {\n gap: 8px;\n a {\n text-decoration: none;\n }\n }\n\n &[data-site-type='helloSites'] {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-marry-baby-tone='pink'] {\n background-color: ",";\n }\n\n //categories\n .menu-handler-categories:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-categories:focus-within .top-menu-categories {\n display: block;\n }\n .menu-handler-categories:focus .top-menu-health-tools {\n display: none;\n }\n\n //health tools\n .menu-handler-health-tools:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-health-tools:focus-within .top-menu-health-tools {\n display: block;\n }\n .menu-handler-health-tools:focus .top-menu-categories {\n display: none;\n }\n\n //communities\n .menu-handler-communities:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-communities:focus-within .top-menu-communities {\n display: block;\n }\n .menu-handler-communities:focus .top-menu-care-specialties {\n display: none;\n }\n\n //care\n .menu-handler-care-specialties:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-care-specialties:focus-within .top-menu-care-specialties {\n display: block;\n }\n .menu-handler-care-specialties:focus .top-menu-communities {\n display: none;\n }\n"],["\n position: fixed;\n z-index: 201;\n top: 0;\n left: 0;\n\n width: 100%;\n align-items: center;\n\n background-color: ",";\n\n transition: height 0.3s;\n\n .menu-handler-item {\n gap: 8px;\n a {\n text-decoration: none;\n }\n }\n\n &[data-site-type='helloSites'] {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-marry-baby-tone='pink'] {\n background-color: ",";\n }\n\n //categories\n .menu-handler-categories:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-categories:focus-within .top-menu-categories {\n display: block;\n }\n .menu-handler-categories:focus .top-menu-health-tools {\n display: none;\n }\n\n //health tools\n .menu-handler-health-tools:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-health-tools:focus-within .top-menu-health-tools {\n display: block;\n }\n .menu-handler-health-tools:focus .top-menu-categories {\n display: none;\n }\n\n //communities\n .menu-handler-communities:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-communities:focus-within .top-menu-communities {\n display: block;\n }\n .menu-handler-communities:focus .top-menu-care-specialties {\n display: none;\n }\n\n //care\n .menu-handler-care-specialties:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-care-specialties:focus-within .top-menu-care-specialties {\n display: block;\n }\n .menu-handler-care-specialties:focus .top-menu-communities {\n display: none;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.mbColors.lightPink})),Yn=A.default.div(ct||(ct=t.__makeTemplateObject(["\n display: flex;\n height: 100%;\n align-items: center;\n\n justify-content: space-between;\n padding: 0;\n"],["\n display: flex;\n height: 100%;\n align-items: center;\n\n justify-content: space-between;\n padding: 0;\n"]))),qn=A.default.div(pt||(pt=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),Xn=A.default.div(ut||(ut=t.__makeTemplateObject(["\n padding-right: 16px;\n &[data-is-having-border='true'] {\n border-right: 1px solid\n ",";\n }\n"],["\n padding-right: 16px;\n &[data-is-having-border='true'] {\n border-right: 1px solid\n ",";\n }\n"])),(function(e){return e.theme.colors.neutral100})),Kn=A.default.div(mt||(mt=t.__makeTemplateObject(["\n padding: 0 16px;\n\n & > div {\n background-color: ",";\n }\n\n &[data-marry-baby-theme='white'] > div {\n background-color: ",";\n }\n\n #search-input-home,\n #search-input-home-temp {\n height: 32px;\n box-sizing: border-box;\n padding: 0 16px 0 48px;\n border: 1px solid ",";\n border-radius: 6px;\n filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));\n outline: none;\n }\n\n &[data-is-styled-borderless='true'] {\n #search-input-home,\n #search-input-home-temp {\n height: 40px;\n border: 1px solid ",";\n border-radius: 16px;\n filter: none;\n }\n }\n"],["\n padding: 0 16px;\n\n & > div {\n background-color: ",";\n }\n\n &[data-marry-baby-theme='white'] > div {\n background-color: ",";\n }\n\n #search-input-home,\n #search-input-home-temp {\n height: 32px;\n box-sizing: border-box;\n padding: 0 16px 0 48px;\n border: 1px solid ",";\n border-radius: 6px;\n filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));\n outline: none;\n }\n\n &[data-is-styled-borderless='true'] {\n #search-input-home,\n #search-input-home-temp {\n height: 40px;\n border: 1px solid ",";\n border-radius: 16px;\n filter: none;\n }\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.mbColors.lightGray}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.white})),Jn=A.default.div(ft||(ft=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n & > :not(:first-child) {\n margin-left: 6px;\n }\n"],["\n display: flex;\n align-items: center;\n\n & > :not(:first-child) {\n margin-left: 6px;\n }\n"]))),$n=A.default.div(gt||(gt=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n margin-left: 8px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 8px;\n"]))),et=A.default.div(ht||(ht=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n margin-left: 4px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 4px;\n"]))),nt=A.default.div(xt||(xt=t.__makeTemplateObject(["\n margin-right: 8px;\n & > div {\n display: flex;\n align-items: center;\n\n cursor: pointer;\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n\n &[data-is-active='true'] {\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n }\n\n &[data-is-active='false'] {\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n }\n .care-navigator {\n color: ",";\n font-size: 14px;\n font-weight: 700;\n }\n"],["\n margin-right: 8px;\n & > div {\n display: flex;\n align-items: center;\n\n cursor: pointer;\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n\n &[data-is-active='true'] {\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n }\n\n &[data-is-active='false'] {\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n }\n .care-navigator {\n color: ",";\n font-size: 14px;\n font-weight: 700;\n }\n"])),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.mbColors.pink}),(function(e){return e.theme.colors.secondaryDark}),(function(e){return e.theme.mbColors.dark}),(function(e){return e.theme.colors.secondaryDark})),tt=A.default.div(vt||(vt=t.__makeTemplateObject(["\n flex-shrink: 0;\n & > div {\n display: flex;\n align-items: center;\n\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n "," {\n position: absolute;\n right: 16px;\n bottom: 16px;\n height: 32px;\n display: flex;\n }\n .menu-handler-item {\n gap: 8px;\n .care-button {\n text-decoration: none;\n }\n }\n\n .login-btn-mobile[data-color='secondary'][data-size='sm'] {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n"],["\n flex-shrink: 0;\n & > div {\n display: flex;\n align-items: center;\n\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n "," {\n position: absolute;\n right: 16px;\n bottom: 16px;\n height: 32px;\n display: flex;\n }\n .menu-handler-item {\n gap: 8px;\n .care-button {\n text-decoration: none;\n }\n }\n\n .login-btn-mobile[data-color='secondary'][data-size='sm'] {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n"])),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown),at=A.default.div(yt||(yt=t.__makeTemplateObject(["\n display: block;\n"],["\n display: block;\n"]))),it=A.default.div(bt||(bt=t.__makeTemplateObject([""],[""])));A.default.div(Et||(Et=t.__makeTemplateObject(["\n .amp-sidebar {\n width: 100vw;\n max-width: 100vw;\n background-color: ",";\n }\n\n .nav-card {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n span {\n margin-top: 4px;\n font-size: 13px;\n font-weight: ",";\n }\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: ",";\n }\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n > div:first-child > amp-img {\n margin-left: 1rem;\n }\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n\n img {\n object-fit: contain;\n }\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n position: relative;\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n &.health-tool {\n display: flex;\n align-items: center;\n\n amp-img {\n margin-right: 1rem;\n }\n + li {\n border-top: none;\n }\n\n a {\n display: flex;\n align-items: center;\n }\n }\n\n a {\n display: block;\n margin: 16px 0;\n color: ",";\n text-decoration: none;\n }\n\n &::after {\n position: absolute;\n top: 50%;\n right: 0;\n content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n"],["\n .amp-sidebar {\n width: 100vw;\n max-width: 100vw;\n background-color: ",";\n }\n\n .nav-card {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n span {\n margin-top: 4px;\n font-size: 13px;\n font-weight: ",";\n }\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: ",";\n }\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n > div:first-child > amp-img {\n margin-left: 1rem;\n }\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n\n img {\n object-fit: contain;\n }\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n position: relative;\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n &.health-tool {\n display: flex;\n align-items: center;\n\n amp-img {\n margin-right: 1rem;\n }\n + li {\n border-top: none;\n }\n\n a {\n display: flex;\n align-items: center;\n }\n }\n\n a {\n display: block;\n margin: 16px 0;\n color: ",";\n text-decoration: none;\n }\n\n &::after {\n position: absolute;\n top: 50%;\n right: 0;\n content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n"])),(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.gray800}));var ot,lt,rt,dt,st,ct,pt,ut,mt,ft,gt,ht,xt,vt,yt,bt,Et,wt,kt,Ct,_t,Lt,Tt=A.default.div(wt||(wt=t.__makeTemplateObject(["\n width: 40px;\n height: 40px;\n cursor: pointer;\n\n img {\n border-radius: 50%;\n }\n\n .avatar {\n width: 40px;\n height: 40px;\n object-fit: cover;\n }\n\n .avatar-default {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n color: white;\n font-size: 20px;\n font-weight: bold;\n }\n"],["\n width: 40px;\n height: 40px;\n cursor: pointer;\n\n img {\n border-radius: 50%;\n }\n\n .avatar {\n width: 40px;\n height: 40px;\n object-fit: cover;\n }\n\n .avatar-default {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n color: white;\n font-size: 20px;\n font-weight: bold;\n }\n"])),(function(e){return e.theme.colors.secondaryBase})),St=function(){return _.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.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"}))},Mt=A.default.div(kt||(kt=t.__makeTemplateObject(["\n amp-sidebar {\n width: 100vw;\n max-width: 100vw;\n background-color: ",";\n }\n\n .nav-card {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n span {\n margin-top: 4px;\n font-size: 13px;\n font-weight: ",";\n }\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: ",";\n }\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n > div:first-child > amp-img {\n margin-left: 1rem;\n }\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n\n img {\n object-fit: contain;\n }\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n position: relative;\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n &.health-tool {\n display: flex;\n align-items: center;\n\n amp-img {\n margin-right: 1rem;\n }\n + li {\n border-top: none;\n }\n\n a {\n display: flex;\n align-items: center;\n }\n }\n\n a {\n display: block;\n margin: 16px 0;\n color: ",";\n text-decoration: none;\n }\n\n &:not(.spotlight-li)::after {\n position: absolute;\n top: 50%;\n right: 0;\n content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n"],["\n amp-sidebar {\n width: 100vw;\n max-width: 100vw;\n background-color: ",";\n }\n\n .nav-card {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n span {\n margin-top: 4px;\n font-size: 13px;\n font-weight: ",";\n }\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: ",";\n }\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n > div:first-child > amp-img {\n margin-left: 1rem;\n }\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n\n img {\n object-fit: contain;\n }\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n position: relative;\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n &.health-tool {\n display: flex;\n align-items: center;\n\n amp-img {\n margin-right: 1rem;\n }\n + li {\n border-top: none;\n }\n\n a {\n display: flex;\n align-items: center;\n }\n }\n\n a {\n display: block;\n margin: 16px 0;\n color: ",";\n text-decoration: none;\n }\n\n &:not(.spotlight-li)::after {\n position: absolute;\n top: 50%;\n right: 0;\n content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n"])),(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.gray800})),Nt=A.default.a(Ct||(Ct=t.__makeTemplateObject(["\n position: relative;\n margin: 0 16px 24px;\n display: block;\n text-decoration: none;\n\n svg {\n position: absolute;\n left: 12px;\n top: 12px;\n }\n\n .amp-search-input {\n border: 1px solid ",";\n height: 48px;\n border-radius: 6px;\n background-color: ",";\n padding-left: 48px;\n }\n"],["\n position: relative;\n margin: 0 16px 24px;\n display: block;\n text-decoration: none;\n\n svg {\n position: absolute;\n left: 12px;\n top: 12px;\n }\n\n .amp-search-input {\n border: 1px solid ",";\n height: 48px;\n border-radius: 6px;\n background-color: ",";\n padding-left: 48px;\n }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.white})),At=function(e){var t=e.locale,a=e.categoriesSSR,i=e.healthToolsSSR,l=e.spotlightsSSR,d=e.serviceUrls,s=e.together,c=e.care,p=e.basePath,u=e.searchPlaceholder,m=r.useTranslation();return _.default.createElement(Mt,null,_.default.createElement("amp-sidebar",{id:"discover-amp-sidebar",layout:"nodisplay",style:{width:"100vw",maxWidth:"100vw"}},_.default.createElement("amp-nested-menu",{layout:"fill"},_.default.createElement("ul",{style:{paddingBottom:24}},_.default.createElement("div",{className:"amp__menu-header"},_.default.createElement(at,{on:"tap:discover-amp-sidebar.close",role:"button",tabIndex:1},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),_.default.createElement("div",{className:"logo"},_.default.createElement(n.Logo,{height:"32px",width:"121px",type:g.LOCALE_SPECS.LOGO_TYPE,isAmp:!0,badge:"id-ID"===t?_.default.createElement("amp-img",{src:r.img,width:"56",height:"23"}):void 0})),_.default.createElement("div",null)),_.default.createElement(Nt,{href:"/search"},_.default.createElement(St,null),_.default.createElement("input",{className:"amp-search-input",type:"text",placeholder:u,readOnly:!0})),_.default.createElement("div",{className:"categories__spotlight"},_.default.createElement(it,{on:"tap:AMP.setState({healthToolsActive: true})",className:"nav-card active","data-amp-bind-class":"healthToolsActive ? 'nav-card active' : 'nav-card not-active'",role:"button",tabIndex:1},_.default.createElement("amp-img",{src:r.img$1,width:"48",height:"48"}),_.default.createElement("span",null,m("home.navigator.menuItem.discover"))),_.default.createElement(it,{role:"button",tabIndex:1,className:"nav-card",on:"tap:AMP.setState({healthToolsActive: false})","data-amp-bind-class":"healthToolsActive ? 'nav-card not-active' : 'nav-card active'"},_.default.createElement("amp-img",{src:r.img$2,width:"48",height:"48"}),_.default.createElement("span",null,m("home.navigator.menuItem.healthTools"))),s.TOGETHER_MENU_COUNTRIES_ENABLED.includes(t)&&_.default.createElement("a",{href:d.TOGETHER_URL_FE},_.default.createElement(it,{role:"button",tabIndex:1,className:"nav-card",on:"tap:AMP.setState({healthToolsActive: false})"},_.default.createElement("amp-img",{src:r.img$3,width:"48",height:"48"}),_.default.createElement("span",null,m("home.navigator.menuItem.together")))),c.CARE_MENU_COUNTRIES_ENABLED.includes(t)&&_.default.createElement("a",{href:d.CARE_URL_FE},_.default.createElement(it,{role:"button",tabIndex:1,className:"nav-card"},_.default.createElement("amp-img",{src:r.img$4,width:"48",height:"48"}),_.default.createElement("span",null,m("home.navigator.menuItem.helloCare"))))),_.default.createElement("ul",{className:"categories","data-amp-bind-hidden":"!healthToolsActive",style:{marginBottom:24}},_.default.createElement(o.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:24}},m("home.navigator.menuItem.discover")),a&&a.length>1&&a.map((function(e){return _.default.createElement("li",{key:e.name},_.default.createElement("a",{href:e.permalink},e.displayName))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(d.DISCOVER_URL_FE,"/categories/")},_.default.createElement(qe,{key:"all-categories"},m("home.navigator.menuItem.allCategories"),_.default.createElement(gn,null,_.default.createElement("amp-img",{src:"".concat(p,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},height:"16",width:"16",alt:m("home.navigator.menuItem.allCategories")}))))),_.default.createElement("ul",{className:"categories","data-amp-bind-hidden":"!healthToolsActive"},_.default.createElement(o.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:24}},m("home.navigator.menuItem.spotlights")),l&&l.length>0&&l.map((function(e){return _.default.createElement("li",{key:e.id,className:"spotlight-li"},_.default.createElement("a",{href:e.permalink},e.name))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(d.DISCOVER_URL_FE,"/spotlight/")},_.default.createElement(qe,{key:"all-spotlight"},m("home.navigator.menuItem.allSpotlight"),_.default.createElement(gn,null,_.default.createElement("amp-img",{src:"".concat(p,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},height:"16",width:"16",alt:m("home.navigator.menuItem.allSpotlight")}))))),_.default.createElement("ul",{className:"categories","data-amp-bind-hidden":"healthToolsActive",hidden:!0},i&&i.length>1&&i.map((function(e,n){return e.healthTools&&e.healthTools.length>0&&_.default.createElement(_.default.Fragment,{key:n},_.default.createElement(o.Heading,{tag:"h4",fontWeight:"bold"},e.name),e.healthTools.map((function(e){return _.default.createElement("li",{key:e.title,className:"health-tool"},_.default.createElement("a",{href:e.link},_.default.createElement("amp-img",{width:"32",height:"32",src:e.icon}),_.default.createElement("span",null,e.title)))})))})))))))},Bt="data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.5 12L10.5 8L6.5 4' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",zt="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Dt="data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' stroke='%232D87F3' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 13.7499V9.58325' stroke='%232D87F3' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 6.25H10.0125' stroke='%232D87F3' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",jt=A.default.footer(_t||(_t=t.__makeTemplateObject(["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image {\n width: 10%;\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image {\n width: 10%;\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbUp),Ot=A.default.div(Lt||(Lt=t.__makeTemplateObject(["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"],["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"]))),Pt=function(e){var n=e.url,t=e.isMobile,a=e.dataEventCategory,i=e.dataEventAction,o=e.dataEventLabel;return _.default.createElement(Ot,{"data-is-mobile":t},_.default.createElement("img",{className:"country-flag",src:n,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":o}))},It=function(e){var t,a,i,d,s,c,p,u,m,f,h,x,v,y,b,E,w,k,C,L,T,S,M,N,A,B,z,D,j,O,P,I,F,H,R,U=e.className,V=e.type,G=void 0===V?"main":V,Z=e.footerInfo,Q=e.isMobile,W=e.locale,Y=e.isAmp,q=r.useTranslation(),X=null==Z?void 0:Z.menu;return _.default.createElement(jt,{as:Y&&"mini"===G?"div":"footer",className:U,style:"mini"===G?{backgroundColor:l.theme.colors.neutral50}:{},"next-page-hide":!0},_.default.createElement(n.Container,null,_.default.createElement("div",{className:"inner","data-type":G,"next-page-hide":""},"main"===G?_.default.createElement(_.default.Fragment,null,_.default.createElement("a",{href:"/"},Y?(null===(a=null==Z?void 0:Z.general)||void 0===a?void 0:a.logo)?_.default.createElement("amp-img",{src:null===(i=null==Z?void 0:Z.general)||void 0===i?void 0:i.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:_.default.createElement("img",{className:"footer-logo",src:null===(t=null==Z?void 0:Z.general)||void 0===t?void 0:t.logo,alt:"Logo","data-is-sehat":"id-ID"===W})),_.default.createElement("div",{className:"columns"},_.default.createElement("div",{className:"newsletter"},_.default.createElement(n.Text,{size:"p1",type:"bold"},null===(d=null==Z?void 0:Z.general)||void 0===d?void 0:d.content),_.default.createElement(o.Button,{className:"signupButton",color:"primary",size:"lg"},q("footer.signUp")),_.default.createElement("div",{className:"social"},_.default.createElement(n.Text,{size:"sm",type:"regular"},null===(s=null==Z?void 0:Z.social)||void 0===s?void 0:s.title),_.default.createElement("div",{className:"icons"},null===(p=null===(c=null==Z?void 0:Z.social)||void 0===c?void 0:c.socials)||void 0===p?void 0:p.map((function(e,n){return _.default.createElement("a",{key:n,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},Y?_.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):_.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon"}))}))),_.default.createElement("hr",{className:"hrMobile"}))),_.default.createElement("div",null,X&&_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{className:"biglinks"},null===(m=null===(u=X[0])||void 0===u?void 0:u.items)||void 0===m?void 0:m.map((function(e,n){return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(g.domainLocales[W]).concat(e.url),className:"bigLink",key:n,href:e.url},e.title)}))),_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(f=X[1])||void 0===f?void 0:f.menu_title),null===(x=null===(h=X[1])||void 0===h?void 0:h.items)||void 0===x?void 0:x.map((function(e,t){return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(g.domainLocales[W]).concat(e.url),className:"link",href:e.url,key:t},_.default.createElement(n.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(g.domainLocales[W]).concat(e.url)},e.title))}))),_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(v=X[2])||void 0===v?void 0:v.menu_title),null===(b=null===(y=X[2])||void 0===y?void 0:y.items)||void 0===b?void 0:b.map((function(e,t){return e.url&&_.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:t},_.default.createElement(n.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!Y&&_.default.createElement(_.default.Fragment,null,_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"otherSites"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(E=null==Z?void 0:Z.branch)||void 0===E?void 0:E.title),_.default.createElement("div",{className:"flags"},null===(k=null===(w=null==Z?void 0:Z.branch)||void 0===w?void 0:w.branch)||void 0===k?void 0:k.map((function(e,n){return _.default.createElement("a",{className:"link",href:e.url,key:n,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},_.default.createElement(Pt,{url:e.flag,isMobile:Q,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url}))}))))))),_.default.createElement("hr",null),_.default.createElement("div",{className:"copyright","data-is-amp":Y||void 0},(null===(C=null==Z?void 0:Z.general)||void 0===C?void 0:C.verified)&&_.default.createElement("a",{href:null===(T=null===(L=null==Z?void 0:Z.general)||void 0===L?void 0:L.verified[0])||void 0===T?void 0:T.url,className:"copyright-image"},Y?_.default.createElement("amp-img",{src:null===(M=null===(S=null==Z?void 0:Z.general)||void 0===S?void 0:S.verified[0])||void 0===M?void 0:M.image,alt:"DMCA Icon",width:"100",height:"36"}):_.default.createElement("img",{src:null===(A=null===(N=null==Z?void 0:Z.general)||void 0===N?void 0:N.verified[0])||void 0===A?void 0:A.image,alt:"DMCA Icon"})),_.default.createElement(n.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(B=null==Z?void 0:Z.general)||void 0===B?void 0:B.copyright)),"vi-VN"===W&&_.default.createElement(n.Text,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):_.default.createElement(_.default.Fragment,null,(null==Z?void 0:Z.menu)&&_.default.createElement("div",{className:"columns"},_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(z=null==Z?void 0:Z.menu[1])||void 0===z?void 0:z.menu_title),null===(j=null===(D=null==Z?void 0:Z.menu[1])||void 0===D?void 0:D.items)||void 0===j?void 0:j.map((function(e){return _.default.createElement("a",{className:"link",href:e.url,key:e.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":e.title,"data-content-id":"https://".concat(g.domainLocales[W]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(g.domainLocales[W]).concat(e.url)},_.default.createElement(n.Text,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(g.domainLocales[W]).concat(e.url),size:"sm",type:"regular",style:{color:l.theme.colors.gray800}},e.title))}))),_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(O=null==Z?void 0:Z.menu[2])||void 0===O?void 0:O.menu_title),null===(I=null===(P=null==Z?void 0:Z.menu[2])||void 0===P?void 0:P.items)||void 0===I?void 0:I.map((function(e,t){return _.default.createElement("a",{className:"link",href:e.url,key:t,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":e.title,"data-content-id":e.url,"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url},_.default.createElement(n.Text,{size:"sm",type:"regular",style:{color:l.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!Y&&"mini"!==G&&_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"newsletter"},_.default.createElement("div",{className:"social"},_.default.createElement(n.Text,{size:"sm",type:"regular"},null===(F=null==Z?void 0:Z.social)||void 0===F?void 0:F.title),_.default.createElement("div",{className:"icons"},null===(R=null===(H=null==Z?void 0:Z.social)||void 0===H?void 0:H.socials)||void 0===R?void 0:R.map((function(e,n){return _.default.createElement("a",{key:n,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},Y?_.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):_.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon"}))}))))))))))};A.default((function(e){var n=e.type,a=t.__rest(e,["type"]);return _.default.createElement(n,a)}))(Ft||(Ft=t.__makeTemplateObject(["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"],["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"])),(function(e){return e.theme.mbColors.dark}));var Ft,Ht,Rt=A.default.p(Ht||(Ht=t.__makeTemplateObject(["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"],["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"])),(function(e){return e.theme.mbColors.dark})),Ut=function(e){var n=e.type,a=e.color,i=e.style,o=t.__rest(e,["type","color","style"]);return _.default.createElement(Rt,t.__assign({"data-type":n,style:t.__assign(t.__assign({},i),a&&{"--text-color":a})},o))};A.default.footer(Vt||(Vt=t.__makeTemplateObject(["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),(function(e){return e.theme.mbColors.lightGray}),a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbUp);var Vt,Gt,Zt,Qt,Wt,Yt,qt,Xt,Kt,Jt,$t,ea,na,ta,aa,ia,oa,la,ra,da,sa,ca,pa,ua,ma,fa=A.default.div(Gt||(Gt=t.__makeTemplateObject([""],[""]))),ga=A.default.div(Zt||(Zt=t.__makeTemplateObject(["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"]))),ha=A.default.div(Qt||(Qt=t.__makeTemplateObject(["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"],["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"])),a.MediaQueries.mbDown),xa=A.default.div(Wt||(Wt=t.__makeTemplateObject(["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"],["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.gray800}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,a.MediaQueries.mbDown),va=A.default.div(Yt||(Yt=t.__makeTemplateObject(["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"],["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"])),a.MediaQueries.mbUp,a.MediaQueries.mbDown),ya=A.default.div(qt||(qt=t.__makeTemplateObject(["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"],["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray}),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray})),ba=A.default.div(Xt||(Xt=t.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"],["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"]))),Ea=function(e){var t,a=e.socialLinks,i=void 0===a?g.MARRY_BABY_DEFAULT_FOOTER.SOCIAL_LINKS:a,o=i.facebookLink,d=i.instagramLink,c=i.zaloLink,p=i.youtubeLink,u=e.copyrightText,m=e.logoType,f=void 0===m?"marryBaby":m,h=e.isMobile,x=e.footerMenu,v=void 0===x?[]:x,y=e.type,b=void 0===y?"main":y,E=r.useTranslation();return"main"===b?_.default.createElement(fa,{className:"footer-container"},!h&&_.default.createElement("div",{className:"footer-divider"},_.default.createElement(n.Container,{type:"marryBaby"},_.default.createElement(s.Divider,{style:{padding:"0 16px"},type:"solid"}))),_.default.createElement(ha,null,_.default.createElement(n.Container,{type:"marryBaby"},_.default.createElement(xa,null,_.default.createElement("div",{className:"grid"},null===(t=h?null==v?void 0:v.slice(0,6):v)||void 0===t?void 0:t.map((function(e,n){var t=e.title,a=e.link;return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":t,"data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(n)},_.default.createElement(Ut,{color:l.theme.colors.gray800,type:"subtitle-2"},t))})),_.default.createElement("div",{className:"social-wrapper"},_.default.createElement("div",{className:"social"},_.default.createElement(Ut,{type:"subtitle-2"},E("footer.followUsText")),_.default.createElement("div",{className:"icons-links"},o&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":o,href:o},_.default.createElement("img",{src:P,alt:"Facebook"})),p&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":p,href:p},_.default.createElement("img",{src:U,alt:"Youtube"})),d&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":d,href:d},_.default.createElement("img",{src:I,alt:"Instagram"})),c&&_.default.createElement("a",{target:"_blank",rel:"noreferrer",href:c,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":c},_.default.createElement("img",{src:V,alt:"Zalo"}))))))))),_.default.createElement(va,null,_.default.createElement(n.Container,{type:"marryBaby"},_.default.createElement(ya,null,_.default.createElement(n.Logo,{className:"logo",type:f,width:"121px"}),_.default.createElement(Ut,{className:"company-name",type:"subtitle-2"},E("footer.info.companyName")),_.default.createElement("div",{className:"text-info"},_.default.createElement(Ut,{type:"bodytext-3"},E("footer.info.address")),_.default.createElement(Ut,{type:"bodytext-3"},E("footer.info.license")),_.default.createElement(Ut,{type:"bodytext-3"},E("footer.info.email"))),_.default.createElement("div",{className:"img-container"},_.default.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),_.default.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},_.default.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!h&&_.default.createElement(s.Divider,{type:"solid"}),_.default.createElement("div",{className:"language-and-copyright"},_.default.createElement(Ut,{type:"bodytext-3"},u)))))):_.default.createElement(ga,null,_.default.createElement(ba,null),_.default.createElement(Ut,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:l.theme.sizes.fwSemiBold},color:l.theme.mbColors.midGray},E("footer.followUsText")),_.default.createElement("div",{className:"icons-links"},o&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":o,href:o},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z",fill:"url(#paint0_linear)"}),_.default.createElement("defs",null,_.default.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},_.default.createElement("stop",{stopColor:"#4DABF7"}),_.default.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),p&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":p,href:p},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),d&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":d,href:d},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z",fill:"url(#paint0_radial)"}),_.default.createElement("defs",null,_.default.createElement("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)"},_.default.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),_.default.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),_.default.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),_.default.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),_.default.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),_.default.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),_.default.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),_.default.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),_.default.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),_.default.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),_.default.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),c&&_.default.createElement("a",{target:"_blank",rel:"noreferrer",href:c,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":c},_.default.createElement("div",{style:{height:24,width:24}},_.default.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))},wa=function(e){var n,a,i,o,l,r,d,s,c,p,u,m=e.type,f=e.isMobile,g=void 0===f||f,h=e.locale,x=e.footerInfo,v=e.isAmp,y=e.siteType,b=e.ampNextArticle,E=e.routerQuery;return"helloSites"===y?_.default.createElement(_.default.Fragment,null,v&&(null!==(a=null===(n=null==E?void 0:E.slug)||void 0===n?void 0:n.length)&&void 0!==a?a:"")>1&&_.default.createElement("amp-next-page",null,_.default.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:'\n [\n {\n "image": "'.concat(null===(i=null==b?void 0:b.articleOne)||void 0===i?void 0:i.image,'",\n "title": ').concat(JSON.stringify(null===(o=null==b?void 0:b.articleOne)||void 0===o?void 0:o.title),',\n "url": "').concat(null===(l=null==b?void 0:b.articleOne)||void 0===l?void 0:l.link,'"\n },\n {\n "image": "').concat(null===(r=null==b?void 0:b.articleTwo)||void 0===r?void 0:r.image,'",\n "title": ').concat(JSON.stringify(null===(d=null==b?void 0:b.articleTwo)||void 0===d?void 0:d.title),',\n "url": "').concat(null===(s=null==b?void 0:b.articleTwo)||void 0===s?void 0:s.link,'"\n },\n {\n "image": "').concat(null===(c=null==b?void 0:b.articleThree)||void 0===c?void 0:c.image,'",\n "title": ').concat(JSON.stringify(null===(p=null==b?void 0:b.articleThree)||void 0===p?void 0:p.title),',\n "url": "').concat(null===(u=null==b?void 0:b.articleThree)||void 0===u?void 0:u.link,'"\n }\n ]\n ')}}),_.default.createElement("div",t.__assign({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:")),_.default.createElement(It,{isAmp:v,isMobile:g,type:m,locale:h,footerInfo:x||{}})):_.default.createElement(Ea,{isMobile:g,locale:h,footerMenu:x||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:e.marryBabySocialLinks,type:m})},ka=A.default.div(Kt||(Kt=t.__makeTemplateObject(["\n width: 100vw;\n"],["\n width: 100vw;\n"]))),Ca=A.default.div(Jt||(Jt=t.__makeTemplateObject(["\n @keyframes menuLeftToRightTrans {\n from {\n margin-left: -300%;\n opacity: 0;\n }\n to {\n margin-left: 0;\n opacity: 1;\n }\n }\n\n @keyframes menuRightToLeftTrans {\n from {\n margin-right: -300%;\n opacity: 0;\n }\n to {\n margin-right: 0;\n opacity: 1;\n }\n }\n\n @keyframes leftAppears {\n from {\n left: -50%;\n opacity: 0;\n }\n to {\n left: 0;\n opacity: 1;\n }\n }\n\n @keyframes leftDisappears {\n from {\n left: 0;\n opacity: 1;\n }\n to {\n left: -50%;\n opacity: 0;\n }\n }\n\n @keyframes rightAppears {\n from {\n right: -50%;\n opacity: 0;\n }\n to {\n right: 0;\n opacity: 1;\n }\n }\n\n @keyframes rightDisappears {\n from {\n right: 0;\n opacity: 1;\n }\n to {\n right: -50%;\n opacity: 0;\n }\n }\n\n @keyframes expandingTopToBottom {\n from {\n margin-top: -100%;\n opacity: 0;\n }\n to {\n margin-top: 0;\n opacity: 1;\n }\n }\n\n @keyframes collapsingBottomToTop {\n from {\n margin-top: 0;\n opacity: 1;\n }\n to {\n margin-top: -100%;\n opacity: 0;\n }\n }\n\n width: 100%;\n\n ","\n\n background-color: ",";\n\n &[data-menu-opened='true'] {\n visibility: hidden;\n }\n"],["\n @keyframes menuLeftToRightTrans {\n from {\n margin-left: -300%;\n opacity: 0;\n }\n to {\n margin-left: 0;\n opacity: 1;\n }\n }\n\n @keyframes menuRightToLeftTrans {\n from {\n margin-right: -300%;\n opacity: 0;\n }\n to {\n margin-right: 0;\n opacity: 1;\n }\n }\n\n @keyframes leftAppears {\n from {\n left: -50%;\n opacity: 0;\n }\n to {\n left: 0;\n opacity: 1;\n }\n }\n\n @keyframes leftDisappears {\n from {\n left: 0;\n opacity: 1;\n }\n to {\n left: -50%;\n opacity: 0;\n }\n }\n\n @keyframes rightAppears {\n from {\n right: -50%;\n opacity: 0;\n }\n to {\n right: 0;\n opacity: 1;\n }\n }\n\n @keyframes rightDisappears {\n from {\n right: 0;\n opacity: 1;\n }\n to {\n right: -50%;\n opacity: 0;\n }\n }\n\n @keyframes expandingTopToBottom {\n from {\n margin-top: -100%;\n opacity: 0;\n }\n to {\n margin-top: 0;\n opacity: 1;\n }\n }\n\n @keyframes collapsingBottomToTop {\n from {\n margin-top: 0;\n opacity: 1;\n }\n to {\n margin-top: -100%;\n opacity: 0;\n }\n }\n\n width: 100%;\n\n ","\n\n background-color: ",";\n\n &[data-menu-opened='true'] {\n visibility: hidden;\n }\n"])),(function(e){return e.hasStickyBottomBar&&"padding-bottom: 80px;"}),(function(e){return e.theme.colors.white})),_a=A.default.div($t||($t=t.__makeTemplateObject(["\n width: 100%;\n padding-bottom: 80px;\n\n background-color: ",";\n\n &[data-is-mobile='false'] {\n margin-top: 69px;\n &[data-sponsored='true'] {\n margin-top: 110px;\n &[data-sitewide='true'] {\n margin-top: 173px;\n }\n }\n &[data-sitewide='true'] {\n margin-top: 133px;\n }\n }\n &[data-is-mobile='true'] {\n &[data-sitewide='true'],\n &[data-sponsored='true'] {\n margin-top: 60px;\n }\n }\n\n &[data-menu-opened='true'] {\n visibility: hidden;\n }\n"],["\n width: 100%;\n padding-bottom: 80px;\n\n background-color: ",";\n\n &[data-is-mobile='false'] {\n margin-top: 69px;\n &[data-sponsored='true'] {\n margin-top: 110px;\n &[data-sitewide='true'] {\n margin-top: 173px;\n }\n }\n &[data-sitewide='true'] {\n margin-top: 133px;\n }\n }\n &[data-is-mobile='true'] {\n &[data-sitewide='true'],\n &[data-sponsored='true'] {\n margin-top: 60px;\n }\n }\n\n &[data-menu-opened='true'] {\n visibility: hidden;\n }\n"])),(function(e){return e.theme.colors.white})),La=A.default.div(ea||(ea=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n"]))),Ta=A.default.a(na||(na=t.__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"]))),Sa=function(e){var n,a,i,o,l,d,s,c,p,u,m,f,h,x,v,y,b,E,w,k=e.children,C=e.SEOData,L=void 0===C?{}:C,T=e.isAmp,S=void 0!==T&&T,M=e.locale,N=void 0===M?"vi-VN":M,A=e.routerPathname,B=e.routerQuery,z=e.nextHead,D=e.siteType,j=e.seoCustom,O=e.userId,P=e.forcedCanonicalUrl,I=e.usingDefaultHead,F="production"===process.env.NEXT_PUBLIC_DEPLOY_ENV,H=L.totalPages,R=L.currentPage,U=L.SEOTitle,V=void 0===U?"":U,G=L.SEODescription,Z=void 0===G?"":G,Q=L.SEOImage,W=L.seoType,Y=L.SEOImageWidth,q=L.SEOImageHeight,X=L.customMetaData,K=void 0===X?[]:X,J=L.isIndexable,$=void 0===J||J,ee=L.hasNoCanonical,ne=void 0!==ee&&ee,te=$&&F?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",ae=process.env.NEXT_PUBLIC_BASE_API_URL,ie=L.canonicalUrl||A;Object.keys(B).forEach((function(e){var n=B[e];n&&Array.isArray(n)&&(ie=ie.replace("[...".concat(e,"]"),n.join("/")))}));var oe,le=N||"en-PH",re="helloSites"===D?g.domainLocales[le]:"www.marrybaby.vn",de=ie.endsWith("/")?"":"/";if(L.apiMetaData&&"string"==typeof L.apiMetaData){var se=null===(n=L.apiMetaData)||void 0===n?void 0:n.match(/<title.*?>(.*)<\/title>/),ce=" - Page ".concat(R," of ").concat(H),pe=R&&1!==R&&se?L.apiMetaData.replace(se[0],se[0].includes("-")?se[0].replace("-",ce+" - "):"<title>".concat(se[1].concat(ce),"</title>")).replace('<link rel="canonical" href="https://'.concat(re).concat(ie).concat(de,'" />'),'<link rel="canonical" href="https://'.concat(re).concat(ie).concat(de,"?page=").concat(R,'" />')):L.apiMetaData,ue=(oe=r.htmlReactParser(pe,{trim:!0})).find((function(e){var n,t;return"og:image"===(null===(n=e.props)||void 0===n?void 0:n.property)||"og:image:secure_url"===(null===(t=e.props)||void 0===t?void 0:t.property)}));if(!ue){var me="https://".concat(re,"/images/").concat(N,".png");oe=t.__spreadArray(t.__spreadArray([],oe,!0),[_.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=L.openGraph)||void 0===a?void 0:a.image)||me||""}),_.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(i=L.openGraph)||void 0===i?void 0:i.image)||me}),_.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(o=L.openGraph)||void 0===o?void 0:o.imageWidth)&&String(null===(l=L.openGraph)||void 0===l?void 0:l.imageWidth)||"1200"}),_.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(d=L.openGraph)||void 0===d?void 0:d.imageHeight)&&String(null===(s=L.openGraph)||void 0===s?void 0:s.imageHeight)||"630"})],!1)}}var fe="https://".concat(re,"/images/").concat(N,".png");return _.default.createElement(_.default.Fragment,null,z&&I&&_.default.createElement(z,null,_.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===D&&_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===N?_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===N||"ms-MY"===N?_.default.createElement(_.default.Fragment,null):_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),_.default.createElement("link",{rel:"preconnect",href:ae}),_.default.createElement("meta",{charSet:"UTF-8"}),!S&&_.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),_.default.createElement("meta",{name:"google",content:"notranslate"}),_.default.createElement("meta",{name:"robots",content:te}),_.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),K.map((function(e,n){return _.default.createElement("meta",t.__assign({key:n},e))})),_.default.createElement("meta",{name:"theme-color",content:"helloSites"===D?"#2c87f3":"#e85388"}),_.default.createElement("meta",{name:"page_type",content:"Home"}),_.default.createElement("meta",{name:"page_platform",content:"WEB"}),_.default.createElement("meta",{name:"page_language",content:le}),_.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),S&&_.default.createElement(_.default.Fragment,null,_.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!oe&&_.default.createElement(_.default.Fragment,null,"helloSites"===D?_.default.createElement("title",null,j?V:V+" - "+(null===(c=g.LOCALE_SPECS[N])||void 0===c?void 0:c.SITE_NAME)):_.default.createElement("title",null,V),!ne&&_.default.createElement("link",{rel:"canonical",href:"https://".concat(re).concat(ie)}),_.default.createElement("meta",{name:"description",content:Z||(null===(p=L.openGraph)||void 0===p?void 0:p.description)}),L.schemaData&&_.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:L.schemaData}}),_.default.createElement("meta",{property:"og:locale",content:N}),_.default.createElement("meta",{property:"og:type",content:W||"website"}),_.default.createElement("meta",{property:"og:title",content:(null===(u=L.openGraph)||void 0===u?void 0:u.title)||V}),_.default.createElement("meta",{property:"og:description",content:(null===(m=L.openGraph)||void 0===m?void 0:m.description)||Z}),_.default.createElement("meta",{property:"og:url",content:"https://".concat(re).concat(ie)}),_.default.createElement("meta",{property:"og:site_name",content:"https://".concat(re)}),_.default.createElement("meta",{property:"og:image",content:(null===(f=L.openGraph)||void 0===f?void 0:f.image)||Q||fe||""}),_.default.createElement("meta",{property:"og:image:secure_url",content:(null===(h=L.openGraph)||void 0===h?void 0:h.image)||Q||fe}),_.default.createElement("meta",{property:"og:image:width",content:(null===(x=L.openGraph)||void 0===x?void 0:x.imageWidth)&&String(null===(v=L.openGraph)||void 0===v?void 0:v.imageWidth)||Y&&String(Y)||"1200"}),_.default.createElement("meta",{property:"og:image:height",content:(null===(y=L.openGraph)||void 0===y?void 0:y.imageHeight)&&String(null===(b=L.openGraph)||void 0===b?void 0:b.imageHeight)||q&&String(q)||"630"}),_.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),_.default.createElement("meta",{name:"twitter:title",content:(null===(E=L.twitter)||void 0===E?void 0:E.title)||V}),_.default.createElement("meta",{name:"twitter:description",content:Z}),_.default.createElement("meta",{name:"twitter:image",content:(null===(w=L.twitter)||void 0===w?void 0:w.image)||Q})),("helloSites"===D?g.FAVICONS[le]||[]:g.FAVICONS.marryBaby).map((function(e,n){return"link"===e.type?_.default.createElement("link",{key:"favicon-".concat(n),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?_.default.createElement("meta",{key:n,name:e.name,content:e.content}):null})),Array.isArray(oe)&&P?oe.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):oe,P&&_.default.createElement("link",{rel:"canonical",href:P}),!L.hasNoAmp&&"vi-VN"!==N&&_.default.createElement("link",{rel:"amphtml",href:"https://".concat(re).concat(ie).concat(de,"?amp=1")}),O&&"undefined"!=typeof window?_.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(O,"'});")}}):null),z&&!I&&_.default.createElement(z,null),k)},Ma=A.default.div(ta||(ta=t.__makeTemplateObject(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),Na=A.default.div(aa||(aa=t.__makeTemplateObject(["\n & > a:not(:last-child) > div {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"],["\n & > a:not(:last-child) > div {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"])),(function(e){return e.theme.colors.neutral100})),Aa=A.default.div(ia||(ia=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px;\n\n //border-bottom: 1px solid ",";\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px;\n\n //border-bottom: 1px solid ",";\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),Ba=A.default.div(oa||(oa=t.__makeTemplateObject([""],[""]))),za=A.default.div(la||(la=t.__makeTemplateObject(["\n padding-right: 16px;\n"],["\n padding-right: 16px;\n"]))),Da=A.default.div(ra||(ra=t.__makeTemplateObject(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),ja=A.default.div(da||(da=t.__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"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),Oa=A.default.div(sa||(sa=t.__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"]))),Pa=A.default.div(ca||(ca=t.__makeTemplateObject(["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n\n [data-event-category] > * {\n pointer-events: none;\n }\n"],["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n\n [data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),Ia=A.default.div(pa||(pa=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),Fa=A.default.div(ua||(ua=t.__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"]))),Ha=A.default.div(ma||(ma=t.__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"]))),Ra=function(){return _.default.createElement(Ma,{style:{marginTop:"16px"}},_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})))},Ua=function(e){var t,a,i,d,s=e.careSpecialties,c=e.onSelectCareSpecialty,p=e.isLoading,u=e.desktopPopupType,m=e.onClosePopup,f=e.basePath,h=e.locale,x=e.isMobile,v=e.siteType,y=e.CARE_URL_FE,b=r.useTranslation();return x?_.default.createElement(_.default.Fragment,null,p?_.default.createElement(Na,null,_.default.createElement(Ra,null)):_.default.createElement(Na,{"data-category-list-type":"main"},_.default.createElement(o.Heading,{style:{marginTop:16},tag:"h5"},b("menu.care.searchBySpecialties")),s.map((function(e,n){return _.default.createElement("a",{key:"tool-"+n},_.default.createElement(Aa,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(y).concat(r.getCareSearchUrl({type:"DOCTOR",specialtySlug:e.slug,locale:h})),onClick:function(){c(e)}},_.default.createElement(za,null,_.default.createElement("img",{alt:"health-tool-icon",src:e.thumbnail||"".concat(f,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),_.default.createElement(Ba,null,e.name)))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(y,"/").concat(null===(t=g.LOCALIZED_SLUGS[h])||void 0===t?void 0:t.SPECIALTIES)},_.default.createElement(Ia,{key:"all-categories","data-theme":v,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(y,"/").concat(null===(a=g.LOCALIZED_SLUGS[h])||void 0===a?void 0:a.SPECIALTIES)},b("home.navigator.menuItem.allSpecialties"),_.default.createElement(Fa,null,"helloSites"===v?_.default.createElement("img",{src:"".concat(f,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:b("home.navigator.menuItem.allSpecialties")}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))):_.default.createElement(Da,{className:"top-menu-care-specialties",onClick:m,"data-is-display":"care"===u},_.default.createElement(ja,null,_.default.createElement(n.Container,{style:{padding:"0 16px"},type:v},_.default.createElement(Oa,{"data-popup-type":u,onClick:function(e){e.stopPropagation()}},_.default.createElement(_.default.Fragment,null,s.map((function(e){return _.default.createElement(Pa,{key:"care-specialty-".concat(e.id),onClick:m},_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(y).concat(r.getCareSearchUrl({type:"DOCTOR",specialtySlug:e.slug,locale:h})),style:{textDecoration:"none",color:l.theme.colors.gray800},className:"iconMenu no-replace-click",href:"".concat(y).concat(r.getCareSearchUrl({type:"DOCTOR",specialtySlug:e.slug,locale:h}))},_.default.createElement("div",{style:{display:"flex"}},_.default.createElement("img",{alt:"care-specialty-icon",src:e.thumbnail||"".concat(f,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),_.default.createElement("p",null,e.name)))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(y,"/").concat(null===(i=g.LOCALIZED_SLUGS[h])||void 0===i?void 0:i.SPECIALTIES)},_.default.createElement(Ia,{onClick:m,key:"all-care-specialties","data-theme":v,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(y,"/").concat(null===(d=g.LOCALIZED_SLUGS[h])||void 0===d?void 0:d.SPECIALTIES)},b("home.navigator.menuItem.allSpecialties"),_.default.createElement(Fa,null,"helloSites"===v?_.default.createElement("img",{src:"".concat(f,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:b("home.navigator.menuItem.allSpecialties")}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))))),_.default.createElement(Ha,{onClick:m},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))},Va=function(){return _.default.createElement(Ve,{style:{marginTop:"16px"}},_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})))},Ga=A.default.div(Xa||(Xa=t.__makeTemplateObject(["\n "," {\n margin: 48px 0;\n }\n\n "," {\n padding: 0 16px;\n }\n"],["\n "," {\n margin: 48px 0;\n }\n\n "," {\n padding: 0 16px;\n }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbUp),Za=A.default.div(Ka||(Ka=t.__makeTemplateObject(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),Qa=A.default.div(Ja||(Ja=t.__makeTemplateObject(["\n "," {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n display: flex;\n flex-direction: column;\n"],["\n "," {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n display: flex;\n flex-direction: column;\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.neutral100}));A.default.div($a||($a=t.__makeTemplateObject(["\n "," {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n }\n"],["\n "," {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n }\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.neutral100}));var Wa=A.default.div(ei||(ei=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n\n background-color: ",";\n font-size: ",";\n font-weight: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n\n "," {\n padding: 8px;\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n\n background-color: ",";\n font-size: ",";\n font-weight: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n\n "," {\n padding: 8px;\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown),Ya=A.default.div(ni||(ni=t.__makeTemplateObject(["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),qa=A.default.div(ti||(ti=t.__makeTemplateObject([""],[""])));A.default.div(ai||(ai=t.__makeTemplateObject([""],[""])));var Xa,Ka,Ja,$a,ei,ni,ti,ai,ii,oi,li=A.default.div(ii||(ii=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),ri=A.default.div(oi||(oi=t.__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"]))),di=function(){return _.default.createElement(Za,{style:{marginTop:"16px"}},_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})))},si=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.spotlights,i=e.isLoading,d=e.className,s=e.isMobile,c=e.DISCOVER_URL_FE,p=e.basePath,u=e.locale,m=e.siteType,f=r.useTranslation();return t?_.default.createElement(Ga,null,_.default.createElement(o.Heading,{tag:"h3",style:{marginBottom:24}},f("home.navigator.menuItem.spotlights")),i&&t?_.default.createElement(Qa,{className:d},_.default.createElement(di,null)):_.default.createElement(Qa,{"data-is-displayed":t,className:d},a.map((function(e,n){return _.default.createElement(Ya,{style:{textDecoration:"none"},key:"spotlight-"+n},s?_.default.createElement("a",{href:e.permalink,style:{textDecoration:"none",color:l.theme.colors.gray800}},_.default.createElement(Wa,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[u]).concat(e.permalink)},_.default.createElement(qa,null,e.name))):_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[u]).concat(e.permalink),style:{textDecoration:"none",pointerEvents:"auto"},href:"".concat(c).concat(e.permalink)},e.name))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(c,"/spotlight/")},_.default.createElement(li,{key:"all-spotlights","data-theme":m,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(c,"/spotlight/")},f("home.navigator.menuItem.allSpotlight"),_.default.createElement(ri,null,"helloSites"===m?_.default.createElement("img",{src:"".concat(p,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:f("home.navigator.menuItem.allSpotlight")}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))):null},ci=function(e){var t=e.locale,a=e.basePath,i=e.isDisplayed,d=void 0!==i&&i,s=e.categories,c=e.spotlightsList,p=e.type,u=e.onSelectCategory,m=e.onClosePopup,f=e.desktopPopupType,h=e.isMobile,x=e.isLoading,v=e.DISCOVER_URL_FE,y=e.siteType,b=void 0===y?"helloSites":y,E=r.useTranslation();return h?_.default.createElement(_.default.Fragment,null,x&&d?_.default.createElement(Ge,null,_.default.createElement(Va,null)):_.default.createElement(Ge,{"data-is-displayed":d,"data-category-list-type":p},_.default.createElement(o.Heading,{tag:"h3",style:{marginBottom:8}},E("home.navigator.menuItem.healthCategories")),_.default.createElement(Ze,null,s.map((function(e,i){return _.default.createElement("div",{key:p+"-category-"+i},_.default.createElement("a",{style:{textDecoration:"none",color:l.theme.colors.gray800},onClick:function(n){e.childCates&&e.childCates.length>0&&"sub"!==p&&n.preventDefault()},href:v+e.permalink},_.default.createElement(Qe,{onClick:function(){null==u||u(e)},"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[t]).concat(e.permalink),"data-is-heading-category":"sub"===p&&e.childCates&&e.childCates.length>0},_.default.createElement(We,null,e.displayName),"main"===p&&_.default.createElement(Ye,null,"helloSites"===b?_.default.createElement("img",{src:"".concat(a,"/svg/chevronRight.svg"),style:{width:"16px",height:"16px"},alt:e.categoryName}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))),"sub"===p&&e.childCates&&e.childCates.length>0&&e.childCates.map((function(e,t){return _.default.createElement("a",{style:{textDecoration:"none"},href:e.permalink,key:p+"-2-"+t},_.default.createElement(Qe,{"data-is-heading-category":"sub"===p&&e.childCates&&e.childCates.length>0},_.default.createElement(n.Text,{size:"p3"},e.displayName)))}))))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(v,"/categories/")},_.default.createElement(qe,{key:"all-categories","data-theme":b,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(v,"/categories/")},E("home.navigator.menuItem.allCategories"),_.default.createElement(Xe,null,"helloSites"===b?_.default.createElement("img",{src:"".concat(a,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:E("home.navigator.menuItem.allCategories")}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))))),_.default.createElement(si,{isDisplayed:"main"===p,spotlights:c,isLoading:!1,isMobile:h,basePath:a,DISCOVER_URL_FE:v,locale:t,siteType:b}))):_.default.createElement(Ke,{className:"top-menu-categories",onClick:m,"data-is-display":"categories"===f},_.default.createElement(Je,null,_.default.createElement(n.Container,{style:{padding:"0 16px"},type:b},_.default.createElement($e,{"data-popup-type":f,onClick:function(e){e.stopPropagation()}},_.default.createElement("div",null,_.default.createElement(o.Heading,{tag:"h3",style:{marginBottom:24}},E("home.navigator.menuItem.healthCategories")),_.default.createElement(en,{"data-disabled-divider":0===c.length},s.map((function(e,n){return _.default.createElement(nn,{style:{textDecoration:"none"},key:e.categoryName+n},_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[t]).concat(e.permalink),style:{textDecoration:"none",pointerEvents:"auto"},onClick:m,href:"".concat(v).concat(e.permalink)},e.displayName),_.default.createElement(tn,null,e.childCates&&e.childCates.map((function(e,n){return _.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[t]).concat(e.permalink),style:{textDecoration:"none",pointerEvents:"auto"},href:e.permalink,key:n},e.displayName)}))))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(v,"/categories/")},_.default.createElement(qe,{onClick:m,key:"all-categories","data-theme":b,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(v,"/categories/")},E("home.navigator.menuItem.allCategories"),_.default.createElement(Xe,null,"helloSites"===b?_.default.createElement("img",{src:"".concat(a,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:E("home.navigator.menuItem.allCategories")}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))),_.default.createElement(si,{isDisplayed:"main"===p,spotlights:c,isLoading:!1,basePath:a,DISCOVER_URL_FE:v,locale:t,siteType:b}),_.default.createElement(an,{onClick:m},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))},pi=A.default.div(yi||(yi=t.__makeTemplateObject([""],[""]))),ui=A.default.div(bi||(bi=t.__makeTemplateObject(["\n display: flex;\n width: 40px;\n height: 40px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n border-radius: 50%;\n"],["\n display: flex;\n width: 40px;\n height: 40px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n border-radius: 50%;\n"]))),mi=A.default.div(Ei||(Ei=t.__makeTemplateObject(["\n display: flex;\n margin-left: 48px;\n\n > :first-child {\n margin-right: 24px;\n }\n"],["\n display: flex;\n margin-left: 48px;\n\n > :first-child {\n margin-right: 24px;\n }\n"]))),fi=A.default.div(wi||(wi=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px;\n //height: 40px;\n\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n\n > svg:first-child {\n margin-right: 24px;\n }\n"],["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px;\n //height: 40px;\n\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n\n > svg:first-child {\n margin-right: 24px;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),gi=A.default.div(ki||(ki=t.__makeTemplateObject(["\n overflow: hidden;\n > .expanding {\n animation-duration: 0.3s;\n animation-name: expandingTopToBottom;\n }\n\n > .collapsing {\n margin-top: -100%;\n animation-duration: 0.3s;\n animation-name: collapsingBottomToTop;\n }\n"],["\n overflow: hidden;\n > .expanding {\n animation-duration: 0.3s;\n animation-name: expandingTopToBottom;\n }\n\n > .collapsing {\n margin-top: -100%;\n animation-duration: 0.3s;\n animation-name: collapsingBottomToTop;\n }\n"]))),hi=A.default.div(Ci||(Ci=t.__makeTemplateObject(["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),xi=A.default.div(_i||(_i=t.__makeTemplateObject(["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"],["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"]))),vi=A.default.div(Li||(Li=t.__makeTemplateObject(["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"],["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white}));A.default.div(Ti||(Ti=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"])));var yi,bi,Ei,wi,ki,Ci,_i,Li,Ti,Si,Mi,Ni=A.default.div(Si||(Si=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n"])));A.default.div(Mi||(Mi=t.__makeTemplateObject(["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"],["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase}));var Ai,Bi,zi,Di,ji,Oi,Pi,Ii,Fi,Hi,Ri,Ui,Vi,Gi=function(n){var t=n.isDisplayed,a=void 0!==t&&t,i=n.categories,o=n.type,r=n.onSelectCategory,d=n.desktopPopupType,s=n.isMobile,c=n.isLoading,p=n.MARRY_BABY_FE,u=e.useState(-1),m=u[0],f=u[1],g=e.useState(!1),h=g[0],x=g[1];return s?_.default.createElement(_.default.Fragment,null,c&&a?_.default.createElement(Ge,null,_.default.createElement(Va,null)):_.default.createElement(Ge,{"data-is-displayed":a,"data-category-list-type":o,style:{marginTop:24}},_.default.createElement(pi,{className:"marry-bb-menu-categories"},i.map((function(e,n){return _.default.createElement("div",{key:o+"-category-"+n,className:"wrapper-menu-category wrapper-menu-category-".concat(n),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink)},_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),style:{textDecoration:"none",color:l.theme.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(p).concat(e.permalink)},_.default.createElement(fi,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),onClick:function(){var t;"main"===o||0===(null===(t=e.childCates)||void 0===t?void 0:t.length)?null==r||r(e):m===n?(x(!0),setTimeout((function(){f(-1),setTimeout((function(){x(!1)}),100)}),300)):f(n)},style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},"main"===o?_.default.createElement(ui,{style:{backgroundColor:e.imageColor}},_.default.createElement("img",{src:e.iconUrl,style:{width:"24px",height:"24px"},alt:e.name})):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),_.default.createElement(Ut,{style:{fontWeight:l.theme.sizes.fwSemiBold},type:"subtitle-2"},e.displayName),_.default.createElement(on,null),"main"===o?_.default.createElement(Ye,null,_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M8.5 6L11 8.5L8.5 11",stroke:"#9495A0",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))):_.default.createElement(Ye,null,m!==n?_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M8.5 6L11 8.5L8.5 11",stroke:"#9495A0",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})):_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#2661AD",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))),"sub"===o&&e.childCates&&m===n&&e.childCates.length>0&&_.default.createElement(gi,null,_.default.createElement("div",{className:h?"collapsing":"expanding"},e.childCates.map((function(n,t){return _.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),style:{textDecoration:"none"},href:"".concat(p).concat(n.permalink),key:o+"-2-"+t},_.default.createElement(fi,{"data-is-heading-category":"sub"===o&&n.childCates&&n.childCates.length>0},_.default.createElement(mi,null,_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),_.default.createElement(Ut,{type:"subtitle-2"},n.displayName))))})))),_.default.createElement("div",{style:{display:"none"}},e.childCates&&e.childCates.map((function(e,n){return _.default.createElement("a",{href:"".concat(p).concat(e.permalink),key:n,style:{textDecoration:"none"}},_.default.createElement("div",{"data-is-heading-category":"sub"===o&&e.childCates&&e.childCates.length>0},_.default.createElement("p",null,e.displayName)))}))))}))))):_.default.createElement(hi,{className:"top-menu-categories","data-is-display":"categories"===d,tabIndex:0},_.default.createElement(xi,null),_.default.createElement(vi,{"data-popup-type":d},_.default.createElement(Ni,{className:"marry-bb-menu-categories"},c?_.default.createElement("div",{style:{width:"100%",padding:"0 20px"}},_.default.createElement(Va,null)):i.map((function(e,n){return _.default.createElement("div",{className:"wrapper-menu-category wrapper-menu-category-".concat(n),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),key:o+"-category-"+n,onClick:function(){r(e)}},_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),style:{textDecoration:"none",color:l.theme.colors.gray800},href:"".concat(p).concat(e.permalink)},_.default.createElement(fi,{style:{display:"flex",alignItems:"center",justifyContent:"flex-start"}},_.default.createElement(ui,{style:{backgroundColor:e.imageColor}},_.default.createElement("img",{src:e.iconUrl,style:{width:"24px",height:"24px"},alt:e.name})),_.default.createElement(Ut,{style:{fontWeight:l.theme.sizes.fwSemiBold},type:"subtitle-2"},e.displayName))))})))))},Zi=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.locale,i=e.discoverApiDomain,o=e.basePath,l=e.categories,r=e.spotlightsList,d=e.type,s=e.onSelectCategory,c=e.onClosePopup,p=e.desktopPopupType,u=e.isMobile,m=e.isLoading,f=e.callApiHandler,g=e.DISCOVER_URL_FE,h=e.MARRY_BABY_FE,x=e.siteType,v=void 0===x?"helloSites":x;return"helloSites"===v?_.default.createElement(ci,{locale:a,basePath:o,DISCOVER_URL_FE:g,isDisplayed:t,type:d,onSelectCategory:s,categories:l,spotlightsList:r,isLoading:m,isMobile:u,siteType:v,onClosePopup:c,desktopPopupType:p}):_.default.createElement(Gi,{basePath:o,callApiHandler:f,discoverApiDomain:i,isDisplayed:t,type:d,onSelectCategory:s,categories:l,isLoading:m,isMobile:u,MARRY_BABY_FE:h,desktopPopupType:p})},Qi=A.default.div(Ai||(Ai=t.__makeTemplateObject(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),Wi=A.default.div(Bi||(Bi=t.__makeTemplateObject(["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n //margin-top: 112px;\n"],["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n //margin-top: 112px;\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.neutral100})),Yi=A.default.div(zi||(zi=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 56px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 56px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),qi=A.default.div(Di||(Di=t.__makeTemplateObject([""],[""]))),Xi=A.default.div(ji||(ji=t.__makeTemplateObject([""],[""]))),Ki=A.default.div(Oi||(Oi=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n > :first-child {\n min-width: 40px;\n margin-right: 16px;\n }\n"],["\n display: flex;\n align-items: center;\n\n > :first-child {\n min-width: 40px;\n margin-right: 16px;\n }\n"]))),Ji=A.default.div(Pi||(Pi=t.__makeTemplateObject(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),$i=A.default.div(Ii||(Ii=t.__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"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),eo=A.default.div(Fi||(Fi=t.__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"]))),no=A.default.div(Hi||(Hi=t.__makeTemplateObject(["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n [data-event-category] > * {\n pointer-events: none;\n }\n"],["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n [data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),to=A.default.div(Ri||(Ri=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),ao=A.default.div(Ui||(Ui=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"]))),io=A.default.div(Vi||(Vi=t.__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"]))),oo=function(){return _.default.createElement(Qi,{style:{marginTop:"16px"}},_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})))},lo=function(e){var t=e.isDisplayed,a=e.communities,i=e.type,o=e.onSelectCommunity,d=e.onClosePopup,s=e.isLoading,c=e.basePath,p=e.TOGETHER_URL_FE,u=e.siteType,m=void 0===u?"helloSites":u,f=e.isMobile,h=e.locale,x=e.desktopPopupType,v=r.useTranslation();return f?_.default.createElement(_.default.Fragment,null,s&&t?_.default.createElement(Wi,null,_.default.createElement(oo,null)):_.default.createElement(Wi,{"data-category-list-type":i,"data-is-displayed":t},"main"===i&&a.map((function(e,n){return _.default.createElement("div",{key:i+"-category-"+n},_.default.createElement("a",{style:{textDecoration:"none",color:l.theme.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(p,"/").concat(e.communitySlug)},_.default.createElement(Yi,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[h],"/").concat(e.communitySlug),onClick:function(){o({community:e,isSetToSubMenu:!0})},"data-is-heading-category":!1},_.default.createElement(Ki,null,_.default.createElement("img",{src:e.thumbnail,style:{width:"40px",height:"40px"},alt:e.title}),_.default.createElement(qi,null,e.title)),_.default.createElement(Xi,null,"helloSites"===m?_.default.createElement("img",{src:"".concat(c,"/svg/chevronRight.svg"),style:{width:"16px",height:"16px"},alt:e.title}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))})),"sub"===i&&a.map((function(e,n){return _.default.createElement("div",{key:i+"-category-"+n},_.default.createElement("a",{style:{textDecoration:"none",color:l.theme.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(p,"/").concat(e.communitySlug)},_.default.createElement(Yi,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[h],"/").concat(e.communitySlug),onClick:function(){o({community:e,isSetToSubMenu:!1})},"data-is-heading-category":!1},_.default.createElement(Ki,null,_.default.createElement("img",{src:e.thumbnail,style:{width:"40px",height:"40px"},alt:e.title}),_.default.createElement(qi,null,e.title)))))})),_.default.createElement("a",{style:{textDecoration:"none"},href:p+"/"},_.default.createElement(to,{onClick:d,key:"all-communities","data-theme":m,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":p+"/"},v("home.navigator.menuItem.allCommunities"),_.default.createElement(ao,null,_.default.createElement("img",{src:"".concat(c,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:v("home.navigator.menuItem.allCommunities")})))))):_.default.createElement(Ji,{className:"top-menu-communities",onClick:d,"data-is-display":"communities"===x},_.default.createElement($i,null,_.default.createElement(n.Container,{style:{padding:"0 16px"},type:m},_.default.createElement(eo,{"data-popup-type":x,onClick:function(e){e.stopPropagation()}},_.default.createElement(_.default.Fragment,null,a.map((function(e){return _.default.createElement(no,{key:e.title,onClick:d},_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[h],"/").concat(e.communitySlug),style:{textDecoration:"none",color:l.theme.colors.gray800},className:"iconMenu",href:"".concat(p,"/").concat(e.communitySlug)},_.default.createElement("div",{style:{display:"flex"}},_.default.createElement("img",{alt:"health-tool-icon",src:e.thumbnail||"".concat(c,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),_.default.createElement("p",null,e.title)))})),_.default.createElement("a",{style:{textDecoration:"none"},href:p+"/"},_.default.createElement(to,{onClick:d,key:"all-communities","data-theme":m,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":p+"/"},v("home.navigator.menuItem.allCommunities"),_.default.createElement(ao,null,_.default.createElement("img",{src:"".concat(c,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:v("home.navigator.menuItem.allCommunities")}))))),_.default.createElement(io,{onClick:d},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))},ro=A.default.div(mo||(mo=t.__makeTemplateObject(["\n display: flex;\n width: 48px;\n height: 48px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n\n //background-color: ",";\n border-radius: 50%;\n"],["\n display: flex;\n width: 48px;\n height: 48px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n\n //background-color: ",";\n border-radius: 50%;\n"])),(function(e){return e.theme.mbColors.lightGray})),so=A.default.div(fo||(fo=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px 16px;\n background-color: ",";\n font-size: ",";\n"],["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px 16px;\n background-color: ",";\n font-size: ",";\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4})),co=A.default.div(go||(go=t.__makeTemplateObject(["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),po=A.default.div(ho||(ho=t.__makeTemplateObject(["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"],["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"]))),uo=A.default.div(xo||(xo=t.__makeTemplateObject(["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"],["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white}));A.default.div(vo||(vo=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"])));var mo,fo,go,ho,xo,vo,yo,bo,Eo=A.default.div(yo||(yo=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n"])));A.default.div(bo||(bo=t.__makeTemplateObject(["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"],["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase}));var wo=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.communities,i=e.onSelectCommunity,o=e.isLoading,r=e.basePath,d=e.type,s=e.isMobile,c=e.onClosePopup,p=e.desktopPopupType,u=e.TOGETHER_URL_FE;return s?o&&t?_.default.createElement(Wi,null,_.default.createElement(oo,null)):_.default.createElement(Wi,{style:{marginTop:24},"data-category-list-type":d,"data-is-displayed":t},a.map((function(e,n){return _.default.createElement("a",{className:"wrapper-menu-community wrapper-menu-community-".concat(n," iconMenu"),key:"community-"+n,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn/community/".concat(e.communitySlug)},_.default.createElement(so,{onClick:function(){i({community:e,isSetToSubMenu:!1})}},_.default.createElement(ro,null,_.default.createElement("img",{alt:"health-tool-icon",src:e.thumbnail||"".concat(r,"/images/avatar.jpg"),style:{width:"24px",height:"24px"}})),_.default.createElement(qi,null,e.title)))}))):_.default.createElement(co,{className:"top-menu-communities",onClick:c,"data-is-display":"communities"===p},_.default.createElement(po,null),_.default.createElement(uo,{"data-popup-type":p,onClick:function(e){e.stopPropagation()}},_.default.createElement(Eo,null,o?_.default.createElement("div",{style:{width:"100%",padding:"0 20px"}},_.default.createElement(oo,null)):a.map((function(e,n){return _.default.createElement("a",{className:"wrapper-menu-community wrapper-menu-community-".concat(n," iconMenu"),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn/community/".concat(e.communitySlug),style:{textDecoration:"none",color:l.theme.colors.gray800},href:"".concat(u,"/").concat(e.communitySlug),key:e.title},_.default.createElement(so,{onClick:c},_.default.createElement(ro,{style:{backgroundColor:e.color||l.theme.mbColors.lightGray}},_.default.createElement("img",{alt:e.communitySlug,src:e.thumbnail||"".concat(r,"/images/avatar.jpg"),style:{width:"24px",height:"24px"}})),_.default.createElement(Ut,{style:{fontWeight:l.theme.sizes.fwSemiBold},type:"subtitle-2"},e.title)))})))))},ko=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.locale,i=e.communities,o=e.type,l=e.onSelectCommunity,r=e.onClosePopup,d=e.isLoading,s=e.basePath,c=e.TOGETHER_URL_FE,p=e.siteType,u=void 0===p?"helloSites":p,m=e.isMobile,f=e.desktopPopupType,g=e.togetherApiDomain;return"helloSites"===u?_.default.createElement(lo,{isDisplayed:t,locale:a,TOGETHER_URL_FE:c,basePath:s,type:o,onSelectCommunity:l,communities:i,isLoading:d,isMobile:m,siteType:u,togetherApiDomain:g,desktopPopupType:f,onClosePopup:r}):_.default.createElement(wo,{isDisplayed:t,locale:a,TOGETHER_URL_FE:c,basePath:s,type:o,onSelectCommunity:l,communities:i,isLoading:d,isMobile:m,togetherApiDomain:g,desktopPopupType:f,onClosePopup:r})},Co=A.default.div(Oo||(Oo=t.__makeTemplateObject(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),_o=A.default.div(Po||(Po=t.__makeTemplateObject(["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n .title {\n margin-bottom: 8px;\n margin-top: 24px;\n }\n"],["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n .title {\n margin-bottom: 8px;\n margin-top: 24px;\n }\n"]))),Lo=A.default.div(Io||(Io=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n border-bottom: 1px solid\n ",";\n\n &[data-is-heading-category='true'] {\n /* border-bottom: none; */\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n border-bottom: 1px solid\n ",";\n\n &[data-is-heading-category='true'] {\n /* border-bottom: none; */\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),To=A.default.div(Fo||(Fo=t.__makeTemplateObject([""],[""]))),So=A.default.div(Ho||(Ho=t.__makeTemplateObject(["\n padding-right: 16px;\n"],["\n padding-right: 16px;\n"]))),Mo=A.default.div(Ro||(Ro=t.__makeTemplateObject(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),No=A.default.div(Uo||(Uo=t.__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"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),Ao=A.default.div(Vo||(Vo=t.__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"]))),Bo=A.default.div(Go||(Go=t.__makeTemplateObject(["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n &[data-grouped='true'] {\n width: 100%;\n }\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n [data-event-category] > * {\n pointer-events: none;\n }\n"],["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n &[data-grouped='true'] {\n width: 100%;\n }\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n [data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),zo=A.default.div(Zo||(Zo=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),Do=A.default.div(Qo||(Qo=t.__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"]))),jo=A.default.div(Wo||(Wo=t.__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"])));A.default.div(Yo||(Yo=t.__makeTemplateObject(["\n &[data-is-displayed='false'] {\n display: none;\n }\n"],["\n &[data-is-displayed='false'] {\n display: none;\n }\n"])));var Oo,Po,Io,Fo,Ho,Ro,Uo,Vo,Go,Zo,Qo,Wo,Yo,qo,Xo,Ko=A.default.div(qo||(qo=t.__makeTemplateObject(["\n margin-bottom: 56px;\n margin-top: 18px;\n"],["\n margin-bottom: 56px;\n margin-top: 18px;\n"]))),Jo=A.default.div(Xo||(Xo=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n width: 25%;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n margin-bottom: 24px;\n h1 {\n margin-bottom: 20px;\n }\n"],["\n position: relative;\n display: flex;\n width: 25%;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n margin-bottom: 24px;\n h1 {\n margin-bottom: 20px;\n }\n"]))),$o=function(){return _.default.createElement(Co,{style:{marginTop:"16px"}},_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})))},el=function(e){var n=e.healthTools,t=e.onSelectHealthTool,a=e.basePath,i=e.isDesktop,o=e.onClosePopup,r=e.HEALTH_TOOL_URL_FE,d=e.locale,s=e.isGrouped;return(null==n?void 0:n.length)?i?_.default.createElement(_.default.Fragment,null,n.map((function(e,n){return _.default.createElement(Bo,{"data-grouped":s,key:e.title,onClick:o},_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[d]).concat(e.link),style:{textDecoration:"none",color:l.theme.colors.gray800},className:"iconMenu",href:e.link.startsWith("http")?e.link:"".concat(r).concat(e.link)},_.default.createElement("div",{style:{display:"flex"}},_.default.createElement("img",{alt:"health-tool-icon",src:e.icon||"/images/avatar.jpg",style:{width:"32px",height:"32px"}})),_.default.createElement("p",null,e.title)))}))):_.default.createElement(_.default.Fragment,null,n.map((function(e,n){return _.default.createElement("a",{key:"tool-"+n},_.default.createElement(Lo,{onClick:function(){t(e)},"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[d]).concat(e.link)},_.default.createElement(So,null,_.default.createElement("img",{alt:"health-tool-icon",src:e.icon||"".concat(a,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),_.default.createElement(To,null,e.title)))}))):null},nl=function(e){var t,a,i,l,d=e.isDisplayed,s=e.healthTools,c=e.healthToolsByCategory,p=e.onSelectHealthTool,u=e.isLoading,m=e.basePath,f=e.locale,g=e.isMobile,h=e.onClosePopup,x=e.desktopPopupType,v=e.HEALTH_TOOL_URL_FE,y=e.STATIC_PAGES,b=e.siteType,E=r.useTranslation();return g?_.default.createElement(_.default.Fragment,null,u&&d?_.default.createElement(_o,null,_.default.createElement($o,null)):_.default.createElement(_o,{"data-category-list-type":"main","data-is-displayed":d},(null==c?void 0:c.length)?c.map((function(e,n){var t;return!!(null===(t=e.healthTools)||void 0===t?void 0:t.length)&&_.default.createElement(_.default.Fragment,{key:"category-health-tool-".concat(n)},_.default.createElement(o.Heading,{tag:"h4",fontWeight:"bold",className:"title"},_.default.createElement("span",{dangerouslySetInnerHTML:{__html:e.name}})),_.default.createElement(el,{healthTools:e.healthTools.slice(0,4),onSelectHealthTool:p,basePath:m,HEALTH_TOOL_URL_FE:v,locale:f}))})):_.default.createElement(el,{healthTools:s,onSelectHealthTool:p,basePath:m,HEALTH_TOOL_URL_FE:v,locale:f}),_.default.createElement(Ko,null,_.default.createElement("a",{href:"".concat(v).concat((null===(t=y[f])||void 0===t?void 0:t.HEALTH_TOOLS)||""),style:{textDecoration:"none"}},_.default.createElement(zo,{key:"all-health-tools-mobile","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(v).concat((null===(a=y[f])||void 0===a?void 0:a.HEALTH_TOOLS)||"")},E("home.navigator.menuItem.allHealthTools"),_.default.createElement(Do,null,_.default.createElement("img",{src:"".concat(m,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:E("home.navigator.menuItem.allHealthTools")}))))))):_.default.createElement(Mo,{className:"top-menu-health-tools",onClick:h,"data-is-display":"tools"===x},_.default.createElement(No,null,_.default.createElement(n.Container,{style:{padding:"0 16px"}},_.default.createElement(Ao,{"data-popup-type":x,onClick:function(e){e.stopPropagation()}},_.default.createElement(_.default.Fragment,null,(null==c?void 0:c.length)?c.map((function(e,n){var t;return!!(null===(t=e.healthTools)||void 0===t?void 0:t.length)&&_.default.createElement(Jo,{key:"health-tools-categories-".concat(n)},_.default.createElement(o.Heading,{tag:"h4",as:"h1",fontWeight:"bold"},_.default.createElement("span",{dangerouslySetInnerHTML:{__html:e.name}})),_.default.createElement(el,{healthTools:e.healthTools.slice(0,4),onSelectHealthTool:p,basePath:m,HEALTH_TOOL_URL_FE:v,locale:f,isDesktop:!0,isGrouped:!0,onClosePopup:h}))})):_.default.createElement(el,{healthTools:s,onSelectHealthTool:p,basePath:m,HEALTH_TOOL_URL_FE:v,locale:f,isDesktop:!0,onClosePopup:h}),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(v).concat((null===(i=y[f])||void 0===i?void 0:i.HEALTH_TOOLS)||"")},_.default.createElement(zo,{onClick:h,key:"all-health-tools","data-theme":b,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(v).concat((null===(l=y[f])||void 0===l?void 0:l.HEALTH_TOOLS)||"")},E("home.navigator.menuItem.allHealthTools"),_.default.createElement(Do,null,_.default.createElement("img",{src:"".concat(m,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:E("home.navigator.menuItem.allHealthTools")}))))),_.default.createElement(jo,{onClick:h},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))},tl=A.default.div(rl||(rl=t.__makeTemplateObject(["\n display: flex;\n width: 48px;\n height: 48px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n\n background-color: ",";\n border-radius: 50%;\n"],["\n display: flex;\n width: 48px;\n height: 48px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n\n background-color: ",";\n border-radius: 50%;\n"])),(function(e){return e.theme.mbColors.lightGray})),al=A.default.div(dl||(dl=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px 16px;\n background-color: ",";\n font-size: ",";\n"],["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px 16px;\n background-color: ",";\n font-size: ",";\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4})),il=A.default.div(sl||(sl=t.__makeTemplateObject(["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),ol=A.default.div(cl||(cl=t.__makeTemplateObject(["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"],["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"]))),ll=A.default.div(pl||(pl=t.__makeTemplateObject(["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"],["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white}));A.default.div(ul||(ul=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"])));var rl,dl,sl,cl,pl,ul,ml,fl,gl=A.default.div(ml||(ml=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n"])));A.default.div(fl||(fl=t.__makeTemplateObject(["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"],["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase}));var hl,xl,vl=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.healthTools,i=e.onSelectHealthTool,o=e.isLoading,r=e.basePath,d=e.isMobile,s=e.onClosePopup,c=e.HEALTH_TOOL_URL_FE,p=e.desktopPopupType;return d?o&&t?_.default.createElement(_o,null,_.default.createElement($o,null)):_.default.createElement(_o,{style:{marginTop:24},"data-category-list-type":"main","data-is-displayed":t},a.map((function(e,n){return _.default.createElement("a",{key:"tool-"+n,className:"wrapper-menu-health-tool wrapper-menu-health-tool-".concat(n),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://https://marrybaby.vn".concat(e.link)},_.default.createElement(al,{onClick:function(){i(e)}},_.default.createElement(tl,null,_.default.createElement("img",{alt:"health-tool-icon",src:e.icon||"".concat(r,"/images/avatar.jpg"),style:{width:"24px",height:"24px"}})),_.default.createElement(To,null,e.title)))}))):_.default.createElement(il,{className:"top-menu-health-tools",onClick:s,"data-is-display":"tools"===p},_.default.createElement(ol,null),_.default.createElement(ll,{"data-popup-type":p,onClick:function(e){e.stopPropagation()}},_.default.createElement(gl,null,o?_.default.createElement("div",{style:{width:"100%",padding:"0 20px"}},_.default.createElement($o,null)):a.map((function(e,n){return _.default.createElement("a",{className:"wrapper-menu-health-tool wrapper-menu-health-tool-".concat(n," iconMenu"),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.link),style:{textDecoration:"none",color:l.theme.colors.gray800},href:e.link.startsWith("http")?e.link:"".concat(c).concat(e.link),key:e.title,onClick:function(e){e.stopPropagation()}},_.default.createElement(al,{onClick:s},_.default.createElement(tl,null,_.default.createElement("img",{alt:e.title,src:e.icon||"/images/avatar.jpg",style:{width:"24px",height:"24px"}})),_.default.createElement(Ut,{style:{fontWeight:l.theme.sizes.fwSemiBold},type:"subtitle-2"},e.title)))})))))},yl=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.healthTools,i=e.healthToolsByCategory,o=e.onSelectHealthTool,l=e.isLoading,r=e.basePath,d=e.locale,s=e.isMobile,c=e.onClosePopup,p=e.desktopPopupType,u=e.HEALTH_TOOL_URL_FE,m=e.siteType,f=e.discoverApiDomain,g=e.STATIC_PAGES;return"helloSites"===m?_.default.createElement(nl,{isDisplayed:t,locale:d,basePath:r,discoverApiDomain:f,HEALTH_TOOL_URL_FE:u,onSelectHealthTool:o,healthTools:a,healthToolsByCategory:i,isLoading:l,isMobile:s,siteType:m,desktopPopupType:p,onClosePopup:c,STATIC_PAGES:g}):_.default.createElement(vl,{isDisplayed:t,basePath:r,discoverApiDomain:f,HEALTH_TOOL_URL_FE:u,onSelectHealthTool:o,healthTools:a||i.reduce((function(e,n){return e.concat(n.healthTools)}),[]),isLoading:l,isMobile:s,desktopPopupType:p,onClosePopup:c})},bl=A.default.div(hl||(hl=t.__makeTemplateObject(["\n & > div {\n width: 100%;\n min-height: 109px;\n }\n"],["\n & > div {\n width: 100%;\n min-height: 109px;\n }\n"]))),El=A.default.div(xl||(xl=t.__makeTemplateObject(["\n min-height: 116px;\n padding: 8px 8px;\n border: 1px solid ",";\n //border-radius: 6px;\n background-color: ",";\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n text-align: center;\n transition: 0.2s ease-in-out;\n\n &[data-is-active='true'] {\n background-color: ",";\n p {\n color: ",";\n }\n }\n\n & > :last-child {\n margin-top: 8px;\n }\n\n &[data-card-position='left'] {\n border-bottom-left-radius: 6px;\n border-top-left-radius: 6px;\n }\n\n &[data-card-position='right'] {\n border-bottom-right-radius: 6px;\n border-top-right-radius: 6px;\n }\n\n &[data-card-position='whatever'] {\n border-radius: 6px;\n }\n"],["\n min-height: 116px;\n padding: 8px 8px;\n border: 1px solid ",";\n //border-radius: 6px;\n background-color: ",";\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n text-align: center;\n transition: 0.2s ease-in-out;\n\n &[data-is-active='true'] {\n background-color: ",";\n p {\n color: ",";\n }\n }\n\n & > :last-child {\n margin-top: 8px;\n }\n\n &[data-card-position='left'] {\n border-bottom-left-radius: 6px;\n border-top-left-radius: 6px;\n }\n\n &[data-card-position='right'] {\n border-bottom-right-radius: 6px;\n border-top-right-radius: 6px;\n }\n\n &[data-card-position='whatever'] {\n border-radius: 6px;\n }\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.white})),wl=function(){return _.default.createElement(_.default.Fragment,null,_.default.createElement(bl,null,_.default.createElement("div",null,_.default.createElement(B.default,{height:109})),_.default.createElement("div",null,_.default.createElement(B.default,{height:109})),_.default.createElement("div",null,_.default.createElement(B.default,{height:109})),_.default.createElement("div",null,_.default.createElement(B.default,{height:109})),_.default.createElement("div",null,_.default.createElement(B.default,{height:109})),_.default.createElement("div",null,_.default.createElement(B.default,{height:109}))))},kl=function(e){var t=e.specialty,a=e.id,i=e.isActive,o=void 0!==i&&i,l=e.position,r=e.className,d=e.onClick;return t.name&&""!==t.name?_.default.createElement(El,{onClick:function(){d&&d(a)},className:r,"data-is-active":o,"data-card-position":l},_.default.createElement("img",{src:t.thumbnail,style:{objectFit:"contain",height:"55px",width:"55px"},alt:"category-menu-card"}),_.default.createElement(n.Text,{type:"bold",size:"label2"},t.name)):_.default.createElement(wl,null)};function Cl(){return _.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M14.5 17L9.5 12L14.5 7",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))}function _l(){return _.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))}function Ll(e){var n=e.siteType,t=e.type;return"helloSites"===n?_.default.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 12H20' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 6H20' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 18H20' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",style:{width:"24px",height:"24px"},alt:t}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}function Tl(e){var a,i,l=e.type,d=e.isStatic,s=e.isAmp,c=e.isDisplayed,p=e.siteType,u=e.isCollapsed,m=e.sitewideBannerShown,f=e.sitewideBanner,g=e.sitewideBannerClosed,h=e.setSitewideBannerClosed,x=e.isMobile,v=e.onMenuClick,y=e.menu,b=e.isSearchIconDisplayed,E=e.statics,w=E.DISCOVER_URL_FE,k=E.SSO_URL,C=E.HOME_PAGE_URL,L=E.CARE_URL_FE,T=e.basePath,S=e.languageMenu,M=e.enabledExperimentalCareHeader,N=e.onCareHeaderClick,A=e.logoType,B=e.locale,z=e.isInit,D=e.title,j=e.sponsorComponent,O=e.currentUrl,P=e.userInfo,I=e.currentPopupType,F=e.avatar,H=e.profileMenu,R=e.isLoginButtonDisplayed,U=e.goToLogin,V=e.isSearchBarDisplay,G=e.searchPlaceholder,Z=e.onSearchValueChanged,Q=e.keyPressed,W=r.useTranslation(),Y=!!j,q=!!(null===(i=null===(a=null==j?void 0:j.props)||void 0===a?void 0:a.sponsoredBy)||void 0===i?void 0:i.length),X=m&&!!f&&!g,K=Hl({isSiteWide:!!f&&!g,isShowingSiteWideBanner:X,isSponsored:Y,hasSponsoredBanners:q,isMobile:!0}),J=K.headerRef,$=K.headerHeight;return _.default.createElement(_.default.Fragment,null,_.default.createElement(Vn,{"data-header-type":l,"data-collapsed":!d&&u,"data-with-search-input":"popup-sub-level"!==l,"data-is-displayed":c,"data-is-amp":s,"data-sponsored":Y,"data-site-type":p,"data-sitewide-banner-shown":X,id:"site-header",ref:J},f?_.default.isValidElement(f)?_.default.cloneElement(f,{isCollapsed:u,setBannerClosed:h,isAmp:s,isMobile:x}):f:null,_.default.createElement("div",{style:t.__assign(t.__assign({position:"relative",height:64,display:"flex",alignItems:"center",justifyContent:"helloSites"===p?"center":"flex-start",background:"white"},"marryBaby"===p?{paddingLeft:66}:{}),void 0!==S||M?{paddingLeft:M?48:64,gap:24,justifyContent:"unset"}:{})},_.default.createElement(Gn,null,_.default.createElement(Zn,{on:"tap:discover-amp-sidebar",role:"button",className:"menu-handler",tabIndex:0},_.default.createElement("div",{onClick:function(){return null==v?void 0:v("categories")}},"home"===l&&_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},_.default.createElement(Ll,{siteType:p,type:l})),"popup"===l&&_.default.createElement(_l,null),"popup-sub-level"===l&&_.default.createElement(Cl,null)),y),b&&"helloSites"===p&&"home"===l&&_.default.createElement(Zn,{style:{paddingRight:16}},_.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{paddingRight:16,paddingTop:8,position:"relative"},href:"".concat(C,"/search?s=&page=1")},_.default.createElement("img",{src:"".concat(T,"/images/search.svg"),style:{width:"24px",height:"24px"},alt:l}),_.default.createElement("input",{style:{width:"32px",height:"32px",position:"absolute",left:"-2px",bottom:"0",opacity:0,zIndex:1e4}})))),"popup"!==l&&_.default.createElement(tt,{"data-is-profile":!0,className:z?"":"menu-handler-health-tools"},_.default.createElement("div",{className:"menu-handler-item"},b&&"marryBaby"===p&&"home"===l&&_.default.createElement(Zn,{style:{justifySelf:"flex-end"}},_.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{display:"flex"},href:"".concat(w,"/search?s=&page=1")},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M3.31573 13.7811L3.94855 13.6326L3.31573 13.7811ZM3.31573 8.324L3.94855 8.47244L3.31573 8.324ZM18.7893 8.324L19.4221 8.17556L18.7893 8.324ZM18.7893 13.781L19.4221 13.9295L18.7893 13.781ZM13.781 18.7893L13.6326 18.1565L13.781 18.7893ZM8.324 18.7893L8.17556 19.4221L8.324 18.7893ZM8.324 3.31573L8.17556 2.6829L8.324 3.31573ZM13.781 3.31573L13.9295 2.6829L13.781 3.31573ZM20.5404 21.4596C20.7942 21.7135 21.2058 21.7135 21.4596 21.4596C21.7135 21.2058 21.7135 20.7942 21.4596 20.5404L20.5404 21.4596ZM3.94855 13.6326C3.55048 11.9356 3.55048 10.1695 3.94855 8.47244L2.6829 8.17556C2.23903 10.0679 2.23903 12.0372 2.68291 13.9295L3.94855 13.6326ZM18.1565 8.47244C18.5546 10.1695 18.5546 11.9356 18.1565 13.6326L19.4221 13.9295C19.866 12.0372 19.866 10.0679 19.4221 8.17556L18.1565 8.47244ZM13.6326 18.1565C11.9356 18.5546 10.1695 18.5546 8.47244 18.1565L8.17556 19.4221C10.0679 19.866 12.0372 19.866 13.9295 19.4221L13.6326 18.1565ZM8.47244 3.94855C10.1695 3.55048 11.9356 3.55048 13.6326 3.94855L13.9295 2.6829C12.0372 2.23903 10.0679 2.23903 8.17556 2.6829L8.47244 3.94855ZM8.47244 18.1565C6.22776 17.63 4.47508 15.8773 3.94855 13.6326L2.68291 13.9295C3.32219 16.6549 5.45019 18.7829 8.17556 19.4221L8.47244 18.1565ZM13.9295 19.4221C16.6549 18.7829 18.7829 16.6549 19.4221 13.9295L18.1565 13.6326C17.63 15.8773 15.8773 17.63 13.6326 18.1565L13.9295 19.4221ZM13.6326 3.94855C15.8773 4.47508 17.63 6.22775 18.1565 8.47244L19.4221 8.17556C18.7829 5.45019 16.6549 3.32219 13.9295 2.6829L13.6326 3.94855ZM8.17556 2.6829C5.45019 3.32219 3.32219 5.45018 2.6829 8.17556L3.94855 8.47244C4.47508 6.22775 6.22775 4.47508 8.47244 3.94855L8.17556 2.6829ZM16.8755 17.7948L20.5404 21.4596L21.4596 20.5404L17.7948 16.8755L16.8755 17.7948Z",fill:"#3E3F58"})),_.default.createElement("input",{style:{width:"32px",height:"32px",position:"absolute",left:"-2px",bottom:"0",opacity:0,zIndex:1e4}}))),M&&_.default.createElement(_.default.Fragment,null,N?_.default.createElement(o.Button,{size:"sm",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:O,onClick:N},W("login.booking")):_.default.createElement("a",{href:L,className:"care-button"},_.default.createElement(o.Button,{size:"sm",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:O},W("login.booking")))),(null==P?void 0:P.id)?_.default.createElement($n,{style:{position:"relative"}},_.default.createElement("div",{onClick:function(){return v&&v("profile")}},"profile"===I?_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})):F),H):s?_.default.createElement("a",{"data-vars-event-category":"Sign Up","data-vars-event-action":"Button Click","data-vars-event-label":O,href:"".concat(k,"?returnUrl=").concat(O.replace("?amp=1","")),style:{textDecoration:"none"}},"vi-VN"===B?_.default.createElement(Tt,{onClick:U},_.default.createElement("img",{src:r.img$5,className:"avatar",alt:"avatar"})):_.default.createElement(o.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",onClick:U},W("navigation.loginJoin"))):R&&_.default.createElement("a",{"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":O},M?_.default.createElement(Tt,{onClick:U},_.default.createElement("img",{src:r.img$5,className:"avatar",alt:"avatar"})):"helloSites"===p?_.default.createElement(o.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",onClick:U},W("navigation.loginJoin")):_.default.createElement("div",{className:"login-btn-mobile",onClick:U,style:{paddingLeft:16}},_.default.createElement(n.Text,{size:"p3"},W("navigation.loginJoin")))))),("home"===l||"popup"===l)&&_.default.createElement("a",{href:C||""},_.default.createElement(n.Logo,{type:A,height:"27px",width:"121px",style:{display:"flex"},badge:"id-ID"===B?_.default.createElement("img",{src:r.img,style:{width:56,height:23,maxWidth:56},width:"56",height:"23"}):void 0})),void 0!==S&&_.default.createElement(nt,{"data-is-active":!0,className:z?"":"menu-handler-language",onClick:function(){v&&v("language")}},S),D&&_.default.createElement(o.Heading,{className:"top-bar-header",tag:"h5"},D)),j?_.default.isValidElement(j)?_.default.cloneElement(j,{isCollapsed:u,locale:B,isMobile:x,isAmp:s}):j:null),V?_.default.createElement(Qn,{"data-header-type":l,"data-is-displayed":c,"data-sitewide-banner-shown":m&&!!f},_.default.createElement(n.PureInput,{style:{minHeight:"auto",minWidth:"100%",padding:"0 16px"},name:"search-input-"+l+(z?"":"-temp"),size:"md",placeholder:G,onChange:Z,onKeyPress:Q,type:"search",autoFocus:!1,displayIcon:_.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z",stroke:"#8C8C8C",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M20 20L16 16",stroke:"#8C8C8C",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))})):_.default.createElement(_.default.Fragment,null,!s&&_.default.createElement("div",{style:{height:$}})))}var Sl,Ml,Nl,Al,Bl,zl,Dl,jl,Ol,Pl,Il,Fl,Hl=function(n){var t=n.hasSponsoredBanners,a=n.isSiteWide,i=n.isSponsored,o=n.isShowingSiteWideBanner,l=n.isMobile,r=e.useRef(null),d=e.useState(0),s=d[0],c=d[1],p=e.useCallback(f.debounce((function(){var e,n=(null===(e=r.current)||void 0===e?void 0:e.clientHeight)||0;window.scrollY<=n+30&&c(n)}),100),[]);e.useEffect((function(){return window.addEventListener("resize",p),window.addEventListener("scroll",p),function(){window.removeEventListener("resize",p),window.removeEventListener("scroll",p)}}),[]),e.useEffect((function(){p()}),[a,o,i,t,r.current]);var u=e.useMemo((function(){var e=l?64:69;return o&&(e+=64),i&&(e+=40),e}),[l,o,i]);return{headerHeight:s||u,headerRef:r}},Rl=function(t){var a,i,d,s=t.siteType,c=t.basePath,p=t.statics,u=t.currentPopupType,m=void 0===u?"none":u,h=t.isDisplayed,x=void 0===h||h,v=t.isSearchBarDisplay,y=void 0===v||v,b=t.searchPlaceholder,E=void 0===b?"":b,w=t.openPopup,k=t.onTopBarAppears,C=t.onSearchChange,L=t.onSearchKeyPress,T=t.menu,S=t.isAmp,M=t.profileMenu,N=t.isMobile,A=void 0!==N&&N,B=t.isLoginButtonDisplayed,z=t.title,D=t.type,j=void 0===D?"home":D,O=t.onMenuClick,P=t.isStatic,I=void 0!==P&&P,F=t.routerAsPath,H=t.locale,R=t.userInfo,U=t.marryBaby,V=(void 0===U?{tone:"white"}:U).tone,G=t.menuItems,Z=void 0===G?[]:G,Q=t.isInit,W=t.sitewideBanner,Y=t.sitewideBannerShown,q=void 0===Y||Y,X=t.sponsorComponent,K=t.languageMenu,J=t.isSearchIconDisplayed,$=void 0!==J&&J,ee=t.enabledExperimentalCareHeader,ne=t.onCareHeaderClick,te=p.SSO_URL,ae=p.HOME_PAGE_URL,ie=p.CARE_URL_FE,oe=r.useTranslation(),le=!!X,re=e.useState(!1),de=re[0],se=re[1],ce=e.useState(!1),pe=ce[0],ue=ce[1],me=e.useState(!1),fe=me[0],ge=me[1],he=e.useState(Q||!1),xe=he[0],ve=he[1],ye=e.useRef(47),be=e.useRef(!1),Ee=e.useRef(!1),we="helloSites"===s?"https://".concat(g.domainLocales[H]).concat(F):"https://www.marrybaby.vn".concat(F),ke=e.useMemo((function(){var e=(null==R?void 0:R.name)||(null==R?void 0:R.username);return _.default.createElement(o.Avatar,{type:"rounded",size:"small",avatarUrl:null==R?void 0:R.avatar,firstLetter:e&&e.length?e[0].toUpperCase():"A",backgroundColor:"marryBaby"===s?l.theme.mbColors.pink:l.theme.colors.secondaryBase,isAmp:S})}),[null==R?void 0:R.username,null==R?void 0:R.name,null==R?void 0:R.avatar]),Ce=function(){var e=window.location.href;window.location.href=te?"".concat(te,"?returnUrl=").concat(e):e},_e="helloSites"===s?null===(a=g.LOCALE_SPECS[H])||void 0===a?void 0:a.LOGO_TYPE:s,Le="undefined"!=typeof window,Te=function(e){null==C||C(e)},Se=e.useCallback(f.throttle((function(){var e;if("home"===j){var n=window,t=null===(e=document.querySelector(".sticky-container"))||void 0===e?void 0:e.clientHeight;Le&&n&&(n.scrollY>ye.current&&n.scrollY>64&&!be.current&&(be.current=!0,se(!0)),n.scrollY<ye.current&&be.current&&(be.current=!1,se(!1),t&&n.scrollY),n.scrollY<ye.current&&t&&n.scrollY,y?(n.scrollY<64&&n.scrollY<ye.current&&Ee.current&&(Ee.current=!1),n.scrollY>8&&n.scrollY>ye.current&&!Ee.current&&(Ee.current=!0)):Ee.current=!0,n.scrollY>=0&&(ye.current=n.scrollY))}}),300),[]);e.useEffect((function(){null==k||k(!de)}),[de]);var Me=function(e){var n,t;L&&L(e,null!==(t=null===(n=document.getElementById("search-input-"+j))||void 0===n?void 0:n.value)&&void 0!==t?t:"")};e.useEffect((function(){A&&Se()}),[]),e.useEffect((function(){return window.addEventListener("scroll",Se,{passive:!0}),function(){window.removeEventListener("scroll",Se)}}),[]),e.useEffect((function(){ve(!0)}),[]),e.useEffect((function(){"undefined"!=typeof window&&ge(Boolean(fe))}),[]);var Ne=_.default.createElement(_.default.Fragment,null,Z.find((function(e){return"categories"===e.id}))&&_.default.createElement(nt,{"data-is-active":"categories"===m,className:xe?"":"menu-handler-categories",tabIndex:0,onClick:function(){null==w||w("categories"),setTimeout((function(){var e,n;null===(n=null===(e=document.getElementsByClassName("top-menu-categories"))||void 0===e?void 0:e[0])||void 0===n||n.focus()}),100)}},_.default.createElement("div",{className:"menu-handler-item"},oe("home.navigator.menuItem.discover"),_.default.createElement(et,null,_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"categories"===m&&_.default.createElement("div",null,T)),Z.find((function(e){return"healthTools"===e.id}))&&_.default.createElement(nt,{"data-is-active":"tools"===m,className:xe?"":"menu-handler-health-tools",tabIndex:0},_.default.createElement("div",{className:"menu-handler-item",onClick:function(){w&&w("tools")}},oe("home.navigator.menuItem.healthTools"),_.default.createElement(et,null,_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"tools"===m&&_.default.createElement("div",null,T)),Z.find((function(e){return"care"===e.id}))&&!ee&&_.default.createElement(nt,{"data-is-active":"care"===m,className:xe?"":"menu-handler-care-specialties",tabIndex:0},_.default.createElement("div",{className:"menu-handler-item",onClick:function(){w&&w("care")}},oe("home.navigator.menuItem.helloCare"),_.default.createElement(et,null,_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"care"===m&&_.default.createElement("div",null,T)),Z.find((function(e){return"together"===e.id}))&&_.default.createElement(nt,{"data-is-active":"communities"===m,className:xe?"":"menu-handler-communities",tabIndex:0},_.default.createElement("div",{className:"menu-handler-item",onClick:function(){w&&w("communities")}},oe("home.navigator.menuItem.helloTogether"),_.default.createElement(et,null,_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"communities"===m&&_.default.createElement("div",null,T))),Ae=!!(null===(d=null===(i=null==X?void 0:X.props)||void 0===i?void 0:i.sponsoredBy)||void 0===d?void 0:d.length),Be=q&&!!W&&!pe,ze=Hl({isSiteWide:!!W&&!pe,isShowingSiteWideBanner:Be,isSponsored:le,hasSponsoredBanners:Ae}),De=ze.headerRef,je=ze.headerHeight;return A?_.default.createElement(Tl,{type:j,isStatic:I,isAmp:S,isDisplayed:x,siteType:s,isCollapsed:de,sitewideBannerShown:q,sitewideBanner:W,sitewideBannerClosed:pe,setSitewideBannerClosed:ue,isMobile:A,onMenuClick:O,menu:T,isSearchIconDisplayed:$,statics:p,basePath:c,languageMenu:K,enabledExperimentalCareHeader:ee,logoType:_e,locale:H,isInit:xe,title:z,sponsorComponent:X,currentUrl:we,userInfo:R,currentPopupType:m,avatar:ke,profileMenu:M,isLoginButtonDisplayed:B,goToLogin:Ce,isSearchBarDisplay:y,searchPlaceholder:E,onSearchValueChanged:Te,keyPressed:Me}):_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{style:{height:je}}),_.default.createElement(Wn,{ref:De,"data-site-type":s,"data-marry-baby-tone":"marryBaby"===s&&V,"data-sponsored":le,"data-sitewide-banner-shown":Be},W?_.default.isValidElement(W)?_.default.cloneElement(W,{isCollapsed:de,setBannerClosed:ue}):W:null,_.default.createElement(n.Container,{style:{height:69,padding:"0 16px"},type:s},_.default.createElement(Yn,null,_.default.createElement(qn,null,_.default.createElement("a",{href:ae},_.default.createElement(Xn,{"data-is-having-border":"helloSites"===s},_.default.createElement(n.Logo,{style:{display:"flex"},type:_e,height:"27px",width:"121px",badge:"id-ID"===H?_.default.createElement("img",{src:r.img,style:{width:56,height:23,maxWidth:56},width:"56",height:"23"}):void 0}))),y&&"helloSites"===s&&_.default.createElement(Kn,{"data-header-type":j,"data-is-displayed":x,"data-sitewide-banner-shown":q&&!!W},_.default.createElement(n.PureInput,{style:{minHeight:"32px",maxHeight:"32px",minWidth:"100%",backgroundColor:l.theme.colors.white},name:"search-input-"+j+(xe?"":"-temp"),autoFocus:!1,size:"sm",placeholder:E,onChange:Te,onKeyPress:Me,displayIcon:_.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{width:"24px",height:"24px",transform:"scale(0.8)"}},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.875 11C4.875 7.61726 7.61726 4.875 11 4.875C14.3827 4.875 17.125 7.61726 17.125 11C17.125 14.3827 14.3827 17.125 11 17.125C7.61726 17.125 4.875 14.3827 4.875 11ZM11 3.125C6.65076 3.125 3.125 6.65076 3.125 11C3.125 15.3492 6.65076 18.875 11 18.875C12.8594 18.875 14.5683 18.2306 15.9155 17.1529L19.3813 20.6187C19.723 20.9604 20.277 20.9604 20.6187 20.6187C20.9604 20.277 20.9604 19.723 20.6187 19.3813L17.1529 15.9155C18.2306 14.5683 18.875 12.8594 18.875 11C18.875 6.65076 15.3492 3.125 11 3.125Z",fill:"#8C8C8C"})))})),"marryBaby"===s&&_.default.createElement("div",{style:{marginLeft:28,display:"flex"}},Ne)),_.default.createElement(Jn,null,"helloSites"===s&&Ne,y&&"marryBaby"===s&&_.default.createElement(Kn,{"data-header-type":j,"data-is-displayed":x,"data-is-styled-borderless":"marryBaby"===s,"data-marry-baby-theme":V},_.default.createElement(n.PureInput,{style:{minHeight:"40px",maxHeight:"40px",minWidth:"100%",borderRadius:16},name:"search-input-"+j+(xe?"":"-temp"),autoFocus:!1,size:"sm",placeholder:E,onChange:Te,onKeyPress:Me,displayIcon:_.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{width:"24px",height:"24px"}},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M3.31573 13.7811L3.94855 13.6326L3.31573 13.7811ZM3.31573 8.324L3.94855 8.47244L3.31573 8.324ZM18.7893 8.324L19.4221 8.17556L18.7893 8.324ZM18.7893 13.781L19.4221 13.9295L18.7893 13.781ZM13.781 18.7893L13.6326 18.1565L13.781 18.7893ZM8.324 18.7893L8.17556 19.4221L8.324 18.7893ZM8.324 3.31573L8.17556 2.6829L8.324 3.31573ZM13.781 3.31573L13.9295 2.6829L13.781 3.31573ZM20.5404 21.4596C20.7942 21.7135 21.2058 21.7135 21.4596 21.4596C21.7135 21.2058 21.7135 20.7942 21.4596 20.5404L20.5404 21.4596ZM3.94855 13.6326C3.55048 11.9356 3.55048 10.1695 3.94855 8.47244L2.6829 8.17556C2.23903 10.0679 2.23903 12.0372 2.68291 13.9295L3.94855 13.6326ZM18.1565 8.47244C18.5546 10.1695 18.5546 11.9356 18.1565 13.6326L19.4221 13.9295C19.866 12.0372 19.866 10.0679 19.4221 8.17556L18.1565 8.47244ZM13.6326 18.1565C11.9356 18.5546 10.1695 18.5546 8.47244 18.1565L8.17556 19.4221C10.0679 19.866 12.0372 19.866 13.9295 19.4221L13.6326 18.1565ZM8.47244 3.94855C10.1695 3.55048 11.9356 3.55048 13.6326 3.94855L13.9295 2.6829C12.0372 2.23903 10.0679 2.23903 8.17556 2.6829L8.47244 3.94855ZM8.47244 18.1565C6.22776 17.63 4.47508 15.8773 3.94855 13.6326L2.68291 13.9295C3.32219 16.6549 5.45019 18.7829 8.17556 19.4221L8.47244 18.1565ZM13.9295 19.4221C16.6549 18.7829 18.7829 16.6549 19.4221 13.9295L18.1565 13.6326C17.63 15.8773 15.8773 17.63 13.6326 18.1565L13.9295 19.4221ZM13.6326 3.94855C15.8773 4.47508 17.63 6.22775 18.1565 8.47244L19.4221 8.17556C18.7829 5.45019 16.6549 3.32219 13.9295 2.6829L13.6326 3.94855ZM8.17556 2.6829C5.45019 3.32219 3.32219 5.45018 2.6829 8.17556L3.94855 8.47244C4.47508 6.22775 6.22775 4.47508 8.47244 3.94855L8.17556 2.6829ZM16.8755 17.7948L20.5404 21.4596L21.4596 20.5404L17.7948 16.8755L16.8755 17.7948Z",fill:"#3E3F58"})))})),void 0!==K&&_.default.createElement(nt,{"data-is-active":!0,className:xe?"":"menu-handler-language",onClick:function(){w&&w("language")}},K),_.default.createElement(tt,{"data-is-active":"profile"===m,"data-is-profile":!0,className:xe?"":"menu-handler-health-tools",tabIndex:0},_.default.createElement("div",{className:"menu-handler-item"},ee&&_.default.createElement(_.default.Fragment,null,ne?_.default.createElement(o.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:we,onClick:ne},oe("login.booking")):_.default.createElement("a",{href:ie,className:"care-button no-replace-click"},_.default.createElement(o.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:we},oe("login.booking")))),(null==R?void 0:R.id)?_.default.createElement($n,{style:{position:"relative"}},_.default.createElement("div",{onClick:function(){return w&&w("profile")}},ke),M):B&&_.default.createElement("a",{"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":we},ee?_.default.createElement(Tt,{onClick:Ce},_.default.createElement("img",{src:r.img$5,className:"avatar",alt:"avatar"})):"helloSites"===s?_.default.createElement(o.Button,{size:"md",color:"secondary",onClick:Ce},oe("navigation.loginJoin")):_.default.createElement(o.Button,{size:"md",color:"secondary",theme:"marryBaby",onClick:Ce},oe("navigation.loginJoin")))))))),X?_.default.isValidElement(X)?_.default.cloneElement(X,{isCollapsed:de,locale:H,isMobile:A,isAmp:S}):X:null))},Ul=function(e){var n=e.selectedMenuMainItem,t=e.spotlightsList,a=e.locale,i=e.basePath,l=e.callApiHandler,d=e.discoverApiDomain,s=e.DISCOVER_URL_FE,c=e.MARRY_BABY_FE,p=e.onSelectCategory,u=e.isMobile,m=e.siteType,f=e.onCategoryClick,g=r.useTranslation(),h=n.childCates,x=n.categoryName;return _.default.createElement(sn,{"data-type":"sub-level","data-with-search-input":!1},_.default.createElement(pn,null,_.default.createElement(Zi,{isDisplayed:!0,locale:a,basePath:i,callApiHandler:l,discoverApiDomain:d,DISCOVER_URL_FE:s,MARRY_BABY_FE:c,categories:h||[],spotlightsList:t,type:"sub",onSelectCategory:p,isMobile:u,siteType:m,desktopPopupType:"none",isLoading:!1,onClosePopup:void 0}),_.default.createElement(dn,{"data-site-type":m},_.default.createElement(o.Button,{onClick:f,className:"category-button",size:"md",theme:m},_.default.createElement(fn,null,_.default.createElement("div",null,g("home.menu.category.view",{category:x})),"helloSites"===m?_.default.createElement("img",{src:Bt,style:{width:"16px",height:"16px"},className:"button-image",alt:g("home.menu.category.view",{category:x})}):_.default.createElement("svg",{width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M7 12H18M18 12L13.4118 8M18 12L13.4118 16",stroke:"white",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))))))},Vl=function(n){var a=n.selectedMenuMainItem,i=n.onCommunityClick,l=n.onSelectCommunity,d=n.basePath,s=void 0===d?"":d,c=n.callApiHandler,p=n.togetherApiDomain,u=n.locale,m=n.TOGETHER_URL_FE,f=n.siteType,g=n.isMobile,h=r.useTranslation(),x=e.useState([]),v=x[0],y=x[1],b=e.useState(!1),E=b[0],w=b[1],k=a.communityId,C=a.title;return e.useEffect((function(){w(!0),t.__awaiter(void 0,void 0,void 0,(function(){var e,n,a,i,o;return t.__generator(this,(function(t){switch(t.label){case 0:return[4,c("helloSites"===f?r.getTogetherDefaultCommunitiesSubMenuApiPath(u,p,{communityId:k}):r.getTogetherMarryBabyCommunitiesSubMenuApiPath(u,p,{communityId:k}),"GET")];case 1:return null!==(e=t.sent())&&(null===(o=null===(i=null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.data)||void 0===i?void 0:i.topics)||void 0===o?void 0:o.length)>0&&(n=e.data.data.topics.map(r.formatTogetherTopic),y(n)),w(!1),[2]}}))}))}),[a]),_.default.createElement(sn,{"data-type":"sub-level","data-with-search-input":!1},_.default.createElement(pn,null,_.default.createElement(ko,{isDisplayed:!0,locale:u,communities:v,type:"sub",onSelectCommunity:l,isLoading:E,basePath:s,TOGETHER_URL_FE:m,togetherApiDomain:p,siteType:f,isMobile:g,desktopPopupType:"none",onClosePopup:void 0}),_.default.createElement(dn,null,_.default.createElement(o.Button,{onClick:i,className:"category-button",size:"md"},_.default.createElement(fn,null,_.default.createElement("div",null,h("home.menu.category.view",{category:C})),_.default.createElement("img",{src:Bt,style:{width:"16px",height:"16px"},className:"button-image",alt:h("home.menu.category.view",{category:C})}))))))},Gl={categories:{icon:_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1174 3.67709C12.8717 2.70759 11.1272 2.70787 9.8809 3.67705L14.1174 3.67709ZM14.1174 3.67709L19.717 8.0327C20.5579 8.68619 21.049 9.69161 21.049 10.7561V17.6001C21.049 19.5056 19.5045 21.0501 17.599 21.0501H6.39918C4.49368 21.0501 2.94922 19.5056 2.94922 17.6001V10.7561C2.94922 9.6915 3.44016 8.68619 4.28119 8.0327L9.8809 3.67705M10.679 4.70326L5.07908 9.05903C4.5556 9.46579 4.24922 10.0921 4.24922 10.7561V17.6001C4.24922 18.7876 5.21165 19.7501 6.39918 19.7501H17.599C18.7866 19.7501 19.749 18.7876 19.749 17.6001V10.7561C19.749 10.0921 19.4429 9.46599 18.9194 9.05923L13.3192 4.70322C12.5433 4.09928 11.4561 4.09892 10.679 4.70326Z",fill:"#3E3F58"}),_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2363 13.1623C12.5537 12.4791 11.4456 12.4788 10.7619 13.1625C10.0783 13.8461 10.0783 14.9535 10.7619 15.6371C11.4455 16.3207 12.5529 16.3207 13.2365 15.6371C13.9201 14.9535 13.9201 13.8461 13.2365 13.1625L13.2363 13.1623ZM14.1558 12.2433C12.9651 11.0518 11.0338 11.0522 9.84268 12.2433C8.6514 13.4346 8.6514 15.3651 9.84268 16.5563C11.034 17.7476 12.9645 17.7476 14.1558 16.5563C15.347 15.3651 15.347 13.4346 14.1558 12.2433Z",fill:"#3E3F58"})),color:l.theme.mbColors.lightPink},healthTools:{icon:_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7899 3.65C17.1559 3.65 16.6802 4.2267 16.6809 4.79725L16.6809 4.798C16.6809 5.41974 17.104 6.05554 17.7236 6.58451C18.0209 6.83831 18.3337 7.04083 18.5977 7.17695C18.7296 7.245 18.8416 7.29248 18.9268 7.32147C18.9708 7.33646 18.9995 7.34373 19.0149 7.34719C19.0302 7.34373 19.0589 7.33646 19.1029 7.32147C19.1881 7.29248 19.3001 7.245 19.4321 7.17695C19.696 7.04083 20.0088 6.83831 20.3061 6.58451C20.9257 6.05554 21.3489 5.41974 21.3489 4.798C21.3489 4.22619 20.8732 3.65 20.2399 3.65C19.8662 3.65 19.6352 3.81824 19.4969 3.97109C19.3738 4.10711 19.199 4.1848 19.0156 4.185C18.8321 4.1852 18.6572 4.10789 18.5338 3.97214C18.3936 3.81789 18.1622 3.65 17.7899 3.65ZM15.3809 4.79838C15.3797 3.63503 16.318 2.35 17.7899 2.35C18.2971 2.35 18.703 2.4988 19.0145 2.69438C19.3261 2.49862 19.7323 2.35 20.2399 2.35C21.7125 2.35 22.6489 3.63581 22.6489 4.798C22.6489 5.98926 21.875 6.95446 21.1501 7.57324C20.7752 7.89331 20.3789 8.15136 20.028 8.33233C19.8525 8.42282 19.6807 8.49802 19.522 8.55207C19.3755 8.60198 19.1942 8.65 19.0149 8.65C18.8355 8.65 18.6543 8.60198 18.5077 8.55207C18.349 8.49802 18.1772 8.42282 18.0018 8.33233C17.6509 8.15136 17.2545 7.89331 16.8796 7.57324C16.1548 6.95452 15.381 5.98947 15.3809 4.79838ZM15.3809 4.79838C15.3809 4.79825 15.3809 4.79813 15.3809 4.798H16.0309L15.3809 4.79875C15.3809 4.79863 15.3809 4.7985 15.3809 4.79838Z",fill:"#3E3F58"}),_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.91051 8.78301C4.23607 5.03996 7.79796 2.35 12.0002 2.35C12.3662 2.35 12.7248 2.37267 13.077 2.41455C13.4334 2.45693 13.6881 2.78027 13.6457 3.13674C13.6033 3.49322 13.28 3.74784 12.9235 3.70545C12.6196 3.66932 12.3123 3.65 12.0002 3.65C8.36849 3.65 5.28438 5.97404 4.13594 9.21698C4.0161 9.55538 3.64463 9.73255 3.30624 9.61271C2.96785 9.49287 2.79067 9.12141 2.91051 8.78301Z",fill:"#3E3F58"}),_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.07473 7.35106C9.33041 7.35465 9.56024 7.50781 9.66196 7.74242L12.5334 14.3647L13.6702 11.7415C13.7732 11.5038 14.0075 11.35 14.2666 11.35H15.9996C16.3586 11.35 16.6496 11.641 16.6496 12C16.6496 12.359 16.3586 12.65 15.9996 12.65H14.6933L13.13 16.2575C13.027 16.4951 12.7927 16.649 12.5337 16.649C12.2746 16.649 12.0403 16.4952 11.9373 16.2576L9.0434 9.58369L7.78547 12.2752C7.6786 12.5039 7.44902 12.65 7.19661 12.65H2.99961C2.64062 12.65 2.34961 12.359 2.34961 12C2.34961 11.641 2.64062 11.35 2.99961 11.35H6.78291L8.47675 7.72578C8.58502 7.49413 8.81905 7.34747 9.07473 7.35106Z",fill:"#3E3F58"}),_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.8654 10.3543C21.222 10.313 21.5446 10.5686 21.5859 10.9252C21.6264 11.2747 21.6502 11.6328 21.6502 12C21.6502 17.33 17.3302 21.65 12.0002 21.65C7.79796 21.65 4.23607 18.96 2.91051 15.217C2.79067 14.8786 2.96785 14.5071 3.30624 14.3873C3.64463 14.2674 4.0161 14.4446 4.13594 14.783C5.28438 18.026 8.36849 20.35 12.0002 20.35C16.6122 20.35 20.3502 16.612 20.3502 12C20.3502 11.6892 20.3301 11.3813 20.2945 11.0748C20.2532 10.7182 20.5088 10.3956 20.8654 10.3543Z",fill:"#3E3F58"})),color:l.theme.mbColors.lightOrange},together:{icon:_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.99961 4.65C7.4256 4.65 6.14961 5.92599 6.14961 7.5C6.14961 9.07401 7.4256 10.35 8.99961 10.35C10.5736 10.35 11.8496 9.07401 11.8496 7.5C11.8496 5.92599 10.5736 4.65 8.99961 4.65ZM4.84961 7.5C4.84961 5.20802 6.70763 3.35 8.99961 3.35C11.2916 3.35 13.1496 5.20802 13.1496 7.5C13.1496 9.79198 11.2916 11.65 8.99961 11.65C6.70763 11.65 4.84961 9.79198 4.84961 7.5ZM6.71218 15.0233L6.53409 15.0517C4.87235 15.3169 3.64961 16.7503 3.64961 18.433C3.64961 18.9395 4.06015 19.35 4.56658 19.35H13.4326C13.9391 19.35 14.3496 18.9395 14.3496 18.433C14.3496 16.7503 13.1269 15.3169 11.4651 15.0517L11.287 15.0233C9.77167 14.7814 8.22754 14.7814 6.71218 15.0233ZM6.5073 13.7395C8.15839 13.476 9.84083 13.476 11.4919 13.7395L11.67 13.768C13.9626 14.1338 15.6496 16.1114 15.6496 18.433C15.6496 19.6574 14.657 20.65 13.4326 20.65H4.56658C3.34218 20.65 2.34961 19.6574 2.34961 18.433C2.34961 16.1114 4.03657 14.1338 6.3292 13.768L6.5073 13.7395Z",fill:"#3E3F58"}),_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.3496 4C14.3496 3.64101 14.6406 3.35 14.9996 3.35C17.2916 3.35 19.1496 5.20802 19.1496 7.5C19.1496 9.79198 17.2916 11.65 14.9996 11.65C14.6406 11.65 14.3496 11.359 14.3496 11C14.3496 10.641 14.6406 10.35 14.9996 10.35C16.5736 10.35 17.8496 9.07401 17.8496 7.5C17.8496 5.92599 16.5736 4.65 14.9996 4.65C14.6406 4.65 14.3496 4.35898 14.3496 4ZM15.5908 14.3814C15.5908 14.0224 15.8818 13.7314 16.2408 13.7314H17.2089C17.3632 13.7314 17.5175 13.7436 17.67 13.768C19.9626 14.1338 21.6496 16.1114 21.6496 18.433C21.6496 19.6574 20.657 20.65 19.4326 20.65H17.3895C17.0305 20.65 16.7395 20.359 16.7395 20C16.7395 19.641 17.0305 19.35 17.3895 19.35H19.4326C19.9391 19.35 20.3496 18.9395 20.3496 18.433C20.3496 16.7503 19.1269 15.3169 17.4651 15.0517C17.3805 15.0382 17.2947 15.0314 17.2089 15.0314H16.2408C15.8818 15.0314 15.5908 14.7404 15.5908 14.3814Z",fill:"#3E3F58"})),color:l.theme.mbColors.lightBlue}},Zl=function(e){var n,a,i,o=e.item,r=e.isActive,d=e.isGoingForward,s=e.onServiceClicked;return _.default.createElement("div",{style:{display:"flex",flex:1,flexDirection:"column",alignItems:"center",justifyContent:"center"}},_.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:56,width:56,marginBottom:8,borderRadius:16},onClick:function(){null==s||s(o.id)}},_.default.createElement("div",{style:t.__assign({display:"flex",alignItems:"center",justifyContent:"center",height:48,width:48,flexShrink:0,backgroundColor:null!==(a=null===(n=Gl[o.id])||void 0===n?void 0:n.color)&&void 0!==a?a:"white",borderRadius:16},r?{height:56,width:56,boxShadow:"0px 0px 24px rgba(0, 0, 0, 0.08)",border:"4px solid white"}:{})},null===(i=Gl[o.id])||void 0===i?void 0:i.icon)),_.default.createElement(Ut,{type:"subtitle-3",color:r&&l.theme.mbColors.pink,style:{fontWeight:l.theme.sizes.fwSemiBold}},o.name),r&&(d?_.default.createElement(Rn,{style:{animationDuration:"0.2s",animationName:"menuLeftToRightTrans"}}):_.default.createElement(Rn,{style:{animationDuration:"0.2s",animationName:"menuRightToLeftTrans"}})))},Ql=function(n){var t=n.menuItems,a=n.activeItem,i=n.onServiceClicked,o=e.useState(0),l=o[0],r=o[1],d=e.useRef(!0);return _.default.createElement("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-evenly"}},t.map((function(e,n){return _.default.createElement(Zl,{onServiceClicked:function(e){d.current=l<n,r(n),null==i||i(e)},key:"item"+n,item:e,isGoingForward:d.current,isActive:a.id===e.id})})))},Wl=function(t){var a=t.isMobile,i=void 0!==a&&a,d=t.isMobileMenuOpened,s=void 0===d?void 0:d,c=t.categories,p=t.healthTools,u=t.healthToolsByCategory,m=t.careSpecialties,f=t.togetherCommunities,h=t.spotlightsList,x=t.closePopup,v=t.popupType,y=void 0===v?"none":v,b=t.onMobileMenuClick,E=t.footer,w=t.care.CARE_URL_FE,k=t.discover,C=k.discoverApiDomain,L=k.DISCOVER_URL_FE,T=t.together,S=T.togetherApiDomain,M=T.TOGETHER_URL_FE,N=t.sso.SSO_URL,A=t.statics,B=A.MARRY_BABY_FE,z=A.HOME_PAGE_URL,D=A.STATIC_PAGES,j=A.HEALTH_TOOL_URL_FE,O=t.marryBaby.tone,P=t.locale,I=t.siteType,F=t.basePath,H=t.callApiHandler,R=t.activeMenuService,U=t.menuItems,V=t.routerAsPath,G=r.useTranslation(),Z=e.useState(!1),Q=Z[0],W=Z[1],Y=e.useState(c),q=Y[0],X=Y[1],K=e.useState(void 0),J=K[0],$=K[1],ee=e.useState(void 0),ne=ee[0],te=ee[1],ae=e.useState(!1),ie=ae[0],oe=ae[1],le=e.useState(null==U?void 0:U.find((function(e){return e.id===R}))),re=le[0],de=le[1],se=e.useState(!1),ce=se[0],pe=se[1],ue=e.useState(!1),me=ue[0],fe=ue[1],ge=function(){J&&(window.location.href=J.permalink),Ee(),x&&x()},he=function(){J&&(window.location.href="".concat(M,"/").concat(J.communitySlug)),Ee(),x&&x()},xe=function(e){e.childCates&&e.childCates.length>0?(W(!0),$(e)):(window.location.href="helloSites"===I?L+e.permalink:B+e.permalink,Ee(),x&&x())},ve=function(e){var n=e.community;e.isSetToSubMenu?(W(!0),$(n)):(window.location.href="".concat(M,"/").concat(n.communitySlug),Ee(),x&&x())},ye=function(e){window.location.href=e.link.startsWith("http")?e.link:j+e.link,Ee(),x&&x()},be=function(e){window.location.href=w+r.getCareSearchUrl({type:"DOCTOR",specialtySlug:e.slug,locale:P}),null==x||x()},Ee=function(){$(void 0),W(!1)},we=function(e){de(U.find((function(n){return n.id===e})))},ke=g.LOCALE_SPECS[P||"en-PH"]||{};return e.useEffect((function(){var e;te("categories"===re.id?(null===(e=null==J?void 0:J.childCates)||void 0===e?void 0:e.length)>0&&_.default.createElement(Ul,{selectedMenuMainItem:J,spotlightsList:[],locale:P,basePath:F,callApiHandler:H,discoverApiDomain:C,DISCOVER_URL_FE:L,MARRY_BABY_FE:B,onSelectCategory:xe,isMobile:i,siteType:I,onCategoryClick:ge}):"together"===re.id&&J&&_.default.createElement(Vl,{selectedMenuMainItem:J,onCommunityClick:he,onSelectCommunity:ve,TOGETHER_URL_FE:M,basePath:F,callApiHandler:H,locale:P,togetherApiDomain:S,siteType:I,isMobile:i}))}),[J,re]),e.useEffect((function(){pe(!0)}),[]),e.useEffect((function(){!me&&s&&fe(!0)}),[s]),e.useEffect((function(){X(c)}),[c]),i?_.default.createElement(_.default.Fragment,null,_.default.createElement(ln,{id:ce?"":"categories-menu","data-opened":s||(me?s:"undefined"),key:ce?"t":"f"},_.default.createElement(rn,{"data-opened":s,"data-type":"category","data-is-sub-category-opened":Q},_.default.createElement(Rl,{siteType:I,locale:P,isDisplayed:!0,searchPlaceholder:"",statics:{DISCOVER_URL_FE:L,SSO_URL:N,HOME_PAGE_URL:z,MARRY_BABY_FE:B,CARE_URL_FE:w},isMobile:i,isLoginButtonDisplayed:!1,type:"popup",onMenuClick:function(){return null==b?void 0:b("categories")},onSearchChange:function(e){oe(""!==e),X(e&&""!==e?c.filter((function(n){return n.categoryName.toLowerCase().search(e.toLowerCase())>-1||n.slug.replace("-","").toLowerCase().search(e.replace(" ","").toLowerCase())>-1})):c)},isSearchBarDisplay:!1,basePath:F,isAmp:!1,isInit:!1,isStatic:!1,routerAsPath:V,title:"",onTopBarAppears:void 0,currentPopupType:"none",marryBaby:{tone:O},menu:void 0,menuItems:void 0,onSearchKeyPress:void 0,openPopup:void 0,profileMenu:void 0,userInfo:void 0}),_.default.createElement(sn,null,_.default.createElement(pn,null,_.default.createElement(un,null,_.default.createElement(mn,{"data-hide-on-search":ie,"data-is-sub-category-opened":Q},"helloSites"===I?_.default.createElement(_.default.Fragment,null,_.default.createElement(Un,{onClick:function(){window.location.href="".concat(o.getCurrentBaseUrl(P),"/search")}},_.default.createElement(n.PureInput,{className:"fake-search-input",name:"search-input-menu-service"+(ce?"":"-temp"),size:"md",placeholder:G("home.search",{site:ke?ke.SITE_NAME:""}),onChange:function(){},type:"search",autoFocus:!1,onFocus:function(e){e.preventDefault()},value:"",displayIcon:_.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},_.default.createElement(St,null))})),_.default.createElement(o.Heading,{tag:"h5",color:l.theme.colors.gray800},G("menu.categories.title")),_.default.createElement(cn,{"data-card-array-no-margin-style":!0},U.map((function(e,n){return _.default.createElement(kl,{onClick:we,key:"service-"+n,specialty:e,id:e.id,isActive:e.id===re.id,isMobile:i,position:0===n?"left":n===U.length-1?"right":"center"})})))):_.default.createElement(Ql,{menuItems:U,activeItem:re,onServiceClicked:we})),_.default.createElement(Zi,{isDisplayed:"categories"===re.id,locale:P,basePath:F,callApiHandler:H,onClosePopup:x,discoverApiDomain:C,DISCOVER_URL_FE:L,MARRY_BABY_FE:B,type:"main",onSelectCategory:xe,categories:q,spotlightsList:h,isLoading:!1,isMobile:i,siteType:I,desktopPopupType:y}),_.default.createElement(yl,{isDisplayed:"healthTools"===re.id,locale:P,basePath:F,discoverApiDomain:C,HEALTH_TOOL_URL_FE:j,onSelectHealthTool:ye,onClosePopup:x,desktopPopupType:y,healthTools:p,healthToolsByCategory:u,isLoading:!1,isMobile:i,siteType:I,STATIC_PAGES:D}),"care"===re.id&&_.default.createElement(Ua,{locale:P,basePath:F,onSelectCareSpecialty:be,onClosePopup:x,careSpecialties:m,isLoading:!1,siteType:I,isMobile:i,desktopPopupType:y,CARE_URL_FE:w}),_.default.createElement(ko,{isDisplayed:"together"===re.id,locale:P,TOGETHER_URL_FE:M,basePath:F,type:"main",onSelectCommunity:ve,onClosePopup:x,communities:f,isLoading:!1,isMobile:i,siteType:I,togetherApiDomain:S,desktopPopupType:y})),E)))),Q&&_.default.createElement(ln,{"data-sub-level-opened":Q||(me?Q:"undefined")},_.default.createElement(rn,{"data-type":"sub-category","data-is-sub-category-opened":Q},_.default.createElement(Rl,{siteType:I,locale:P,isDisplayed:s&&Q,searchPlaceholder:"",menuItems:void 0,statics:{DISCOVER_URL_FE:L,SSO_URL:N,HOME_PAGE_URL:z,MARRY_BABY_FE:B,CARE_URL_FE:w},isMobile:i,isLoginButtonDisplayed:!1,type:"popup-sub-level",title:"categories"===re.id?null==J?void 0:J.categoryName:null==J?void 0:J.title,isSearchBarDisplay:!1,basePath:F,isAmp:!1,isInit:!1,isStatic:!1,routerAsPath:V,currentPopupType:"none",marryBaby:{tone:O},menu:void 0,openPopup:void 0,profileMenu:void 0,userInfo:void 0,onSearchKeyPress:void 0,onTopBarAppears:void 0,onMenuClick:Ee,onSearchChange:void 0}),ne))):_.default.createElement(_.default.Fragment,null,_.default.createElement(Zi,{isDisplayed:"categories"===y,locale:P,basePath:F,callApiHandler:H,discoverApiDomain:C,DISCOVER_URL_FE:L,MARRY_BABY_FE:B,type:"main",desktopPopupType:y,onSelectCategory:xe,onClosePopup:x,categories:q,spotlightsList:h,isLoading:!1,isMobile:i,siteType:I}),_.default.createElement(yl,{isDisplayed:"tools"===y,locale:P,basePath:F,discoverApiDomain:C,HEALTH_TOOL_URL_FE:j,desktopPopupType:y,onSelectHealthTool:ye,onClosePopup:x,healthToolsByCategory:u,healthTools:p,isLoading:!1,isMobile:i,siteType:I,STATIC_PAGES:D}),_.default.createElement(ko,{isDisplayed:"communities"===y,locale:P,TOGETHER_URL_FE:M,basePath:F,type:"main",onSelectCommunity:ve,communities:f,isLoading:!1,isMobile:i,siteType:I,togetherApiDomain:S,desktopPopupType:y,onClosePopup:x}),"care"===y&&_.default.createElement(Ua,{locale:P,basePath:F,onSelectCareSpecialty:be,careSpecialties:m,isLoading:!1,desktopPopupType:y,siteType:I,isMobile:i,CARE_URL_FE:w,onClosePopup:x}))},Yl=A.default.div(Sl||(Sl=t.__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"])),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.gray800}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.gray600}),a.MediaQueries.mbDown,a.MediaQueries.mbUp),ql=A.default.div(Ml||(Ml=t.__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"])),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return"marryBaby"===e.siteType?"\n .cancel-button {\n background-color: #E55C8A;\n }\n .cancel-button:hover {\n background-color: #E55C8A !important;\n }\n .logout-button {\n border-color: #E55C8A;\n color: #E55C8A;\n }\n ":""})),Xl=function(n){var a=n.callPostLogOutApi,i=n.openLogoutPopup,l=n.onCloseHandler,d=n.onLogoutHandler,s=n.basePath,c=n.siteType,p=void 0===c?"helloSites":c,u=r.useTranslation();e.useEffect((function(){document.body.classList.toggle("noscroll",i)}),[i]);return _.default.createElement(o.Popup,{type:"confirm",isOpen:i,closeIcon:_.default.createElement("img",{src:zt,style:{width:24,height:24},alt:"close-icon"}),onClose:l},_.default.createElement(Yl,null,"helloSites"===p&&_.default.createElement("img",{className:"cancle-img",src:"".concat(s,"/images/arrowDoor.svg"),alt:"close-account"}),_.default.createElement("h2",null,u("helloSites"===p?"logout.popup.ask1":"logout.popup.ask.mb")),_.default.createElement("p",null,u("logout.popup.ask2")),_.default.createElement(ql,{siteType:p},_.default.createElement(o.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:function(){t.__awaiter(void 0,void 0,void 0,(function(){return t.__generator(this,(function(e){switch(e.label){case 0:return[4,null==a?void 0:a()];case 1:return e.sent(),null==d||d(),window.location.reload(),[2]}}))}))}},u("logout.popup.button.logout")),_.default.createElement(o.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:l},u("logout.popup.button.cancel")))))},Kl=A.default.div(Nl||(Nl=t.__makeTemplateObject(["\n position: absolute;\n right: 0;\n background-color: ",";\n\n &[data-animation='true'] {\n transition: all 0.5s ease-in-out;\n }\n\n &[data-open='true'] {\n z-index: 200;\n top: 120%;\n opacity: 1;\n visibility: visible;\n }\n\n &[data-open='false'] {\n display: none;\n }\n\n &[data-type='lead'] {\n width: 332px;\n height: 460px;\n\n div {\n top: -15px;\n right: -15px;\n }\n }\n\n &[data-type='welcome'] {\n position: fixed;\n "," {\n width: 100%;\n height: 424px;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n min-height: 445px;\n max-width: 407px;\n }\n }\n\n &[data-type='due-date'] {\n position: fixed;\n "," {\n width: 100%;\n height: 100%;\n overflow-y: scroll;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100vw;\n height: 55vw;\n max-height: 598px;\n max-width: 1080px;\n }\n }\n\n .popup-content {\n z-index: 111;\n height: 100%;\n }\n\n &[data-type='form'] {\n width: 496px;\n height: 548px;\n }\n\n &[data-type='confirm'] {\n width: 380px;\n height: 252px;\n }\n\n &[data-type='profile'] {\n /* min-height: 415px; */\n "," {\n border-radius: 6px;\n box-shadow: 0px 4px 8px\n ",";\n &:before {\n position: absolute;\n right: 11px;\n bottom: 100%;\n width: 0;\n height: 0;\n border: 0.5rem solid transparent;\n border-top: none;\n border-bottom-color: #fff;\n content: '';\n filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n }\n }\n "," {\n position: fixed;\n left: 0;\n top: 64px;\n width: 100%;\n }\n "," {\n width: 368px;\n }\n }\n\n .close-button {\n position: absolute;\n top: 0;\n right: 0;\n width: 32px;\n height: 32px;\n cursor: pointer;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n"],["\n position: absolute;\n right: 0;\n background-color: ",";\n\n &[data-animation='true'] {\n transition: all 0.5s ease-in-out;\n }\n\n &[data-open='true'] {\n z-index: 200;\n top: 120%;\n opacity: 1;\n visibility: visible;\n }\n\n &[data-open='false'] {\n display: none;\n }\n\n &[data-type='lead'] {\n width: 332px;\n height: 460px;\n\n div {\n top: -15px;\n right: -15px;\n }\n }\n\n &[data-type='welcome'] {\n position: fixed;\n "," {\n width: 100%;\n height: 424px;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n min-height: 445px;\n max-width: 407px;\n }\n }\n\n &[data-type='due-date'] {\n position: fixed;\n "," {\n width: 100%;\n height: 100%;\n overflow-y: scroll;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100vw;\n height: 55vw;\n max-height: 598px;\n max-width: 1080px;\n }\n }\n\n .popup-content {\n z-index: 111;\n height: 100%;\n }\n\n &[data-type='form'] {\n width: 496px;\n height: 548px;\n }\n\n &[data-type='confirm'] {\n width: 380px;\n height: 252px;\n }\n\n &[data-type='profile'] {\n /* min-height: 415px; */\n "," {\n border-radius: 6px;\n box-shadow: 0px 4px 8px\n ",";\n &:before {\n position: absolute;\n right: 11px;\n bottom: 100%;\n width: 0;\n height: 0;\n border: 0.5rem solid transparent;\n border-top: none;\n border-bottom-color: #fff;\n content: '';\n filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n }\n }\n "," {\n position: fixed;\n left: 0;\n top: 64px;\n width: 100%;\n }\n "," {\n width: 368px;\n }\n }\n\n .close-button {\n position: absolute;\n top: 0;\n right: 0;\n width: 32px;\n height: 32px;\n cursor: pointer;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n"])),(function(e){return e.theme.colors.white}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,a.MediaQueries.mbDown,a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.gray200}),a.MediaQueries.mbDown,a.MediaQueries.mbUp),Jl=A.default.div(Al||(Al=t.__makeTemplateObject(["\n position: fixed;\n z-index: 150;\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n\n "," {\n background-color: transparent;\n &[data-type='welcome'] {\n background: rgba(38, 38, 38, 0.3);\n }\n &[data-type='due-date'] {\n background: rgba(38, 38, 38, 0.3);\n }\n }\n\n "," {\n background: rgba(38, 38, 38, 0.3);\n }\n\n &[data-type='welcome'] {\n top: 0;\n }\n\n &[data-open='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: 150;\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n\n "," {\n background-color: transparent;\n &[data-type='welcome'] {\n background: rgba(38, 38, 38, 0.3);\n }\n &[data-type='due-date'] {\n background: rgba(38, 38, 38, 0.3);\n }\n }\n\n "," {\n background: rgba(38, 38, 38, 0.3);\n }\n\n &[data-type='welcome'] {\n top: 0;\n }\n\n &[data-open='false'] {\n display: none;\n }\n"])),a.MediaQueries.mbUp,a.MediaQueries.mbDown),$l=function(e){var n=e.type,t=void 0===n?"lead":n,a=e.closeIcon,i=e.isOpen,o=void 0===i||i,l=e.onClose,r=e.children,d=e.enableAnimation,s=void 0===d||d,c=e.targetAvatar,p=e.id,u=e.className;return _.default.createElement(_.default.Fragment,null,_.default.createElement(Kl,{"data-open":o,"data-type":t,"data-animation":s,"data-target":c,id:p,className:u},_.default.createElement("div",{className:"popup-content"},!!a&&_.default.createElement("div",{className:"close-button",onClick:l},a),r)),_.default.createElement(Jl,{"data-type":t,"data-open":o,onClick:l,id:p?"wrapper-".concat(p):void 0,className:"".concat(u||"","-wrapper")}))},er=function(e){var n=e.SSO_URL,t=e.UP_BASEPATH,a=e.isOpen,i=e.locale,o=e.targetAvatar,l=e.userInfo,d=e.ENABLE_CARE_PROFILE_MENU_LOCALES,s=e.ENABLE_COMMUNITY_PROFILE_MENU_LOCALES,c=e.closePopup,p=e.siteType,u=void 0===p?"helloSites":p,m=e.dispatchLogout,f=e.userProfileRouterPush,g=e.isUserProfileNavigatorMenuHidden,h=e.isMyHealthEnabled,x=void 0!==h&&h,v=e.togetherApiDomain,y=function(e){f?f("/".concat(e)):n&&(window.location.href="".concat(n).concat(t,"/").concat(e))},b=function(e){y(e),c()};return _.default.createElement($l,{isOpen:a,type:"profile",enableAnimation:!1,targetAvatar:o,onClose:c},_.default.createElement(k.TranslationsProvider,{locale:i},_.default.createElement(r.UserProfileNavigation,{SSO_URL:n,UP_BASEPATH:t,themeName:u,userInfo:l,ENABLE_COMMUNITY_PROFILE_MENU_LOCALES:s,ENABLE_CARE_PROFILE_MENU_LOCALES:d,onClickLogout:function(){m&&(m(),c())},onClickMenuItem:b,onClickNavigationCard:b,onClickMyProfileButton:function(){y("profile"),c()},userProfileRouterPush:f,isUserProfileNavigatorMenuHidden:g,isMyHealthEnabled:x,togetherApiDomain:v})))},nr=A.default.div(Bl||(Bl=t.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),tr=A.default.div(zl||(zl=t.__makeTemplateObject([""],[""]))),ar=A.default.div(Dl||(Dl=t.__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"]))),ir=A.default.div(jl||(jl=t.__makeTemplateObject(["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: space-between;\n\n padding: 0 16px;\n border-radius: 6px;\n cursor: pointer;\n\n .check-icon {\n width: 16px;\n height: 16px;\n }\n &[data-selected='false'] {\n background-color: ",";\n }\n"],["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: space-between;\n\n padding: 0 16px;\n border-radius: 6px;\n cursor: pointer;\n\n .check-icon {\n width: 16px;\n height: 16px;\n }\n &[data-selected='false'] {\n background-color: ",";\n }\n"])),(function(e){return e.theme.colors.gray100})),or=A.default.div(Ol||(Ol=t.__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"]))),lr=function(t){var a=t.options,i=t.label,o=t.selected,l=t.onChange,r=t.showSelected,d=void 0===r||r,s=t.style,c=void 0===s?{}:s,p=t.showIndicator,u=void 0===p||p,m=e.useState(!1),f=m[0],g=m[1];return _.default.createElement(_.default.Fragment,null,_.default.createElement(nr,null,_.default.createElement(tr,{onClick:function(){return g((function(e){return!e}))}},!!i&&i),_.default.createElement(ar,{"data-is-open":f,style:c,"data-show-indicator":u},a.map((function(e,t){return _.default.createElement(ir,{key:t,"data-selected":d&&o===e.value,onClick:function(n){o!==e.value&&(l(e.value),g((function(e){return!e}))),n.stopPropagation()}},_.default.createElement(n.Text,{size:"p3"},e.label),d&&o===e.value&&_.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3346 4L6.0013 11.3333L2.66797 8' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",alt:"check",className:"check-icon"}))})))),f&&_.default.createElement(or,{onClick:function(){return g(!1)}}))},rr=function(e){var n="undefined"!=typeof window&&document.querySelector(e),t=n&&window.getComputedStyle(n);return t&&t.getPropertyValue("display")},dr=function(n){var a,i=n.siteType,o=n.MetaPageTitle,l=n.MetaPageDescription,d=n.MetaPageImage,s=n.footerInfo,c=n.children,p=n.ssrMenuContent,u=void 0===p?{}:p,m=u.categories,f=void 0===m?[]:m,h=u.healthTools,x=void 0===h?[]:h,v=u.healthToolsByCategory,y=void 0===v?[]:v,b=u.careSpecialties,E=void 0===b?[]:b,w=u.togetherCommunities,k=void 0===w?[]:w,C=u.spotlightsList,L=void 0===C?[]:C,T=n.SEOData,S=void 0===T?{}:T,M=n.UP_BASEPATH,N=void 0===M?g.SSO_PATHS.SSO_USER_PROFILE:M,A=n.isStatic,B=void 0!==A&&A,z=n.seoType,D=void 0===z?"website":z,j=n.isMobile,O=n.isMyHealthEnabled,P=void 0!==O&&O,I=n.logoutHandlers,F=I.isLogoutPopupOpened,H=I.callPostLogOutApi,R=I.onClosePopup,U=I.onLogout,V=n.marryBaby,G=void 0===V?{tone:"white",marryBabyApiDomain:"",socialLinks:{facebookLink:"",instagramLink:"",linkedinLink:"",twitterLink:"",youtubeLink:"",zaloLink:""}}:V,Z=G.tone,Q=void 0===Z?"white":Z,W=G.marryBabyApiDomain,Y=G.socialLinks,q=void 0===Y?{}:Y,X=q.facebookLink,K=void 0===X?"":X,J=q.instagramLink,$=void 0===J?"":J,ee=q.linkedinLink,ne=void 0===ee?"":ee,te=q.twitterLink,ae=void 0===te?"":te,ie=q.youtubeLink,oe=void 0===ie?"":ie,le=q.zaloLink,re=void 0===le?"":le,de=n.statics,se=void 0===de?{LOCALE_SPECS:g.LOCALE_SPECS,STATIC_PAGES:g.STATIC_PAGES}:de,ce=se.DISCOVER_URL_FE,pe=se.TOGETHER_URL_FE,ue=se.MARRY_BABY_FE,me=se.HOME_PAGE_URL,fe=se.HEALTH_TOOL_URL_FE,ge=se.CARE_URL_FE,he=se.LOCALE_SPECS,xe=void 0===he?g.LOCALE_SPECS:he,ve=se.STATIC_PAGES,ye=void 0===ve?g.STATIC_PAGES:ve,be=n.sso,Ee=void 0===be?{}:be,we=Ee.dispatchLogout,ke=Ee.SSO_URL,Ce=n.together,_e=void 0===Ce?{TOGETHER_MENU_COUNTRIES_ENABLED:["id-ID","vi-VN"],ENABLE_COMMUNITY_PROFILE_MENU_LOCALES:["id-ID","vi-VN"],togetherApiDomain:""}:Ce,Le=_e.TOGETHER_MENU_COUNTRIES_ENABLED,Te=_e.ENABLE_COMMUNITY_PROFILE_MENU_LOCALES,Se=_e.togetherApiDomain,Me=n.care,Ne=void 0===Me?{CARE_MENU_COUNTRIES_ENABLED:["vi-VN","id-ID","en-PH"],ENABLE_CARE_PROFILE_MENU_LOCALES:[],menuActionType:"redirectOnly",careApiDomain:""}:Me,Ae=Ne.CARE_MENU_COUNTRIES_ENABLED,Be=Ne.ENABLE_CARE_PROFILE_MENU_LOCALES,ze=Ne.careApiDomain,De=n.discover,je=(void 0===De?{discoverApiDomain:""}:De).discoverApiDomain,Oe=n.activeMenuService,Pe=void 0===Oe?"categories":Oe,Ie=n.basePath,Fe=n.isAmp,He=void 0!==Fe&&Fe,Re=n.nextHead,Ue=n.routerPathname,Ve=n.routerQuery,Ge=n.routerAsPath,Ze=n.locale,Qe=n.userState,We=n.callApiHandler,Ye=n.userProfileRouterPush,qe=n.onTopBarAppears,Xe=n.forcedCanonicalUrl,Ke=n.isUserProfileNavigatorMenuHidden,Je=n.sitewideBanner,$e=n.sitewideBannerShown,en=void 0===$e||$e,nn=n.sponsorComponent,tn=n.languageOptions,an=n.isSearchBarDisplay,on=n.ampSubBar,ln=n.isSearchIconDisplayed,rn=void 0===ln||ln,dn=n.enabledExperimentalCareHeader,sn=void 0!==dn&&dn,cn=n.onCareHeaderClick,pn=n.dueDatePopup,un=n.welcomePopup,mn=n.ampNextArticle,fn=n.usingDefaultHead,gn=void 0===fn||fn,hn=n.acceptCookiePopup,xn=n.seoCustom,vn=n.hasStickyBottomBar,yn=void 0===vn||vn,bn="boolean"==typeof an?an:!j,En=r.useTranslation(),wn=xe[Ze||"en-PH"]||{},kn=e.useMemo((function(){var e;return(null===(e=Ge.split("?"))||void 0===e?void 0:e[0])||""}),[Ge]),Cn=e.useMemo((function(){return"".concat(Ie).concat("/"===kn.slice(-1)?kn:"".concat(kn,"/"))}),[kn]),_n=e.useMemo((function(){return(null==tn?void 0:tn.find((function(e){return e.value!==Cn})))||null}),[tn,Cn]),Ln=e.useState(s),Tn=Ln[0],Sn=Ln[1],Mn=e.useState(f),Nn=Mn[0],An=Mn[1],Bn=e.useState(x),zn=Bn[0],Dn=Bn[1],jn=e.useState(y),On=jn[0],Pn=jn[1],In=e.useState(E),Fn=In[0],Hn=In[1],Rn=e.useState(k),Un=Rn[0],Vn=Rn[1],Gn=e.useState(L),Zn=Gn[0],Qn=Gn[1],Wn=ce||"https://".concat(g.domainLocales[Ze])||"",Yn="undefined"!=typeof window,qn=Yn&&document.querySelector("#categories-menu"),Xn=qn&&Yn&&window.getComputedStyle(qn),Kn=Xn&&Xn.getPropertyValue("left"),Jn=e.useRef("0px"===Kn),$n=e.useState(Jn.current),et=$n[0],nt=$n[1],tt=rr(".top-menu-categories"),at=rr(".top-menu-health-tools"),it=rr(".top-menu-communities"),ot=rr(".top-menu-care-specialties"),lt=e.useState(tt&&"none"!==tt?"categories":at&&"none"!==at?"tools":it&&"none"!==it?"communities":ot&&"none"!==ot?"care":"none"),rt=lt[0],dt=lt[1],st=e.useMemo((function(){var e,n;return _.default.createElement(La,null,null===(n=null===(e=Ze.split("-"))||void 0===e?void 0:e[0])||void 0===n?void 0:n.toUpperCase(),_.default.createElement("img",{src:"language"===rt?"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 10L8 6L12 10' stroke='%232D87F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 6L8 10L4 6' stroke='%231B3250' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",style:{width:"16px",height:"16px"},alt:En("home.navigator.menuItem.language")}))}),[rt,Ze]),ct=Qe.userInfo,pt=Qe.isLoggedIn,ut=function(e){rt!==e&&(dt(e),nt(!0)),rt===e&&(dt("none"),nt(!1))},mt=function(){nt(!1),dt("none")},ft=function(e,n){"Enter"===e.key&&(window.location.href="".concat(me,"/search/?s=").concat(n))},gt=null===(a=null==xe?void 0:xe[Ze])||void 0===a?void 0:a.SITE_NAME_FORMATTED,ht=[{name:En("home.navigator.menuItem.discover"),id:"categories",link:"./posts/abc",niceName:"",thumbnail:r.img$1,isDisplayed:!0},{name:En("home.navigator.menuItem.healthTools"),id:"healthTools",link:"./en",thumbnail:r.img$2,isDisplayed:!0}];(null==Le?void 0:Le.includes(Ze))&&ht.push({name:En("home.navigator.menuItem.helloTogether"),id:"together",link:pe+"/",thumbnail:r.img$3,isDisplayed:!0}),(null==Ae?void 0:Ae.includes(Ze))&&ht.push({name:En("home.navigator.menuItem.helloCare"),id:"care",link:"/care",thumbnail:r.img$4,isDisplayed:!0}),e.useEffect((function(){document.documentElement.style.overflow=et?"hidden":""}),[et]);var xt=!!nn;e.useEffect((function(){pt&&("first_login"===(null==Ve?void 0:Ve.source)?(null==ct?void 0:ct.email)&&""!==(null==ct?void 0:ct.email)?window.insider_object={user:t.__assign({uuid:null==ct?void 0:ct.id,email:null==ct?void 0:ct.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==ct?void 0:ct.name)?{name:null==ct?void 0:ct.name}:{})}:window.insider_object={user:t.__assign({uuid:null==ct?void 0:ct.id,sign_up:!0},(null==ct?void 0:ct.name)?{name:null==ct?void 0:ct.name}:{})}:(null==ct?void 0:ct.email)&&""!==(null==ct?void 0:ct.email)?window.insider_object={user:t.__assign({uuid:null==ct?void 0:ct.id,email:null==ct?void 0:ct.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==ct?void 0:ct.name)?{name:null==ct?void 0:ct.name}:{})}:window.insider_object={user:t.__assign({uuid:null==ct?void 0:ct.id,log_in:!0},(null==ct?void 0:ct.name)?{name:null==ct?void 0:ct.name}:{})}),t.__awaiter(void 0,void 0,void 0,(function(){var e,n;return t.__generator(this,(function(t){switch(t.label){case 0:return Tn?[3,3]:[4,fetch("helloSites"===i?r.getDiscoverDefaultFooterApiPath(Ze,je):r.getMarryBabyDefaultFooterApiPath(Ze,W))];case 1:return[4,t.sent().json()];case 2:return n=t.sent(),[3,4];case 3:n=null,t.label=4;case 4:return(e=n)&&1===e.status&&e.data&&!Tn&&Sn("helloSites"===i?e.data||{}:e.data.footers||[]),[2]}}))})),t.__awaiter(void 0,void 0,void 0,(function(){var e,n,a,i,o,l;return t.__generator(this,(function(t){switch(t.label){case 0:return f&&0!==(null==f?void 0:f.length)||0!==(null==Nn?void 0:Nn.length)?[3,3]:(o={},[4,fetch(r.getDiscoverDefaultCategoriesApiPath(Ze,je))]);case 1:return[4,t.sent().json()];case 2:return o.response=t.sent(),a=o,[3,4];case 3:a={},t.label=4;case 4:return e=a.response,null!==(n=void 0===e?{}:e)&&1===n.status&&(null===(l=n.data)||void 0===l?void 0:l.length)>0&&(i=n.data.map(r.formatCategory),0===Nn.length&&An(i)),[2]}}))})),t.__awaiter(void 0,void 0,void 0,(function(){var e,n,a,o,l,d,s,c,p;return t.__generator(this,(function(t){switch(t.label){case 0:return L&&0!==(null==L?void 0:L.length)||"helloSites"!==i||0!==(null==Zn?void 0:Zn.length)?[3,3]:(l={},[4,fetch(r.getDiscoverDefaultSpotlightsApiPath(Ze,je,{perPage:100,orderBy:"start_date"}))]);case 1:return[4,t.sent().json()];case 2:return l.response=t.sent(),a=l,[3,4];case 3:a={},t.label=4;case 4:return e=a.response,1===(null==(n=void 0===e?{}:e)?void 0:n.status)&&(null===(s=null===(d=null==n?void 0:n.data)||void 0===d?void 0:d.articles)||void 0===s?void 0:s.length)>0&&(o=null===(p=null===(c=n.data)||void 0===c?void 0:c.articles)||void 0===p?void 0:p.map(r.formatSpotlightsList).filter(r.checkAvailableSpotlight).slice(0,4),0===Zn.length&&Qn(o)),[2]}}))})),t.__awaiter(void 0,void 0,void 0,(function(){var e,n,a,o,l,d,s;return t.__generator(this,(function(t){switch(t.label){case 0:return(null==x?void 0:x.length)||(null==zn?void 0:zn.length)||(null==y?void 0:y.length)||(null==y?void 0:y.length)?[3,6]:(d={},"helloSites"!==i?[3,2]:[4,fetch(r.getDiscoverDefaultHealthToolsByCategoryApiPath(Ze,je))]);case 1:return o=t.sent(),[3,4];case 2:return[4,fetch(r.getMarryBabyDefaultHealthToolsApiPath(Ze,W))];case 3:o=t.sent(),t.label=4;case 4:return[4,o.json()];case 5:return d.response=t.sent(),a=d,[3,7];case 6:a={},t.label=7;case 7:return e=a.response,null!==(n=void 0===e?{}:e)&&1===n.status&&(null===(s=n.data)||void 0===s?void 0:s.length)>0&&("helloSites"===i?(l=n.data.map(r.formatHealthToolTypeCategory),0===zn.length&&Pn(l)):(l=n.data.map(r.formatHealthTool),0===zn.length&&Dn(l))),[2]}}))})),t.__awaiter(void 0,void 0,void 0,(function(){var e,n,a,i,o,l,d;return t.__generator(this,(function(t){switch(t.label){case 0:return E&&0!==(null==E?void 0:E.length)||!Ae.includes(Ze)||0!==(null==Fn?void 0:Fn.length)?[3,3]:(o={},[4,fetch(r.getCareDefaultSpecialtiesApiPath(Ze,ze))]);case 1:return[4,t.sent().json()];case 2:return o.response=t.sent(),a=o,[3,4];case 3:a={},t.label=4;case 4:return e=a.response,null!==(n=void 0===e?{}:e)&&1===n._status&&(null===(d=null===(l=n._data)||void 0===l?void 0:l.specialties)||void 0===d?void 0:d.length)>0&&(i=n._data.specialties,0===Fn.length&&Hn(i)),[2]}}))})),t.__awaiter(void 0,void 0,void 0,(function(){var e,n,a,o,l,d,s,c,p;return t.__generator(this,(function(t){switch(t.label){case 0:return k&&0!==(null==k?void 0:k.length)||!Le.includes(Ze)||0!==(null==Un?void 0:Un.length)?[3,3]:(l={},[4,fetch("helloSites"===i?r.getTogetherDefaultCommunitiesApiPath(Ze,Se):r.getTogetherMarryBabyCommunitiesApiPath(Ze,Se))]);case 1:return[4,t.sent().json()];case 2:return l.response=t.sent(),a=l,[3,4];case 3:a={},t.label=4;case 4:return e=a.response,(null===(s=null===(d=null==(n=void 0===e?{}:e)?void 0:n.data)||void 0===d?void 0:d.communities)||void 0===s?void 0:s.length)>0&&(o=(null===(p=null===(c=null==n?void 0:n.data)||void 0===c?void 0:c.communities)||void 0===p?void 0:p.map(r.formatCommunity))||[],0===Un.length&&Vn(o)),[2]}}))}))}),[]);var vt=_.default.createElement(er,{locale:Ze,UP_BASEPATH:N,SSO_URL:ke,userProfileRouterPush:Ye,dispatchLogout:we,isOpen:"profile"===rt,isMyHealthEnabled:P,ENABLE_CARE_PROFILE_MENU_LOCALES:Be,ENABLE_COMMUNITY_PROFILE_MENU_LOCALES:Te,closePopup:mt,userInfo:ct,siteType:i,isUserProfileNavigatorMenuHidden:Ke,togetherApiDomain:Se}),yt=He&&{"next-page-hide":""};return _.default.createElement(Sa,{SEOData:t.__assign({SEOTitle:o,SEOImage:d,SEODescription:l,siteName:gt,seoType:D},S),isAmp:He,locale:Ze,routerPathname:Ue,routerQuery:Ve,nextHead:Re,siteType:i,forcedCanonicalUrl:Xe,userId:null==ct?void 0:ct.id,usingDefaultHead:gn,seoCustom:xn},_.default.createElement(Xl,{basePath:Ie,callPostLogOutApi:H,openLogoutPopup:F,onCloseHandler:R,onLogoutHandler:U,siteType:i}),pn,un,hn,j?_.default.createElement(_.default.Fragment,null,_.default.createElement(ka,null,_.default.createElement("section",t.__assign({className:He?"amp-header":void 0,"next-page-replace":"hhg-navigator","amp-fx":"float-in-top"},yt),_.default.createElement(Rl,{siteType:i,statics:{DISCOVER_URL_FE:Wn,SSO_URL:ke,HOME_PAGE_URL:me,MARRY_BABY_FE:ue,CARE_URL_FE:ge},marryBaby:{tone:Q},menuItems:ht,menu:He?void 0:_.default.createElement(Wl,{key:"mobile-menu-popup",menuItems:ht,siteType:i,isMobileMenuOpened:"categories"===rt,categories:Nn,healthTools:zn,healthToolsByCategory:On,careSpecialties:Fn,togetherCommunities:Un,spotlightsList:Zn,onMobileMenuClick:ut,isMobile:j,closePopup:mt,footer:_.default.createElement(wa,{locale:Ze,isMobile:j,basePath:Ie,isAmp:He,footerInfo:Tn,type:"mini",siteType:i,marryBabySocialLinks:{facebookLink:K,instagramLink:$,linkedinLink:ne,twitterLink:ae,youtubeLink:oe,zaloLink:re}}),locale:Ze,callApiHandler:We,basePath:Ie,together:{TOGETHER_MENU_COUNTRIES_ENABLED:Le,togetherApiDomain:Se||W,TOGETHER_URL_FE:pe},care:{CARE_MENU_COUNTRIES_ENABLED:Ae,careApiDomain:ze,CARE_URL_FE:ge},discover:{discoverApiDomain:je,DISCOVER_URL_FE:Wn},activeMenuService:Pe,statics:{DISCOVER_URL_FE:Wn,HOME_PAGE_URL:me,HEALTH_TOOL_URL_FE:fe,MARRY_BABY_FE:ue,TOGETHER_URL_FE:pe,STATIC_PAGES:ye},marryBaby:{tone:Q},routerAsPath:Ge,popupType:"none",sso:{SSO_URL:ke}}),profileMenu:vt,type:"home",currentPopupType:rt,isMobile:j,isLoginButtonDisplayed:!0,onMenuClick:ut,searchPlaceholder:En("home.search",{site:"helloSites"===i?null==wn?void 0:wn.SITE_NAME:"Marry Baby"}),onTopBarAppears:function(e){qe&&qe(e)},isSearchBarDisplay:bn,onSearchKeyPress:ft,isStatic:He||B,sponsorComponent:nn,locale:Ze,userInfo:Qe.userInfo,basePath:Ie,isAmp:He,isDisplayed:!0,isInit:!1,onSearchChange:void 0,openPopup:void 0,routerAsPath:Ge,title:"",sitewideBanner:Je,sitewideBannerShown:en,isSearchIconDisplayed:rn,enabledExperimentalCareHeader:sn,languageMenu:void 0!==tn&&tn.length>1?_.default.createElement(_.default.Fragment,null,2===tn.length&&_n?_.default.createElement(Ta,{"data-is-active":!0,href:(null==_n?void 0:_n.value)||"#"},null==_n?void 0:_n.label):_.default.createElement(lr,{options:tn,selected:Cn,label:st,onChange:function(e){"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1})):void 0}),void 0!==on&&_.default.createElement(_.default.Fragment,null,on)),He?_.default.createElement(_a,{className:"root-container","data-menu-opened":Jn.current,"data-sponsored":xt,"data-is-mobile":j,"data-sitewide":!!Je},c,_.default.createElement(wa,{isAmp:He,isMobile:j,locale:Ze,basePath:Ie,footerInfo:Tn,type:"main",siteType:i,marryBabySocialLinks:{facebookLink:K,instagramLink:$,linkedinLink:ne,twitterLink:ae,youtubeLink:oe,zaloLink:re},ampNextArticle:mn,routerQuery:Ve})):_.default.createElement(Ca,{className:"root-container","data-menu-opened":Jn.current,"data-sponsored":xt,"data-is-mobile":j,"data-sitewide":!!Je,hasStickyBottomBar:yn},_.default.createElement(_.default.Fragment,null,c,_.default.createElement(wa,{isAmp:He,isMobile:j,locale:Ze,basePath:Ie,footerInfo:Tn,type:"main",siteType:i,marryBabySocialLinks:{facebookLink:K,instagramLink:$,linkedinLink:ne,twitterLink:ae,youtubeLink:oe,zaloLink:re},ampNextArticle:mn,routerQuery:Ve})))),He&&_.default.createElement(At,{locale:Ze,categoriesSSR:f,healthToolsSSR:y,spotlightsSSR:L,serviceUrls:{TOGETHER_URL_FE:pe,CARE_URL_FE:ge,DISCOVER_URL_FE:Wn},together:{TOGETHER_MENU_COUNTRIES_ENABLED:Le,ENABLE_COMMUNITY_PROFILE_MENU_LOCALES:Te,togetherApiDomain:Se},care:{CARE_MENU_COUNTRIES_ENABLED:Ae,ENABLE_CARE_PROFILE_MENU_LOCALES:Be,careApiDomain:ze},basePath:Ie,searchPlaceholder:En("home.search",{site:"helloSites"===i?null==wn?void 0:wn.SITE_NAME:"Marry Baby"})})):_.default.createElement(_.default.Fragment,null,_.default.createElement(Rl,{siteType:i,menuItems:ht,marryBaby:{tone:Q},locale:Ze,currentPopupType:rt,onSearchKeyPress:ft,openPopup:function(e){rt!==e&&dt(e),rt===e&&dt("none")},isMobile:j,isLoginButtonDisplayed:!0,isSearchBarDisplay:!He&&bn,searchPlaceholder:En("home.search",{site:"helloSites"===i?null==wn?void 0:wn.SITE_NAME:"Marry Baby"}),sitewideBannerShown:en,statics:{DISCOVER_URL_FE:Wn,SSO_URL:ke,HOME_PAGE_URL:me,MARRY_BABY_FE:ue,CARE_URL_FE:ge},menu:_.default.createElement(Wl,{menuItems:ht,siteType:i,isMobile:j,popupType:rt,closePopup:function(){dt("none")},categories:Nn,healthTools:zn,healthToolsByCategory:On,careSpecialties:Fn,togetherCommunities:Un,spotlightsList:Zn,locale:Ze,callApiHandler:We,basePath:Ie,together:{TOGETHER_MENU_COUNTRIES_ENABLED:Le,togetherApiDomain:Se,TOGETHER_URL_FE:pe},care:{careApiDomain:ze,CARE_MENU_COUNTRIES_ENABLED:Ae,CARE_URL_FE:ge},discover:{discoverApiDomain:je,DISCOVER_URL_FE:Wn},statics:{DISCOVER_URL_FE:Wn,HOME_PAGE_URL:me,HEALTH_TOOL_URL_FE:fe,MARRY_BABY_FE:ue,TOGETHER_URL_FE:pe,STATIC_PAGES:ye},activeMenuService:Pe,marryBaby:{tone:Q},routerAsPath:Ge,footer:void 0,isMobileMenuOpened:void 0,sso:{SSO_URL:ke},onMobileMenuClick:void 0}),profileMenu:vt,userInfo:Qe.userInfo,sponsorComponent:nn,type:"home",basePath:Ie,isAmp:He,isDisplayed:!0,isInit:!1,onSearchChange:void 0,isStatic:!1,routerAsPath:Ge,title:"",onMenuClick:void 0,onTopBarAppears:void 0,sitewideBanner:Je,languageMenu:void 0!==tn&&tn.length>1?_.default.createElement(_.default.Fragment,null,2===tn.length&&_n?_.default.createElement(Ta,{"data-is-active":!0,href:(null==_n?void 0:_n.value)||"#"},null==_n?void 0:_n.label):_.default.createElement(lr,{options:tn,selected:Cn,label:st,onChange:function(e){"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1})):void 0,enabledExperimentalCareHeader:sn,onCareHeaderClick:cn}),He?_.default.createElement(_a,{className:"root-container","data-menu-opened":et,"data-is-mobile":j,"data-sponsored":xt,"data-sitewide":!!Je},c):_.default.createElement(Ca,{className:"root-container","data-menu-opened":et,"data-is-mobile":j,"data-sponsored":xt,"data-sitewide":!!Je,hasStickyBottomBar:yn},c),_.default.createElement(wa,{type:"main",locale:Ze,basePath:Ie,isMobile:j,isAmp:He,footerInfo:Tn,siteType:i,marryBabySocialLinks:{facebookLink:K,instagramLink:$,linkedinLink:ne,twitterLink:ae,youtubeLink:oe,zaloLink:re}})))},sr=A.default.div(Pl||(Pl=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n background-position: center;\n background-size: cover;\n transition: height 0.3s;\n background-color: ",";\n\n &[data-is-marrybaby='true'] {\n background-color: ",";\n }\n\n &[data-is-mobile='true'] {\n &[data-is-marrybaby='false'] {\n justify-content: flex-start;\n }\n }\n &[data-is-mobile='false'] {\n justify-content: center;\n }\n\n &[data-is-collapse='false'] {\n height: 64px;\n &[data-is-marrybaby='true'] {\n &[data-is-mobile='true'] {\n height: 120px;\n }\n }\n }\n &[data-is-collapse='true'] {\n height: 0;\n }\n\n .amp-close-banner * {\n pointer-events: none;\n }\n\n .content {\n display: -webkit-box;\n overflow: hidden;\n padding-right: 48px;\n -webkit-box-orient: vertical;\n color: white;\n font-size: 16px;\n font-weight: 600;\n -webkit-line-clamp: 2;\n line-height: 24px;\n text-overflow: ellipsis;\n a {\n color: white;\n }\n &[data-is-mobile='true'] {\n font-size: 14px;\n }\n }\n"],["\n position: relative;\n display: flex;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n background-position: center;\n background-size: cover;\n transition: height 0.3s;\n background-color: ",";\n\n &[data-is-marrybaby='true'] {\n background-color: ",";\n }\n\n &[data-is-mobile='true'] {\n &[data-is-marrybaby='false'] {\n justify-content: flex-start;\n }\n }\n &[data-is-mobile='false'] {\n justify-content: center;\n }\n\n &[data-is-collapse='false'] {\n height: 64px;\n &[data-is-marrybaby='true'] {\n &[data-is-mobile='true'] {\n height: 120px;\n }\n }\n }\n &[data-is-collapse='true'] {\n height: 0;\n }\n\n .amp-close-banner * {\n pointer-events: none;\n }\n\n .content {\n display: -webkit-box;\n overflow: hidden;\n padding-right: 48px;\n -webkit-box-orient: vertical;\n color: white;\n font-size: 16px;\n font-weight: 600;\n -webkit-line-clamp: 2;\n line-height: 24px;\n text-overflow: ellipsis;\n a {\n color: white;\n }\n &[data-is-mobile='true'] {\n font-size: 14px;\n }\n }\n"])),(function(e){return e.theme.colors.secondaryBase}),(function(e){return e.theme.mbColors.cobalt})),cr=A.default.div(Il||(Il=t.__makeTemplateObject(["\n max-width: 100px;\n margin-right: 16px;\n height: 100%;\n img {\n width: 64px;\n height: 64px;\n object-fit: contain;\n }\n &[data-is-marrybaby='true'] {\n height: unset;\n max-height: 100%;\n }\n &[data-is-mobile='true'] {\n img {\n width: 52px;\n height: 52px;\n }\n }\n"],["\n max-width: 100px;\n margin-right: 16px;\n height: 100%;\n img {\n width: 64px;\n height: 64px;\n object-fit: contain;\n }\n &[data-is-marrybaby='true'] {\n height: unset;\n max-height: 100%;\n }\n &[data-is-mobile='true'] {\n img {\n width: 52px;\n height: 52px;\n }\n }\n"]))),pr=A.default.div(Fl||(Fl=t.__makeTemplateObject(["\n position: absolute;\n right: 20px;\n width: 24px;\n height: 24px;\n cursor: pointer;\n &[data-is-marrybaby='true'] {\n background-color: ",";\n border-radius: 50%;\n top: 12px;\n right: 32px;\n padding: 10px;\n height: 40px;\n width: 40px;\n .close-icon {\n width: 20px;\n height: 20px;\n }\n &[data-is-mobile='true'] {\n position: absolute;\n top: 8px;\n right: 8px;\n padding: 8px;\n height: 32px;\n width: 32px;\n .close-icon {\n width: 100%;\n height: 100%;\n }\n }\n }\n"],["\n position: absolute;\n right: 20px;\n width: 24px;\n height: 24px;\n cursor: pointer;\n &[data-is-marrybaby='true'] {\n background-color: ",";\n border-radius: 50%;\n top: 12px;\n right: 32px;\n padding: 10px;\n height: 40px;\n width: 40px;\n .close-icon {\n width: 20px;\n height: 20px;\n }\n &[data-is-mobile='true'] {\n position: absolute;\n top: 8px;\n right: 8px;\n padding: 8px;\n height: 32px;\n width: 32px;\n .close-icon {\n width: 100%;\n height: 100%;\n }\n }\n }\n"])),(function(e){return e.theme.colors.white}));A.default.div(ur||(ur=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: 0.5rem 0;\n\n &[data-type-mobile='true'] {\n justify-content: space-between;\n }\n\n amp-img img {\n object-fit: contain;\n object-position: right;\n }\n"],["\n display: flex;\n align-items: center;\n padding: 0.5rem 0;\n\n &[data-type-mobile='true'] {\n justify-content: space-between;\n }\n\n amp-img img {\n object-fit: contain;\n object-position: right;\n }\n"])));var ur,mr,fr,gr,hr,xr=A.default.div(mr||(mr=t.__makeTemplateObject(["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: center;\n padding: 8px 0;\n border-top: 1px solid #e4e8ec;\n background-color: ",";\n cursor: pointer;\n text-decoration: none;\n\n &[data-align-left='true'] {\n justify-content: start;\n }\n .sticky-sponsored-info-icon {\n display: inline;\n }\n\n .sponsored-logo {\n width: auto;\n height: 24px;\n vertical-align: middle;\n }\n\n "," {\n height: 44px;\n }\n\n &[data-show-popup='true'] {\n .sticky-sponsored-info-icon {\n position: relative;\n &:before {\n position: absolute;\n z-index: 9;\n top: 100%;\n left: 9px;\n border-right: 6px transparent solid;\n border-bottom: 8px white solid;\n border-left: 6px transparent solid;\n content: ' ';\n transform: translateX(calc(-50% + 3px));\n }\n }\n }\n\n &.open .amp-sponsored-popup {\n display: block;\n }\n\n &[data-is-amp] {\n margin-top: -10px;\n > [class*='Container'] {\n display: flex;\n align-items: center;\n }\n }\n"],["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: center;\n padding: 8px 0;\n border-top: 1px solid #e4e8ec;\n background-color: ",";\n cursor: pointer;\n text-decoration: none;\n\n &[data-align-left='true'] {\n justify-content: start;\n }\n .sticky-sponsored-info-icon {\n display: inline;\n }\n\n .sponsored-logo {\n width: auto;\n height: 24px;\n vertical-align: middle;\n }\n\n "," {\n height: 44px;\n }\n\n &[data-show-popup='true'] {\n .sticky-sponsored-info-icon {\n position: relative;\n &:before {\n position: absolute;\n z-index: 9;\n top: 100%;\n left: 9px;\n border-right: 6px transparent solid;\n border-bottom: 8px white solid;\n border-left: 6px transparent solid;\n content: ' ';\n transform: translateX(calc(-50% + 3px));\n }\n }\n }\n\n &.open .amp-sponsored-popup {\n display: block;\n }\n\n &[data-is-amp] {\n margin-top: -10px;\n > [class*='Container'] {\n display: flex;\n align-items: center;\n }\n }\n"])),(function(e){return e.theme.colors.neutral50}),a.MediaQueries.mbUp),vr=A.default.div(fr||(fr=t.__makeTemplateObject(["\n position: absolute;\n top: 30px;\n left: 50%;\n &[data-align-left='true'] {\n left: 190px;\n }\n width: 350px;\n padding: 1rem;\n border: 1px solid #f2f2f2;\n background: white;\n border-radius: 6px;\n transform: translateX(-50%);\n "," {\n width: calc(100% - 2rem);\n }\n\n &[data-is-amp] {\n display: none;\n position: fixed;\n z-index: 999;\n top: 100px;\n left: 50%;\n\n &.open {\n display: block;\n }\n }\n\n .button-container {\n display: flex;\n justify-content: space-between;\n button {\n flex: 1;\n }\n button:first-child {\n margin-right: 0.5rem;\n "," {\n margin-right: 1rem;\n }\n }\n }\n"],["\n position: absolute;\n top: 30px;\n left: 50%;\n &[data-align-left='true'] {\n left: 190px;\n }\n width: 350px;\n padding: 1rem;\n border: 1px solid #f2f2f2;\n background: white;\n border-radius: 6px;\n transform: translateX(-50%);\n "," {\n width: calc(100% - 2rem);\n }\n\n &[data-is-amp] {\n display: none;\n position: fixed;\n z-index: 999;\n top: 100px;\n left: 50%;\n\n &.open {\n display: block;\n }\n }\n\n .button-container {\n display: flex;\n justify-content: space-between;\n button {\n flex: 1;\n }\n button:first-child {\n margin-right: 0.5rem;\n "," {\n margin-right: 1rem;\n }\n }\n }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbUp),yr=function(e){var t=e.sponsoredBy,a=e.isAmp,i=e.onClose,l=e.locale||"en-PH",d=r.useTranslation();return _.default.createElement(vr,{"data-align-left":t&&!!(null==t?void 0:t.logo),"data-is-amp":a||void 0,id:"sponsored-by",className:a?"amp-sponsored-popup":void 0},_.default.createElement(n.Text,{size:"p3",style:{marginBottom:"1rem"}},d("articlePage.sponsoredByStickyPopup.content")),_.default.createElement("div",{className:"button-container",onClick:function(e){e.stopPropagation()}},_.default.createElement(o.Button,{size:"md",color:"secondary",onClick:i,isAmp:a,on:"tap:sponsored-by.toggleClass(class='open')"},d("articlePage.sponsoredByStickyPopup.close")),_.default.createElement(o.Button,{size:"md",onClick:function(){window.location.href="/static".concat(g.STATIC_PAGES[l].ADVERTISING_SPONSOR_POLICY)},isAmp:a,on:"tap:AMP.navigateTo(url='/static".concat(g.STATIC_PAGES[l].ADVERTISING_SPONSOR_POLICY,"')")},d("articlePage.sponsoredByStickyPopup.policies"))))},br=A.default.footer(gr||(gr=t.__makeTemplateObject(["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image {\n width: 10%;\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image {\n width: 10%;\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbUp),Er=A.default.div(hr||(hr=t.__makeTemplateObject(["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"],["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"]))),wr=function(e){var n=e.url,t=e.isMobile,a=e.dataEventCategory,i=e.dataEventAction,o=e.dataEventLabel;return _.default.createElement(Er,{"data-is-mobile":t},_.default.createElement("img",{className:"country-flag",src:n,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":o}))},kr=function(e){var t,i,r,d,s,c,p,u,m,f,g,h,x,v,y,b,E,w,k,C,L,T,S,M,N,A,B,z,D,j,O,P,I,F,H,R=e.className,U=e.type,V=void 0===U?"main":U,G=e.footerInfo,Z=e.isMobile,Q=e.locale,W=e.isAmp,Y=a.useTranslations().t,q=null==G?void 0:G.menu;return _.default.createElement(br,{as:W&&"mini"===V?"div":"footer",className:R,style:"mini"===V?{backgroundColor:l.theme.colors.neutral50}:{},"next-page-hide":!0},_.default.createElement(n.Container,null,_.default.createElement("div",{className:"inner","data-type":V,"next-page-hide":""},"main"===V?_.default.createElement(_.default.Fragment,null,_.default.createElement("a",{href:"/"},W?(null===(i=null==G?void 0:G.general)||void 0===i?void 0:i.logo)?_.default.createElement("amp-img",{src:null===(r=null==G?void 0:G.general)||void 0===r?void 0:r.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:_.default.createElement("img",{className:"footer-logo",src:null===(t=null==G?void 0:G.general)||void 0===t?void 0:t.logo,alt:"Logo","data-is-sehat":"id-ID"===Q})),_.default.createElement("div",{className:"columns"},_.default.createElement("div",{className:"newsletter"},_.default.createElement(n.Text,{size:"p1",type:"bold"},null===(d=null==G?void 0:G.general)||void 0===d?void 0:d.content),_.default.createElement(o.Button,{className:"signupButton",color:"primary",size:"lg"},Y("footer.signUp")),_.default.createElement("div",{className:"social"},_.default.createElement(n.Text,{size:"sm",type:"regular"},null===(s=null==G?void 0:G.social)||void 0===s?void 0:s.title),_.default.createElement("div",{className:"icons"},null===(p=null===(c=null==G?void 0:G.social)||void 0===c?void 0:c.socials)||void 0===p?void 0:p.map((function(e,n){return _.default.createElement("a",{key:n,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},W?_.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):_.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon"}))}))),_.default.createElement("hr",{className:"hrMobile"}))),_.default.createElement("div",null,q&&_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{className:"biglinks"},null===(m=null===(u=q[0])||void 0===u?void 0:u.items)||void 0===m?void 0:m.map((function(e,n){return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(l.domainLocales[Q]).concat(e.url),className:"bigLink",key:n,href:e.url},e.title)}))),_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(f=q[1])||void 0===f?void 0:f.menu_title),null===(h=null===(g=q[1])||void 0===g?void 0:g.items)||void 0===h?void 0:h.map((function(e,t){return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(l.domainLocales[Q]).concat(e.url),className:"link",href:e.url,key:t},_.default.createElement(n.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(l.domainLocales[Q]).concat(e.url)},e.title))}))),_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(x=q[2])||void 0===x?void 0:x.menu_title),null===(y=null===(v=q[2])||void 0===v?void 0:v.items)||void 0===y?void 0:y.map((function(e,t){return e.url&&_.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:t},_.default.createElement(n.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!W&&_.default.createElement(_.default.Fragment,null,_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"otherSites"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(b=null==G?void 0:G.branch)||void 0===b?void 0:b.title),_.default.createElement("div",{className:"flags"},null===(w=null===(E=null==G?void 0:G.branch)||void 0===E?void 0:E.branch)||void 0===w?void 0:w.map((function(e,n){return _.default.createElement("a",{className:"link",href:e.url,key:n,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},_.default.createElement(wr,{url:e.flag,isMobile:Z,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url}))}))))))),_.default.createElement("hr",null),_.default.createElement("div",{className:"copyright","data-is-amp":W||void 0},(null===(k=null==G?void 0:G.general)||void 0===k?void 0:k.verified)&&_.default.createElement("a",{href:null===(L=null===(C=null==G?void 0:G.general)||void 0===C?void 0:C.verified[0])||void 0===L?void 0:L.url,className:"copyright-image"},W?_.default.createElement("amp-img",{src:null===(S=null===(T=null==G?void 0:G.general)||void 0===T?void 0:T.verified[0])||void 0===S?void 0:S.image,alt:"DMCA Icon",width:"100",height:"36"}):_.default.createElement("img",{src:null===(N=null===(M=null==G?void 0:G.general)||void 0===M?void 0:M.verified[0])||void 0===N?void 0:N.image,alt:"DMCA Icon"})),_.default.createElement(n.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(A=null==G?void 0:G.general)||void 0===A?void 0:A.copyright)),"vi-VN"===Q&&_.default.createElement(n.Text,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):_.default.createElement(_.default.Fragment,null,(null==G?void 0:G.menu)&&_.default.createElement("div",{className:"columns"},_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(B=null==G?void 0:G.menu[1])||void 0===B?void 0:B.menu_title),null===(D=null===(z=null==G?void 0:G.menu[1])||void 0===z?void 0:z.items)||void 0===D?void 0:D.map((function(e){return _.default.createElement("a",{className:"link",href:e.url,key:e.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":e.title,"data-content-id":"https://".concat(l.domainLocales[Q]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(l.domainLocales[Q]).concat(e.url)},_.default.createElement(n.Text,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(l.domainLocales[Q]).concat(e.url),size:"sm",type:"regular",style:{color:l.theme.colors.gray800}},e.title))}))),_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(j=null==G?void 0:G.menu[2])||void 0===j?void 0:j.menu_title),null===(P=null===(O=null==G?void 0:G.menu[2])||void 0===O?void 0:O.items)||void 0===P?void 0:P.map((function(e,t){return _.default.createElement("a",{className:"link",href:e.url,key:t,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":e.title,"data-content-id":e.url,"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url},_.default.createElement(n.Text,{size:"sm",type:"regular",style:{color:l.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!W&&"mini"!==V&&_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"newsletter"},_.default.createElement("div",{className:"social"},_.default.createElement(n.Text,{size:"sm",type:"regular"},null===(I=null==G?void 0:G.social)||void 0===I?void 0:I.title),_.default.createElement("div",{className:"icons"},null===(H=null===(F=null==G?void 0:G.social)||void 0===F?void 0:F.socials)||void 0===H?void 0:H.map((function(e,n){return _.default.createElement("a",{key:n,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},W?_.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):_.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon"}))}))))))))))};A.default((function(e){var n=e.type,a=t.__rest(e,["type"]);return _.default.createElement(n,a)}))(Cr||(Cr=t.__makeTemplateObject(["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"],["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"])),(function(e){return e.theme.mbColors.dark}));var Cr,_r,Lr=A.default.p(_r||(_r=t.__makeTemplateObject(["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"],["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"])),(function(e){return e.theme.mbColors.dark})),Tr=function(e){var n=e.type,a=e.color,i=e.style,o=t.__rest(e,["type","color","style"]);return _.default.createElement(Lr,t.__assign({"data-type":n,style:t.__assign(t.__assign({},i),a&&{"--text-color":a})},o))};A.default.footer(Sr||(Sr=t.__makeTemplateObject(["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),(function(e){return e.theme.mbColors.lightGray}),a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbUp);var Sr,Mr,Nr,Ar,Br,zr,Dr,jr,Or=A.default.div(Mr||(Mr=t.__makeTemplateObject([""],[""]))),Pr=A.default.div(Nr||(Nr=t.__makeTemplateObject(["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"]))),Ir=A.default.div(Ar||(Ar=t.__makeTemplateObject(["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"],["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"])),a.MediaQueries.mbDown),Fr=A.default.div(Br||(Br=t.__makeTemplateObject(["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"],["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.gray800}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,a.MediaQueries.mbDown),Hr=A.default.div(zr||(zr=t.__makeTemplateObject(["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"],["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"])),a.MediaQueries.mbUp,a.MediaQueries.mbDown),Rr=A.default.div(Dr||(Dr=t.__makeTemplateObject(["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"],["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray}),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray})),Ur=A.default.div(jr||(jr=t.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"],["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"]))),Vr={SOCIAL_LINKS:{facebookLink:"https://www.facebook.com/marry.baby.vn",instagramLink:"https://www.instagram.com/marrybaby.vn",zaloLink:"http://zalo.me/806483414530291942",youtubeLink:"https://www.youtube.com/user/marrybabyvn"}},Gr=function(e){var t,i=e.socialLinks,o=void 0===i?Vr.SOCIAL_LINKS:i,r=o.facebookLink,d=o.instagramLink,c=o.zaloLink,p=o.youtubeLink,u=e.copyrightText,m=e.logoType,f=void 0===m?"marryBaby":m,g=e.isMobile,h=e.footerMenu,x=void 0===h?[]:h,v=e.type,y=void 0===v?"main":v,b=a.useTranslations().t;return"main"===y?_.default.createElement(Or,{className:"footer-container"},!g&&_.default.createElement("div",{className:"footer-divider"},_.default.createElement(n.Container,{type:"marryBaby"},_.default.createElement(s.Divider,{style:{padding:"0 16px"},type:"solid"}))),_.default.createElement(Ir,null,_.default.createElement(n.Container,{type:"marryBaby"},_.default.createElement(Fr,null,_.default.createElement("div",{className:"grid"},null===(t=g?null==x?void 0:x.slice(0,6):x)||void 0===t?void 0:t.map((function(e,n){var t=e.title,a=e.link;return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":t,"data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(n)},_.default.createElement(Tr,{color:l.theme.colors.gray800,type:"subtitle-2"},t))})),_.default.createElement("div",{className:"social-wrapper"},_.default.createElement("div",{className:"social"},_.default.createElement(Tr,{type:"subtitle-2"},b("footer.followUsText")),_.default.createElement("div",{className:"icons-links"},r&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},_.default.createElement("img",{src:P,alt:"Facebook"})),p&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":p,href:p},_.default.createElement("img",{src:U,alt:"Youtube"})),d&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":d,href:d},_.default.createElement("img",{src:I,alt:"Instagram"})),c&&_.default.createElement("a",{target:"_blank",rel:"noreferrer",href:c,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":c},_.default.createElement("img",{src:V,alt:"Zalo"}))))))))),_.default.createElement(Hr,null,_.default.createElement(n.Container,{type:"marryBaby"},_.default.createElement(Rr,null,_.default.createElement(n.Logo,{className:"logo",type:f,width:"121px"}),_.default.createElement(Tr,{className:"company-name",type:"subtitle-2"},b("footer.info.companyName")),_.default.createElement("div",{className:"text-info"},_.default.createElement(Tr,{type:"bodytext-3"},b("footer.info.address")),_.default.createElement(Tr,{type:"bodytext-3"},b("footer.info.license")),_.default.createElement(Tr,{type:"bodytext-3"},b("footer.info.email"))),_.default.createElement("div",{className:"img-container"},_.default.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),_.default.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},_.default.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!g&&_.default.createElement(s.Divider,{type:"solid"}),_.default.createElement("div",{className:"language-and-copyright"},_.default.createElement(Tr,{type:"bodytext-3"},u)))))):_.default.createElement(Pr,null,_.default.createElement(Ur,null),_.default.createElement(Tr,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:l.theme.sizes.fwSemiBold},color:l.theme.mbColors.midGray},b("footer.followUsText")),_.default.createElement("div",{className:"icons-links"},r&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z",fill:"url(#paint0_linear)"}),_.default.createElement("defs",null,_.default.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},_.default.createElement("stop",{stopColor:"#4DABF7"}),_.default.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),p&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":p,href:p},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),d&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":d,href:d},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z",fill:"url(#paint0_radial)"}),_.default.createElement("defs",null,_.default.createElement("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)"},_.default.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),_.default.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),_.default.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),_.default.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),_.default.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),_.default.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),_.default.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),_.default.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),_.default.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),_.default.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),_.default.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),c&&_.default.createElement("a",{target:"_blank",rel:"noreferrer",href:c,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":c},_.default.createElement("div",{style:{height:24,width:24}},_.default.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))};exports.Alert=function(e){var t=e.style,a=e.onClose,i=e.text,o=e.type,l=e.contentIcon,r=e.closeIcon,d=e.className,s=e.description;return _.default.createElement(n.StyledAlert,{style:t,"data-alert-type":o,className:d},_.default.createElement(n.StyledContent,null,_.default.createElement("div",{className:"icon-title"},l,_.default.createElement(n.Text,{type:"bold",size:"label1"},i)),_.default.createElement(n.Text,{type:"regular",size:"p3"},s)),_.default.createElement(n.StyledClose,{onClick:a},r))},exports.AmpNextPage=function(e){var n=e.ampNextArticles,a=(null==n?void 0:n.filter(Boolean))||[];if(!(null==a?void 0:a.length))return null;return _.default.createElement("amp-next-page",null,_.default.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(a.map((function(e){return{image:e.image||"",title:e.title?JSON.stringify(e.title):"",url:e.link||""}})))}}),_.default.createElement("div",t.__assign({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))},exports.ArticleCard=function(e){var t=e.articleLink,a=e.authorLink,i=e.authorName,l=e.avatarImg,d=e.banner,s=e.categoryLink,c=e.categoryName,p=e.className,u=e.dataEventActionForBanner,m=e.dataEventActionForBookmark,f=e.dataEventActionForCategory,g=e.dataEventActionForTitle,h=e.dataEventCategoryForBanner,x=e.dataEventCategoryForBookmark,v=e.dataEventCategoryForCategory,y=e.dataEventCategoryForTitle,b=e.dataEventLabelForBanner,E=e.dataEventLabelForBookmark,w=e.dataEventLabelForCategory,k=e.dataEventLabelForTitle,C=e.direction,L=void 0===C?"horizontal":C,T=e.hasAffiliate,S=e.isBookmark,M=void 0!==S&&S,N=e.isBookmarkDisplayed,A=void 0===N||N,B=e.isMobile,z=void 0===B||B,D=e.onBookmark,j=e.onClickCategoryName,O=e.section,P=void 0===O?"normal":O,I=e.size,F=void 0===I?"md":I,H=e.specialty,R=e.style,U=e.styleBanner,V=e.styleLabel,G=e.styleTitle,W=e.text,Y=e.title,q=e.type,X=void 0===q?"author":q,K=e.uploadTime,J=e.articleLinkTarget,$=function(e){e.stopPropagation(),D&&D()},ee="lg"===F&&"expert"===X?"h4":"lg"===F&&"home"===P?z?"h4":"h3":"lg"===F?"h4":"h5",ne="lg"===F?"p3":"p4",te=z||"home"!==P||"lg"!==F||"author"!==X?"c2":"c1";return _.default.createElement(r.StyledCard,{className:p,"data-size":F,style:R,"data-direction":L,"data-is-expert":"expert"===X||void 0},_.default.createElement("div",{className:"banner",style:U},_.default.createElement(r.StyledAnchor,{"data-event-category":h,"data-event-action":u,"data-event-label":b,href:t||"#",target:J},d),T&&_.default.createElement("div",{className:"shoppable"},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),_.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"})))),_.default.createElement("div",{className:"content"},_.default.createElement("div",{className:"inner-content"},_.default.createElement(n.Text,{style:V,className:"label",size:te,type:"caption"},_.default.createElement(r.StyledAnchor,{"data-event-category":v,"data-event-action":f,"data-event-label":w,href:s||"#",onClick:j},c),A&&_.default.createElement("a",{className:"bookmark",onClick:$},M?_.default.createElement("svg",{"data-event-category":x,"data-event-action":m,"data-event-label":E,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):_.default.createElement("svg",{"data-event-category":x,"data-event-action":m,"data-event-label":E,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),_.default.createElement(o.Heading,{tag:ee,style:G,className:"title",as:"lg"===F?"h2":"h3"},_.default.createElement(r.StyledAnchor,{"data-event-category":y,"data-event-action":g,"data-event-label":k,href:t||"#",target:J},Y)),W&&_.default.createElement("a",{href:t||"#",target:J},_.default.createElement(n.Text,{size:ne,className:"text"},W))),_.default.createElement("div",{className:"footer"},"author"===X?_.default.createElement(Z,{size:F,avatarImg:l,authorName:i,authorLink:a,uploadTime:K,handleClick:$,isBookmarked:M,dataEventCategoryForBookmark:x,dataEventActionForBookmark:m,dataEventLabelForBookmark:E}):_.default.createElement(Q,{size:F,isMobile:z,avatarImg:l,specialty:H,name:i,link:a,handleClick:$,isBookmarked:M,dataEventCategoryForBookmark:x,dataEventActionForBookmark:m,dataEventLabelForBookmark:E}))))},exports.Badge=function(e){var t=e.amount,a=e.type,i=e.size,o=void 0===i?"medium":i,l=e.color,r=void 0===l?"primary":l,d=e.icon,s=e.className;return _.default.createElement(n.StyledBadge,{"data-notification-type":a,"data-notification-size":o,"data-notification-color":r,"data-has-icon":!!d||void 0,notificationType:a,notificationSize:o,notificationColor:r,hasIcon:!!d,className:s},_.default.createElement("div",null,t&&_.default.createElement("span",null,t)," ",d&&_.default.createElement("div",null,d)))},exports.BorderHeading=function(e){var a=e.style,i=e.children,o=e.className,l=e.size,r=void 0===l?"lg":l,d=e.type,s=void 0===d?"bold":d,c=e.upperCase,p=e.as,u=void 0===p?"h4":p,m=e.color;return _.default.createElement(n.StyledBorderHeading,{style:t.__assign({color:m},a),className:o,"data-size":r,"data-type":s,"data-uppercase":c,as:u},i)},exports.Breadcrumbs=function(n){var a=n.className,i=n.pages,o=n.size,l=n.LinkComponent,s=void 0===l?"a":l,c=n.onChangePage,p=n.separator,u=e.useMemo((function(){return i.map((function(e,n){return i.length>4?n>1&&n<i.length-2?null:1===n?t.__assign(t.__assign({},e),{isDropdown:1===n,dropdownItems:i.slice(1,i.length-2)}):e:e})).filter(Boolean)}),[i]),m=d.useId(u.length);return _.default.createElement(r.StyledBreadcrumb,{"data-size":o,className:a},u.map((function(n,t){var a=t+1===u.length;return _.default.createElement(e.Fragment,{key:m[t]},_.default.createElement(W,{LinkComponent:s,page:n,isLast:a,onChangePage:c}),!a&&(p||_.default.createElement(r.StyledSeparator,{"data-size":o})))})))},exports.Carousel=function(n){for(var a=n.row,i=n.column,o=n.children,l=n.scheme,d=void 0===l?"hellosites":l,s=n.classNameLeftArrow,c=void 0===s?"":s,p=n.classNameRightArrow,u=void 0===p?"":p,m=n.mode,f=void 0===m?"snap":m,g=n.isDotsShown,h=void 0===g||g,x=n.isArrowShown,v=void 0!==x&&x,y=n.dataEventCategory,b=n.dataEventAction,E=n.dataEventLabel,w=n.onChangePage,k=_.default.useState(0),C=k[0],L=k[1],T=e.useState(!1),S=T[0],M=T[1],N=Ee({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){L(e.track.details.rel),w&&w(e.track.details.rel)},created:function(){M(!0)},drag:!0,mode:f,slides:{spacing:12}}),A=N[0],B=N[1],z=[],D=a*i,j=0;j<o.length;j+=D){var O=o.slice(j,j+D);z.push(O)}return _.default.createElement(r.StyledCarousel,{row:a,column:i},_.default.createElement("div",{className:"navigation-wrapper"},_.default.createElement("div",{ref:A,className:"keen-slider slides-wrapper"},z.map((function(e,n){return _.default.createElement("div",{key:n,className:"keen-slider__slide page-items"},e.map((function(e,n){return _.default.createElement("div",{key:n},e)})))}))),S&&B.current&&v&&_.default.createElement(_.default.Fragment,null,_.default.createElement(we,{isLeft:!0,onClick:function(e){var n;return e.stopPropagation()||(null===(n=B.current)||void 0===n?void 0:n.prev())},isDisabled:0===C,scheme:d,className:"left-arrow ".concat(c),"data-event-category":y,"data-event-action":b,"data-event-label":E}),_.default.createElement(we,{isLeft:!1,onClick:function(e){var n;return e.stopPropagation()||(null===(n=B.current)||void 0===n?void 0:n.next())},isDisabled:C===B.current.track.details.slides.length-1,scheme:d,className:"right-arrow ".concat(u),"data-event-category":y,"data-event-action":b,"data-event-label":E}))),S&&B.current&&h&&_.default.createElement("div",{className:"dots"},t.__spreadArray([],Array(B.current.track.details.slides.length),!0).map((function(e,n){return _.default.createElement(r.StyledDot,{key:n,onClick:function(){var e;null===(e=B.current)||void 0===e||e.moveToIdx(n)},"data-is-active":C===n,"data-is-hellosites":"hellosites"===d})}))))},exports.CategoryCard=function(e){var t=e.imgBanner,a=e.label,i=e.className,o=e.style,l=e.href,d=void 0===l?"":l,s=e.dataEventCategory,c=e.dataEventAction,p=e.dataEventLabel;return _.default.createElement(r.StyledCategoryCard,{"data-event-category":s,"data-event-action":c,"data-event-label":p,className:i,style:o,href:d,onClick:function(e){""===d&&e.preventDefault()}},_.default.createElement("div",{className:"banner"},t),_.default.createElement("div",{className:"content"},_.default.createElement(n.Text,{className:"category_name",size:"sm",type:"bold"},a)))},exports.Checkbox=O,exports.CheckboxGroup=function(e){var n=e.name,t=e.values,a=void 0===t?[]:t,i=e.onChanges,o=e.options,l=void 0===o?[]:o,d=e.className,s=e.type,c=void 0===s?"vertical":s,p=e.isDisabled,u=e.isRectangle,m=function(e,n){var t=a.slice();if(n)t.push(e);else{var o=t.findIndex((function(n){return n===e}));t.splice(o,1)}i&&i(t)};return _.default.createElement(r.StyledCheckboxGroup,{className:d,"data-type":c,"data-is-rectangle":u||void 0},l.map((function(e,t){return _.default.createElement(O,{label:e.label,name:n,key:"".concat(t,"-").concat(e.value),checked:a.includes(e.value),value:e.value,isDisabled:p||e.disabled,onChange:!p&&m,isRectangle:u})})))},exports.CookieAcceptConfirm=function(e){var n=e.className,t=e.policiesUrl,a=e.onAcceptClick,i=e.translations,o=void 0===i?{acceptButton:"Accept",policiesButton:"Our Policies"}:i,l=e.title,d=void 0===l?"":l,s=e.description,c=void 0===s?"":s,p=e.theme,u=void 0===p?"helloSites":p,m=e.isOpen,f=void 0===m||m,g=e.useDefaultPosition,h=void 0===g||g,x=e.trackingAttributes;return _.default.createElement(r.StyledAcceptCardContainer,{className:n,"data-theme":u,"data-is-open":f,"data-default-position":h},_.default.createElement(r.StyledTitleSection,{"data-has-content":!!d},d),_.default.createElement(r.StyledDescription,{dangerouslySetInnerHTML:{__html:c}}),_.default.createElement(r.StyledButtonGroup,null,_.default.createElement(r.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"data-event-category":null==x?void 0:x.dataEventCategory,"data-event-action":null==x?void 0:x.dataEventAction,"data-event-label":null==x?void 0:x.dataEventLabel},o.acceptButton),_.default.createElement(r.StyledPoliciesButton,{href:t},o.policiesButton)))},exports.DatePicker=function(n){var a=n.alignRight,i=void 0===a||a,o=n.placeholder,l=n.displayDateFormat,d=n.onChange,s=n.customInput,p=n.pickedDate,u=n.className,m=n.isStatic,f=n.disabledDays,g=n.modifiers,h=n.UnHideOnClickOutside,x=n.initialMonth,v=n.locale,y=void 0===v?"en-PH":v,b=e.useRef(!1),E=c.format,w=e.useState(x||new Date),k=w[0],C=w[1],T=e.useRef(null),S=e.useRef(null),M=Y[y],N=function(e){h||T.current&&T.current.contains(e.target)||S.current&&S.current.hideDayPicker()},A=(new Date).getFullYear(),B=new Date(A-150,0),z=new Date(A+1,0),D=function(e){for(var n=e.date,t=e.onChange,a=e.monthLabels,i=[],o=z.getFullYear();o>=B.getFullYear();o-=1)i.push(o);var l=function(e){var n=e.target.form,a=n.year,i=n.month;t(new Date(a.value,i.value))};return _.default.createElement("div",{className:"DayPicker-Caption"},_.default.createElement(r.StyledCaptionWrapper,null,_.default.createElement("select",{name:"month",onChange:l,value:n.getMonth()},a.map((function(e,n){return _.default.createElement("option",{key:e,value:n},e)}))),_.default.createElement("select",{name:"year",onChange:l,value:n.getFullYear()},i.map((function(e){return _.default.createElement("option",{key:e,value:e},e)})))))};return e.useEffect((function(){return document.addEventListener("mousedown",N,!1),function(){document.removeEventListener("mousedown",N,!1)}}),[]),_.default.createElement(r.StyledPickerContainer,{className:u,"data-align-right":i,ref:T,"data-is-static":m||void 0},_.default.createElement(L.default,{ref:S,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:s&&_.default.forwardRef((function(e,n){return _.default.createElement(s,t.__assign({},e))})),onDayPickerHide:function(){b.current=!1},onDayPickerShow:function(){b.current=!0},dayPickerProps:{month:k,className:"picker",selectedDays:p,canChangeMonth:!0,enableOutsideDaysClick:!m,firstDayOfWeek:1,captionElement:function(e){var n=e.date,t=e.localeUtils.getMonths();return _.default.createElement(D,{date:n,monthLabels:M||t,onChange:C})},disabledDays:f||void 0,modifiers:g},format:l||"yyyy-MM-dd",formatDate:function(e,n){return E(e,n)},hideOnDayClick:!m,placeholder:o||"",onDayChange:function(e){var n;n=e,S.current&&!m&&S.current.hideDayPicker(),d&&d(n)},showOverlay:m}))},exports.DateRangePicker=function(t){var a=t.inputSize,i=void 0===a?"md":a,o=t.name,l=void 0===o?"date-range-picker":o,d=t.value,s=t.minDate,p=t.maxDate,u=t.onChange,m=t.className,f=t.autoClose,g=void 0!==f&&f;d||(d={from:null,to:null});var x=e.useState(!1),v=x[0],y=x[1];function b(){y(!1)}var E=e.useRef(null);function w(e){u&&u(e)}function k(e){return c.format(e,"dd/MM/yyyy")}h.useOutsideClick(E,(function(){b()}));var C=e.useMemo((function(){return d.from&&d.to?c.isSameDay(d.from,d.to)?k(d.from):"".concat(k(d.from)," - ").concat(k(d.to)):""}),[d.from,d.to]);return _.default.createElement(r.StyledWrapper,{className:[m,v&&"focused"].filter(Boolean).join(" "),ref:E},_.default.createElement("label",{htmlFor:l},_.default.createElement(n.PureInput,{size:i,value:C,name:l,actionIcon:_.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z' fill='%23595959'/%3e%3c/svg%3e"}),autoFocus:!1,onFocus:function(){return y(!0)}})),v?_.default.createElement(r.StyledCalendarWrapper$1,{onMouseDown:function(e){e.stopPropagation()}},_.default.createElement(_e,{value:d,onChange:w,minDate:s,maxDate:p,close:b,autoClose:g})):null)},exports.FileDropdown=function(t){var a=t.className,i=t.value,o=t.options,l=t.onUploadSelected,r=t.id,d=t.placeholderIcon,s=t.placeholder,c=t.style,p=e.useState(!1),u=p[0],m=p[1],f=function(){return m(!u)},g=e.useRef(o.map((function(e){return"upload"===e.type&&_.default.createElement("input",{id:"uploader-dropdown-input-"+r+"-"+e.value,key:"uploader-dropdown-input-"+r+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),l(e.target.files)}})}))),h=_.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},_.default.createElement("defs",null,_.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},_.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),_.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),_.default.createElement("title",null,"File"),_.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},_.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),_.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),x=_.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},_.default.createElement("defs",null,_.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),_.default.createElement("title",null,"download"),_.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),v=_.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},_.default.createElement("defs",null,_.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),_.default.createElement("title",null,"upload"),_.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return _.default.createElement(n.StyledDropdown,{className:a,"data-dropdown-open":!!u,id:r,"data-has-icons":!0,style:c,onBlur:function(){return m(!1)},tabIndex:0},_.default.createElement(n.StyledDropdownName,{onClick:f},d||h," ",_.default.createElement("span",null,i&&i.value?i.label:s)),u&&_.default.createElement(n.StyledDropdownList,{onClick:f,"data-has-icons":!0},o.map((function(e){return _.default.createElement(n.StyledDropdownOption,{key:"".concat(r,"-").concat(e.value),"data-selected":i&&i.value===e.value||void 0,onClick:function(){return"upload"===e.type?function(e){var n;null===(n=document.querySelector(e))||void 0===n||n.click()}("#uploader-dropdown-input-"+r+"-"+e.value):void((n=e.url)&&window.open(n,"_blank"));var n}},_.default.createElement(n.StyledIcon,null,e.icon||"download"===e.type?x:v),e.label)}))),_.default.createElement(_.default.Fragment,null,g.current))},exports.FloatButtonGroup=function(n){var a=n.items,i=n.className,o=n.style,l=n.backgroundPanelStyle,d=n.isOpen,s=n.onOpen,c=n.onClose,p=n.disableBackdropClick,u=n.siteType,m=void 0===u?"hb":u,f=n.animationType,g=void 0===f?"zoom":f,h=n.zIndex,x=void 0===h?300:h,v=e.useState(!!d),y=v[0],b=v[1];e.useEffect((function(){b(!!d)}),[d]);var E=function(){b(!1),c&&c()};return _.default.createElement(r.StyledFloatButtonGroup,{style:o,className:i,"data-floatmenu-open":y,"data-site-type":m,"data-animation-type":g},_.default.createElement(r.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:t.__assign({zIndex:x},l),onClick:p?void 0:E}),_.default.createElement(r.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:x}},_.default.createElement(r.StyledFloatButtonGroupItemsWrapper,null,a.map((function(e,n){return _.default.createElement(r.StyledFloatButtonGroupButton,{className:"float-item-button-".concat(n),style:t.__assign(t.__assign({},"zoom"===g&&{bottom:64*(a.length-1-n),transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-n:n),"ms")}),"slide"===g&&{bottom:64*(a.length-1-n),transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?n:a.length-1-n),"ms")}),key:n,onClick:function(){e.onClick(),e.keepMenuOnClick||b(!1)}},_.default.createElement(r.StyledFloatButtonGroupButtonLabel,{style:t.__assign({},"zoom"===g&&{transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-n:n),"ms")})},e.label),_.default.createElement(r.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:t.__assign({},("zoom"===g||"slide"===g)&&{transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-n:n),"ms")})},e.icon))}))),_.default.createElement(r.StyledFloatButtonGroupToggleIcon,{onClick:y?E:function(){b(!0),s&&s()}})))},exports.Footer=function(e){var n=e.type,t=e.isMobile,a=void 0===t||t,i=e.locale,o=e.footerInfo,l=e.isAmp;return"helloSites"===e.siteType?_.default.createElement(kr,{isAmp:l,isMobile:a,type:n,locale:i,footerInfo:o||{}}):_.default.createElement(Gr,{isMobile:a,locale:i,footerMenu:o||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:e.marryBabySocialLinks,type:n})},exports.Grid=function(e){var t=e.className,a=e.columns,i=e.columnsDesktop,o=e.gridTemplateColumns,l=e.gridTemplateColumnsDesktop,r=e.gap,d=e.children,s=e.justifyChildren,c=e.style,p=e.alignItems;return _.default.createElement(n.StyledGrid,{className:t,style:c,theme:{columns:a,columnsDesktop:i,gap:r,justifyChildren:s,gridTemplateColumns:o,gridTemplateColumnsDesktop:l,alignItems:p}},d)},exports.Icon=G,exports.IconText=function(e){var n=e.size,t=e.iconPosition,a=e.className,i=e.children,o=e.icon;return _.default.createElement(r.StyledIconText,{className:a,"data-size":n,"data-icon-position":t},"left"===t&&o,i,"right"===t&&o)},exports.Layout=Sa,exports.Modal=function(n){var t=n.type,a=void 0===t?"lead":t,i=n.closeIcon,o=n.isOpen,l=void 0===o||o,d=n.onClose,s=n.children,c=n.className,p=void 0===c?"":c,f=n.animationType,g=void 0===f?"slideTop":f,h=n.isStaticBackdrop,x=void 0!==h&&h,v=e.useState(!1),y=v[0],b=v[1],E=e.useRef(null),w=u.useScrollbarSize().width;if(!E.current&&y&&(E.current=document.createElement("div")),e.useEffect((function(){return b(!0),function(){b(!1),q(),X()}}),[]),e.useEffect((function(){if(y){var e=((n=document.getElementById("hhg-modals"))||((n=document.createElement("div")).setAttribute("id","hhg-modals"),document.body.append(n)),n);return e.appendChild(E.current),function(){e.removeChild(E.current)}}var n}),[y]),e.useEffect((function(){l?document.body.classList.add("hhc-modal-show"):q()}),[l]),e.useEffect((function(){l?(document.body.style.overflow="hidden",document.body.style.paddingRight=w+"px",document.body.classList.add("hhc-disabled-scroll")):X()}),[l,w]),!y)return null;var k=["hhg-modal__wrapper",p,g].filter((function(e){return e})).join(" ");return m.createPortal(_.default.createElement(r.StyledModalWrapper,{className:k,"data-open":l,"data-type":a},!x&&_.default.createElement(r.StyledModalMask,{"data-open":l,onClick:d,"data-type":a}),!x&&"video"===a&&!!i&&_.default.createElement("div",{className:"hhg-modal__close",onClick:d},i),_.default.createElement(r.StyledModal,{className:"hhg-modal","data-open":l},_.default.createElement("div",{className:"video"===a?"hhg-modal__video":"hhg-modal__content"},!!i&&"video"!==a&&_.default.createElement("div",{className:"hhg-modal__close",onClick:d},i),s))),E.current)},exports.NavigationBar=Rl,exports.NavigationLayout=function(e){return _.default.createElement(r.NaContext.Provider,{value:{translation:e.translation||r.defaultTranslation}},_.default.createElement(dr,t.__assign({},e)))},exports.Pagination=function(i){var o=i.className,l=i.pagesAmount,r=i.currentPage,d=i.onChange,s=i.onClick,c=i.style,p=i.href,u=i.queryPageName,m=void 0===u?"page":u,f=t.__spreadArray([],Array(l),!0).map((function(e,n){return n+1})),g=e.useState(r),h=g[0],x=g[1],v=e.useMemo((function(){return p&&p.endsWith("&page=")?p.replace("&page=",""):p}),[p]),y=l-1,b=function(e){e<=l&&e>0&&(x(e),d(e))},E=function(e){s&&s(e)};return e.useEffect((function(){x(r)}),[r]),_.default.createElement(n.StyledPagination,{className:o,style:c},_.default.createElement(n.StyledPageBlock,{className:"prev-page",onClick:function(){return b(h-1)},"data-last-page":1===h||void 0},v?_.default.createElement("a",{href:a.formatUrlWithPageParam(v,h,m),onClick:E},_.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):_.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),f.length>8?_.default.createElement(z,{pagesAmount:l,activePage:h,handlePageChange:b,handleClick:E,href:v,queryPageName:m}):f.map((function(e){return _.default.createElement(n.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===h||void 0,onClick:function(){return b(e)}},v?_.default.createElement("a",{href:a.formatUrlWithPageParam(v,e,m),onClick:E},e):e)})),_.default.createElement(n.StyledPageBlock,{className:"next-page",onClick:function(){return b(h+1)},"data-last-page":h===y+1||void 0},v?_.default.createElement("a",{href:a.formatUrlWithPageParam(v,h,m),onClick:E},_.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):_.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Progress=function(e){var a=e.percent,i=e.style;return _.default.createElement(n.StyledProgress,{style:t.__assign({"--progress":a},i)})},exports.ProgressBar=function(n){var a=n.type,i=n.numberOfStep,o=n.activeStep,l=n.labelPrefix,s=n.detailSteps,c=n.className,p=n.onChange,u=e.useState(0),m=u[0],g=u[1],h=function(e){var n=e.trackClassName,a=t.__rest(e,["trackClassName"]);return _.default.createElement(r.StyledTrackContainer,t.__assign({},a,{className:n}),_.default.createElement(r.StyledTrack,null))},x=_.default.createElement(r.StyledSlider,{className:c+" progress-bar"},_.default.createElement(h,null),_.default.createElement((function(e){var n=e.trackLength,t=e.activeStep,a=e.labelPrefix,o=void 0===a?"Step":a,l=e.onChange;return _.default.createElement(_.default.Fragment,null,Array.from({length:i},(function(e,n){return n})).map((function(e,a){return _.default.createElement(r.StyledStep,{"data-is-active":a===t,"data-label":a,style:{left:a*n/(i-1)},onClick:function(){l&&l(a)},key:a},a+1,_.default.createElement(r.StyledStepLabel,{"data-step-passed":a<=t},o+" "+(a+1)))})))}),{trackLength:m,activeStep:o,labelPrefix:l,onChange:p})),v=_.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},_.default.createElement("title",null,"chevron-right"),_.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),y=_.default.createElement(r.StyledBreadcrumbContainer,null,s&&Array.from({length:s.length},(function(e,n){return n})).map((function(e,n){var t;return _.default.createElement(r.StyledBreadcrumbWrapper,{key:n,"data-selected":n===o,onClick:function(){p&&p(n)}},null===(t=s[n])||void 0===t?void 0:t.text," ",n<s.length-1&&v)}))),b=_.default.createElement(r.StyledSlider,{className:c+" progress-bar"},_.default.createElement((function(e){var n=e.detailSteps,t=e.activeStep,a=e.onChange,i=d.useId(n.length);return _.default.createElement(_.default.Fragment,null,Array.from({length:n.length},(function(e,n){return n})).map((function(e,o){return _.default.createElement(r.StyledDetailStep,{key:i[o],style:{left:100/n.length*o+"%",width:100/n.length+"%"},onClick:function(){a&&a(o)}},n[o].icon?_.default.createElement(r.StyledDetailStepIndicatorExternal,{onClick:function(){a&&a(o)}},n[o].icon):_.default.createElement(r.StyledDetailStepIndicator,{"data-is-active":o===t,"data-label":e,onClick:function(){a&&a(o)},key:o},o+1),_.default.createElement(r.StyledDetailStepLabel,{"data-step-passed":o<t+1},n[o].text,_.default.createElement(r.StyledDetailStepDescription,null,n[o].description)),o<n.length-1&&_.default.createElement(h,{"data-step-passed":o<t,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:o,detailSteps:s,onChange:p})),E=e.useCallback(f.throttle((function(){var e=document.querySelector(".progress-bar");e&&g(e.offsetWidth)}),1e3),[]);return e.useEffect((function(){var e=document.querySelector(".progress-bar");return g(null==e?void 0:e.offsetWidth),window.addEventListener("resize",E),function(){window.removeEventListener("resize",E)}}),[]),"step-track"===a&&x||"breadcrumb"===a&&y||"detail-track"===a&&b},exports.Radio=D,exports.RadioGroup=function(n){var t=n.id,a=n.value,i=n.options,o=n.className,l=n.type,d=void 0===l?"circle":l,s=n.isDisabled,c=n.size,p=void 0===c?"small":c,u=n.direction,m=void 0===u?"vertical":u,f=n.group,g=void 0===f?"group1":f,h=n.onChange,x=n.dataEventCategory,v=n.dataEventAction,y=n.dataEventLabel,b=e.useState(a),E=b[0],w=b[1],k=function(e){w(e),h&&h(e)};return _.default.createElement(r.StyledRadioGroup,{className:o,"data-direction":m,"data-group":g},i.map((function(n){var a=E===n.value;return _.default.createElement(e.Fragment,{key:"".concat(t,"-").concat(n.value)},_.default.createElement(D,{type:d,size:p,label:n.label,name:t,checked:a,value:n.value,isDisabled:s,onChange:!s&&k,dataEventCategory:x,dataEventAction:v,dataEventLabel:y}),a&&n.renderActivated&&n.renderActivated())})))},exports.RateStars=function(a){var i=a.gap,o=void 0===i?2:i,l=a.size,r=void 0===l?24:l,d=a.star,s=a.totalStars,c=void 0===s?5:s,p=a.onSelect,u=a.hideEmptyStars,m=a.style,f=a.className,g=Math.floor(d),h=d-g>=.5?1:0,x=e.useState(null),v=x[0],y=x[1],b=v||g,E=v?0:h;return _.default.createElement(n.StyledRateStars,{"data-selectable":!!p,style:t.__assign({"--gap":o,"--star-size":r},m),className:f},Array.from({length:u?g+h:c}).map((function(e,n){var t=function(){return!!p&&y(n+1)},a=function(){return!!p&&y(null)};return n+1<=b?_.default.createElement(H,{key:n,onClick:function(){return null==p?void 0:p(n+1)},onMouseOver:t,onMouseLeave:a}):n+1===b+E?_.default.createElement(R,{key:n,onClick:function(){return null==p?void 0:p(n+1)},onMouseOver:t,onMouseLeave:a}):_.default.createElement(F,{key:n,onClick:function(){return null==p?void 0:p(n+1)},onMouseOver:t,onMouseLeave:a})})))},exports.SeoHead=function(e){var n,a,i,o,d,s,c,p,u,m,f,h,x,v,y,b,E,w,k,C=e.SEOData,L=void 0===C?{}:C,T=e.isAmp,S=void 0!==T&&T,M=e.locale,N=void 0===M?"vi-VN":M,A=e.routerPathname,B=e.routerQuery,z=e.nextHead,D=e.siteType,j=e.seoCustom,O=e.userId,P=e.forcedCanonicalUrl,I=L.totalPages,F=L.currentPage,H=L.SEOTitle,R=void 0===H?"":H,U=L.SEODescription,V=void 0===U?"":U,G=L.SEOImage,Z=L.seoType,Q=L.SEOImageWidth,W=L.SEOImageHeight,Y=L.customMetaData,q=void 0===Y?[]:Y,X=L.isIndexable,K=void 0===X||X,J=L.hasNoCanonical,$=void 0!==J&&J,ee=K&&l.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",ne=process.env.NEXT_PUBLIC_BASE_API_URL,te=L.canonicalUrl||A;Object.keys(B).forEach((function(e){var n=B[e];n&&Array.isArray(n)&&(te=te.replace("[...".concat(e,"]"),n.join("/")))}));var ae,ie=N||"en-PH",oe="helloSites"===D?g.domainLocales[ie]:"www.marrybaby.vn",le=te.endsWith("/")?"":"/";if(L.apiMetaData&&"string"==typeof L.apiMetaData){var re=null===(n=L.apiMetaData)||void 0===n?void 0:n.match(/<title.*?>(.*)<\/title>/),de=" - Page ".concat(F," of ").concat(I),se=F&&1!==F&&re?L.apiMetaData.replace(re[0],re[0].includes("-")?re[0].replace("-",de+" - "):"<title>".concat(re[1].concat(de),"</title>")).replace('<link rel="canonical" href="https://'.concat(oe).concat(te).concat(le,'" />'),'<link rel="canonical" href="https://'.concat(oe).concat(te).concat(le,"?page=").concat(F,'" />')):L.apiMetaData,ce=(ae=r.htmlReactParser(se,{trim:!0})).find((function(e){var n,t;return"og:image"===(null===(n=e.props)||void 0===n?void 0:n.property)||"og:image:secure_url"===(null===(t=e.props)||void 0===t?void 0:t.property)}));if(!ce){var pe="https://".concat(oe,"/images/").concat(N,".png");ae=t.__spreadArray(t.__spreadArray([],ae,!0),[_.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=L.openGraph)||void 0===a?void 0:a.image)||pe||""}),_.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(i=L.openGraph)||void 0===i?void 0:i.image)||pe}),_.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(o=L.openGraph)||void 0===o?void 0:o.imageWidth)&&String(null===(d=L.openGraph)||void 0===d?void 0:d.imageWidth)||"1200"}),_.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(s=L.openGraph)||void 0===s?void 0:s.imageHeight)&&String(null===(c=L.openGraph)||void 0===c?void 0:c.imageHeight)||"630"})],!1)}}var ue="https://".concat(oe,"/images/").concat(N,".png");return _.default.createElement(z,null,_.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===D&&_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===N?_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===N||"ms-MY"===N?_.default.createElement(_.default.Fragment,null):_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),_.default.createElement("link",{rel:"preconnect",href:ne}),_.default.createElement("meta",{charSet:"UTF-8"}),!S&&_.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),_.default.createElement("meta",{name:"google",content:"notranslate"}),_.default.createElement("meta",{name:"robots",content:ee}),_.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),q.map((function(e,n){return _.default.createElement("meta",t.__assign({key:n},e))})),_.default.createElement("meta",{name:"theme-color",content:"helloSites"===D?"#2c87f3":"#e85388"}),_.default.createElement("meta",{name:"page_type",content:"Home"}),_.default.createElement("meta",{name:"page_platform",content:"WEB"}),_.default.createElement("meta",{name:"page_language",content:ie}),_.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),S&&_.default.createElement(_.default.Fragment,null,_.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ae&&_.default.createElement(_.default.Fragment,null,"helloSites"===D?_.default.createElement("title",null,j?R:R+" - "+(null===(p=g.LOCALE_SPECS[N])||void 0===p?void 0:p.SITE_NAME)):_.default.createElement("title",null,R),!$&&_.default.createElement("link",{rel:"canonical",href:"https://".concat(oe).concat(te)}),_.default.createElement("meta",{name:"description",content:V||(null===(u=L.openGraph)||void 0===u?void 0:u.description)}),L.schemaData&&_.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:L.schemaData}}),_.default.createElement("meta",{property:"og:locale",content:N}),_.default.createElement("meta",{property:"og:type",content:Z||"website"}),_.default.createElement("meta",{property:"og:title",content:(null===(m=L.openGraph)||void 0===m?void 0:m.title)||R}),_.default.createElement("meta",{property:"og:description",content:(null===(f=L.openGraph)||void 0===f?void 0:f.description)||V}),_.default.createElement("meta",{property:"og:url",content:"https://".concat(oe).concat(te)}),_.default.createElement("meta",{property:"og:site_name",content:"https://".concat(oe)}),_.default.createElement("meta",{property:"og:image",content:(null===(h=L.openGraph)||void 0===h?void 0:h.image)||G||ue||""}),_.default.createElement("meta",{property:"og:image:secure_url",content:(null===(x=L.openGraph)||void 0===x?void 0:x.image)||G||ue}),_.default.createElement("meta",{property:"og:image:width",content:(null===(v=L.openGraph)||void 0===v?void 0:v.imageWidth)&&String(null===(y=L.openGraph)||void 0===y?void 0:y.imageWidth)||Q&&String(Q)||"1200"}),_.default.createElement("meta",{property:"og:image:height",content:(null===(b=L.openGraph)||void 0===b?void 0:b.imageHeight)&&String(null===(E=L.openGraph)||void 0===E?void 0:E.imageHeight)||W&&String(W)||"630"}),_.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),_.default.createElement("meta",{name:"twitter:title",content:(null===(w=L.twitter)||void 0===w?void 0:w.title)||R}),_.default.createElement("meta",{name:"twitter:description",content:V}),_.default.createElement("meta",{name:"twitter:image",content:(null===(k=L.twitter)||void 0===k?void 0:k.image)||G})),("helloSites"===D?g.FAVICONS[ie]||[]:g.FAVICONS.marryBaby).map((function(e,n){return"link"===e.type?_.default.createElement("link",{key:"favicon-".concat(n),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?_.default.createElement("meta",{key:n,name:e.name,content:e.content}):null})),Array.isArray(ae)&&P?ae.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ae,P&&_.default.createElement("link",{rel:"canonical",href:P}),!L.hasNoAmp&&"vi-VN"!==N&&_.default.createElement("link",{rel:"amphtml",href:"https://".concat(oe).concat(te).concat(le,"?amp=1")}),O&&"undefined"!=typeof window?_.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(O,"'});")}}):null)},exports.Shadow=function(e){var t=e.size,a=e.children,i=e.style,o=e.className;return _.default.createElement(n.StyledShadow,{style:i,className:o,"data-shadow-size":t},a)},exports.SiteWide=function(a){var i=a.icon,o=a.content,l=a.isCollapsed,r=a.isMobile,d=a.type,s=a.onClose,c=a.setBannerClosed,p=a.dispatch,u=a.dispatchActionType,m=a.cookieName,g=a._overrideCloseHandler,h=a.isAmp,x=a.siteType,v=a.dataEventCategory,y=void 0===v?"Header Banner":v,b=a.dataEventAction,E=void 0===b?"Close Click":b,w=a.dataEventLabel,k=void 0===w?"":w,C=a.dataTracking,L=void 0===C?"true":C,T=e.useState(!1),S=T[0],M=T[1],N=e.useState(!1),A=N[0],B=N[1],z=o;h&&(z=z.replace("data-event","data-vars-event").replace('data-vars-event-category="'.concat(y,'"'),'data-vars-event-category="'.concat(y,'" data-vars-tracking="').concat(L,'"')));var D=e.useRef(64);e.useEffect((function(){var e=f.throttle((function(){window.scrollY<D.current?B(!1):window.scrollY>64&&B(!0),D.current=window.scrollY}),300);return window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}),[]);var j="marryBaby"===x,O=j?zt:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";return e.useEffect((function(){c&&c(S||l||A)}),[c,S,l,A]),_.default.createElement(sr,{"data-is-mobile":r,"data-is-collapse":S||l||A,"data-is-marrybaby":j},i?_.default.createElement(cr,{"data-is-marrybaby":j},h?_.default.createElement("amp-img",{src:i,width:"76",height:"52"}):_.default.createElement("img",{src:i,className:"icon","data-is-mobile":r})):null,o?_.default.createElement("span",{className:"content","data-is-marrybaby":j,"data-is-mobile":r,dangerouslySetInnerHTML:{__html:z}}):null,_.default.createElement(pr,t.__assign({role:"button",tabIndex:0},{on:'tap:sitewide-container.hide(),site-header.toggleClass(class="amp-closed")'},{"data-is-marrybaby":j,"data-vars-event-category":y,"data-vars-event-action":E,"data-vars-event-label":k||"","data-vars-tracking":L||"",className:"amp-close-banner",onClick:function(){M(!0),g?g():(s&&s(),m&&n.setCookie(m,"true"),d&&p&&p({type:u,payload:{type:d}}))},"data-is-mobile":r}),h?_.default.createElement("amp-img",{src:O,width:"24",height:"24"}):_.default.createElement("img",{src:O,className:"close-icon"})))},exports.Slider=function(a){var o=a.step,l=a.min,r=a.max,d=a.value,s=a.onChange,c=a.className,p=a.heading,u=a.isMobile,m=void 0!==u&&u,f=["#DBDFE5","#2D87F3","#DBDFE5"],g=_.default.useRef(),h=e.useState(d),x=h[0],v=h[1];e.useEffect((function(){v(d)}),[d[0],d[1]]);return _.default.createElement(n.StyledSlider,{className:c},_.default.createElement(i.Range,{ref:g,values:x[0]>=l&&x[1]<=r?x:[l,r],onChange:v,onFinalChange:s,renderThumb:function(e){var a=e.props,i=e.index;return _.default.createElement(n.StyledThumb,t.__assign({},a),_.default.createElement(j,{rangeRef:g.current,values:x,index:i,isMobile:m}))},renderTrack:function(e){var a=e.props,o=e.children,d={background:i.getTrackBackground({values:x,colors:f,min:l,max:r})};return _.default.createElement(_.default.Fragment,null,p&&_.default.createElement(n.Text,{size:"md",type:"bold"},p),_.default.createElement(n.StyledTrackContainer,{onMouseDown:a.onMouseDown,onTouchStart:a.onTouchStart,style:t.__assign({},a.style)},_.default.createElement(n.StyledTrack,{ref:a.ref,style:d},o)))},step:o,min:l,max:r}))},exports.StatisticCard=function(e){var n=e.type,t=e.description,a=e.value,i=e.withIcon,o=e.isInACard,l=e.cardColor,d=e.className;return _.default.createElement(r.StyledStatisticContainer,{className:d,"data-size":n,"data-is-in-card":"big"===n&&o,"data-card-color":l},_.default.createElement(r.StyledDescriptionWrapper,null,"small"===n&&_.default.createElement(r.StyledDot$1,{"data-color":l}),t),_.default.createElement(r.StyledStatisticNumberWrapper,{"data-size":n},"small"!==n&&i,a))},exports.StickySponsoredBy=function(t){var a=t.className,i=t.isMobile,o=t.isCollapsed,l=t.sponsoredType,d=t.sponsoredBy,s=t.isAmp,c=t.locale,p=r.useTranslation(),u=e.useState(!1),m=u[0],f=u[1];return _.default.createElement(xr,{className:a,onClick:function(){return f(!0)},"data-show-popup":m&&(!i||!o)&&!s,"data-align-left":d&&!!(null==d?void 0:d.logo),"data-is-amp":s||void 0},_.default.createElement(n.Container,{style:{position:"relative",padding:"0 16px"}},"content"===l?_.default.createElement(n.Text,{size:i?"p4":"p3",color:"#737373"},_.default.createElement("div",{className:"sticky-sponsored-info-icon"},s?_.default.createElement("amp-img",{height:"20",width:"20",style:{verticalAlign:"middle",marginLeft:"0.3rem",marginBottom:"0.1rem"},src:Dt}):_.default.createElement("img",{src:Dt,style:{width:20,height:20,verticalAlign:"middle",marginRight:"0.3rem",marginBottom:"0.1rem"}})),d&&(null==d?void 0:d.logo)?_.default.createElement(_.default.Fragment,null," ",p("articlePage.sponsoredContentBy")," ",_.default.createElement("img",{className:"sponsored-logo",src:(null==d?void 0:d.logo)||"",alt:"sponsored-logo"})):p("articlePage.sponsoredContent")):_.default.createElement(n.Text,{size:"p2",color:"#737373"},p("articlePage.sponsoredArticle"),_.default.createElement("div",{className:"sticky-sponsored-info-icon"},s?_.default.createElement("amp-img",{height:"20",width:"20",style:{verticalAlign:"middle",marginLeft:"0.3rem",marginBottom:"0.1rem"},src:Dt,on:"tap:sponsored-by.toggleClass(class='open')",tabIndex:0,role:"button"}):_.default.createElement("img",{src:Dt,style:{width:20,height:20,verticalAlign:"middle",marginLeft:"0.3rem",marginBottom:"0.1rem"}}))),!m||i&&o||s?null:_.default.createElement(yr,{sponsoredBy:d,isAmp:s,onClose:function(){return f(!1)},locale:c})))},exports.SurveyThankyouCard=function(e){var t=e.thankyou,a=e.thankyouSubtitle,i=e.className,l=e.style;return _.default.createElement(r.StyledSurveyQuestionCard,{className:i,style:l},_.default.createElement("div",{className:"survey-inner-wrapper"},_.default.createElement(r.StyledSurveyThankyouCard,null,_.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},_.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},_.default.createElement("path",{d:"M61.5 122C94.6371 122 121.5 95.1371 121.5 62C121.5 28.8629 94.6371 2 61.5 2C28.3629 2 1.5 28.8629 1.5 62C1.5 95.1371 28.3629 122 61.5 122Z",fill:"#E3F2FF"}),_.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),_.default.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),_.default.createElement("path",{d:"M74.4004 15.0005H39.863C36.9017 15.0005 34.5 17.4022 34.5 20.3635V72.5769C34.5 75.5383 36.9017 77.9399 39.863 77.9399H83.1357C86.097 77.9399 88.4987 75.5383 88.4987 72.5769V29.0988L88.4987 21.0005C88.4987 17.6868 85.8124 15.0005 82.4987 15.0005H74.4004Z",fill:"white"}),_.default.createElement("path",{d:"M88.8529 80.1077H34.1469C31.8699 80.1077 30.06 78.3036 30.06 76.0338V65.3837C30.06 63.1139 31.8699 61.3098 34.1469 61.3098H88.8529C91.1299 61.3098 92.9398 63.1139 92.9398 65.3837V76.0338C92.9398 78.3036 91.1299 80.1077 88.8529 80.1077Z",fill:"#E4E8EC"}),_.default.createElement("path",{d:"M90.838 85.4512H32.1618C29.8849 85.4512 28.075 83.6471 28.075 81.3774V70.7272C28.075 68.4575 29.8849 66.6533 32.1618 66.6533H90.7796C93.0566 66.6533 94.8665 68.4575 94.8665 70.7272V81.3774C94.9249 83.6471 93.0566 85.4512 90.838 85.4512Z",fill:"white"}),_.default.createElement("path",{d:"M103.748 75.4919V105.755C103.748 107.675 102.172 109.247 100.245 109.247H23.0031C21.0764 109.247 19.5 107.675 19.5 105.755V75.4919C19.5 73.5713 21.0764 72 23.0031 72H42.3866C44.3133 72 45.8897 73.5713 45.8897 75.4919V80.8461C45.8897 81.1952 46.1232 81.428 46.4735 81.428H76.7749C77.1253 81.428 77.3588 81.1952 77.3588 80.8461V75.4919C77.3588 73.5713 78.9352 72 80.8618 72H100.245C102.172 72 103.748 73.5713 103.748 75.4919Z",fill:"#45A4FF"}),_.default.createElement("path",{d:"M51.9541 91.3767V94.4612C51.9541 96.0907 53.2386 97.3711 54.8733 97.3711H67.7179C69.3526 97.3711 70.6371 96.0907 70.6371 94.4612V91.3767",stroke:"#2C74DF",strokeWidth:"3",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M120.5 38.0251C118.5 37.7793 117.25 39.3768 118.125 41.22L118.375 41.9573C119.125 43.8006 118 45.398 116 45.1523L115.25 45.0294C113.25 44.7836 112 46.3811 112.875 48.2244L113.25 48.9616C114 50.8049 112.875 52.4025 110.875 52.1567L110.125 52.0337C108.625 51.9109 107.5 52.7712 107.5 54",stroke:"#FE921D",strokeWidth:"1.9096",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M1.53299 62C1.2644 63.413 2.6745 64.337 4.35323 63.8478L5.02472 63.6304C6.70346 63.087 8.11356 64.0109 7.84496 65.4783L7.7107 66.0217C7.4421 67.4348 8.8522 68.3587 10.5309 67.8696L11.2024 67.6522C12.8812 67.1087 14.2913 68.0326 14.0227 69.5L13.8884 70.0435C13.687 71.1304 14.4256 71.8913 15.5 72",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M118 92C119.381 92 120.5 90.8807 120.5 89.5C120.5 88.1193 119.381 87 118 87C116.619 87 115.5 88.1193 115.5 89.5C115.5 90.8807 116.619 92 118 92Z",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M82.0001 3.18747L83.1875 7.53467L87.5347 6.34727L86.3473 2.00007L82.0001 3.18747Z",stroke:"#00B16A",strokeWidth:"2.1628",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M17.0001 28C18.1046 28 19 27.1045 19 25.9999C19 24.8954 18.1046 24 17.0001 24C15.8955 24 15 24.8954 15 25.9999C15 27.1045 15.8955 28 17.0001 28Z",stroke:"#FE921D",strokeWidth:"2.3278",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M61.5 26.6667C54.136 26.6667 48.1667 32.6361 48.1667 40.0001C48.1667 47.3641 54.136 53.3334 61.5 53.3334C68.864 53.3334 74.8334 47.3641 74.8334 40.0001C74.8334 32.6361 68.864 26.6667 61.5 26.6667ZM69.1094 36.9427L59.776 46.2761C59.516 46.5361 59.1747 46.6667 58.8334 46.6667C58.492 46.6667 58.1507 46.5361 57.8907 46.2761L53.8907 42.2761C53.3694 41.7547 53.3694 40.9121 53.8907 40.3907C54.412 39.8694 55.2547 39.8694 55.776 40.3907L58.8334 43.4481L67.224 35.0574C67.7454 34.5361 68.588 34.5361 69.1094 35.0574C69.6307 35.5787 69.6307 36.4214 69.1094 36.9427Z",fill:"#00CB8A"})),t&&_.default.createElement(o.Heading,{className:"survey-thankyou-title",tag:"h3"},t),a&&_.default.createElement(n.Text,{className:"survey-thankyou-subtitle",size:"p3"},a)))))},exports.Tabs=function(t){var a=t.style,i=t.initialTab,o=t.tabContent,s=t.onChange,c=t.className,p=t.dataEventCategory,u=t.dataEventAction,m=t.dataEventLabel,f=e.useState(i||0),g=f[0],h=f[1],x=d.useId(o.length);return e.useEffect((function(){h(i)}),[i]),_.default.createElement(r.StyledTabs,{style:a,className:c,role:"tablist"},o.map((function(e,t){return _.default.createElement(r.StyledTab,{"data-is-tab-active":g===t||void 0,"aria-selected":g===t,role:"tab",onClick:function(){h(t),s&&s(t)},key:x[t],"data-event-category":p,"data-event-action":u,"data-event-label":m},_.default.createElement(r.StyledTabContent,null,e.icon&&_.default.createElement(r.StyledIcon,null,e.icon),_.default.createElement(n.Text,{size:e.textSize||"sm",type:e.textType||"bold",color:e.textColor||l.theme.colors.gray800,dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name)))})))},exports.Tag=function(e){var a=e.type,i=e.children,o=e.style,l=e.isInline,r=e.isSquared,d=void 0!==r&&r,s=e.className,c=e.isLight,p=e.hasMorePadding,u=e.isLink,m=e.isSelected,f=e.textProps,g=void 0===f?{size:"sm"}:f,h=g.color?{"--text-props-color":g.color}:{};return _.default.createElement(n.StyledTag,{"data-is-squared":d||void 0,"data-tag-type":a,"data-is-light":c||void 0,"data-has-more-padding":p||void 0,"data-is-inline":l||void 0,style:t.__assign(t.__assign({},o),h),className:s,"data-is-selected":m||void 0,"data-is-link":u||void 0,tagType:a,isInline:l,tagHasMorePadding:p,tagIsLight:c,tagIsSquared:d,tagIsALink:u},_.default.createElement(n.Text,t.__assign({},g),i))},exports.Toggle=function(e){var t=e.className,a=e.id,i=e.onChange,o=e.checked,l=e.style,r=e.label;return _.default.createElement(n.StyledToggle,{className:t,style:l},_.default.createElement("input",{type:"checkbox",id:a,onChange:i,checked:o}),_.default.createElement("label",{htmlFor:a},_.default.createElement(n.StyledToggleIcon,null),r&&_.default.createElement(n.StyledToggleLabel,null,r)))},exports.UnderlinedLink=function(e){var t=e.size,a=e.isDisabled,i=e.className,o=e.link,l=e.style;return _.default.createElement(n.StyledUnderlinedLink,{className:i,"data-size":t,style:l,"data-disabled":a||void 0},o)},exports.Uploader=function(e){var t=e.type,a=e.withIcon,i=e.onFileSelected,l=e.inputId,r=e.withElement,d=e.fileAcceptType,s=e.multiple,c=e.value,p=e.className,u=function(){var e;null===(e=document.querySelector("#uploader-input-"+l))||void 0===e||e.click()};return _.default.createElement(n.StyledUploader,{className:p},"badge"===t?_.default.createElement(n.StyledElementContainer,{onClick:u,"data-is-attached-to-element":!!r},r,_.default.createElement(n.StyledIconWrapper,{"data-is-attached-to-element":!!r},a)):r?_.default.createElement("div",{onClick:u},r):_.default.createElement(o.Button,{size:"md",color:"secondary",className:"default-button",icon:a,onClick:u},_.default.createElement(n.StyledDefaultButtonContent,null,_.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},_.default.createElement("defs",null,_.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),_.default.createElement("title",null,"upload"),_.default.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),_.default.createElement("input",{id:"uploader-input-"+l,accept:d,multiple:s,type:"file",style:{display:"none"},onChange:function(e){i(e.target.files)},value:c}))},exports.index=K,exports.index$1=ke;
2
- //# sourceMappingURL=index-706ef1ee.js.map
1
+ "use strict";var e=require("react"),n=require("./cookieHelper-2ca633b5.js"),t=require("./tslib.es6-f7929e76.js"),a=require("./useTranslations-41d2f908.js"),i=require("react-range"),o=require("./index.styled-e08dcf9a.js"),l=require("./theme-79e84625.js"),r=require("./index-e8f5d7f5.js"),d=require("react-id-generator"),s=require("./index-9e90ff46.js"),c=require("date-fns"),p=require("react-day-picker/DayPickerInput"),u=require("./useScrollbarSize-586f6706.js"),m=require("react-dom"),f=require("lodash"),g=require("./constants-ea7b35a2.js"),h=require("./useOutsideClick-528bfd6c.js"),x=require("date-fns/locale/en-US"),v=require("date-fns/locale/id"),y=require("date-fns/locale/vi"),b=require("date-fns/locale/zh-TW");require("lodash/debounce");var E=require("styled-components"),w=require("react-loading-skeleton"),k=require("./translationsProvider-d06a3c76.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _=C(e),L=C(p),T=C(x),S=C(v),M=C(y),N=C(b),A=C(E),B=C(w),z=function(i){var o=i.pagesAmount,l=i.activePage,r=i.handlePageChange,d=i.handleClick,s=i.href,c=i.queryPageName,p=void 0===c?"page":c,u=t.__spreadArray([],Array(o),!0).map((function(e,n){return n+1})),m=e.useState(l<=4?u.slice(0,5):l>=u.length-3?u.slice(u.length-5,u.length):u.slice(l-2,l+1)),f=m[0],g=m[1];return e.useEffect((function(){l<=4?g(u.slice(0,5)):l>=u.length-3?g(u.slice(u.length-5,u.length)):g(u.slice(l-2,l+1))}),[l]),_.default.createElement(e.Fragment,null,l>4&&_.default.createElement(e.Fragment,null,_.default.createElement(n.StyledPaginationBlock,{onClick:function(){return r(1)}},s?_.default.createElement("a",{href:s,onClick:d},1):1),_.default.createElement(n.StyledPaginationBlock,null,"...")),f.map((function(e){return _.default.createElement(n.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===l||void 0,onClick:function(){return r(e)}},s?_.default.createElement("a",{href:a.formatUrlWithPageParam(s,e,p),onClick:d},e):e)})),l<u.length-3&&_.default.createElement(e.Fragment,null,_.default.createElement(n.StyledPaginationBlock,null,"..."),_.default.createElement(n.StyledPaginationBlock,{onClick:function(){return r(u.length)}},s?_.default.createElement("a",{href:a.formatUrlWithPageParam(s,u.length,p),onClick:d},u.length):u.length)))},D=function(e){var a=e.type,i=e.size,o=void 0===i?"small":i,l=e.label,r=e.name,d=e.checked,s=e.value,c=e.className,p=e.isDisabled,u=void 0!==p&&p,m=e.onChange,f=e.dataEventCategory,g=e.dataEventAction,h=e.dataEventLabel,x=!!g&&!!f&&!!h?{"data-event-category":f,"data-event-action":g,"data-event-label":h}:{};return _.default.createElement(n.StyledRadio,{"data-disabled":u,className:c,"data-type":a,"data-size":o},_.default.createElement("input",t.__assign({type:"radio",checked:d,name:r,id:"".concat(r,"-").concat(s),value:s,onChange:function(){return m(s)}},x)),_.default.createElement("label",t.__assign({htmlFor:"".concat(r,"-").concat(s)},x),l))};function j(e){var t=e.rangeRef,a=e.values,o=e.index,l=i.useThumbOverlap(t,a,o,1," - ",(function(e){return e})),r=l[0],d=l[1];return _.default.createElement(_.default.Fragment,null,_.default.createElement(n.StyledLabel,{"data-label":o,style:d},r),_.default.createElement(n.StyledDot,{"data-label":o}))}var O=function(e){var t=e.label,a=e.name,i=e.checked,o=e.className,l=e.isDisabled,r=e.onChange,d=e.value,s=e.isRectangle;return _.default.createElement(n.StyledCheckbox,{className:o,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":t},_.default.createElement("input",{type:"checkbox",checked:i,name:a,onChange:function(){return r(d,!i)},disabled:l,value:d,id:"".concat(a,"-").concat(d),"data-label-text":t}),!s&&_.default.createElement("label",{htmlFor:"".concat(a,"-").concat(d)},t))},P="data:image/svg+xml,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M27 0H5C2.23858 0 0 2.23858 0 5V27C0 29.7614 2.23858 32 5 32H27C29.7614 32 32 29.7614 32 27V5C32 2.23858 29.7614 0 27 0Z' fill='%231778F2'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.314 32V19.499H23.569L24 15.19H20.314L20.32 13.034C20.32 11.911 20.42 11.309 21.943 11.309H23.977V7H20.722C16.812 7 15.437 9.09 15.437 12.604V15.191H13V19.499H15.437V32H20.314Z' fill='white'/%3e%3c/svg%3e",I="data:image/svg+xml,%3csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24.9 31.983L7.13 32c-3.909.004-7.11-3.191-7.114-7.1L0 7.13C-.004 3.222 3.191.021 7.1.017L24.87 0c3.909-.004 7.11 3.191 7.114 7.1L32 24.87c.004 3.91-3.191 7.11-7.1 7.114z' fill='url(%23prefix__paint0_radial)'/%3e%3cpath d='M24.9 31.983L7.13 32c-3.909.004-7.11-3.191-7.114-7.1L0 7.13C-.004 3.222 3.191.021 7.1.017L24.87 0c3.909-.004 7.11 3.191 7.114 7.1L32 24.87c.004 3.91-3.191 7.11-7.1 7.114z' fill='url(%23prefix__paint1_radial)'/%3e%3cpath d='M16 22.22A6.226 6.226 0 019.781 16c0-3.43 2.79-6.219 6.22-6.219a6.226 6.226 0 016.218 6.22c0 3.428-2.79 6.218-6.219 6.218zm0-10.662A4.447 4.447 0 0011.558 16 4.447 4.447 0 0016 20.442 4.447 4.447 0 0020.442 16 4.447 4.447 0 0016 11.558zM22.664 10.67a1.333 1.333 0 100-2.666 1.333 1.333 0 000 2.665z' fill='white'/%3e%3cpath d='M21.33 27.55H10.67a6.226 6.226 0 01-6.22-6.22V10.67c0-3.43 2.79-6.22 6.22-6.22h10.66a6.226 6.226 0 016.22 6.22v10.66c0 3.43-2.791 6.22-6.22 6.22zM10.67 6.226a4.447 4.447 0 00-4.443 4.442V21.33a4.447 4.447 0 004.442 4.442H21.33a4.447 4.447 0 004.442-4.442V10.67a4.447 4.447 0 00-4.442-4.443H10.67z' fill='white'/%3e%3cdefs%3e%3cradialGradient id='prefix__paint0_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(11.896 32.023) scale(39.8892)'%3e%3cstop stop-color='%23FD5'/%3e%3cstop offset='.328' stop-color='%23FF543F'/%3e%3cstop offset='.348' stop-color='%23FC5245'/%3e%3cstop offset='.504' stop-color='%23E64771'/%3e%3cstop offset='.643' stop-color='%23D53E91'/%3e%3cstop offset='.761' stop-color='%23CC39A4'/%3e%3cstop offset='.841' stop-color='%23C837AB'/%3e%3c/radialGradient%3e%3cradialGradient id='prefix__paint1_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(26.4865 0 0 17.6479 5.15 -.4)'%3e%3cstop stop-color='%234168C9'/%3e%3cstop offset='.999' stop-color='%234168C9' stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e",F=function(e){return _.default.createElement("svg",t.__assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),_.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"}))},H=function(e){return _.default.createElement("svg",t.__assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),_.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"}))},R=function(e){return _.default.createElement("svg",t.__assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),_.default.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),_.default.createElement("mask",{id:"mask0_3555_5815",maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},_.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),_.default.createElement("g",{mask:"url(#mask0_3555_5815)"},_.default.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},U="data:image/svg+xml,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='32' height='32' rx='6' fill='%23D42428'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 12C7 10.8954 7.89543 10 9 10H9.68946H10H22H22.31H23C24.1046 10 25 10.8954 25 12V12.5633V20C25 21.1046 24.1046 22 23 22H22.3098H22H10H9.68946H9C7.89543 22 7 21.1046 7 20V19.4367V12.5633V12ZM14.1994 12.4438V18.8997L19.34 15.6719L14.1994 12.4438Z' fill='white'/%3e%3c/svg%3e",V="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABnCAYAAADygzfHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABu7SURBVHgB7V0JmFTVlf7ve1XV1St0N93sdouACMiiRFSi4G6iIjFOJpp8EcwySSYTIONoEvMNGNeZxAhRs0y+CCT6xRijEpe4RBHRIILaIkuzN3svLL3QXfu7c86979XW1UtVF7hQB17X2+ou59yz3nNvCfQCpJT9j/nDk0yBWYZhTLekrBZAf+SgR5BAsxCokZb8QArxemGe65nefE90WygRxB+25lKh83KEyBrUwRBLETaW5eeLuq5e6pIw/mBkLnHGwhxBjhvUEfYX5ntcy1I9TEkYIsoDxC3z4u8plrTk4vfrj9U88HZ9/6c3t0yCsKaLSKjakOgvhC5O8om+oO9IVYF0rqSuUNhVS/VEwBQGTi+xcOeVI3D5mEp4TBc+4dBMRw0dH9Dxvt8f3i1JDQghrqXr6vgXCV+LCjzm/OQCOhHGFwwvIXzNjrtVB0vOyf+fDVSRfy4VRQQTWeAiCdMC8g0LN4wtwZ1XjUFlgbt72frJhTo6ltKxzO8PzYBhLEA8gQSWEufMif+CEX/BnBJPFOKaxV6POTn/f9+dSCTbRbcWZocouuLT+1FLrz8ND143HpVe16eVKAzVULjDCq/XLf2EU8Zt9CnhvINxHwdRXBzzBWebhrHEubYseUdhvnshFr79gOaS7ABX6LYiuG5UMe6+ehROKc6DyzRwksEiEmvzfb7QQjIEFjg3pbTmF3g9i/hcEcbn81XDcK+AzV5MzQKvex4WrmZCzUYWwBkBA9wSt04bhG+eNwwlbuIS8Snmk+5hKfV9Toc/xESayzcIE815HvNUum5WQ9VweW5CTObV5ee5bE7JDlFUHVRrVYGFx28cjx9Mr9ZE+TQLr55hNjHAAwHGtdZBbAr17/CHlXTSHBMIs/6o5nNyImd77nmb7ptLkAXgCkwySUYWBvGnm87ChIoCItJJTZBkmE9WWw0hhSVWjGvaA+FZxDZP2y/V5d+79iL6jIq1voCQBtUXwRlFIfxl9lk4vbzwZOeSVMCm9am+YGSX4zOGLXmRIaSc4bxBrLWchE68WOsDSLK8JEYWhPCEIkpBjiipgYkxj31E54YKfQlDTHRuRCQojmPNRjaABSb8eHzO2RhTxpxy0lle6cBcwxA10SthTDfIG5/kXE995INqZIVbyHG0QlhywzicyZyS0yk9QX/TjIW+SNJUG/GxsE1NwUnIArilhbsuH46rRpUTW+aI0hswTTOKexY2SfIlJtYyrsCy8JUxxfiPadXI0SQtmB5/kUQY2QeOodgXHZcO9eDns8bCxQHMHGXSger4i2SO6UMcTKDCFcHi68eiNI/sL5FT9mlCAu6zhj0Xxb/uvqIKI0u95LvkiNJXyMrEB8+sXFaVh6+ePVyFXnLQd+jz0GailMggRYrHwG1PjOWg79BnwrAjdP24cowfUJhT9lmEPhBGTxj3I4U/n6LFrpwMyyr0gTA0V0+0+dLYcowekI8cZBf6oPwlCkUI3502XHFLjl+yCxkThklx6anFOKOyOEeU4wAZiDIiCYkwdySIr50zhLz9HBwPyIAwOhususSNi0ZWkiUmkYPsQwaiTPsql44oRpH5UQgxnUZ4PGqmiUIELYm1uw+hZk8zBhV7cPmEU1DsEifcFciAMAIuGcHnxlUgXexwx1UJ0UxNddMpNnovWqzkzE6eCXXu6Kc024fjEWKwqF13/G0dHn5rHzosLbIn9avBSz+8GqXeE5sdmlFtXiuAKVVladKFR7qFI/4IXt9yEPWtAbT7/TgWolEasMC4DtCUgaS5HOYHN80cMe4LCCFFHgMlhV4awV6MKMvHyMr+yFe5ttkljt8Clq7ZhTYrn8eEEtMfUjs31bdgWnU5TiSkTRgevROHFqM8z0yPMNTT/S0BXPLzF7HTL4gQRrREzQlSZQnAzm/m4epkPgv7OddtRkK4ZswALL15GgqPQ16aVBMWDgiEqZ2HWn040ZCm8idkURR56vB+KhE8rW8S/v741lbs9JmIqM4bGuVCRtGuQOh345GjZ3r4ewaCZh7+vuUQ1h9owfEAEf2j22FRvR2BUFQMnyhIE7v8hQgmDSlM25zjvg4tLyL9RPJCiStbX0gn/19qfSOdt0VixXHAg2JQSQGyDVrniYQbzJEhGozCbvGJgrRFmWmFMX5wEdIG6tX1Z1WjrqkVT66vR0NzAL5QmMgstZLnD1YqUqrRKQ0XQnQk6hEt3K6dUIFTSNd0ts0STIek6+RnseUhTjnchjAPnKR3o2Olu85BvxRPvL4I2TQJI5FHhKkeUIy0gVqZ7zbxk2vOwo+v0bci1AtLxjpAhhBCIQstviAeWbMDd724E1ZS/RXuCBbMnKSi2p2Uv2TdZSFC4pHsCPo0iLsiFNOTKn3KtC05abGxwcQ3VLKIQwZuTyRBZMkEsdoVovl7Ydu/40HFmaYGtYOlimlk5oKnTZiB/TzIz6AupdptJJj2Hbda5KTPNdBzt4FtTX785tUthBQXosucCNk8S3rfrIk4tbSokyhlhDa2B/DIqlo8t6EJWxvbECYCVPbz4jNDS/D1aaNwwehBytJ77sO9+NsH+0HGHr53yTiMG1yi+IaJqXWJs7TKEbHJfbHrpPYcaAvh0dXbqbyD2H64FeEwDcA8F6rKCnD28BLMnDAcM84YrLRqOnq594Sx5f8pJXlABtJWRDsbu4Pkc6qjORjBvy17C01hd0ItzCFfmVCJr0yp7pQSxUT587rduOWp99AQMInzGAFu9ay1NYIdLS14esNqzCTfi7Xb8k2NCAu36sdLm1Zgze1XobLQrbsotSmiBolNo1TTf2Fi9cWvbsadf69FO9WltKbwqPdbgkB9vQ9r6fj9mv2YWJmP+2+YgvOrKnrtfqWlw1kRDi4yVZL48dCE7HUveGod1h8Kd9ItpxVL/OzL58HjirErIzFMx6/e2IqvP7oWBwOGchITwB7wfsONJzY348naowjx+BXsMwns8xl4s3av0i38npWsJCTssJOMa2cEtz65Bj9+YSta4SGRaS9xTAIWwwGqd21TEP/6mzewevfhXlt3aVplEmWF7gSTMlsQiUTwl/d2Y8m7DXrEx3WgzGXhoa9egLK8xOayeHx2/T785PnNCLiIk4WZomHJGVrQRGc/ij7CdOxv7YDpKO5kvAkRE2mqnWH8+h8b8Ot/7keYkK4HUCpkxO5L6s/BoBtzlqxCLRk/ltUzcdIgjC6sjDzw7LKLtsLWN7ThR8s/QLs0FMIdi8lFxsZtF4/ARaeVJnZfMkJ9+M8na9AaMRPEDYs91kflHgsDPOQ1WSGljFO2mxDb7It7llxJ9KZ+sLHxGO5bsRsh05MoaunKSzbm6H4mGShh2+CIvcFCZucxA//+6BoK91joCXqhY7hBljqE1J6/HnHIEtcIHGzz4bt/XE1ixbS7ogt20cXNnxmK7186njPgE8xjtqoee3sn9nSEE7pBKhxVhQJ3keU2/fSBcJPo23DgCO59bgNW7GlXYicZ2sMyikKZ4ENpPWPZK67Zanzw1Vo0BmV0IPBfJvqMqiL8+OozSeEPQIC4/9n39+D25evREHa4WBDZgFV7fHhh/V58aXJ1t/jrJceI6EdK/68P4CNb8yfP1mBtQyDKJaph1NnPVBi4Y+YEeEwDiasFpBJBr2xupM6aca2U6E/U/MPN5+HLZCQMLc5HRYGHpicG4vFvTcfUQeT7GJ1Hqz8cgaNFUskCJcjowaGOIP5OdcarCa5zUqUHf/zGNMw4rRIlZOpV5JPYOm8Eln39fLjDwYRSIzTC/vreHoSk7FbwpO35s7KVVnaoEiHkP/TaRjy67qDyOWL1WBheCPzfzReiotDTuZEkFyLUhK1HOIYVe8pImjWuEuefals/whlDAqVk48+7cizMcCRFO2IRu2hH486dq52NLWhqDyZkmXpkCD+8cjwGFXhVGc6YZdfgklEVuPT0igRXlf9tPthKAVuZDY5BtK1H231xTc0ceNy+urUR9/1jp+3hx4TYYK+B3371PIytLEqd1UkvMXqb2zrskqK3cdn4YSk7xcQ5p6pcjejkoSptUSDtqEMqYAl4kHQaK/x4Ag4s8mDayIqYNIkDF33pQtaNMp5LDTRTRD3Ug57pJWFiVdZTKKWvYoybtP1QG77/pzU4yirCiVzSk3wRxt1XnYHLRlcoonRXVcRKinATUku97pTvsqlfSJEHM4VJGQ5rJPU0k3DMF9YYi87aGiqaUaoMolRoEehfVBhnmAi73SwUuh/caU8t72vrW6SVv9tByvHWP6/FtlbHKtblcTrUN6cOw43nngqjB+obkkM8MknoEEf7Al3W29QRUPokGYRhxMximbperik/L5nbJFopfHS0o4s6uT3t/k5TE4boeSVE2oThOZVIhnMgjBz20h9+ZRNe2NGqR5JwrBuJyRV5uP2qiRQqMXrkSm54Zb/EdZ08dfBO3aG4QGQMOIb25tYGMlU7x5MMw7Y8hS4j9dgXKqJt0KCKL7qZJvle3bAPMpJEcMmOqIW3dzR1Cmz295jIcxk99q8HSCz2sI+DjBFkAkyYFzcewIKXtpJVZSZ4y7yE43c3nUtOpMtGkEywlKTzT+r7zDHjBxcnNI/Le2zNXmxtalPmdExvWDhKCLz/lVoaVCkIAyvBY+kKC9UDiqh97oQ6/WSq3/fSZhwOhKNtg21iv1LbgJe3HlURhiiQCBs7uJ+K03UHaQQxuUMUuXW5saW+GYNGVCA9sLCXlOd3/vQuhSk8CU94NA4tL8HT7+3FcyTP3BTI5CRCwzSUdaM8AaGV6YDCPEwcVobqskJcNmYQntl0mCK7MWQ3kbM561dv4t4vnIkZY4bC6xbYsL8Z85Xo5AHVGSNupTMMxbVCpFbKjNqBxQU455RiPL+jLUobjpHVNluY9dAK3P3FyZhSXUF+jMTjFNhcyBEJNmzinD6ez5o1cSj1pXvK9JIwQk/1clicRlzN/jZcOKIiLRsgRCPllsfXYn8KcczNrmnowPsNdU5tQCcB4ASiLVTnW3hk9nm4jnyVu57fiL3BxLZub7Nww9L3UOpeCzcRtzEQQYgDjF20uMCjDQYmTSwu1vldojG+ccEo/GPnu/DHcQGb7qvrg7j8wTcxvMBF4pL0WRAqtCTjiULfYXE9c3IVeoL0dIwtg9fts0VFGtBO8yzv7G7pRrnG6wp9HTv0PRV/oM7WUeDxR3+tQTHJgzuvHQ8PhVxEkhcSonmQxogbB4ImESUPXXnFfKfMa6pvuWmYenrYcOiKMYNxI0W5TWnFFaeDmCHTjV1+gfqQqQZwLIog1YAqdYXxu9nno6AXaV+9J4zj/FMDVu9uRjBNwhSQwptA8xNqRNqhdT51jq797mSQCglej1b7N54zArdMr1Y7OonkMpjLHdPWjl2xPtHnul6TRvewUp0U7yUxOrhfQcL7/J4ZF7DxUojnnlmTcRX5J4aaIk9EUkxvJsYSykmHPv6t8zCB9EtvEkjSdjD5ZE9rGJso6JiO2eyhkb7w2smYVEr+hOyAOxJQwUUVYCSkGmTBCD5kRDlkXR8S5UYYi26YCt4myE0W3IKrJ+Gh68ZhkCukjAIGRXAVoTDUeT8EcNuFw/BfF1ahhGY1tREmMbFc4PLxVcpn4rj53BkjkRcJae+d2vX5qgJcPaFaIVPYoYQKcip//7WpuPWzQ1FuhuN4MZ4YQkUf8igaffWIYrw272JcQqGh3u6jI3yBcBS7+feu7f5tQhrLSUER34UzBuP2i0emlT7ElkqAkHWUrLojx9oRoDn/QNCvwuAcGg+R0uQJqJ7IPay0GGMqi6MTZo79drA9hMfe2o5XtjZhz6Fj4Dy2wf0KcfHoMsy5cCyGFecpcbhyaz1W1B6kOJqJL54zGkPovtMPDjk9/+E+ikrUY9KQfvjy1JHIN1JnYnJ/ahta8fLmA1i57RB2NRwjP8lSyB9U6sVZw/uRoh+GqWQQuEXPLoA/GLN20ySMFkM8KqdUWFj1vWnECaoYpAtO+EMIvTemEyjsDaHVvLqRmtnZo2ZlzBNmXJ6LB7klobfqtAkZl3Dh2GPxLn8qSdBVu1Q/lG3EgVUlKLX4kzpBK9bWnvsVT5j0MzFtq2V9fQC7jvgxqsybUbaqEg1R59L+7GU53RFPUGOinXJeS2qgE4S0UwyRjLR0pIAWcTyiDDjBIBlXhuhyIq17SNMq0zKbk+848W7ZO3tPeCJcNkEgM6SlKin1VeblZ7zUjzu1lAjTLrPRsRwkQ0YLl1TqKIm0pogHS/65W6UJ5SC7kD5hbAZh4rAT9cAbO9FuxU8n5SAbkJkoU8TR3vKBYB4eXrUDuYVl2YU+bcDAXi7Pc92/Yg92tQU+0YbAxw0yJExsRo49kKPCi1uXb1DTvTniZAcy5xghYtYgnb9A05Gv7TxMDlbOEMgG9HEvGaEcK+aaDiMP856upQmjWLJeDjKHPhLGBtu73dIG3LZ8I1qCIWTHcTt5ITuEUSDItzHx2IY2MgZ2qQTxnL7JHLJHGCc6SwG7B9c04KkPD+QI0wfIIsdAEYdXabVKF255bidW729Ri3sU5GiUFmSXMAp0zPZAyIVvP7EJO5oDmjg5lZMWHAfC2HPcZK1tbjPw7Sc3oKE9pOZAcqKtG0hCzXEgjF0PL1KVBlbuC+IHz2xQW4DkoPeQXcJIO8WUZybVEVE+ztO1x/Dw67U51zMZbC7hjCPtYsQge4RRYioSTabg/ABIjqSF1VqW+1ftw67mDuQgEVi872lux7wnEqf1s8gxescLh1vURgp8T23cE1Gb+2w+0JLTM3HAGHr/YBu+8NAKPPpeQ8Kz7Oz1ZOcJ6xwxS8/NKI6xFX6E10EGMaTEi9zumRp4w4bH39mFHz27AQd8UDuBxEPfCWPneqlsF72Dga6WTWTOTpE6X+zsgfkYO7RUZ5Tg5AVO1WroCOD+lzfjV6t2wS9cKZei95kwjtiCnVUv7U189OqciEonKkAIt31uMvJOYoqoPQloSL6+rQm3/mUtNhwJI2K40NXe7pkTxklrVdlM0s4NI8Wv1o/QFROGl65aYXx3ejWuGNP7LMRPEyjMECp2k+Hzs5c34g9r98FnmbCMrGT7p65Si7CIzSW8cpY5JKR1C3itvcT14wfh9ivP7DFZ+9MIPGb3tvixZFUtlqzZi73tltofR/YiES+jPTGjufd2RqPao1KJrbCt9HXC+NkD3bj/S5NR4unjJsA9rSr6OEBstYXSte3kUP+tZjd+/tImfHg4qBZq6Z07emeVZsYxMpb9HtMpIeW3MJE4C/6iYV48+p1LMMBr9nl7RIt9I6Gd14/rDzso54DQcDQQwRNrt+O3b+zAxiMBmgph5R4/MHvX/owII2J0sZnHVvZElEIZwpxzh+PuL05BoZkuIqVCvjK3hV6t1Ub03lbfgmMBH06tGEAmdx54CZKMLj8/8YRyZmh1cqwE73iyrq4Jfybz9+kP9ts7QLH56UamkBFhFNdKvY0JlFnMqwDCGNvfxOIbLsAFpw1Qm7alizTO9D/sD2PNtoN4a9dhvLmtERsPtpBY0Gvri4wIRg0swrnV5fjchCGYUlWJcq8rukHciQKOlrdTt9dsb8ALmw7gtU0N2ELcEVS+iDsrIjeJMLIZPf5Oma1fbENPbYFMumXO5Er87F/OURsc6ERr/ZaR4tvSXmHFi0aPRQRFBA7jjS0H8eqWQ1i3+wiaLTPK/lJ4dVI4/W+BiXWNIbzbWI9fr9mHUlcEU04ZgItGV+D8UQMxdlgZSnjzaugtgtXmDXGyv8vzhNZBPZD2wiVOLglTL/zUzu0NrVhVuxdv7m7Fys37cTTsIpPXbqeROXfYwD/tG8V9MsfU0dHDL/vFNd4+4wU+E6sGYM/RYygtLkKeaYKNMJeh37KkUGsw2/xBNBxpxY7GZmxuaMf7e5uxfu9RNAZ45tNlqy5PEsJEwpI6pwURkt2HiYAv7mrDy3QYL2xDmcfC6YNLMG5If4wfVITRFUUYUlaMAf1KUOwVKhufl5AYjgy2865Z7Cjjnq7bgxJNbe3YfahFEWJLYwc+PNCMjfsPoyVkqg3olAnMyweNWJv6DAL8y7EznMtkwqxEj4SJk+u2D8OO0rynNsGMrIeLzGfe640XFblMU7U7QmY0hzN51LEytOy1nNrjdcXYKs0+Osu0lVA1ec0lHft8eHNvh+YYHuvEzQXERf1J5JV4PSgs9MLrkjR49LL1ALWNlwgdaw+g1RdSGyqwRRW2lbajRqE4N4aBrIPUPx3vAO881SxsFrru9NKap7Y091CC0LuJx5mwKsncYKR7EBJxBmFE16jpL+ysWgkcZ8tK2ntvWjTFDSJAkDvJGpr3Jzja3s03hSbAR/ATH2cMLH6dPmbbrWhmYVPnPJx37qBmrWe6Aytu9yFnwWMs+S/FWiwkjLATae4mVNUbB/cjM8Xr3vv+Z3c7FzR2a0ieWCudG2cPKiIxJhb3rqxkr+9kDk32FeQykjqzopeGqOP9Zp5xrsnsnEuaYFH3XMMjz4pTwwkV9NaxzUEMdplSLiVL9lrnhrCMZwy/11UjtanGOO3fdttnJ5Htd0fX5djqUGgHyzGNE+3QHPQaCNct93x+Bp1V23fqvF6x3CgVopnCKFHx5TLEErlw6lL6RhciTesMQ8T2epSG3gVC5n7KNz2QcpH8xVXLTcNY4Nyi+Zpl/KkwSVyzyOEagmpfyFqAhefPY9nXVZkqbimE7QrEaf6TMLSfEZD4kr+YOT/AuI5xyy4DrqV8ogjDXEOBx6j4onD+PF8owsSZncw5MYGlXWf2FthK6xQTy9GnK5CaU2beHAxbCynCMM95QKHFO/LztZWcgL4Of2gRIXhutAQhFuW7jTvEHW+zxRCjLIcrrIgd9ufJMQqvhHV02Qm15CAlHCXM/NS6/5plxCn/HU8UOl9U4HXPd647YbDdF1xqGMZNcbfq6K2F+fesXWnAmk3Uomeimp1MDu/z3D4TyeKwv33OxLFEXAhTRz2jNTqTnzGL24i5RHEtc1baCCQa52qfoJTRZRGN/DpVCp3mpvOq7UqjXC/iVvr20mgRcXXo6ziQdsQ5qeP8kwU04H9Z7DYW7194xSTS448gJr5Ir1hLC/M9cxLrSQHJnGNDHdWwPELm9fQHV1d3BPwz3AaqqgYWTyIE9PcHQmobeFY+QfoMWfrHECIRS/3slf5lpfh9+6Dvg6O19I4V0ZtOO7Ohlg4kOnM/zqbUOr/ANtZ50zeOcznzQ1LvWclilQeGmt2Weo2b2lrEXl3tIM6y63DEclcTCTLpSm9/ot80paFigmrjO0PvtEHtaW4PhetoamblzIlVH8y9aGTz5GGlE6Ul54q4QKVullwczyndEobB5wvOhrYWqpGDrAMR+yiNlJ8WeD2LUj3vVhn4fL5qGgtEIBZfOQJlAaSKTVryl16yhImzu3Tke62l2wPhWcT7swzTqKLSJyWx5McZPlKPV7shZGlR6Iuk+XIiSE13BMnBxxz+HzMU/YREgmfCAAAAAElFTkSuQmCC",G={Ask:n.Ask,BarChart:n.BarChart,Booking:n.Booking,Bookmark:n.Bookmark,Community:n.Community,EditSpecial:n.EditSpecial,Family:n.Family,Font:n.Font,Heart:n.Heart,Home:n.Home,Like:n.Like,MyCommunity:n.MyCommunity,PlusSpecial:n.PlusSpecial,Recalculate:n.Recalculate,Scale:n.Scale,Share:n.Share,Stethoscope:n.Stethoscope},Z=function(e){var t=e.avatarImg,a=e.authorName,i=e.authorLink,o=e.uploadTime,l=e.size;return _.default.createElement(r.StyledAuthor,null,_.default.createElement("div",{className:"author"},_.default.createElement("div",{className:"avatar","data-size":l},t),_.default.createElement("div",{className:"poster","data-is-disabled-url":!i},_.default.createElement(n.Text,{size:"lg"===l?"p3":"p4"},_.default.createElement("a",{href:i},_.default.createElement("span",{className:"name"},a),"•"," "),_.default.createElement("span",null,o)))))},Q=function(e){var t=e.isMobile,a=e.avatarImg,i=e.name,d=e.link,s=e.size,c=void 0===s?"lg":s,p=e.specialty;return e.handleClick,e.isBookmarked,e.dataEventCategoryForBookmark,e.dataEventActionForBookmark,e.dataEventLabelForBookmark,_.default.createElement(r.StyledAuthor,null,_.default.createElement("div",{className:"author"},_.default.createElement("div",{className:"expert-avatar","data-size":c},a),_.default.createElement("div",{className:"expert","data-is-disabled-url":!d},t?_.default.createElement("a",{href:d},"lg"===c?_.default.createElement(_.default.Fragment,null,_.default.createElement(o.Heading,{tag:"h6",className:"expert__name",color:l.theme.colors.gray600},i),_.default.createElement(n.Text,{color:l.theme.colors.gray500,size:"p3",className:"specialty"},p)):_.default.createElement(_.default.Fragment,null,_.default.createElement(o.Heading,{tag:"h6",className:"expert__name",color:l.theme.colors.gray600},i))):_.default.createElement("a",{href:d},"lg"===c?_.default.createElement(_.default.Fragment,null,_.default.createElement(o.Heading,{tag:"h6",className:"expert__name",color:l.theme.colors.gray600},i),_.default.createElement(n.Text,{color:l.theme.colors.gray500,size:"p3",className:"specialty"},p)):_.default.createElement(_.default.Fragment,null,_.default.createElement(r.StyledExpertName,{color:l.theme.colors.gray600,className:"expert__name"},i),_.default.createElement(n.Text,{color:l.theme.colors.gray500,size:"p4",className:"specialty"},p))))))},W=function(e){var n=e.LinkComponent,t=e.page,a=e.isLast,i=e.onChangePage,o=t.label,l=t.value,d=t.isDropdown,c=t.dropdownItems,p=t.dataEventCategory,u=t.dataEventAction,m=t.dataEventLabel;return d?_.default.createElement(s.Dropdown,{options:c,placeholder:"...",id:"",placeholderIcon:null,onChange:i,className:"collapsed-breadcrumb"}):_.default.createElement(r.StyledTextLink,{title:"string"!=typeof o?l:o,"data-last":a},n&&_.default.createElement(n,{"data-event-category":p,"data-event-action":u,"data-event-label":m,href:l||"#"},o))},Y={"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":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},q=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},X=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},K=Object.freeze({__proto__:null,SideMenu:r.SideMenu,SideHeader:r.SideHeader,UserInfo:r.UserInfo,MenuLink:r.MenuLink}),J=_.default;function $(e){return Array.prototype.slice.call(e)}function ee(e,n){var t=Math.floor(e);return t===n||t+1===n?e:n}function ne(){return Date.now()}function te(e,n,t){if(n="data-keen-slider-"+n,null===t)return e.removeAttribute(n);e.setAttribute(n,t||"")}function ae(e,n){return n=n||document,"function"==typeof e&&(e=e(n)),Array.isArray(e)?e:"string"==typeof e?$(n.querySelectorAll(e)):e instanceof HTMLElement?[e]:e instanceof NodeList?$(e):[]}function ie(e){e.raw&&(e=e.raw),e.cancelable&&!e.defaultPrevented&&e.preventDefault()}function oe(e){e.raw&&(e=e.raw),e.stopPropagation&&e.stopPropagation()}function le(){var e=[];return{add:function(n,t,a,i){n.addListener?n.addListener(a):n.addEventListener(t,a,i),e.push([n,t,a,i])},input:function(e,n,t,a){this.add(e,n,function(e){return function(n){n.nativeEvent&&(n=n.nativeEvent);var t=n.changedTouches||[],a=n.targetTouches||[],i=n.detail&&n.detail.x?n.detail:null;return e({id:i?i.identifier?i.identifier:"i":a[0]?a[0]?a[0].identifier:"e":"d",idChanged:i?i.identifier?i.identifier:"i":t[0]?t[0]?t[0].identifier:"e":"d",raw:n,x:i&&i.x?i.x:a[0]?a[0].screenX:i?i.x:n.pageX,y:i&&i.y?i.y:a[0]?a[0].screenY:i?i.y:n.pageY})}}(t),a)},purge:function(){e.forEach((function(e){e[0].removeListener?e[0].removeListener(e[2]):e[0].removeEventListener(e[1],e[2],e[3])})),e=[]}}}function re(e,n,t){return Math.min(Math.max(e,n),t)}function de(e){return(e>0?1:0)-(e<0?1:0)||+e}function se(e){var n=e.getBoundingClientRect();return{height:ee(n.height,e.offsetHeight),width:ee(n.width,e.offsetWidth)}}function ce(e,n,t,a){var i=e&&e[n];return null==i?t:a&&"function"==typeof i?i():i}function pe(e){return Math.round(1e6*e)/1e6}function ue(e,n){if(e===n)return!0;var t=typeof e;if(t!==typeof n)return!1;if("object"!==t||null===e||null===n)return"function"===t&&e.toString()===n.toString();if(e.length!==n.length||Object.getOwnPropertyNames(e).length!==Object.getOwnPropertyNames(n).length)return!1;for(var a in e)if(!ue(e[a],n[a]))return!1;return!0}var me=function(){return me=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},me.apply(this,arguments)};function fe(e,n,t){if(t||2===arguments.length)for(var a,i=0,o=n.length;i<o;i++)!a&&i in n||(a||(a=Array.prototype.slice.call(n,0,i)),a[i]=n[i]);return e.concat(a||Array.prototype.slice.call(n))}function ge(e){var n,t,a,i,o,l,r,d,s,c,p,u,m,f,g=1/0,h=[],x=null,v=0;function y(e){S(v+e)}function b(e){var n=E(v+e).abs;return C(n)?n:null}function E(e){var n=Math.floor(Math.abs(pe(e/t))),a=pe((e%t+t)%t);a===t&&(a=0);var i=de(e),o=r.indexOf(fe([],r,!0).reduce((function(e,n){return Math.abs(n-a)<Math.abs(e-a)?n:e}))),d=o;return i<0&&n++,o===l&&(d=0,n+=i>0?1:-1),{abs:d+n*l*i,origin:o,rel:d}}function w(e,n,t){var a;if(n||!L())return k(e,t);if(!C(e))return null;var i=E(null!=t?t:v),o=i.abs,r=e-i.rel,d=o+r;a=k(d);var s=k(d-l*de(r));return(null!==s&&Math.abs(s)<Math.abs(a)||null===a)&&(a=s),pe(a)}function k(e,n){if(null==n&&(n=pe(v)),!C(e)||null===e)return null;e=Math.round(e);var a=E(n),i=a.abs,o=a.rel,d=a.origin,s=T(e),c=(n%t+t)%t,p=r[d],u=Math.floor((e-(i-o))/l)*t;return pe(p-c-p+r[s]+u+(d===l?t:0))}function C(e){return _(e)===e}function _(e){return re(e,s,c)}function L(){return i.loop}function T(e){return(e%l+l)%l}function S(n){var t;t=n-v,h.push({distance:t,timestamp:ne()}),h.length>6&&(h=h.slice(-6)),v=pe(n);var a=M().abs;if(a!==x){var i=null!==x;x=a,i&&e.emit("slideChanged")}}function M(r){var d=r?null:function(){if(l){var e=L(),n=e?(v%t+t)%t:v,r=(e?v%t:v)-o[0][2],d=0-(r<0&&e?t-Math.abs(r):r),g=0,h=E(v),x=h.abs,y=h.rel,b=o[y][2],w=o.map((function(n,a){var o=d+g;(o<0-n[0]||o>1)&&(o+=(Math.abs(o)>t-1&&e?t:0)*de(-o));var r=a-y,s=de(r),c=r+x;e&&(-1===s&&o>b&&(c+=l),1===s&&o<b&&(c-=l),null!==p&&c<p&&(o+=t),null!==u&&c>u&&(o-=t));var m=o+n[0]+n[1],f=Math.max(o>=0&&m<=1?1:m<0||o>1?0:o<0?Math.min(1,(n[0]+o)/n[0]):(1-o)/n[0],0);return g+=n[0]+n[1],{abs:c,distance:i.rtl?-1*o+1-n[0]:o,portion:f,size:n[0]}}));return x=_(x),y=T(x),{abs:_(x),length:a,max:f,maxIdx:c,min:m,minIdx:s,position:v,progress:e?n/t:v/a,rel:y,slides:w,slidesLength:t}}}();return n.details=d,e.emit("detailsChanged"),d}return n={absToRel:T,add:y,details:null,distToIdx:b,idxToDist:w,init:function(n){if(function(){if(i=e.options,o=(i.trackConfig||[]).map((function(e){return[ce(e,"size",1),ce(e,"spacing",0),ce(e,"origin",0)]})),l=o.length){t=pe(o.reduce((function(e,n){return e+n[0]+n[1]}),0));var n,s=l-1;a=pe(t+o[0][2]-o[s][0]-o[s][2]-o[s][1]),r=o.reduce((function(e,t){if(!e)return[0];var a=o[e.length-1],i=e[e.length-1]+(a[0]+a[2])+a[1];return i-=t[2],e[e.length-1]>i&&(i=e[e.length-1]),i=pe(i),e.push(i),(!n||n<i)&&(d=e.length-1),n=i,e}),null),0===a&&(d=0),r.push(pe(t))}}(),!l)return M(!0);var h;!function(){var n=e.options.range,t=e.options.loop;p=s=t?ce(t,"min",-1/0):0,u=c=t?ce(t,"max",g):d;var a=ce(n,"min",null),i=ce(n,"max",null);a&&(s=a),i&&(c=i),m=s===-1/0?s:e.track.idxToDist(s||0,!0,0),f=c===g?c:w(c,!0,0),null===i&&(u=c),ce(n,"align",!1)&&c!==g&&0===o[T(c)][2]&&(f-=1-o[T(c)][0],c=b(f-v)),m=pe(m),f=pe(f)}(),h=n,Number(h)===h?y(k(_(n))):M()},to:S,velocity:function(){var e=ne(),n=h.reduce((function(n,t){var a=t.distance,i=t.timestamp;return e-i>200||(de(a)!==de(n.distance)&&n.distance&&(n={distance:0,lastTimestamp:0,time:0}),n.time&&(n.distance+=a),n.lastTimestamp&&(n.time+=i-n.lastTimestamp),n.lastTimestamp=i),n}),{distance:0,lastTimestamp:0,time:0});return n.distance/n.time||0}}}function he(e){var n,t,a,i,o,l,r;function d(e){return 2*e}function s(e){return re(e,l,r)}function c(e){return 1-Math.pow(1-e,3)}function p(){f();var n="free-snap"===e.options.mode,t=e.track,l=t.velocity();a=de(l);var r=e.track.details,p=[];if(l||!n){var m=u(l),g=m.dist,h=m.dur;if(h=d(h),g*=a,n){var x=t.idxToDist(t.distToIdx(g),!0);x&&(g=x)}p.push({distance:g,duration:h,easing:c});var v=r.position,y=v+g;if(y<i||y>o){var b=y<i?i-v:o-v,E=0,w=l;if(de(b)===a){var k=Math.min(Math.abs(b)/Math.abs(g),1),C=function(e){return 1-Math.pow(1-e,1/3)}(k)*h;p[0].earlyExit=C,w=l*(1-k)}else p[0].earlyExit=0,E+=b;var _=u(w,100),L=_.dist*a;e.options.rubberband&&(p.push({distance:L,duration:d(_.dur),easing:c}),p.push({distance:-L+E,duration:500,easing:c}))}e.animator.start(p)}else e.moveToIdx(s(r.abs),!0,{duration:500,easing:function(e){return 1+--e*e*e*e*e}})}function u(e,n){void 0===n&&(n=1e3);var t=147e-9+(e=Math.abs(e))/n;return{dist:Math.pow(e,2)/t,dur:e/t}}function m(){var n=e.track.details;n&&(i=n.min,o=n.max,l=n.minIdx,r=n.maxIdx)}function f(){e.animator.stop()}e.on("updated",m),e.on("optionsChanged",m),e.on("created",m),e.on("dragStarted",(function(){f(),n=t=e.track.details.abs})),e.on("dragEnded",(function(){var a=e.options.mode;"snap"===a&&function(){var a=e.track,l=e.track.details,r=l.position,d=de(a.velocity());(r>o||r<i)&&(d=0);var c=n+d;0===l.slides[a.absToRel(c)].portion&&(c-=d),n!==t&&(c=t),de(a.idxToDist(c,!0))!==d&&(c+=d),c=s(c);var p=a.idxToDist(c,!0);e.animator.start([{distance:p,duration:500,easing:function(e){return 1+--e*e*e*e*e}}])}(),"free"!==a&&"free-snap"!==a||p()})),e.on("dragged",(function(){t=e.track.details.abs}))}function xe(e){var n,t,a,i,o,l,r,d,s,c,p,u,m,f,g,h,x,v,y=le();function b(n){if(l&&d===n.id){var m=C(n);if(s){if(!k(n))return w(n);c=m,s=!1,e.emit("dragChecked")}if(h)return c=m;ie(n);var f=function(n){if(x===-1/0&&v===1/0)return n;var a=e.track.details,l=a.length,r=a.position,d=re(n,x-r,v-r);if(0===l)return 0;if(!e.options.rubberband)return d;if(r<=v&&r>=x)return n;if(r<x&&t>0||r>v&&t<0)return n;var s=(r<x?r-x:r-v)/l,c=i*l,p=Math.abs(s*c),u=Math.max(0,1-p/o*2);return u*u*n}(r(c-m)/i*a);t=de(f);var g=e.track.details.position;(g>x&&g<v||g===x&&t>0||g===v&&t<0)&&oe(n),p+=f,!u&&Math.abs(p*i)>5&&(u=!0),e.track.add(f),c=m,e.emit("dragged")}}function E(n){!l&&e.track.details&&e.track.details.length&&(p=0,l=!0,u=!1,s=!0,d=n.id,k(n),c=C(n),e.emit("dragStarted"))}function w(n){l&&d===n.idChanged&&(l=!1,e.emit("dragEnded"))}function k(e){var n=_(),t=n?e.y:e.x,a=n?e.x:e.y,i=void 0!==m&&void 0!==f&&Math.abs(f-a)<=Math.abs(m-t);return m=t,f=a,i}function C(e){return _()?e.y:e.x}function _(){return e.options.vertical}function L(){i=e.size,o=_()?window.innerHeight:window.innerWidth;var n=e.track.details;n&&(x=n.min,v=n.max)}function T(e){u&&(oe(e),ie(e))}function S(){if(y.purge(),e.options.drag&&!e.options.disabled){var t;t=e.options.dragSpeed||1,r="function"==typeof t?t:function(e){return e*t},a=e.options.rtl?-1:1,L(),n=e.container,function(){var e="data-keen-slider-clickable";ae("[".concat(e,"]:not([").concat(e,"=false])"),n).map((function(e){y.add(e,"mousedown",oe),y.add(e,"touchstart",oe)}))}(),y.add(n,"dragstart",(function(e){ie(e)})),y.add(n,"click",T,{capture:!0}),y.input(n,"ksDragStart",E),y.input(n,"ksDrag",b),y.input(n,"ksDragEnd",w),y.input(n,"mousedown",E),y.input(n,"mousemove",b),y.input(n,"mouseleave",w),y.input(n,"mouseup",w),y.input(n,"touchstart",E,{passive:!0}),y.input(n,"touchmove",b,{passive:!1}),y.input(n,"touchend",w),y.input(n,"touchcancel",w),y.add(window,"wheel",(function(e){l&&ie(e)}));var i="data-keen-slider-scrollable";ae("[".concat(i,"]:not([").concat(i,"=false])"),e.container).map((function(e){return function(e){var n;y.input(e,"touchstart",(function(e){n=C(e),h=!0,g=!0}),{passive:!0}),y.input(e,"touchmove",(function(t){var a=_(),i=a?e.scrollHeight-e.clientHeight:e.scrollWidth-e.clientWidth,o=n-C(t),l=a?e.scrollTop:e.scrollLeft,r=a&&"scroll"===e.style.overflowY||!a&&"scroll"===e.style.overflowX;if(n=C(t),(o<0&&l>0||o>0&&l<i)&&g&&r)return h=!0;g=!1,ie(t),h=!1})),y.input(e,"touchend",(function(){h=!1}))}(e)}))}}e.on("updated",L),e.on("optionsChanged",S),e.on("created",S),e.on("destroyed",y.purge)}function ve(e){var n,t,a=null;function i(n,t,a){e.animator.active?l(n,t,a):requestAnimationFrame((function(){return l(n,t,a)}))}function o(){i(!1,!1,t)}function l(t,i,o){var l=0,r=e.size,c=e.track.details;if(c&&n){var p=c.slides;n.forEach((function(e,n){if(t)!a&&i&&d(e,null,o),s(e,null,o);else{if(!p[n])return;var c=p[n].size*r;!a&&i&&d(e,c,o),s(e,p[n].distance*r-l,o),l+=c}}))}}function r(n){return"performance"===e.options.renderMode?Math.round(n):n}function d(e,n,t){var a=t?"height":"width";null!==n&&(n=r(n)+"px"),e.style["min-"+a]=n,e.style["max-"+a]=n}function s(e,n,t){if(null!==n){n=r(n);var a=t?n:0;n="translate3d(".concat(t?0:n,"px, ").concat(a,"px, 0)")}e.style.transform=n,e.style["-webkit-transform"]=n}function c(){n&&(l(!0,!0,t),n=null),e.on("detailsChanged",o,!0)}function p(){i(!1,!0,t)}function u(){c(),t=e.options.vertical,e.options.disabled||"custom"===e.options.renderMode||(a="auto"===ce(e.options.slides,"perView",null),e.on("detailsChanged",o),(n=e.slides).length&&p())}e.on("created",u),e.on("optionsChanged",u),e.on("beforeOptionsChanged",(function(){c()})),e.on("updated",p),e.on("destroyed",c)}function ye(e,n){return function(t){var a,i,o,l,r,d=le();function s(e){var n;te(t.container,"reverse","rtl"!==(n=t.container,window.getComputedStyle(n,null).getPropertyValue("direction"))||e?null:""),te(t.container,"v",t.options.vertical&&!e?"":null),te(t.container,"disabled",t.options.disabled&&!e?"":null)}function c(){p()&&h()}function p(){var e=null;if(l.forEach((function(n){n.matches&&(e=n.__media)})),e===a)return!1;a||t.emit("beforeOptionsChanged"),a=e;var n=e?o.breakpoints[e]:o;return t.options=me(me({},o),n),s(),E(),w(),v(),!0}function u(e){var n=se(e);return(t.options.vertical?n.height:n.width)/t.size||1}function m(){return t.options.trackConfig.length}function f(e){for(var r in a=!1,o=me(me({},n),e),d.purge(),i=t.size,l=[],o.breakpoints||[]){var s=window.matchMedia(r);s.__media=r,l.push(s),d.add(s,"change",c)}d.add(window,"orientationchange",b),d.add(window,"resize",y),p()}function g(e){t.animator.stop();var n=t.track.details;t.track.init(null!=e?e:n?n.abs:0)}function h(e){g(e),t.emit("optionsChanged")}function x(e,n){if(e)return f(e),void h(n);E(),w();var a=m();v(),m()!==a?h(n):g(n),t.emit("updated")}function v(){var e=t.options.slides;if("function"==typeof e)return t.options.trackConfig=e(t.size,t.slides);for(var n=t.slides,a=n.length,i="number"==typeof e?e:ce(e,"number",a,!0),o=[],l=ce(e,"perView",1,!0),r=ce(e,"spacing",0,!0)/t.size||0,d="auto"===l?r:r/l,s=ce(e,"origin","auto"),c=0,p=0;p<i;p++){var m="auto"===l?u(n[p]):1/l-r+d,f="center"===s?.5-m/2:"auto"===s?0:s;o.push({origin:f,size:m,spacing:r}),c+=m}if(c+=r*(i-1),"auto"===s&&!t.options.loop&&1!==l){var g=0;o.map((function(e){var n=c-g;return g+=e.size+r,n>=1||(e.origin=1-n-(c>1?0:1-c)),e}))}t.options.trackConfig=o}function y(){E();var e=t.size;t.options.disabled||e===i||(i=e,x())}function b(){y(),setTimeout(y,500),setTimeout(y,2e3)}function E(){var e=se(t.container);t.size=(t.options.vertical?e.height:e.width)||1}function w(){t.slides=ae(t.options.selector,t.container)}t.container=(r=ae(e,document)).length?r[0]:null,t.destroy=function(){d.purge(),t.emit("destroyed"),s(!0)},t.prev=function(){t.moveToIdx(t.track.details.abs-1,!0)},t.next=function(){t.moveToIdx(t.track.details.abs+1,!0)},t.update=x,f(t.options)}}var be=function(e,n,t){try{return function(e,n){var t,a={};return t={emit:function(e){a[e]&&a[e].forEach((function(e){e(t)}));var n=t.options&&t.options[e];n&&n(t)},moveToIdx:function(e,n,a){var i=t.track.idxToDist(e,n);if(i){var o=t.options.defaultAnimation;t.animator.start([{distance:i,duration:ce(a||o,"duration",500),easing:ce(a||o,"easing",(function(e){return 1+--e*e*e*e*e}))}])}},on:function(e,n,t){void 0===t&&(t=!1),a[e]||(a[e]=[]);var i=a[e].indexOf(n);i>-1?t&&delete a[e][i]:t||a[e].push(n)},options:e},function(){if(t.track=ge(t),t.animator=function(e){var n,t,a,i,o,l;function r(n){l||(l=n),d(!0);var o=n-l;o>a&&(o=a);var p=i[t];if(p[3]<o)return t++,r(n);var u=p[2],m=p[4],f=p[0],g=p[1]*(0,p[5])(0===m?1:(o-u)/m);if(g&&e.track.to(f+g),o<a)return c();l=null,d(!1),s(null),e.emit("animationEnded")}function d(e){n.active=e}function s(e){n.targetIdx=e}function c(){var e;e=r,o=window.requestAnimationFrame(e)}function p(){var n;n=o,window.cancelAnimationFrame(n),d(!1),s(null),l&&e.emit("animationStopped"),l=null}return n={active:!1,start:function(n){if(p(),e.track.details){var o=0,l=e.track.details.position;t=0,a=0,i=n.map((function(e){var n,t=l,i=null!==(n=e.earlyExit)&&void 0!==n?n:e.duration,r=e.easing,d=e.distance*r(i/e.duration)||0;l+=d;var s=a;return a+=i,o+=d,[t,e.distance,s,a,e.duration,r]})),s(e.track.distToIdx(o)),c(),e.emit("animationStarted")}},stop:p,targetIdx:null}}(t),n)for(var e=0,a=n;e<a.length;e++)(0,a[e])(t);t.track.init(t.options.initial||0),t.emit("created")}(),t}(n,fe([ye(e,{drag:!0,mode:"snap",renderMode:"precision",rubberband:!0,selector:".keen-slider__slide"}),ve,xe,he],t||[],!0))}catch(e){console.error(e)}},Ee=function(e,n){var t=J.useRef(null),a=J.useRef(!1),i=J.useRef(e),o=J.useCallback((function(o){o?(i.current=e,t.current=new be(o,e,n),a.current=!1):(t.current&&t.current.destroy&&t.current.destroy(),t.current=null)}),[]);return J.useEffect((function(){ue(i.current,e)||(i.current=e,t.current&&t.current.update(i.current))}),[e]),[o,t]},we=function(e){var n=e.isDisabled,t=e.isLeft,a=e.onClick,i=e.className,o=e.scheme,l=void 0===o?"hellosites":o;return _.default.createElement(r.StyledArrow,{onClick:a,"data-is-disabled":n,"data-is-left":t,className:i},_.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t?_.default.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===l?"#595959":"#E55C8A"}):_.default.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===l?"#595959":"#E55C8A"})))},ke=Object.freeze({__proto__:null,Table:r.Table,Cell:r.Cell,Head:r.Head,Row:r.Row,Body:r.Body});var Ce={"en-PH":T.default,"vi-VN":M.default,"zh-TW":N.default,"id-ID":S.default};function _e(n){var a=n.value,i=void 0===a?{from:null,to:null}:a,o=e.useState(null),l=o[0],d=o[1],s=r.useScreenSize().isMobile,p=e.useState((function(){return i})),u=p[0],m=p[1],f=e.useState((function(){var e;return c.startOfMonth(null!==(e=i.from)&&void 0!==e?e:new Date)})),g=f[0],h=f[1],x=e.useMemo((function(){return c.addMonths(g,1)}),[g]);var v=t.__assign(t.__assign({},n),{goToNextMonth:function(){h((function(e){return c.addMonths(e,1)}))},goToPreviousMonth:function(){h((function(e){return c.subMonths(e,1)}))},range:u,setRange:m,hoverDay:l,setHoverDay:d});return _.default.createElement(_.default.Fragment,null,_.default.createElement(Le,t.__assign({},v,{date:g})),!s&&_.default.createElement(r.StyledCalendarMonthSeparator,null),!s&&_.default.createElement(Le,t.__assign({},v,{date:x})))}function Le(n){var i=n.date,l=n.range,d=n.setRange,s=n.onChange,p=n.goToPreviousMonth,u=n.goToNextMonth,m=n.minDate,f=n.maxDate,g=n.close,h=void 0===g?function(){}:g,x=n.autoClose,v=void 0!==x&&x,y=n.hoverDay,b=n.setHoverDay,E=a.useTranslations().locale,w=e.useMemo((function(){var e;return null!==(e=Ce[E])&&void 0!==e?e:Ce["en-PH"]}),[E]),k=e.useMemo((function(){return c.format(i,"MMMM",{locale:w})}),[i,w]),C=e.useMemo((function(){return w?[1,2,3,4,5,6,0].map((function(e){return w.localize.day(e,{width:"narrow"})})):[]}),[w]);function L(e,n){if(null===e)return _.default.createElement(r.StyledCalendarDayNumberWrapper,{key:"idx-".concat(n),"data-empty":"true"});var a=e.getDate(),i=c.isToday(e),o=!!l.from&&c.isSameDay(l.from,e),s=!!l.to&&c.isSameDay(l.to,e),p=o||s,u=!1;null!==y&&l.from&&c.isBefore(l.from,y)&&!l.to?u=c.isWithinInterval(e,{start:l.from,end:y}):l.from&&l.to&&(u=c.isWithinInterval(e,{start:l.from,end:l.to}));var g=!1;return m&&f?g=!c.isWithinInterval(e,{start:m,end:f}):m?g=c.isBefore(e,m):f&&(g=c.isAfter(e,f)),_.default.createElement(r.StyledCalendarDayNumberWrapper,{key:a,"data-is-today":i,"data-is-past":!i&&c.isPast(e),"data-is-selected":p,"data-is-disabled":g,"data-in-range":u,"data-is-from":o,"data-is-to":s,onMouseEnter:function(){b(e)},onMouseLeave:function(){return b(null)},onClick:function(){g||d((function(n){return v&&l.from&&!l.to&&h(),function(e,n){return n.from||n.to?n.from&&n.to?{from:e,to:null}:n.from?c.isBefore(e,n.from)?t.__assign(t.__assign({},n),{from:e}):t.__assign(t.__assign({},n),{to:e}):n:t.__assign(t.__assign({},n),{from:e})}(e,n)}))}},_.default.createElement(r.StyledCalendarDayNumber,{onClick:function(){}},_.default.createElement("p",null,a)))}return e.useEffect((function(){l.from&&l.to&&s(l)}),[l]),_.default.createElement(r.StyledCalendarWrapper,{className:"calendar-wrapper"},_.default.createElement(r.StyledCalendarHead,null,_.default.createElement(o.Button,{onClick:p,size:"md",color:"ghost",icon:_.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.66875 11.814L1.46875 6.657L5.66875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})}),_.default.createElement("div",{className:"calendar-month"},k,_.default.createElement("strong",null,c.format(i,"yyyy"))),_.default.createElement(o.Button,{onClick:u,size:"md",color:"ghost",icon:_.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.46875 11.814L5.66875 6.657L1.46875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})})),_.default.createElement(r.StyledCalendarCellsWrapper,null,_.default.createElement("div",null,_.default.createElement(r.StyledCalendarDaysOfWeek,null,C.map((function(e,n){return _.default.createElement(r.StyledCalendarDayLabel,{key:"".concat(e,"-").concat(n)},e)})))),_.default.createElement("div",null,function(){for(var e=i.getFullYear(),n=i.getMonth(),t=c.getDaysInMonth(i),a=[],o=1;o<=t;o++)a.push(new Date(e,n,o));var d=a[0]?a[0].getDay():0;if(1!==d){var s=0===d?6:d-1;for(o=0;o<s;o++)a.unshift(null)}return _.default.createElement(r.StyledCalendarMonthWrapper,{key:"month-".concat(n),"data-month-index":n,"data-has-range":Boolean(l.from&&l.to)},_.default.createElement(r.StyledCalendarDaysWrapper,null,_.default.createElement(r.StyledCalendarDateGrid,null,a.map(L))))}())))}var Te,Se,Me,Ne,Ae,Be,ze,De,je,Oe,Pe,Ie,Fe,He,Re,Ue,Ve=A.default.div(Te||(Te=t.__makeTemplateObject(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),Ge=A.default.div(Se||(Se=t.__makeTemplateObject(["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n margin-top: 16px;\n"],["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n margin-top: 16px;\n"]))),Ze=A.default.div(Me||(Me=t.__makeTemplateObject(["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n"],["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.neutral100})),Qe=A.default.div(Ne||(Ne=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),We=A.default.div(Ae||(Ae=t.__makeTemplateObject([""],[""]))),Ye=A.default.div(Be||(Be=t.__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),qe=A.default.div(ze||(ze=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),Xe=A.default.div(De||(De=t.__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"]))),Ke=A.default.div(je||(je=t.__makeTemplateObject(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),Je=A.default.div(Oe||(Oe=t.__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"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),$e=A.default.div(Pe||(Pe=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n\n > :first-child {\n flex: 2;\n }\n\n > :not(:first-child) {\n flex: 1;\n }\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n\n > :first-child {\n flex: 2;\n }\n\n > :not(:first-child) {\n flex: 1;\n }\n"]))),en=A.default.div(Ie||(Ie=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n\n &[data-disabled-divider='false'] {\n border-right: 1px solid #e4e8ec;\n }\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n\n &[data-disabled-divider='false'] {\n border-right: 1px solid #e4e8ec;\n }\n"]))),nn=A.default.div(Fe||(Fe=t.__makeTemplateObject(["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),tn=A.default.div(He||(He=t.__makeTemplateObject(["\n display: none;\n"],["\n display: none;\n"]))),an=A.default.div(Re||(Re=t.__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"]))),on=A.default.div(Ue||(Ue=t.__makeTemplateObject(["\n height: 1px;\n flex: 1;\n margin: 0 16px;\n background-color: ",";\n"],["\n height: 1px;\n flex: 1;\n margin: 0 16px;\n background-color: ",";\n"])),(function(e){return e.theme.mbColors.lightGray})),ln=A.default.div(hn||(hn=t.__makeTemplateObject(["\n position: fixed;\n z-index: 200;\n top: 0;\n width: 100vw;\n height: 100%;\n overflow-x: hidden;\n overflow-y: scroll;\n\n &[data-opened='false'] {\n left: -100%;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftDisappears;\n }\n\n &[data-opened='undefined'] {\n left: -100%;\n }\n\n &[data-opened='true'] {\n left: 0;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftAppears;\n }\n\n &[data-sub-level-opened='false'] {\n right: -100%;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightDisappears;\n }\n\n &[data-sub-level-opened='undefined'] {\n right: -100%;\n }\n\n &[data-sub-level-opened='true'] {\n right: 0;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightAppears;\n }\n"],["\n position: fixed;\n z-index: 200;\n top: 0;\n width: 100vw;\n height: 100%;\n overflow-x: hidden;\n overflow-y: scroll;\n\n &[data-opened='false'] {\n left: -100%;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftDisappears;\n }\n\n &[data-opened='undefined'] {\n left: -100%;\n }\n\n &[data-opened='true'] {\n left: 0;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftAppears;\n }\n\n &[data-sub-level-opened='false'] {\n right: -100%;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightDisappears;\n }\n\n &[data-sub-level-opened='undefined'] {\n right: -100%;\n }\n\n &[data-sub-level-opened='true'] {\n right: 0;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightAppears;\n }\n"]))),rn=A.default.div(xn||(xn=t.__makeTemplateObject(["\n position: relative;\n top: 0;\n\n display: flex;\n width: 100vw;\n min-height: 100%;\n flex-direction: column;\n\n background-color: ",";\n overflow-x: hidden;\n\n &[data-type='category'] {\n z-index: 300;\n\n // momentum scrolling IOS will display under layer if not doing this\n &[data-is-sub-category-opened='true'] {\n animation-duration: 0.2s;\n animation-name: fading;\n }\n }\n\n &[data-type='sub-category'] {\n z-index: 400;\n }\n\n .category-button {\n border: none;\n }\n"],["\n position: relative;\n top: 0;\n\n display: flex;\n width: 100vw;\n min-height: 100%;\n flex-direction: column;\n\n background-color: ",";\n overflow-x: hidden;\n\n &[data-type='category'] {\n z-index: 300;\n\n // momentum scrolling IOS will display under layer if not doing this\n &[data-is-sub-category-opened='true'] {\n animation-duration: 0.2s;\n animation-name: fading;\n }\n }\n\n &[data-type='sub-category'] {\n z-index: 400;\n }\n\n .category-button {\n border: none;\n }\n"])),(function(e){return e.theme.colors.white})),dn=A.default.div(vn||(vn=t.__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"]))),sn=A.default.div(yn||(yn=t.__makeTemplateObject(["\n display: flex;\n\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n align-items: center;\n\n padding-top: 0px;\n //position: absolute;\n\n //top: 0px;\n\n //z-index: -1;\n\n background-color: ",";\n\n &[data-type='sub-level'] {\n padding: 4px 16px 16px;\n background-color: ",";\n }\n\n & > div:first-child {\n justify-self: flex-start;\n }\n\n &[data-with-search-input='false'] {\n //padding-top: 64px;\n }\n"],["\n display: flex;\n\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n align-items: center;\n\n padding-top: 0px;\n //position: absolute;\n\n //top: 0px;\n\n //z-index: -1;\n\n background-color: ",";\n\n &[data-type='sub-level'] {\n padding: 4px 16px 16px;\n background-color: ",";\n }\n\n & > div:first-child {\n justify-self: flex-start;\n }\n\n &[data-with-search-input='false'] {\n //padding-top: 64px;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.white})),cn=A.default.div(bn||(bn=t.__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"]))),pn=A.default.div(En||(En=t.__makeTemplateObject(["\n position: relative;\n\n display: flex;\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n\n overflow-y: scroll;\n"],["\n position: relative;\n\n display: flex;\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n\n overflow-y: scroll;\n"]))),un=A.default.div(wn||(wn=t.__makeTemplateObject(["\n flex: 1;\n padding: 16px;\n background-color: ",";\n"],["\n flex: 1;\n padding: 16px;\n background-color: ",";\n"])),(function(e){return e.theme.colors.white}));A.default.div(kn||(kn=t.__makeTemplateObject(["\n margin-top: 64px;\n"],["\n margin-top: 64px;\n"])));var mn=A.default.div(Cn||(Cn=t.__makeTemplateObject(["\n background-color: ",";\n\n &[data-is-sub-category-opened='true'] {\n display: none;\n }\n\n &[data-hide-on-search='true'] {\n display: none;\n }\n"],["\n background-color: ",";\n\n &[data-is-sub-category-opened='true'] {\n display: none;\n }\n\n &[data-hide-on-search='true'] {\n display: none;\n }\n"])),(function(e){return e.theme.colors.white}));A.default.div(_n||(_n=t.__makeTemplateObject(["\n padding: 24px 0;\n"],["\n padding: 24px 0;\n"])));var fn=A.default.div(Ln||(Ln=t.__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"])));A.default.div(Tn||(Tn=t.__makeTemplateObject(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),A.default.div(Sn||(Sn=t.__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"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),A.default.div(Mn||(Mn=t.__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"]))),A.default.div(Nn||(Nn=t.__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"]))),A.default.div(An||(An=t.__makeTemplateObject(["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"],["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),A.default.div(Bn||(Bn=t.__makeTemplateObject(["\n display: none;\n"],["\n display: none;\n"]))),A.default.div(zn||(zn=t.__makeTemplateObject(["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n"],["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),A.default.div(Dn||(Dn=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink}));var gn=A.default.div(jn||(jn=t.__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"])));A.default.div(On||(On=t.__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"]))),A.default.div(Pn||(Pn=t.__makeTemplateObject(["\n display: block;\n"],["\n display: block;\n"]))),A.default.div(In||(In=t.__makeTemplateObject(["\n .amp-sidebar {\n width: 100vw;\n\n background-color: ",";\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .categoryCard {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n a {\n display: block;\n margin: 12px 0;\n color: ",";\n text-decoration: none;\n }\n }\n }\n"],["\n .amp-sidebar {\n width: 100vw;\n\n background-color: ",";\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .categoryCard {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n a {\n display: block;\n margin: 12px 0;\n color: ",";\n text-decoration: none;\n }\n }\n }\n"])),(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.gray800}));var hn,xn,vn,yn,bn,En,wn,kn,Cn,_n,Ln,Tn,Sn,Mn,Nn,An,Bn,zn,Dn,jn,On,Pn,In,Fn,Hn,Rn=A.default.div(Fn||(Fn=t.__makeTemplateObject(["\n width: 20%;\n height: 2px;\n\n background-color: ",";\n border-radius: 2px;\n"],["\n width: 20%;\n height: 2px;\n\n background-color: ",";\n border-radius: 2px;\n"])),(function(e){return e.theme.mbColors.pink})),Un=A.default.div(Hn||(Hn=t.__makeTemplateObject(["\n .fake-search-input {\n margin-bottom: 24px;\n pointer-events: none;\n }\n"],["\n .fake-search-input {\n margin-bottom: 24px;\n pointer-events: none;\n }\n"]))),Vn=A.default.header(ot||(ot=t.__makeTemplateObject(["\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n align-items: center;\n justify-content: center;\n /* overflow-x: hidden; */\n\n border-bottom: 1px solid\n ",";\n background-color: ",";\n\n &[data-site-type='marryBaby'] {\n border-bottom: none;\n }\n\n &[data-fixed-bar='true'] {\n position: fixed;\n top: 0;\n }\n\n &[data-fixed-bar='false'] {\n position: absolute;\n }\n\n &[data-collapsed='true'] {\n top: -100%;\n transition: top 0.5s;\n }\n\n &[data-collapsed='false'] {\n top: 0px;\n transition: top 0.5s;\n }\n\n .top-bar-header {\n line-height: normal;\n }\n\n &[data-header-type='home'] {\n position: fixed;\n z-index: ",";\n }\n\n &[data-header-type='popup'] {\n position: absolute;\n z-index: ",";\n }\n\n &[data-header-type='popup-sub-level'] {\n position: absolute;\n z-index: ",";\n }\n\n &[data-is-displayed='false'] {\n //display: none;\n visibility: hidden;\n }\n\n &[data-is-amp='true'] {\n position: relative;\n }\n\n .menu-handler:focus #categories-menu {\n left: 0;\n transition: left 0.1s;\n }\n"],["\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n align-items: center;\n justify-content: center;\n /* overflow-x: hidden; */\n\n border-bottom: 1px solid\n ",";\n background-color: ",";\n\n &[data-site-type='marryBaby'] {\n border-bottom: none;\n }\n\n &[data-fixed-bar='true'] {\n position: fixed;\n top: 0;\n }\n\n &[data-fixed-bar='false'] {\n position: absolute;\n }\n\n &[data-collapsed='true'] {\n top: -100%;\n transition: top 0.5s;\n }\n\n &[data-collapsed='false'] {\n top: 0px;\n transition: top 0.5s;\n }\n\n .top-bar-header {\n line-height: normal;\n }\n\n &[data-header-type='home'] {\n position: fixed;\n z-index: ",";\n }\n\n &[data-header-type='popup'] {\n position: absolute;\n z-index: ",";\n }\n\n &[data-header-type='popup-sub-level'] {\n position: absolute;\n z-index: ",";\n }\n\n &[data-is-displayed='false'] {\n //display: none;\n visibility: hidden;\n }\n\n &[data-is-amp='true'] {\n position: relative;\n }\n\n .menu-handler:focus #categories-menu {\n left: 0;\n transition: left 0.1s;\n }\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.white}),g.Z_INDEX.headerContainerHome,g.Z_INDEX.headerContainerPopup,g.Z_INDEX.headerContainerPopupSUbLevel),Gn=A.default.header(lt||(lt=t.__makeTemplateObject(["\n position: absolute;\n bottom: 20px;\n left: 16px;\n display: flex;\n align-items: center;\n"],["\n position: absolute;\n bottom: 20px;\n left: 16px;\n display: flex;\n align-items: center;\n"]))),Zn=A.default.div(rt||(rt=t.__makeTemplateObject(["\n margin-right: 8px;\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n margin-right: 8px;\n &[data-event-category] > * {\n pointer-events: none;\n }\n"]))),Qn=A.default.div(dt||(dt=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n width: 100%;\n height: 64px;\n justify-content: center;\n\n padding: 8px 0;\n margin-top: 64px;\n &[data-sponsored='true'] {\n margin-top: 105px;\n }\n &[data-sitewide-banner-shown='true'] {\n margin-top: 128px;\n }\n\n background-color: ",";\n\n #search-input-home,\n #search-input-home-temp,\n #search-input-popup {\n position: relative;\n z-index: ",";\n width: 100%;\n box-shadow: 0px 0px 5px rgba(38, 38, 38, 0.08);\n }\n\n .displayIcon {\n z-index: ",";\n display: flex;\n width: 24px;\n height: 24px;\n align-items: center;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n opacity: 0;\n }\n\n &[data-is-displayed='true'] {\n opacity: 1;\n transition: opacity 0.2s;\n }\n\n &[data-header-type='popup'] {\n position: fixed;\n z-index: ",";\n left: 0;\n width: 100vw;\n }\n"],["\n position: relative;\n display: flex;\n width: 100%;\n height: 64px;\n justify-content: center;\n\n padding: 8px 0;\n margin-top: 64px;\n &[data-sponsored='true'] {\n margin-top: 105px;\n }\n &[data-sitewide-banner-shown='true'] {\n margin-top: 128px;\n }\n\n background-color: ",";\n\n #search-input-home,\n #search-input-home-temp,\n #search-input-popup {\n position: relative;\n z-index: ",";\n width: 100%;\n box-shadow: 0px 0px 5px rgba(38, 38, 38, 0.08);\n }\n\n .displayIcon {\n z-index: ",";\n display: flex;\n width: 24px;\n height: 24px;\n align-items: center;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n opacity: 0;\n }\n\n &[data-is-displayed='true'] {\n opacity: 1;\n transition: opacity 0.2s;\n }\n\n &[data-header-type='popup'] {\n position: fixed;\n z-index: ",";\n left: 0;\n width: 100vw;\n }\n"])),(function(e){return e.theme.colors.white}),g.Z_INDEX.menuSearchInputPopup,g.Z_INDEX.menuSearchInputDisplayIcon,g.Z_INDEX.menuSearchPopup),Wn=A.default.div(st||(st=t.__makeTemplateObject(["\n position: fixed;\n z-index: 201;\n top: 0;\n left: 0;\n\n width: 100%;\n align-items: center;\n\n background-color: ",";\n\n transition: height 0.3s;\n\n .menu-handler-item {\n gap: 8px;\n a {\n text-decoration: none;\n }\n }\n\n &[data-site-type='helloSites'] {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-marry-baby-tone='pink'] {\n background-color: ",";\n }\n\n //categories\n .menu-handler-categories:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-categories:focus-within .top-menu-categories {\n display: block;\n }\n .menu-handler-categories:focus .top-menu-health-tools {\n display: none;\n }\n\n //health tools\n .menu-handler-health-tools:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-health-tools:focus-within .top-menu-health-tools {\n display: block;\n }\n .menu-handler-health-tools:focus .top-menu-categories {\n display: none;\n }\n\n //communities\n .menu-handler-communities:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-communities:focus-within .top-menu-communities {\n display: block;\n }\n .menu-handler-communities:focus .top-menu-care-specialties {\n display: none;\n }\n\n //care\n .menu-handler-care-specialties:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-care-specialties:focus-within .top-menu-care-specialties {\n display: block;\n }\n .menu-handler-care-specialties:focus .top-menu-communities {\n display: none;\n }\n"],["\n position: fixed;\n z-index: 201;\n top: 0;\n left: 0;\n\n width: 100%;\n align-items: center;\n\n background-color: ",";\n\n transition: height 0.3s;\n\n .menu-handler-item {\n gap: 8px;\n a {\n text-decoration: none;\n }\n }\n\n &[data-site-type='helloSites'] {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-marry-baby-tone='pink'] {\n background-color: ",";\n }\n\n //categories\n .menu-handler-categories:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-categories:focus-within .top-menu-categories {\n display: block;\n }\n .menu-handler-categories:focus .top-menu-health-tools {\n display: none;\n }\n\n //health tools\n .menu-handler-health-tools:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-health-tools:focus-within .top-menu-health-tools {\n display: block;\n }\n .menu-handler-health-tools:focus .top-menu-categories {\n display: none;\n }\n\n //communities\n .menu-handler-communities:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-communities:focus-within .top-menu-communities {\n display: block;\n }\n .menu-handler-communities:focus .top-menu-care-specialties {\n display: none;\n }\n\n //care\n .menu-handler-care-specialties:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-care-specialties:focus-within .top-menu-care-specialties {\n display: block;\n }\n .menu-handler-care-specialties:focus .top-menu-communities {\n display: none;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.mbColors.lightPink})),Yn=A.default.div(ct||(ct=t.__makeTemplateObject(["\n display: flex;\n height: 100%;\n align-items: center;\n\n justify-content: space-between;\n padding: 0;\n"],["\n display: flex;\n height: 100%;\n align-items: center;\n\n justify-content: space-between;\n padding: 0;\n"]))),qn=A.default.div(pt||(pt=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),Xn=A.default.div(ut||(ut=t.__makeTemplateObject(["\n padding-right: 16px;\n &[data-is-having-border='true'] {\n border-right: 1px solid\n ",";\n }\n"],["\n padding-right: 16px;\n &[data-is-having-border='true'] {\n border-right: 1px solid\n ",";\n }\n"])),(function(e){return e.theme.colors.neutral100})),Kn=A.default.div(mt||(mt=t.__makeTemplateObject(["\n padding: 0 16px;\n\n & > div {\n background-color: ",";\n }\n\n &[data-marry-baby-theme='white'] > div {\n background-color: ",";\n }\n\n #search-input-home,\n #search-input-home-temp {\n height: 32px;\n box-sizing: border-box;\n padding: 0 16px 0 48px;\n border: 1px solid ",";\n border-radius: 6px;\n filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));\n outline: none;\n }\n\n &[data-is-styled-borderless='true'] {\n #search-input-home,\n #search-input-home-temp {\n height: 40px;\n border: 1px solid ",";\n border-radius: 16px;\n filter: none;\n }\n }\n"],["\n padding: 0 16px;\n\n & > div {\n background-color: ",";\n }\n\n &[data-marry-baby-theme='white'] > div {\n background-color: ",";\n }\n\n #search-input-home,\n #search-input-home-temp {\n height: 32px;\n box-sizing: border-box;\n padding: 0 16px 0 48px;\n border: 1px solid ",";\n border-radius: 6px;\n filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));\n outline: none;\n }\n\n &[data-is-styled-borderless='true'] {\n #search-input-home,\n #search-input-home-temp {\n height: 40px;\n border: 1px solid ",";\n border-radius: 16px;\n filter: none;\n }\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.mbColors.lightGray}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.white})),Jn=A.default.div(ft||(ft=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n & > :not(:first-child) {\n margin-left: 6px;\n }\n"],["\n display: flex;\n align-items: center;\n\n & > :not(:first-child) {\n margin-left: 6px;\n }\n"]))),$n=A.default.div(gt||(gt=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n margin-left: 8px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 8px;\n"]))),et=A.default.div(ht||(ht=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n margin-left: 4px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 4px;\n"]))),nt=A.default.div(xt||(xt=t.__makeTemplateObject(["\n margin-right: 8px;\n & > div {\n display: flex;\n align-items: center;\n\n cursor: pointer;\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n\n &[data-is-active='true'] {\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n }\n\n &[data-is-active='false'] {\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n }\n .care-navigator {\n color: ",";\n font-size: 14px;\n font-weight: 700;\n }\n"],["\n margin-right: 8px;\n & > div {\n display: flex;\n align-items: center;\n\n cursor: pointer;\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n\n &[data-is-active='true'] {\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n }\n\n &[data-is-active='false'] {\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n }\n .care-navigator {\n color: ",";\n font-size: 14px;\n font-weight: 700;\n }\n"])),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.mbColors.pink}),(function(e){return e.theme.colors.secondaryDark}),(function(e){return e.theme.mbColors.dark}),(function(e){return e.theme.colors.secondaryDark})),tt=A.default.div(vt||(vt=t.__makeTemplateObject(["\n flex-shrink: 0;\n & > div {\n display: flex;\n align-items: center;\n\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n "," {\n position: absolute;\n right: 16px;\n bottom: 16px;\n height: 32px;\n display: flex;\n }\n .menu-handler-item {\n gap: 8px;\n .care-button {\n text-decoration: none;\n }\n }\n\n .login-btn-mobile[data-color='secondary'][data-size='sm'] {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n"],["\n flex-shrink: 0;\n & > div {\n display: flex;\n align-items: center;\n\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n "," {\n position: absolute;\n right: 16px;\n bottom: 16px;\n height: 32px;\n display: flex;\n }\n .menu-handler-item {\n gap: 8px;\n .care-button {\n text-decoration: none;\n }\n }\n\n .login-btn-mobile[data-color='secondary'][data-size='sm'] {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n"])),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown),at=A.default.div(yt||(yt=t.__makeTemplateObject(["\n display: block;\n"],["\n display: block;\n"]))),it=A.default.div(bt||(bt=t.__makeTemplateObject([""],[""])));A.default.div(Et||(Et=t.__makeTemplateObject(["\n .amp-sidebar {\n width: 100vw;\n max-width: 100vw;\n background-color: ",";\n }\n\n .nav-card {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n span {\n margin-top: 4px;\n font-size: 13px;\n font-weight: ",";\n }\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: ",";\n }\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n > div:first-child > amp-img {\n margin-left: 1rem;\n }\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n\n img {\n object-fit: contain;\n }\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n position: relative;\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n &.health-tool {\n display: flex;\n align-items: center;\n\n amp-img {\n margin-right: 1rem;\n }\n + li {\n border-top: none;\n }\n\n a {\n display: flex;\n align-items: center;\n }\n }\n\n a {\n display: block;\n margin: 16px 0;\n color: ",";\n text-decoration: none;\n }\n\n &::after {\n position: absolute;\n top: 50%;\n right: 0;\n content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n"],["\n .amp-sidebar {\n width: 100vw;\n max-width: 100vw;\n background-color: ",";\n }\n\n .nav-card {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n span {\n margin-top: 4px;\n font-size: 13px;\n font-weight: ",";\n }\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: ",";\n }\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n > div:first-child > amp-img {\n margin-left: 1rem;\n }\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n\n img {\n object-fit: contain;\n }\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n position: relative;\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n &.health-tool {\n display: flex;\n align-items: center;\n\n amp-img {\n margin-right: 1rem;\n }\n + li {\n border-top: none;\n }\n\n a {\n display: flex;\n align-items: center;\n }\n }\n\n a {\n display: block;\n margin: 16px 0;\n color: ",";\n text-decoration: none;\n }\n\n &::after {\n position: absolute;\n top: 50%;\n right: 0;\n content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n"])),(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.gray800}));var ot,lt,rt,dt,st,ct,pt,ut,mt,ft,gt,ht,xt,vt,yt,bt,Et,wt,kt,Ct,_t,Lt,Tt=A.default.div(wt||(wt=t.__makeTemplateObject(["\n width: 40px;\n height: 40px;\n cursor: pointer;\n\n img {\n border-radius: 50%;\n }\n\n .avatar {\n width: 40px;\n height: 40px;\n object-fit: cover;\n }\n\n .avatar-default {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n color: white;\n font-size: 20px;\n font-weight: bold;\n }\n"],["\n width: 40px;\n height: 40px;\n cursor: pointer;\n\n img {\n border-radius: 50%;\n }\n\n .avatar {\n width: 40px;\n height: 40px;\n object-fit: cover;\n }\n\n .avatar-default {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n color: white;\n font-size: 20px;\n font-weight: bold;\n }\n"])),(function(e){return e.theme.colors.secondaryBase})),St=function(){return _.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.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"}))},Mt=A.default.div(kt||(kt=t.__makeTemplateObject(["\n amp-sidebar {\n width: 100vw;\n max-width: 100vw;\n background-color: ",";\n }\n\n .nav-card {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n span {\n margin-top: 4px;\n font-size: 13px;\n font-weight: ",";\n }\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: ",";\n }\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n > div:first-child > amp-img {\n margin-left: 1rem;\n }\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n\n img {\n object-fit: contain;\n }\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n position: relative;\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n &.health-tool {\n display: flex;\n align-items: center;\n\n amp-img {\n margin-right: 1rem;\n }\n + li {\n border-top: none;\n }\n\n a {\n display: flex;\n align-items: center;\n }\n }\n\n a {\n display: block;\n margin: 16px 0;\n color: ",";\n text-decoration: none;\n }\n\n &:not(.spotlight-li)::after {\n position: absolute;\n top: 50%;\n right: 0;\n content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n"],["\n amp-sidebar {\n width: 100vw;\n max-width: 100vw;\n background-color: ",";\n }\n\n .nav-card {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n span {\n margin-top: 4px;\n font-size: 13px;\n font-weight: ",";\n }\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: ",";\n }\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n > div:first-child > amp-img {\n margin-left: 1rem;\n }\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n\n img {\n object-fit: contain;\n }\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n position: relative;\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n &.health-tool {\n display: flex;\n align-items: center;\n\n amp-img {\n margin-right: 1rem;\n }\n + li {\n border-top: none;\n }\n\n a {\n display: flex;\n align-items: center;\n }\n }\n\n a {\n display: block;\n margin: 16px 0;\n color: ",";\n text-decoration: none;\n }\n\n &:not(.spotlight-li)::after {\n position: absolute;\n top: 50%;\n right: 0;\n content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n"])),(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.gray800})),Nt=A.default.a(Ct||(Ct=t.__makeTemplateObject(["\n position: relative;\n margin: 0 16px 24px;\n display: block;\n text-decoration: none;\n\n svg {\n position: absolute;\n left: 12px;\n top: 12px;\n }\n\n .amp-search-input {\n border: 1px solid ",";\n height: 48px;\n border-radius: 6px;\n background-color: ",";\n padding-left: 48px;\n }\n"],["\n position: relative;\n margin: 0 16px 24px;\n display: block;\n text-decoration: none;\n\n svg {\n position: absolute;\n left: 12px;\n top: 12px;\n }\n\n .amp-search-input {\n border: 1px solid ",";\n height: 48px;\n border-radius: 6px;\n background-color: ",";\n padding-left: 48px;\n }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.white})),At=function(e){var t=e.locale,a=e.categoriesSSR,i=e.healthToolsSSR,l=e.spotlightsSSR,d=e.serviceUrls,s=e.together,c=e.care,p=e.basePath,u=e.searchPlaceholder,m=r.useTranslation();return _.default.createElement(Mt,null,_.default.createElement("amp-sidebar",{id:"discover-amp-sidebar",layout:"nodisplay",style:{width:"100vw",maxWidth:"100vw"}},_.default.createElement("amp-nested-menu",{layout:"fill"},_.default.createElement("ul",{style:{paddingBottom:24}},_.default.createElement("div",{className:"amp__menu-header"},_.default.createElement(at,{on:"tap:discover-amp-sidebar.close",role:"button",tabIndex:1},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),_.default.createElement("div",{className:"logo"},_.default.createElement(n.Logo,{height:"32px",width:"121px",type:g.LOCALE_SPECS.LOGO_TYPE,isAmp:!0,badge:"id-ID"===t?_.default.createElement("amp-img",{src:r.img,width:"56",height:"23"}):void 0})),_.default.createElement("div",null)),_.default.createElement(Nt,{href:"/search"},_.default.createElement(St,null),_.default.createElement("input",{className:"amp-search-input",type:"text",placeholder:u,readOnly:!0})),_.default.createElement("div",{className:"categories__spotlight"},_.default.createElement(it,{on:"tap:AMP.setState({healthToolsActive: true})",className:"nav-card active","data-amp-bind-class":"healthToolsActive ? 'nav-card active' : 'nav-card not-active'",role:"button",tabIndex:1},_.default.createElement("amp-img",{src:r.img$1,width:"48",height:"48"}),_.default.createElement("span",null,m("home.navigator.menuItem.discover"))),_.default.createElement(it,{role:"button",tabIndex:1,className:"nav-card",on:"tap:AMP.setState({healthToolsActive: false})","data-amp-bind-class":"healthToolsActive ? 'nav-card not-active' : 'nav-card active'"},_.default.createElement("amp-img",{src:r.img$2,width:"48",height:"48"}),_.default.createElement("span",null,m("home.navigator.menuItem.healthTools"))),s.TOGETHER_MENU_COUNTRIES_ENABLED.includes(t)&&_.default.createElement("a",{href:d.TOGETHER_URL_FE},_.default.createElement(it,{role:"button",tabIndex:1,className:"nav-card",on:"tap:AMP.setState({healthToolsActive: false})"},_.default.createElement("amp-img",{src:r.img$3,width:"48",height:"48"}),_.default.createElement("span",null,m("home.navigator.menuItem.together")))),c.CARE_MENU_COUNTRIES_ENABLED.includes(t)&&_.default.createElement("a",{href:d.CARE_URL_FE},_.default.createElement(it,{role:"button",tabIndex:1,className:"nav-card"},_.default.createElement("amp-img",{src:r.img$4,width:"48",height:"48"}),_.default.createElement("span",null,m("home.navigator.menuItem.helloCare"))))),_.default.createElement("ul",{className:"categories","data-amp-bind-hidden":"!healthToolsActive",style:{marginBottom:24}},_.default.createElement(o.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:24}},m("home.navigator.menuItem.discover")),a&&a.length>1&&a.map((function(e){return _.default.createElement("li",{key:e.name},_.default.createElement("a",{href:e.permalink},e.displayName))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(d.DISCOVER_URL_FE,"/categories/")},_.default.createElement(qe,{key:"all-categories"},m("home.navigator.menuItem.allCategories"),_.default.createElement(gn,null,_.default.createElement("amp-img",{src:"".concat(p,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},height:"16",width:"16",alt:m("home.navigator.menuItem.allCategories")}))))),_.default.createElement("ul",{className:"categories","data-amp-bind-hidden":"!healthToolsActive"},_.default.createElement(o.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:24}},m("home.navigator.menuItem.spotlights")),l&&l.length>0&&l.map((function(e){return _.default.createElement("li",{key:e.id,className:"spotlight-li"},_.default.createElement("a",{href:e.permalink},e.name))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(d.DISCOVER_URL_FE,"/spotlight/")},_.default.createElement(qe,{key:"all-spotlight"},m("home.navigator.menuItem.allSpotlight"),_.default.createElement(gn,null,_.default.createElement("amp-img",{src:"".concat(p,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},height:"16",width:"16",alt:m("home.navigator.menuItem.allSpotlight")}))))),_.default.createElement("ul",{className:"categories","data-amp-bind-hidden":"healthToolsActive",hidden:!0},i&&i.length>1&&i.map((function(e,n){return e.healthTools&&e.healthTools.length>0&&_.default.createElement(_.default.Fragment,{key:n},_.default.createElement(o.Heading,{tag:"h4",fontWeight:"bold"},e.name),e.healthTools.map((function(e){return _.default.createElement("li",{key:e.title,className:"health-tool"},_.default.createElement("a",{href:e.link},_.default.createElement("amp-img",{width:"32",height:"32",src:e.icon}),_.default.createElement("span",null,e.title)))})))})))))))},Bt="data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.5 12L10.5 8L6.5 4' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",zt="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Dt="data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' stroke='%232D87F3' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 13.7499V9.58325' stroke='%232D87F3' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 6.25H10.0125' stroke='%232D87F3' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",jt=A.default.footer(_t||(_t=t.__makeTemplateObject(["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image {\n width: 10%;\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image {\n width: 10%;\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbUp),Ot=A.default.div(Lt||(Lt=t.__makeTemplateObject(["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"],["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"]))),Pt=function(e){var n=e.url,t=e.isMobile,a=e.dataEventCategory,i=e.dataEventAction,o=e.dataEventLabel;return _.default.createElement(Ot,{"data-is-mobile":t},_.default.createElement("img",{className:"country-flag",src:n,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":o}))},It=function(e){var t,a,i,d,s,c,p,u,m,f,h,x,v,y,b,E,w,k,C,L,T,S,M,N,A,B,z,D,j,O,P,I,F,H,R,U=e.className,V=e.type,G=void 0===V?"main":V,Z=e.footerInfo,Q=e.isMobile,W=e.locale,Y=e.isAmp,q=r.useTranslation(),X=null==Z?void 0:Z.menu;return _.default.createElement(jt,{as:Y&&"mini"===G?"div":"footer",className:U,style:"mini"===G?{backgroundColor:l.theme.colors.neutral50}:{},"next-page-hide":!0},_.default.createElement(n.Container,null,_.default.createElement("div",{className:"inner","data-type":G,"next-page-hide":""},"main"===G?_.default.createElement(_.default.Fragment,null,_.default.createElement("a",{href:"/"},Y?(null===(a=null==Z?void 0:Z.general)||void 0===a?void 0:a.logo)?_.default.createElement("amp-img",{src:null===(i=null==Z?void 0:Z.general)||void 0===i?void 0:i.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:_.default.createElement("img",{className:"footer-logo",src:null===(t=null==Z?void 0:Z.general)||void 0===t?void 0:t.logo,alt:"Logo","data-is-sehat":"id-ID"===W})),_.default.createElement("div",{className:"columns"},_.default.createElement("div",{className:"newsletter"},_.default.createElement(n.Text,{size:"p1",type:"bold"},null===(d=null==Z?void 0:Z.general)||void 0===d?void 0:d.content),_.default.createElement(o.Button,{className:"signupButton",color:"primary",size:"lg"},q("footer.signUp")),_.default.createElement("div",{className:"social"},_.default.createElement(n.Text,{size:"sm",type:"regular"},null===(s=null==Z?void 0:Z.social)||void 0===s?void 0:s.title),_.default.createElement("div",{className:"icons"},null===(p=null===(c=null==Z?void 0:Z.social)||void 0===c?void 0:c.socials)||void 0===p?void 0:p.map((function(e,n){return _.default.createElement("a",{key:n,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},Y?_.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):_.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon"}))}))),_.default.createElement("hr",{className:"hrMobile"}))),_.default.createElement("div",null,X&&_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{className:"biglinks"},null===(m=null===(u=X[0])||void 0===u?void 0:u.items)||void 0===m?void 0:m.map((function(e,n){return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(g.domainLocales[W]).concat(e.url),className:"bigLink",key:n,href:e.url},e.title)}))),_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(f=X[1])||void 0===f?void 0:f.menu_title),null===(x=null===(h=X[1])||void 0===h?void 0:h.items)||void 0===x?void 0:x.map((function(e,t){return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(g.domainLocales[W]).concat(e.url),className:"link",href:e.url,key:t},_.default.createElement(n.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(g.domainLocales[W]).concat(e.url)},e.title))}))),_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(v=X[2])||void 0===v?void 0:v.menu_title),null===(b=null===(y=X[2])||void 0===y?void 0:y.items)||void 0===b?void 0:b.map((function(e,t){return e.url&&_.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:t},_.default.createElement(n.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!Y&&_.default.createElement(_.default.Fragment,null,_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"otherSites"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(E=null==Z?void 0:Z.branch)||void 0===E?void 0:E.title),_.default.createElement("div",{className:"flags"},null===(k=null===(w=null==Z?void 0:Z.branch)||void 0===w?void 0:w.branch)||void 0===k?void 0:k.map((function(e,n){return _.default.createElement("a",{className:"link",href:e.url,key:n,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},_.default.createElement(Pt,{url:e.flag,isMobile:Q,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url}))}))))))),_.default.createElement("hr",null),_.default.createElement("div",{className:"copyright","data-is-amp":Y||void 0},(null===(C=null==Z?void 0:Z.general)||void 0===C?void 0:C.verified)&&_.default.createElement("a",{href:null===(T=null===(L=null==Z?void 0:Z.general)||void 0===L?void 0:L.verified[0])||void 0===T?void 0:T.url,className:"copyright-image"},Y?_.default.createElement("amp-img",{src:null===(M=null===(S=null==Z?void 0:Z.general)||void 0===S?void 0:S.verified[0])||void 0===M?void 0:M.image,alt:"DMCA Icon",width:"100",height:"36"}):_.default.createElement("img",{src:null===(A=null===(N=null==Z?void 0:Z.general)||void 0===N?void 0:N.verified[0])||void 0===A?void 0:A.image,alt:"DMCA Icon"})),_.default.createElement(n.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(B=null==Z?void 0:Z.general)||void 0===B?void 0:B.copyright)),"vi-VN"===W&&_.default.createElement(n.Text,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):_.default.createElement(_.default.Fragment,null,(null==Z?void 0:Z.menu)&&_.default.createElement("div",{className:"columns"},_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(z=null==Z?void 0:Z.menu[1])||void 0===z?void 0:z.menu_title),null===(j=null===(D=null==Z?void 0:Z.menu[1])||void 0===D?void 0:D.items)||void 0===j?void 0:j.map((function(e){return _.default.createElement("a",{className:"link",href:e.url,key:e.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":e.title,"data-content-id":"https://".concat(g.domainLocales[W]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(g.domainLocales[W]).concat(e.url)},_.default.createElement(n.Text,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(g.domainLocales[W]).concat(e.url),size:"sm",type:"regular",style:{color:l.theme.colors.gray800}},e.title))}))),_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(O=null==Z?void 0:Z.menu[2])||void 0===O?void 0:O.menu_title),null===(I=null===(P=null==Z?void 0:Z.menu[2])||void 0===P?void 0:P.items)||void 0===I?void 0:I.map((function(e,t){return _.default.createElement("a",{className:"link",href:e.url,key:t,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":e.title,"data-content-id":e.url,"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url},_.default.createElement(n.Text,{size:"sm",type:"regular",style:{color:l.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!Y&&"mini"!==G&&_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"newsletter"},_.default.createElement("div",{className:"social"},_.default.createElement(n.Text,{size:"sm",type:"regular"},null===(F=null==Z?void 0:Z.social)||void 0===F?void 0:F.title),_.default.createElement("div",{className:"icons"},null===(R=null===(H=null==Z?void 0:Z.social)||void 0===H?void 0:H.socials)||void 0===R?void 0:R.map((function(e,n){return _.default.createElement("a",{key:n,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},Y?_.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):_.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon"}))}))))))))))};A.default((function(e){var n=e.type,a=t.__rest(e,["type"]);return _.default.createElement(n,a)}))(Ft||(Ft=t.__makeTemplateObject(["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"],["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"])),(function(e){return e.theme.mbColors.dark}));var Ft,Ht,Rt=A.default.p(Ht||(Ht=t.__makeTemplateObject(["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"],["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"])),(function(e){return e.theme.mbColors.dark})),Ut=function(e){var n=e.type,a=e.color,i=e.style,o=t.__rest(e,["type","color","style"]);return _.default.createElement(Rt,t.__assign({"data-type":n,style:t.__assign(t.__assign({},i),a&&{"--text-color":a})},o))};A.default.footer(Vt||(Vt=t.__makeTemplateObject(["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),(function(e){return e.theme.mbColors.lightGray}),a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbUp);var Vt,Gt,Zt,Qt,Wt,Yt,qt,Xt,Kt,Jt,$t,ea,na,ta,aa,ia,oa,la,ra,da,sa,ca,pa,ua,ma,fa=A.default.div(Gt||(Gt=t.__makeTemplateObject([""],[""]))),ga=A.default.div(Zt||(Zt=t.__makeTemplateObject(["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"]))),ha=A.default.div(Qt||(Qt=t.__makeTemplateObject(["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"],["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"])),a.MediaQueries.mbDown),xa=A.default.div(Wt||(Wt=t.__makeTemplateObject(["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"],["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.gray800}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,a.MediaQueries.mbDown),va=A.default.div(Yt||(Yt=t.__makeTemplateObject(["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"],["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"])),a.MediaQueries.mbUp,a.MediaQueries.mbDown),ya=A.default.div(qt||(qt=t.__makeTemplateObject(["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"],["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray}),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray})),ba=A.default.div(Xt||(Xt=t.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"],["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"]))),Ea=function(e){var t,a=e.socialLinks,i=void 0===a?g.MARRY_BABY_DEFAULT_FOOTER.SOCIAL_LINKS:a,o=i.facebookLink,d=i.instagramLink,c=i.zaloLink,p=i.youtubeLink,u=e.copyrightText,m=e.logoType,f=void 0===m?"marryBaby":m,h=e.isMobile,x=e.footerMenu,v=void 0===x?[]:x,y=e.type,b=void 0===y?"main":y,E=r.useTranslation();return"main"===b?_.default.createElement(fa,{className:"footer-container"},!h&&_.default.createElement("div",{className:"footer-divider"},_.default.createElement(n.Container,{type:"marryBaby"},_.default.createElement(s.Divider,{style:{padding:"0 16px"},type:"solid"}))),_.default.createElement(ha,null,_.default.createElement(n.Container,{type:"marryBaby"},_.default.createElement(xa,null,_.default.createElement("div",{className:"grid"},null===(t=h?null==v?void 0:v.slice(0,6):v)||void 0===t?void 0:t.map((function(e,n){var t=e.title,a=e.link;return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":t,"data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(n)},_.default.createElement(Ut,{color:l.theme.colors.gray800,type:"subtitle-2"},t))})),_.default.createElement("div",{className:"social-wrapper"},_.default.createElement("div",{className:"social"},_.default.createElement(Ut,{type:"subtitle-2"},E("footer.followUsText")),_.default.createElement("div",{className:"icons-links"},o&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":o,href:o},_.default.createElement("img",{src:P,alt:"Facebook"})),p&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":p,href:p},_.default.createElement("img",{src:U,alt:"Youtube"})),d&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":d,href:d},_.default.createElement("img",{src:I,alt:"Instagram"})),c&&_.default.createElement("a",{target:"_blank",rel:"noreferrer",href:c,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":c},_.default.createElement("img",{src:V,alt:"Zalo"}))))))))),_.default.createElement(va,null,_.default.createElement(n.Container,{type:"marryBaby"},_.default.createElement(ya,null,_.default.createElement(n.Logo,{className:"logo",type:f,width:"121px"}),_.default.createElement(Ut,{className:"company-name",type:"subtitle-2"},E("footer.info.companyName")),_.default.createElement("div",{className:"text-info"},_.default.createElement(Ut,{type:"bodytext-3"},E("footer.info.address")),_.default.createElement(Ut,{type:"bodytext-3"},E("footer.info.license")),_.default.createElement(Ut,{type:"bodytext-3"},E("footer.info.email"))),_.default.createElement("div",{className:"img-container"},_.default.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),_.default.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},_.default.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!h&&_.default.createElement(s.Divider,{type:"solid"}),_.default.createElement("div",{className:"language-and-copyright"},_.default.createElement(Ut,{type:"bodytext-3"},u)))))):_.default.createElement(ga,null,_.default.createElement(ba,null),_.default.createElement(Ut,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:l.theme.sizes.fwSemiBold},color:l.theme.mbColors.midGray},E("footer.followUsText")),_.default.createElement("div",{className:"icons-links"},o&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":o,href:o},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z",fill:"url(#paint0_linear)"}),_.default.createElement("defs",null,_.default.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},_.default.createElement("stop",{stopColor:"#4DABF7"}),_.default.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),p&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":p,href:p},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),d&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":d,href:d},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z",fill:"url(#paint0_radial)"}),_.default.createElement("defs",null,_.default.createElement("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)"},_.default.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),_.default.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),_.default.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),_.default.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),_.default.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),_.default.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),_.default.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),_.default.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),_.default.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),_.default.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),_.default.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),c&&_.default.createElement("a",{target:"_blank",rel:"noreferrer",href:c,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":c},_.default.createElement("div",{style:{height:24,width:24}},_.default.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))},wa=function(e){var n,a,i,o,l,r,d,s,c,p,u,m=e.type,f=e.isMobile,g=void 0===f||f,h=e.locale,x=e.footerInfo,v=e.isAmp,y=e.siteType,b=e.ampNextArticle,E=e.routerQuery;return"helloSites"===y?_.default.createElement(_.default.Fragment,null,v&&(null!==(a=null===(n=null==E?void 0:E.slug)||void 0===n?void 0:n.length)&&void 0!==a?a:"")>1&&_.default.createElement("amp-next-page",null,_.default.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:'\n [\n {\n "image": "'.concat(null===(i=null==b?void 0:b.articleOne)||void 0===i?void 0:i.image,'",\n "title": ').concat(JSON.stringify(null===(o=null==b?void 0:b.articleOne)||void 0===o?void 0:o.title),',\n "url": "').concat(null===(l=null==b?void 0:b.articleOne)||void 0===l?void 0:l.link,'"\n },\n {\n "image": "').concat(null===(r=null==b?void 0:b.articleTwo)||void 0===r?void 0:r.image,'",\n "title": ').concat(JSON.stringify(null===(d=null==b?void 0:b.articleTwo)||void 0===d?void 0:d.title),',\n "url": "').concat(null===(s=null==b?void 0:b.articleTwo)||void 0===s?void 0:s.link,'"\n },\n {\n "image": "').concat(null===(c=null==b?void 0:b.articleThree)||void 0===c?void 0:c.image,'",\n "title": ').concat(JSON.stringify(null===(p=null==b?void 0:b.articleThree)||void 0===p?void 0:p.title),',\n "url": "').concat(null===(u=null==b?void 0:b.articleThree)||void 0===u?void 0:u.link,'"\n }\n ]\n ')}}),_.default.createElement("div",t.__assign({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:")),_.default.createElement(It,{isAmp:v,isMobile:g,type:m,locale:h,footerInfo:x||{}})):_.default.createElement(Ea,{isMobile:g,locale:h,footerMenu:x||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:e.marryBabySocialLinks,type:m})},ka=A.default.div(Kt||(Kt=t.__makeTemplateObject(["\n width: 100vw;\n"],["\n width: 100vw;\n"]))),Ca=A.default.div(Jt||(Jt=t.__makeTemplateObject(["\n @keyframes menuLeftToRightTrans {\n from {\n margin-left: -300%;\n opacity: 0;\n }\n to {\n margin-left: 0;\n opacity: 1;\n }\n }\n\n @keyframes menuRightToLeftTrans {\n from {\n margin-right: -300%;\n opacity: 0;\n }\n to {\n margin-right: 0;\n opacity: 1;\n }\n }\n\n @keyframes leftAppears {\n from {\n left: -50%;\n opacity: 0;\n }\n to {\n left: 0;\n opacity: 1;\n }\n }\n\n @keyframes leftDisappears {\n from {\n left: 0;\n opacity: 1;\n }\n to {\n left: -50%;\n opacity: 0;\n }\n }\n\n @keyframes rightAppears {\n from {\n right: -50%;\n opacity: 0;\n }\n to {\n right: 0;\n opacity: 1;\n }\n }\n\n @keyframes rightDisappears {\n from {\n right: 0;\n opacity: 1;\n }\n to {\n right: -50%;\n opacity: 0;\n }\n }\n\n @keyframes expandingTopToBottom {\n from {\n margin-top: -100%;\n opacity: 0;\n }\n to {\n margin-top: 0;\n opacity: 1;\n }\n }\n\n @keyframes collapsingBottomToTop {\n from {\n margin-top: 0;\n opacity: 1;\n }\n to {\n margin-top: -100%;\n opacity: 0;\n }\n }\n\n width: 100%;\n\n ","\n\n background-color: ",";\n\n &[data-menu-opened='true'] {\n visibility: hidden;\n }\n"],["\n @keyframes menuLeftToRightTrans {\n from {\n margin-left: -300%;\n opacity: 0;\n }\n to {\n margin-left: 0;\n opacity: 1;\n }\n }\n\n @keyframes menuRightToLeftTrans {\n from {\n margin-right: -300%;\n opacity: 0;\n }\n to {\n margin-right: 0;\n opacity: 1;\n }\n }\n\n @keyframes leftAppears {\n from {\n left: -50%;\n opacity: 0;\n }\n to {\n left: 0;\n opacity: 1;\n }\n }\n\n @keyframes leftDisappears {\n from {\n left: 0;\n opacity: 1;\n }\n to {\n left: -50%;\n opacity: 0;\n }\n }\n\n @keyframes rightAppears {\n from {\n right: -50%;\n opacity: 0;\n }\n to {\n right: 0;\n opacity: 1;\n }\n }\n\n @keyframes rightDisappears {\n from {\n right: 0;\n opacity: 1;\n }\n to {\n right: -50%;\n opacity: 0;\n }\n }\n\n @keyframes expandingTopToBottom {\n from {\n margin-top: -100%;\n opacity: 0;\n }\n to {\n margin-top: 0;\n opacity: 1;\n }\n }\n\n @keyframes collapsingBottomToTop {\n from {\n margin-top: 0;\n opacity: 1;\n }\n to {\n margin-top: -100%;\n opacity: 0;\n }\n }\n\n width: 100%;\n\n ","\n\n background-color: ",";\n\n &[data-menu-opened='true'] {\n visibility: hidden;\n }\n"])),(function(e){return e.hasStickyBottomBar&&"padding-bottom: 80px;"}),(function(e){return e.theme.colors.white})),_a=A.default.div($t||($t=t.__makeTemplateObject(["\n width: 100%;\n padding-bottom: 80px;\n\n background-color: ",";\n\n &[data-is-mobile='false'] {\n margin-top: 69px;\n &[data-sponsored='true'] {\n margin-top: 110px;\n &[data-sitewide='true'] {\n margin-top: 173px;\n }\n }\n &[data-sitewide='true'] {\n margin-top: 133px;\n }\n }\n &[data-is-mobile='true'] {\n &[data-sitewide='true'],\n &[data-sponsored='true'] {\n margin-top: 60px;\n }\n }\n\n &[data-menu-opened='true'] {\n visibility: hidden;\n }\n"],["\n width: 100%;\n padding-bottom: 80px;\n\n background-color: ",";\n\n &[data-is-mobile='false'] {\n margin-top: 69px;\n &[data-sponsored='true'] {\n margin-top: 110px;\n &[data-sitewide='true'] {\n margin-top: 173px;\n }\n }\n &[data-sitewide='true'] {\n margin-top: 133px;\n }\n }\n &[data-is-mobile='true'] {\n &[data-sitewide='true'],\n &[data-sponsored='true'] {\n margin-top: 60px;\n }\n }\n\n &[data-menu-opened='true'] {\n visibility: hidden;\n }\n"])),(function(e){return e.theme.colors.white})),La=A.default.div(ea||(ea=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n"]))),Ta=A.default.a(na||(na=t.__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"]))),Sa=function(e){var n,a,i,o,l,d,s,c,p,u,m,f,h,x,v,y,b,E,w,k=e.children,C=e.SEOData,L=void 0===C?{}:C,T=e.isAmp,S=void 0!==T&&T,M=e.locale,N=void 0===M?"vi-VN":M,A=e.routerPathname,B=e.routerQuery,z=e.nextHead,D=e.siteType,j=e.seoCustom,O=e.userId,P=e.forcedCanonicalUrl,I=e.usingDefaultHead,F="production"===process.env.NEXT_PUBLIC_DEPLOY_ENV,H=L.totalPages,R=L.currentPage,U=L.SEOTitle,V=void 0===U?"":U,G=L.SEODescription,Z=void 0===G?"":G,Q=L.SEOImage,W=L.seoType,Y=L.SEOImageWidth,q=L.SEOImageHeight,X=L.customMetaData,K=void 0===X?[]:X,J=L.isIndexable,$=void 0===J||J,ee=L.hasNoCanonical,ne=void 0!==ee&&ee,te=$&&F?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",ae=process.env.NEXT_PUBLIC_BASE_API_URL,ie=L.canonicalUrl||A;Object.keys(B).forEach((function(e){var n=B[e];n&&Array.isArray(n)&&(ie=ie.replace("[...".concat(e,"]"),n.join("/")))}));var oe,le=N||"en-PH",re="helloSites"===D?g.domainLocales[le]:"www.marrybaby.vn",de=ie.endsWith("/")?"":"/";if(L.apiMetaData&&"string"==typeof L.apiMetaData){var se=null===(n=L.apiMetaData)||void 0===n?void 0:n.match(/<title.*?>(.*)<\/title>/),ce=" - Page ".concat(R," of ").concat(H),pe=R&&1!==R&&se?L.apiMetaData.replace(se[0],se[0].includes("-")?se[0].replace("-",ce+" - "):"<title>".concat(se[1].concat(ce),"</title>")).replace('<link rel="canonical" href="https://'.concat(re).concat(ie).concat(de,'" />'),'<link rel="canonical" href="https://'.concat(re).concat(ie).concat(de,"?page=").concat(R,'" />')):L.apiMetaData,ue=(oe=r.htmlReactParser(pe,{trim:!0})).find((function(e){var n,t;return"og:image"===(null===(n=e.props)||void 0===n?void 0:n.property)||"og:image:secure_url"===(null===(t=e.props)||void 0===t?void 0:t.property)}));if(!ue){var me="https://".concat(re,"/images/").concat(N,".png");oe=t.__spreadArray(t.__spreadArray([],oe,!0),[_.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=L.openGraph)||void 0===a?void 0:a.image)||me||""}),_.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(i=L.openGraph)||void 0===i?void 0:i.image)||me}),_.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(o=L.openGraph)||void 0===o?void 0:o.imageWidth)&&String(null===(l=L.openGraph)||void 0===l?void 0:l.imageWidth)||"1200"}),_.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(d=L.openGraph)||void 0===d?void 0:d.imageHeight)&&String(null===(s=L.openGraph)||void 0===s?void 0:s.imageHeight)||"630"})],!1)}}var fe="https://".concat(re,"/images/").concat(N,".png");return _.default.createElement(_.default.Fragment,null,z&&I&&_.default.createElement(z,null,_.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===D&&_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===N?_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===N||"ms-MY"===N?_.default.createElement(_.default.Fragment,null):_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),_.default.createElement("link",{rel:"preconnect",href:ae}),_.default.createElement("meta",{charSet:"UTF-8"}),!S&&_.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),_.default.createElement("meta",{name:"google",content:"notranslate"}),_.default.createElement("meta",{name:"robots",content:te}),_.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),K.map((function(e,n){return _.default.createElement("meta",t.__assign({key:n},e))})),_.default.createElement("meta",{name:"theme-color",content:"helloSites"===D?"#2c87f3":"#e85388"}),_.default.createElement("meta",{name:"page_type",content:"Home"}),_.default.createElement("meta",{name:"page_platform",content:"WEB"}),_.default.createElement("meta",{name:"page_language",content:le}),_.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),S&&_.default.createElement(_.default.Fragment,null,_.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!oe&&_.default.createElement(_.default.Fragment,null,"helloSites"===D?_.default.createElement("title",null,j?V:V+" - "+(null===(c=g.LOCALE_SPECS[N])||void 0===c?void 0:c.SITE_NAME)):_.default.createElement("title",null,V),!ne&&_.default.createElement("link",{rel:"canonical",href:"https://".concat(re).concat(ie)}),_.default.createElement("meta",{name:"description",content:Z||(null===(p=L.openGraph)||void 0===p?void 0:p.description)}),L.schemaData&&_.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:L.schemaData}}),_.default.createElement("meta",{property:"og:locale",content:N}),_.default.createElement("meta",{property:"og:type",content:W||"website"}),_.default.createElement("meta",{property:"og:title",content:(null===(u=L.openGraph)||void 0===u?void 0:u.title)||V}),_.default.createElement("meta",{property:"og:description",content:(null===(m=L.openGraph)||void 0===m?void 0:m.description)||Z}),_.default.createElement("meta",{property:"og:url",content:"https://".concat(re).concat(ie)}),_.default.createElement("meta",{property:"og:site_name",content:"https://".concat(re)}),_.default.createElement("meta",{property:"og:image",content:(null===(f=L.openGraph)||void 0===f?void 0:f.image)||Q||fe||""}),_.default.createElement("meta",{property:"og:image:secure_url",content:(null===(h=L.openGraph)||void 0===h?void 0:h.image)||Q||fe}),_.default.createElement("meta",{property:"og:image:width",content:(null===(x=L.openGraph)||void 0===x?void 0:x.imageWidth)&&String(null===(v=L.openGraph)||void 0===v?void 0:v.imageWidth)||Y&&String(Y)||"1200"}),_.default.createElement("meta",{property:"og:image:height",content:(null===(y=L.openGraph)||void 0===y?void 0:y.imageHeight)&&String(null===(b=L.openGraph)||void 0===b?void 0:b.imageHeight)||q&&String(q)||"630"}),_.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),_.default.createElement("meta",{name:"twitter:title",content:(null===(E=L.twitter)||void 0===E?void 0:E.title)||V}),_.default.createElement("meta",{name:"twitter:description",content:Z}),_.default.createElement("meta",{name:"twitter:image",content:(null===(w=L.twitter)||void 0===w?void 0:w.image)||Q})),("helloSites"===D?g.FAVICONS[le]||[]:g.FAVICONS.marryBaby).map((function(e,n){return"link"===e.type?_.default.createElement("link",{key:"favicon-".concat(n),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?_.default.createElement("meta",{key:n,name:e.name,content:e.content}):null})),Array.isArray(oe)&&P?oe.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):oe,P&&_.default.createElement("link",{rel:"canonical",href:P}),!L.hasNoAmp&&"vi-VN"!==N&&_.default.createElement("link",{rel:"amphtml",href:"https://".concat(re).concat(ie).concat(de,"?amp=1")}),O&&"undefined"!=typeof window?_.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(O,"'});")}}):null),z&&!I&&_.default.createElement(z,null),k)},Ma=A.default.div(ta||(ta=t.__makeTemplateObject(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),Na=A.default.div(aa||(aa=t.__makeTemplateObject(["\n & > a:not(:last-child) > div {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"],["\n & > a:not(:last-child) > div {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"])),(function(e){return e.theme.colors.neutral100})),Aa=A.default.div(ia||(ia=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px;\n\n //border-bottom: 1px solid ",";\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px;\n\n //border-bottom: 1px solid ",";\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),Ba=A.default.div(oa||(oa=t.__makeTemplateObject([""],[""]))),za=A.default.div(la||(la=t.__makeTemplateObject(["\n padding-right: 16px;\n"],["\n padding-right: 16px;\n"]))),Da=A.default.div(ra||(ra=t.__makeTemplateObject(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),ja=A.default.div(da||(da=t.__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"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),Oa=A.default.div(sa||(sa=t.__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"]))),Pa=A.default.div(ca||(ca=t.__makeTemplateObject(["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n\n [data-event-category] > * {\n pointer-events: none;\n }\n"],["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n\n [data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),Ia=A.default.div(pa||(pa=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),Fa=A.default.div(ua||(ua=t.__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"]))),Ha=A.default.div(ma||(ma=t.__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"]))),Ra=function(){return _.default.createElement(Ma,{style:{marginTop:"16px"}},_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})))},Ua=function(e){var t,a,i,d,s=e.careSpecialties,c=e.onSelectCareSpecialty,p=e.isLoading,u=e.desktopPopupType,m=e.onClosePopup,f=e.basePath,h=e.locale,x=e.isMobile,v=e.siteType,y=e.CARE_URL_FE,b=r.useTranslation();return x?_.default.createElement(_.default.Fragment,null,p?_.default.createElement(Na,null,_.default.createElement(Ra,null)):_.default.createElement(Na,{"data-category-list-type":"main"},_.default.createElement(o.Heading,{style:{marginTop:16},tag:"h5"},b("menu.care.searchBySpecialties")),s.map((function(e,n){return _.default.createElement("a",{key:"tool-"+n},_.default.createElement(Aa,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(y).concat(r.getCareSearchUrl({type:"DOCTOR",specialtySlug:e.slug,locale:h})),onClick:function(){c(e)}},_.default.createElement(za,null,_.default.createElement("img",{alt:"health-tool-icon",src:e.thumbnail||"".concat(f,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),_.default.createElement(Ba,null,e.name)))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(y,"/").concat(null===(t=g.LOCALIZED_SLUGS[h])||void 0===t?void 0:t.SPECIALTIES)},_.default.createElement(Ia,{key:"all-categories","data-theme":v,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(y,"/").concat(null===(a=g.LOCALIZED_SLUGS[h])||void 0===a?void 0:a.SPECIALTIES)},b("home.navigator.menuItem.allSpecialties"),_.default.createElement(Fa,null,"helloSites"===v?_.default.createElement("img",{src:"".concat(f,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:b("home.navigator.menuItem.allSpecialties")}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))):_.default.createElement(Da,{className:"top-menu-care-specialties",onClick:m,"data-is-display":"care"===u},_.default.createElement(ja,null,_.default.createElement(n.Container,{style:{padding:"0 16px"},type:v},_.default.createElement(Oa,{"data-popup-type":u,onClick:function(e){e.stopPropagation()}},_.default.createElement(_.default.Fragment,null,s.map((function(e){return _.default.createElement(Pa,{key:"care-specialty-".concat(e.id),onClick:m},_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(y).concat(r.getCareSearchUrl({type:"DOCTOR",specialtySlug:e.slug,locale:h})),style:{textDecoration:"none",color:l.theme.colors.gray800},className:"iconMenu no-replace-click",href:"".concat(y).concat(r.getCareSearchUrl({type:"DOCTOR",specialtySlug:e.slug,locale:h}))},_.default.createElement("div",{style:{display:"flex"}},_.default.createElement("img",{alt:"care-specialty-icon",src:e.thumbnail||"".concat(f,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),_.default.createElement("p",null,e.name)))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(y,"/").concat(null===(i=g.LOCALIZED_SLUGS[h])||void 0===i?void 0:i.SPECIALTIES)},_.default.createElement(Ia,{onClick:m,key:"all-care-specialties","data-theme":v,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(y,"/").concat(null===(d=g.LOCALIZED_SLUGS[h])||void 0===d?void 0:d.SPECIALTIES)},b("home.navigator.menuItem.allSpecialties"),_.default.createElement(Fa,null,"helloSites"===v?_.default.createElement("img",{src:"".concat(f,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:b("home.navigator.menuItem.allSpecialties")}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))))),_.default.createElement(Ha,{onClick:m},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))},Va=function(){return _.default.createElement(Ve,{style:{marginTop:"16px"}},_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})))},Ga=A.default.div(Xa||(Xa=t.__makeTemplateObject(["\n "," {\n margin: 48px 0;\n }\n\n "," {\n padding: 0 16px;\n }\n"],["\n "," {\n margin: 48px 0;\n }\n\n "," {\n padding: 0 16px;\n }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbUp),Za=A.default.div(Ka||(Ka=t.__makeTemplateObject(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),Qa=A.default.div(Ja||(Ja=t.__makeTemplateObject(["\n "," {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n display: flex;\n flex-direction: column;\n"],["\n "," {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n display: flex;\n flex-direction: column;\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.neutral100}));A.default.div($a||($a=t.__makeTemplateObject(["\n "," {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n }\n"],["\n "," {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n }\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.neutral100}));var Wa=A.default.div(ei||(ei=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n\n background-color: ",";\n font-size: ",";\n font-weight: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n\n "," {\n padding: 8px;\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n\n background-color: ",";\n font-size: ",";\n font-weight: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n\n "," {\n padding: 8px;\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown),Ya=A.default.div(ni||(ni=t.__makeTemplateObject(["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),qa=A.default.div(ti||(ti=t.__makeTemplateObject([""],[""])));A.default.div(ai||(ai=t.__makeTemplateObject([""],[""])));var Xa,Ka,Ja,$a,ei,ni,ti,ai,ii,oi,li=A.default.div(ii||(ii=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),ri=A.default.div(oi||(oi=t.__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"]))),di=function(){return _.default.createElement(Za,{style:{marginTop:"16px"}},_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})))},si=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.spotlights,i=e.isLoading,d=e.className,s=e.isMobile,c=e.DISCOVER_URL_FE,p=e.basePath,u=e.locale,m=e.siteType,f=r.useTranslation();return t?_.default.createElement(Ga,null,_.default.createElement(o.Heading,{tag:"h3",style:{marginBottom:24}},f("home.navigator.menuItem.spotlights")),i&&t?_.default.createElement(Qa,{className:d},_.default.createElement(di,null)):_.default.createElement(Qa,{"data-is-displayed":t,className:d},a.map((function(e,n){return _.default.createElement(Ya,{style:{textDecoration:"none"},key:"spotlight-"+n},s?_.default.createElement("a",{href:e.permalink,style:{textDecoration:"none",color:l.theme.colors.gray800}},_.default.createElement(Wa,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[u]).concat(e.permalink)},_.default.createElement(qa,null,e.name))):_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[u]).concat(e.permalink),style:{textDecoration:"none",pointerEvents:"auto"},href:"".concat(c).concat(e.permalink)},e.name))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(c,"/spotlight/")},_.default.createElement(li,{key:"all-spotlights","data-theme":m,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(c,"/spotlight/")},f("home.navigator.menuItem.allSpotlight"),_.default.createElement(ri,null,"helloSites"===m?_.default.createElement("img",{src:"".concat(p,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:f("home.navigator.menuItem.allSpotlight")}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))):null},ci=function(e){var t=e.locale,a=e.basePath,i=e.isDisplayed,d=void 0!==i&&i,s=e.categories,c=e.spotlightsList,p=e.type,u=e.onSelectCategory,m=e.onClosePopup,f=e.desktopPopupType,h=e.isMobile,x=e.isLoading,v=e.DISCOVER_URL_FE,y=e.siteType,b=void 0===y?"helloSites":y,E=r.useTranslation();return h?_.default.createElement(_.default.Fragment,null,x&&d?_.default.createElement(Ge,null,_.default.createElement(Va,null)):_.default.createElement(Ge,{"data-is-displayed":d,"data-category-list-type":p},_.default.createElement(o.Heading,{tag:"h3",style:{marginBottom:8}},E("home.navigator.menuItem.healthCategories")),_.default.createElement(Ze,null,s.map((function(e,i){return _.default.createElement("div",{key:p+"-category-"+i},_.default.createElement("a",{style:{textDecoration:"none",color:l.theme.colors.gray800},onClick:function(n){e.childCates&&e.childCates.length>0&&"sub"!==p&&n.preventDefault()},href:v+e.permalink},_.default.createElement(Qe,{onClick:function(){null==u||u(e)},"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[t]).concat(e.permalink),"data-is-heading-category":"sub"===p&&e.childCates&&e.childCates.length>0},_.default.createElement(We,null,e.displayName),"main"===p&&_.default.createElement(Ye,null,"helloSites"===b?_.default.createElement("img",{src:"".concat(a,"/svg/chevronRight.svg"),style:{width:"16px",height:"16px"},alt:e.categoryName}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))),"sub"===p&&e.childCates&&e.childCates.length>0&&e.childCates.map((function(e,t){return _.default.createElement("a",{style:{textDecoration:"none"},href:e.permalink,key:p+"-2-"+t},_.default.createElement(Qe,{"data-is-heading-category":"sub"===p&&e.childCates&&e.childCates.length>0},_.default.createElement(n.Text,{size:"p3"},e.displayName)))}))))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(v,"/categories/")},_.default.createElement(qe,{key:"all-categories","data-theme":b,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(v,"/categories/")},E("home.navigator.menuItem.allCategories"),_.default.createElement(Xe,null,"helloSites"===b?_.default.createElement("img",{src:"".concat(a,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:E("home.navigator.menuItem.allCategories")}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))))),_.default.createElement(si,{isDisplayed:"main"===p,spotlights:c,isLoading:!1,isMobile:h,basePath:a,DISCOVER_URL_FE:v,locale:t,siteType:b}))):_.default.createElement(Ke,{className:"top-menu-categories",onClick:m,"data-is-display":"categories"===f},_.default.createElement(Je,null,_.default.createElement(n.Container,{style:{padding:"0 16px"},type:b},_.default.createElement($e,{"data-popup-type":f,onClick:function(e){e.stopPropagation()}},_.default.createElement("div",null,_.default.createElement(o.Heading,{tag:"h3",style:{marginBottom:24}},E("home.navigator.menuItem.healthCategories")),_.default.createElement(en,{"data-disabled-divider":0===c.length},s.map((function(e,n){return _.default.createElement(nn,{style:{textDecoration:"none"},key:e.categoryName+n},_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[t]).concat(e.permalink),style:{textDecoration:"none",pointerEvents:"auto"},onClick:m,href:"".concat(v).concat(e.permalink)},e.displayName),_.default.createElement(tn,null,e.childCates&&e.childCates.map((function(e,n){return _.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[t]).concat(e.permalink),style:{textDecoration:"none",pointerEvents:"auto"},href:e.permalink,key:n},e.displayName)}))))})),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(v,"/categories/")},_.default.createElement(qe,{onClick:m,key:"all-categories","data-theme":b,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(v,"/categories/")},E("home.navigator.menuItem.allCategories"),_.default.createElement(Xe,null,"helloSites"===b?_.default.createElement("img",{src:"".concat(a,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:E("home.navigator.menuItem.allCategories")}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))),_.default.createElement(si,{isDisplayed:"main"===p,spotlights:c,isLoading:!1,basePath:a,DISCOVER_URL_FE:v,locale:t,siteType:b}),_.default.createElement(an,{onClick:m},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))},pi=A.default.div(yi||(yi=t.__makeTemplateObject([""],[""]))),ui=A.default.div(bi||(bi=t.__makeTemplateObject(["\n display: flex;\n width: 40px;\n height: 40px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n border-radius: 50%;\n"],["\n display: flex;\n width: 40px;\n height: 40px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n border-radius: 50%;\n"]))),mi=A.default.div(Ei||(Ei=t.__makeTemplateObject(["\n display: flex;\n margin-left: 48px;\n\n > :first-child {\n margin-right: 24px;\n }\n"],["\n display: flex;\n margin-left: 48px;\n\n > :first-child {\n margin-right: 24px;\n }\n"]))),fi=A.default.div(wi||(wi=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px;\n //height: 40px;\n\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n\n > svg:first-child {\n margin-right: 24px;\n }\n"],["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px;\n //height: 40px;\n\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n\n > svg:first-child {\n margin-right: 24px;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),gi=A.default.div(ki||(ki=t.__makeTemplateObject(["\n overflow: hidden;\n > .expanding {\n animation-duration: 0.3s;\n animation-name: expandingTopToBottom;\n }\n\n > .collapsing {\n margin-top: -100%;\n animation-duration: 0.3s;\n animation-name: collapsingBottomToTop;\n }\n"],["\n overflow: hidden;\n > .expanding {\n animation-duration: 0.3s;\n animation-name: expandingTopToBottom;\n }\n\n > .collapsing {\n margin-top: -100%;\n animation-duration: 0.3s;\n animation-name: collapsingBottomToTop;\n }\n"]))),hi=A.default.div(Ci||(Ci=t.__makeTemplateObject(["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),xi=A.default.div(_i||(_i=t.__makeTemplateObject(["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"],["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"]))),vi=A.default.div(Li||(Li=t.__makeTemplateObject(["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"],["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white}));A.default.div(Ti||(Ti=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"])));var yi,bi,Ei,wi,ki,Ci,_i,Li,Ti,Si,Mi,Ni=A.default.div(Si||(Si=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n"])));A.default.div(Mi||(Mi=t.__makeTemplateObject(["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"],["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase}));var Ai,Bi,zi,Di,ji,Oi,Pi,Ii,Fi,Hi,Ri,Ui,Vi,Gi=function(n){var t=n.isDisplayed,a=void 0!==t&&t,i=n.categories,o=n.type,r=n.onSelectCategory,d=n.desktopPopupType,s=n.isMobile,c=n.isLoading,p=n.MARRY_BABY_FE,u=e.useState(-1),m=u[0],f=u[1],g=e.useState(!1),h=g[0],x=g[1];return s?_.default.createElement(_.default.Fragment,null,c&&a?_.default.createElement(Ge,null,_.default.createElement(Va,null)):_.default.createElement(Ge,{"data-is-displayed":a,"data-category-list-type":o,style:{marginTop:24}},_.default.createElement(pi,{className:"marry-bb-menu-categories"},i.map((function(e,n){return _.default.createElement("div",{key:o+"-category-"+n,className:"wrapper-menu-category wrapper-menu-category-".concat(n),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink)},_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),style:{textDecoration:"none",color:l.theme.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(p).concat(e.permalink)},_.default.createElement(fi,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),onClick:function(){var t;"main"===o||0===(null===(t=e.childCates)||void 0===t?void 0:t.length)?null==r||r(e):m===n?(x(!0),setTimeout((function(){f(-1),setTimeout((function(){x(!1)}),100)}),300)):f(n)},style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},"main"===o?_.default.createElement(ui,{style:{backgroundColor:e.imageColor}},_.default.createElement("img",{src:e.iconUrl,style:{width:"24px",height:"24px"},alt:e.name})):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),_.default.createElement(Ut,{style:{fontWeight:l.theme.sizes.fwSemiBold},type:"subtitle-2"},e.displayName),_.default.createElement(on,null),"main"===o?_.default.createElement(Ye,null,_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M8.5 6L11 8.5L8.5 11",stroke:"#9495A0",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))):_.default.createElement(Ye,null,m!==n?_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M8.5 6L11 8.5L8.5 11",stroke:"#9495A0",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})):_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#2661AD",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))),"sub"===o&&e.childCates&&m===n&&e.childCates.length>0&&_.default.createElement(gi,null,_.default.createElement("div",{className:h?"collapsing":"expanding"},e.childCates.map((function(n,t){return _.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),style:{textDecoration:"none"},href:"".concat(p).concat(n.permalink),key:o+"-2-"+t},_.default.createElement(fi,{"data-is-heading-category":"sub"===o&&n.childCates&&n.childCates.length>0},_.default.createElement(mi,null,_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),_.default.createElement(Ut,{type:"subtitle-2"},n.displayName))))})))),_.default.createElement("div",{style:{display:"none"}},e.childCates&&e.childCates.map((function(e,n){return _.default.createElement("a",{href:"".concat(p).concat(e.permalink),key:n,style:{textDecoration:"none"}},_.default.createElement("div",{"data-is-heading-category":"sub"===o&&e.childCates&&e.childCates.length>0},_.default.createElement("p",null,e.displayName)))}))))}))))):_.default.createElement(hi,{className:"top-menu-categories","data-is-display":"categories"===d,tabIndex:0},_.default.createElement(xi,null),_.default.createElement(vi,{"data-popup-type":d},_.default.createElement(Ni,{className:"marry-bb-menu-categories"},c?_.default.createElement("div",{style:{width:"100%",padding:"0 20px"}},_.default.createElement(Va,null)):i.map((function(e,n){return _.default.createElement("div",{className:"wrapper-menu-category wrapper-menu-category-".concat(n),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),key:o+"-category-"+n,onClick:function(){r(e)}},_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),style:{textDecoration:"none",color:l.theme.colors.gray800},href:"".concat(p).concat(e.permalink)},_.default.createElement(fi,{style:{display:"flex",alignItems:"center",justifyContent:"flex-start"}},_.default.createElement(ui,{style:{backgroundColor:e.imageColor}},_.default.createElement("img",{src:e.iconUrl,style:{width:"24px",height:"24px"},alt:e.name})),_.default.createElement(Ut,{style:{fontWeight:l.theme.sizes.fwSemiBold},type:"subtitle-2"},e.displayName))))})))))},Zi=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.locale,i=e.discoverApiDomain,o=e.basePath,l=e.categories,r=e.spotlightsList,d=e.type,s=e.onSelectCategory,c=e.onClosePopup,p=e.desktopPopupType,u=e.isMobile,m=e.isLoading,f=e.callApiHandler,g=e.DISCOVER_URL_FE,h=e.MARRY_BABY_FE,x=e.siteType,v=void 0===x?"helloSites":x;return"helloSites"===v?_.default.createElement(ci,{locale:a,basePath:o,DISCOVER_URL_FE:g,isDisplayed:t,type:d,onSelectCategory:s,categories:l,spotlightsList:r,isLoading:m,isMobile:u,siteType:v,onClosePopup:c,desktopPopupType:p}):_.default.createElement(Gi,{basePath:o,callApiHandler:f,discoverApiDomain:i,isDisplayed:t,type:d,onSelectCategory:s,categories:l,isLoading:m,isMobile:u,MARRY_BABY_FE:h,desktopPopupType:p})},Qi=A.default.div(Ai||(Ai=t.__makeTemplateObject(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),Wi=A.default.div(Bi||(Bi=t.__makeTemplateObject(["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n //margin-top: 112px;\n"],["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n //margin-top: 112px;\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.neutral100})),Yi=A.default.div(zi||(zi=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 56px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 56px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),qi=A.default.div(Di||(Di=t.__makeTemplateObject([""],[""]))),Xi=A.default.div(ji||(ji=t.__makeTemplateObject([""],[""]))),Ki=A.default.div(Oi||(Oi=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n > :first-child {\n min-width: 40px;\n margin-right: 16px;\n }\n"],["\n display: flex;\n align-items: center;\n\n > :first-child {\n min-width: 40px;\n margin-right: 16px;\n }\n"]))),Ji=A.default.div(Pi||(Pi=t.__makeTemplateObject(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),$i=A.default.div(Ii||(Ii=t.__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"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),eo=A.default.div(Fi||(Fi=t.__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"]))),no=A.default.div(Hi||(Hi=t.__makeTemplateObject(["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n [data-event-category] > * {\n pointer-events: none;\n }\n"],["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n [data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),to=A.default.div(Ri||(Ri=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),ao=A.default.div(Ui||(Ui=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"]))),io=A.default.div(Vi||(Vi=t.__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"]))),oo=function(){return _.default.createElement(Qi,{style:{marginTop:"16px"}},_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})))},lo=function(e){var t=e.isDisplayed,a=e.communities,i=e.type,o=e.onSelectCommunity,d=e.onClosePopup,s=e.isLoading,c=e.basePath,p=e.TOGETHER_URL_FE,u=e.siteType,m=void 0===u?"helloSites":u,f=e.isMobile,h=e.locale,x=e.desktopPopupType,v=r.useTranslation();return f?_.default.createElement(_.default.Fragment,null,s&&t?_.default.createElement(Wi,null,_.default.createElement(oo,null)):_.default.createElement(Wi,{"data-category-list-type":i,"data-is-displayed":t},"main"===i&&a.map((function(e,n){return _.default.createElement("div",{key:i+"-category-"+n},_.default.createElement("a",{style:{textDecoration:"none",color:l.theme.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(p,"/").concat(e.communitySlug)},_.default.createElement(Yi,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[h],"/").concat(e.communitySlug),onClick:function(){o({community:e,isSetToSubMenu:!0})},"data-is-heading-category":!1},_.default.createElement(Ki,null,_.default.createElement("img",{src:e.thumbnail,style:{width:"40px",height:"40px"},alt:e.title}),_.default.createElement(qi,null,e.title)),_.default.createElement(Xi,null,"helloSites"===m?_.default.createElement("img",{src:"".concat(c,"/svg/chevronRight.svg"),style:{width:"16px",height:"16px"},alt:e.title}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))})),"sub"===i&&a.map((function(e,n){return _.default.createElement("div",{key:i+"-category-"+n},_.default.createElement("a",{style:{textDecoration:"none",color:l.theme.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(p,"/").concat(e.communitySlug)},_.default.createElement(Yi,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[h],"/").concat(e.communitySlug),onClick:function(){o({community:e,isSetToSubMenu:!1})},"data-is-heading-category":!1},_.default.createElement(Ki,null,_.default.createElement("img",{src:e.thumbnail,style:{width:"40px",height:"40px"},alt:e.title}),_.default.createElement(qi,null,e.title)))))})),_.default.createElement("a",{style:{textDecoration:"none"},href:p+"/"},_.default.createElement(to,{onClick:d,key:"all-communities","data-theme":m,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":p+"/"},v("home.navigator.menuItem.allCommunities"),_.default.createElement(ao,null,_.default.createElement("img",{src:"".concat(c,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:v("home.navigator.menuItem.allCommunities")})))))):_.default.createElement(Ji,{className:"top-menu-communities",onClick:d,"data-is-display":"communities"===x},_.default.createElement($i,null,_.default.createElement(n.Container,{style:{padding:"0 16px"},type:m},_.default.createElement(eo,{"data-popup-type":x,onClick:function(e){e.stopPropagation()}},_.default.createElement(_.default.Fragment,null,a.map((function(e){return _.default.createElement(no,{key:e.title,onClick:d},_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[h],"/").concat(e.communitySlug),style:{textDecoration:"none",color:l.theme.colors.gray800},className:"iconMenu",href:"".concat(p,"/").concat(e.communitySlug)},_.default.createElement("div",{style:{display:"flex"}},_.default.createElement("img",{alt:"health-tool-icon",src:e.thumbnail||"".concat(c,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),_.default.createElement("p",null,e.title)))})),_.default.createElement("a",{style:{textDecoration:"none"},href:p+"/"},_.default.createElement(to,{onClick:d,key:"all-communities","data-theme":m,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":p+"/"},v("home.navigator.menuItem.allCommunities"),_.default.createElement(ao,null,_.default.createElement("img",{src:"".concat(c,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:v("home.navigator.menuItem.allCommunities")}))))),_.default.createElement(io,{onClick:d},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))},ro=A.default.div(mo||(mo=t.__makeTemplateObject(["\n display: flex;\n width: 48px;\n height: 48px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n\n //background-color: ",";\n border-radius: 50%;\n"],["\n display: flex;\n width: 48px;\n height: 48px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n\n //background-color: ",";\n border-radius: 50%;\n"])),(function(e){return e.theme.mbColors.lightGray})),so=A.default.div(fo||(fo=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px 16px;\n background-color: ",";\n font-size: ",";\n"],["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px 16px;\n background-color: ",";\n font-size: ",";\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4})),co=A.default.div(go||(go=t.__makeTemplateObject(["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),po=A.default.div(ho||(ho=t.__makeTemplateObject(["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"],["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"]))),uo=A.default.div(xo||(xo=t.__makeTemplateObject(["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"],["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white}));A.default.div(vo||(vo=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"])));var mo,fo,go,ho,xo,vo,yo,bo,Eo=A.default.div(yo||(yo=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n"])));A.default.div(bo||(bo=t.__makeTemplateObject(["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"],["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase}));var wo=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.communities,i=e.onSelectCommunity,o=e.isLoading,r=e.basePath,d=e.type,s=e.isMobile,c=e.onClosePopup,p=e.desktopPopupType,u=e.TOGETHER_URL_FE;return s?o&&t?_.default.createElement(Wi,null,_.default.createElement(oo,null)):_.default.createElement(Wi,{style:{marginTop:24},"data-category-list-type":d,"data-is-displayed":t},a.map((function(e,n){return _.default.createElement("a",{className:"wrapper-menu-community wrapper-menu-community-".concat(n," iconMenu"),key:"community-"+n,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn/community/".concat(e.communitySlug)},_.default.createElement(so,{onClick:function(){i({community:e,isSetToSubMenu:!1})}},_.default.createElement(ro,null,_.default.createElement("img",{alt:"health-tool-icon",src:e.thumbnail||"".concat(r,"/images/avatar.jpg"),style:{width:"24px",height:"24px"}})),_.default.createElement(qi,null,e.title)))}))):_.default.createElement(co,{className:"top-menu-communities",onClick:c,"data-is-display":"communities"===p},_.default.createElement(po,null),_.default.createElement(uo,{"data-popup-type":p,onClick:function(e){e.stopPropagation()}},_.default.createElement(Eo,null,o?_.default.createElement("div",{style:{width:"100%",padding:"0 20px"}},_.default.createElement(oo,null)):a.map((function(e,n){return _.default.createElement("a",{className:"wrapper-menu-community wrapper-menu-community-".concat(n," iconMenu"),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn/community/".concat(e.communitySlug),style:{textDecoration:"none",color:l.theme.colors.gray800},href:"".concat(u,"/").concat(e.communitySlug),key:e.title},_.default.createElement(so,{onClick:c},_.default.createElement(ro,{style:{backgroundColor:e.color||l.theme.mbColors.lightGray}},_.default.createElement("img",{alt:e.communitySlug,src:e.thumbnail||"".concat(r,"/images/avatar.jpg"),style:{width:"24px",height:"24px"}})),_.default.createElement(Ut,{style:{fontWeight:l.theme.sizes.fwSemiBold},type:"subtitle-2"},e.title)))})))))},ko=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.locale,i=e.communities,o=e.type,l=e.onSelectCommunity,r=e.onClosePopup,d=e.isLoading,s=e.basePath,c=e.TOGETHER_URL_FE,p=e.siteType,u=void 0===p?"helloSites":p,m=e.isMobile,f=e.desktopPopupType,g=e.togetherApiDomain;return"helloSites"===u?_.default.createElement(lo,{isDisplayed:t,locale:a,TOGETHER_URL_FE:c,basePath:s,type:o,onSelectCommunity:l,communities:i,isLoading:d,isMobile:m,siteType:u,togetherApiDomain:g,desktopPopupType:f,onClosePopup:r}):_.default.createElement(wo,{isDisplayed:t,locale:a,TOGETHER_URL_FE:c,basePath:s,type:o,onSelectCommunity:l,communities:i,isLoading:d,isMobile:m,togetherApiDomain:g,desktopPopupType:f,onClosePopup:r})},Co=A.default.div(Oo||(Oo=t.__makeTemplateObject(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),_o=A.default.div(Po||(Po=t.__makeTemplateObject(["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n .title {\n margin-bottom: 8px;\n margin-top: 24px;\n }\n"],["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n .title {\n margin-bottom: 8px;\n margin-top: 24px;\n }\n"]))),Lo=A.default.div(Io||(Io=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n border-bottom: 1px solid\n ",";\n\n &[data-is-heading-category='true'] {\n /* border-bottom: none; */\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n border-bottom: 1px solid\n ",";\n\n &[data-is-heading-category='true'] {\n /* border-bottom: none; */\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold})),To=A.default.div(Fo||(Fo=t.__makeTemplateObject([""],[""]))),So=A.default.div(Ho||(Ho=t.__makeTemplateObject(["\n padding-right: 16px;\n"],["\n padding-right: 16px;\n"]))),Mo=A.default.div(Ro||(Ro=t.__makeTemplateObject(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),No=A.default.div(Uo||(Uo=t.__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"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),Ao=A.default.div(Vo||(Vo=t.__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"]))),Bo=A.default.div(Go||(Go=t.__makeTemplateObject(["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n &[data-grouped='true'] {\n width: 100%;\n }\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n [data-event-category] > * {\n pointer-events: none;\n }\n"],["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n &[data-grouped='true'] {\n width: 100%;\n }\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n [data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),zo=A.default.div(Zo||(Zo=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),Do=A.default.div(Qo||(Qo=t.__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"]))),jo=A.default.div(Wo||(Wo=t.__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"])));A.default.div(Yo||(Yo=t.__makeTemplateObject(["\n &[data-is-displayed='false'] {\n display: none;\n }\n"],["\n &[data-is-displayed='false'] {\n display: none;\n }\n"])));var Oo,Po,Io,Fo,Ho,Ro,Uo,Vo,Go,Zo,Qo,Wo,Yo,qo,Xo,Ko=A.default.div(qo||(qo=t.__makeTemplateObject(["\n margin-bottom: 56px;\n margin-top: 18px;\n"],["\n margin-bottom: 56px;\n margin-top: 18px;\n"]))),Jo=A.default.div(Xo||(Xo=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n width: 25%;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n margin-bottom: 24px;\n h1 {\n margin-bottom: 20px;\n }\n"],["\n position: relative;\n display: flex;\n width: 25%;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n margin-bottom: 24px;\n h1 {\n margin-bottom: 20px;\n }\n"]))),$o=function(){return _.default.createElement(Co,{style:{marginTop:"16px"}},_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})),_.default.createElement("div",null,_.default.createElement(B.default,{height:46})))},el=function(e){var n=e.healthTools,t=e.onSelectHealthTool,a=e.basePath,i=e.isDesktop,o=e.onClosePopup,r=e.HEALTH_TOOL_URL_FE,d=e.locale,s=e.isGrouped;return(null==n?void 0:n.length)?i?_.default.createElement(_.default.Fragment,null,n.map((function(e,n){return _.default.createElement(Bo,{"data-grouped":s,key:e.title,onClick:o},_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[d]).concat(e.link),style:{textDecoration:"none",color:l.theme.colors.gray800},className:"iconMenu",href:e.link.startsWith("http")?e.link:"".concat(r).concat(e.link)},_.default.createElement("div",{style:{display:"flex"}},_.default.createElement("img",{alt:"health-tool-icon",src:e.icon||"/images/avatar.jpg",style:{width:"32px",height:"32px"}})),_.default.createElement("p",null,e.title)))}))):_.default.createElement(_.default.Fragment,null,n.map((function(e,n){return _.default.createElement("a",{key:"tool-"+n},_.default.createElement(Lo,{onClick:function(){t(e)},"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(g.domainLocales[d]).concat(e.link)},_.default.createElement(So,null,_.default.createElement("img",{alt:"health-tool-icon",src:e.icon||"".concat(a,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),_.default.createElement(To,null,e.title)))}))):null},nl=function(e){var t,a,i,l,d=e.isDisplayed,s=e.healthTools,c=e.healthToolsByCategory,p=e.onSelectHealthTool,u=e.isLoading,m=e.basePath,f=e.locale,g=e.isMobile,h=e.onClosePopup,x=e.desktopPopupType,v=e.HEALTH_TOOL_URL_FE,y=e.STATIC_PAGES,b=e.siteType,E=r.useTranslation();return g?_.default.createElement(_.default.Fragment,null,u&&d?_.default.createElement(_o,null,_.default.createElement($o,null)):_.default.createElement(_o,{"data-category-list-type":"main","data-is-displayed":d},(null==c?void 0:c.length)?c.map((function(e,n){var t;return!!(null===(t=e.healthTools)||void 0===t?void 0:t.length)&&_.default.createElement(_.default.Fragment,{key:"category-health-tool-".concat(n)},_.default.createElement(o.Heading,{tag:"h4",fontWeight:"bold",className:"title"},_.default.createElement("span",{dangerouslySetInnerHTML:{__html:e.name}})),_.default.createElement(el,{healthTools:e.healthTools.slice(0,4),onSelectHealthTool:p,basePath:m,HEALTH_TOOL_URL_FE:v,locale:f}))})):_.default.createElement(el,{healthTools:s,onSelectHealthTool:p,basePath:m,HEALTH_TOOL_URL_FE:v,locale:f}),_.default.createElement(Ko,null,_.default.createElement("a",{href:"".concat(v).concat((null===(t=y[f])||void 0===t?void 0:t.HEALTH_TOOLS)||""),style:{textDecoration:"none"}},_.default.createElement(zo,{key:"all-health-tools-mobile","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(v).concat((null===(a=y[f])||void 0===a?void 0:a.HEALTH_TOOLS)||"")},E("home.navigator.menuItem.allHealthTools"),_.default.createElement(Do,null,_.default.createElement("img",{src:"".concat(m,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:E("home.navigator.menuItem.allHealthTools")}))))))):_.default.createElement(Mo,{className:"top-menu-health-tools",onClick:h,"data-is-display":"tools"===x},_.default.createElement(No,null,_.default.createElement(n.Container,{style:{padding:"0 16px"}},_.default.createElement(Ao,{"data-popup-type":x,onClick:function(e){e.stopPropagation()}},_.default.createElement(_.default.Fragment,null,(null==c?void 0:c.length)?c.map((function(e,n){var t;return!!(null===(t=e.healthTools)||void 0===t?void 0:t.length)&&_.default.createElement(Jo,{key:"health-tools-categories-".concat(n)},_.default.createElement(o.Heading,{tag:"h4",as:"h1",fontWeight:"bold"},_.default.createElement("span",{dangerouslySetInnerHTML:{__html:e.name}})),_.default.createElement(el,{healthTools:e.healthTools.slice(0,4),onSelectHealthTool:p,basePath:m,HEALTH_TOOL_URL_FE:v,locale:f,isDesktop:!0,isGrouped:!0,onClosePopup:h}))})):_.default.createElement(el,{healthTools:s,onSelectHealthTool:p,basePath:m,HEALTH_TOOL_URL_FE:v,locale:f,isDesktop:!0,onClosePopup:h}),_.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(v).concat((null===(i=y[f])||void 0===i?void 0:i.HEALTH_TOOLS)||"")},_.default.createElement(zo,{onClick:h,key:"all-health-tools","data-theme":b,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(v).concat((null===(l=y[f])||void 0===l?void 0:l.HEALTH_TOOLS)||"")},E("home.navigator.menuItem.allHealthTools"),_.default.createElement(Do,null,_.default.createElement("img",{src:"".concat(m,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:E("home.navigator.menuItem.allHealthTools")}))))),_.default.createElement(jo,{onClick:h},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))},tl=A.default.div(rl||(rl=t.__makeTemplateObject(["\n display: flex;\n width: 48px;\n height: 48px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n\n background-color: ",";\n border-radius: 50%;\n"],["\n display: flex;\n width: 48px;\n height: 48px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n\n background-color: ",";\n border-radius: 50%;\n"])),(function(e){return e.theme.mbColors.lightGray})),al=A.default.div(dl||(dl=t.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px 16px;\n background-color: ",";\n font-size: ",";\n"],["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px 16px;\n background-color: ",";\n font-size: ",";\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fsParagraph4})),il=A.default.div(sl||(sl=t.__makeTemplateObject(["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),g.Z_INDEX.menuCategoryPopupWrapper),ol=A.default.div(cl||(cl=t.__makeTemplateObject(["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"],["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"]))),ll=A.default.div(pl||(pl=t.__makeTemplateObject(["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"],["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"])),g.Z_INDEX.menuCategoryPopupContainer,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white}));A.default.div(ul||(ul=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"])));var rl,dl,sl,cl,pl,ul,ml,fl,gl=A.default.div(ml||(ml=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n"])));A.default.div(fl||(fl=t.__makeTemplateObject(["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"],["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase}));var hl,xl,vl=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.healthTools,i=e.onSelectHealthTool,o=e.isLoading,r=e.basePath,d=e.isMobile,s=e.onClosePopup,c=e.HEALTH_TOOL_URL_FE,p=e.desktopPopupType;return d?o&&t?_.default.createElement(_o,null,_.default.createElement($o,null)):_.default.createElement(_o,{style:{marginTop:24},"data-category-list-type":"main","data-is-displayed":t},a.map((function(e,n){return _.default.createElement("a",{key:"tool-"+n,className:"wrapper-menu-health-tool wrapper-menu-health-tool-".concat(n),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://https://marrybaby.vn".concat(e.link)},_.default.createElement(al,{onClick:function(){i(e)}},_.default.createElement(tl,null,_.default.createElement("img",{alt:"health-tool-icon",src:e.icon||"".concat(r,"/images/avatar.jpg"),style:{width:"24px",height:"24px"}})),_.default.createElement(To,null,e.title)))}))):_.default.createElement(il,{className:"top-menu-health-tools",onClick:s,"data-is-display":"tools"===p},_.default.createElement(ol,null),_.default.createElement(ll,{"data-popup-type":p,onClick:function(e){e.stopPropagation()}},_.default.createElement(gl,null,o?_.default.createElement("div",{style:{width:"100%",padding:"0 20px"}},_.default.createElement($o,null)):a.map((function(e,n){return _.default.createElement("a",{className:"wrapper-menu-health-tool wrapper-menu-health-tool-".concat(n," iconMenu"),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.link),style:{textDecoration:"none",color:l.theme.colors.gray800},href:e.link.startsWith("http")?e.link:"".concat(c).concat(e.link),key:e.title,onClick:function(e){e.stopPropagation()}},_.default.createElement(al,{onClick:s},_.default.createElement(tl,null,_.default.createElement("img",{alt:e.title,src:e.icon||"/images/avatar.jpg",style:{width:"24px",height:"24px"}})),_.default.createElement(Ut,{style:{fontWeight:l.theme.sizes.fwSemiBold},type:"subtitle-2"},e.title)))})))))},yl=function(e){var n=e.isDisplayed,t=void 0!==n&&n,a=e.healthTools,i=e.healthToolsByCategory,o=e.onSelectHealthTool,l=e.isLoading,r=e.basePath,d=e.locale,s=e.isMobile,c=e.onClosePopup,p=e.desktopPopupType,u=e.HEALTH_TOOL_URL_FE,m=e.siteType,f=e.discoverApiDomain,g=e.STATIC_PAGES;return"helloSites"===m?_.default.createElement(nl,{isDisplayed:t,locale:d,basePath:r,discoverApiDomain:f,HEALTH_TOOL_URL_FE:u,onSelectHealthTool:o,healthTools:a,healthToolsByCategory:i,isLoading:l,isMobile:s,siteType:m,desktopPopupType:p,onClosePopup:c,STATIC_PAGES:g}):_.default.createElement(vl,{isDisplayed:t,basePath:r,discoverApiDomain:f,HEALTH_TOOL_URL_FE:u,onSelectHealthTool:o,healthTools:a||i.reduce((function(e,n){return e.concat(n.healthTools)}),[]),isLoading:l,isMobile:s,desktopPopupType:p,onClosePopup:c})},bl=A.default.div(hl||(hl=t.__makeTemplateObject(["\n & > div {\n width: 100%;\n min-height: 109px;\n }\n"],["\n & > div {\n width: 100%;\n min-height: 109px;\n }\n"]))),El=A.default.div(xl||(xl=t.__makeTemplateObject(["\n min-height: 116px;\n padding: 8px 8px;\n border: 1px solid ",";\n //border-radius: 6px;\n background-color: ",";\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n text-align: center;\n transition: 0.2s ease-in-out;\n\n &[data-is-active='true'] {\n background-color: ",";\n p {\n color: ",";\n }\n }\n\n & > :last-child {\n margin-top: 8px;\n }\n\n &[data-card-position='left'] {\n border-bottom-left-radius: 6px;\n border-top-left-radius: 6px;\n }\n\n &[data-card-position='right'] {\n border-bottom-right-radius: 6px;\n border-top-right-radius: 6px;\n }\n\n &[data-card-position='whatever'] {\n border-radius: 6px;\n }\n"],["\n min-height: 116px;\n padding: 8px 8px;\n border: 1px solid ",";\n //border-radius: 6px;\n background-color: ",";\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n text-align: center;\n transition: 0.2s ease-in-out;\n\n &[data-is-active='true'] {\n background-color: ",";\n p {\n color: ",";\n }\n }\n\n & > :last-child {\n margin-top: 8px;\n }\n\n &[data-card-position='left'] {\n border-bottom-left-radius: 6px;\n border-top-left-radius: 6px;\n }\n\n &[data-card-position='right'] {\n border-bottom-right-radius: 6px;\n border-top-right-radius: 6px;\n }\n\n &[data-card-position='whatever'] {\n border-radius: 6px;\n }\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.white})),wl=function(){return _.default.createElement(_.default.Fragment,null,_.default.createElement(bl,null,_.default.createElement("div",null,_.default.createElement(B.default,{height:109})),_.default.createElement("div",null,_.default.createElement(B.default,{height:109})),_.default.createElement("div",null,_.default.createElement(B.default,{height:109})),_.default.createElement("div",null,_.default.createElement(B.default,{height:109})),_.default.createElement("div",null,_.default.createElement(B.default,{height:109})),_.default.createElement("div",null,_.default.createElement(B.default,{height:109}))))},kl=function(e){var t=e.specialty,a=e.id,i=e.isActive,o=void 0!==i&&i,l=e.position,r=e.className,d=e.onClick;return t.name&&""!==t.name?_.default.createElement(El,{onClick:function(){d&&d(a)},className:r,"data-is-active":o,"data-card-position":l},_.default.createElement("img",{src:t.thumbnail,style:{objectFit:"contain",height:"55px",width:"55px"},alt:"category-menu-card"}),_.default.createElement(n.Text,{type:"bold",size:"label2"},t.name)):_.default.createElement(wl,null)};function Cl(){return _.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M14.5 17L9.5 12L14.5 7",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))}function _l(){return _.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))}function Ll(e){var n=e.siteType,t=e.type;return"helloSites"===n?_.default.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 12H20' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 6H20' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 18H20' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",style:{width:"24px",height:"24px"},alt:t}):_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}function Tl(e){var a,i,l=e.type,d=e.isStatic,s=e.isAmp,c=e.isDisplayed,p=e.siteType,u=e.isCollapsed,m=e.sitewideBannerShown,f=e.sitewideBanner,g=e.sitewideBannerClosed,h=e.setSitewideBannerClosed,x=e.isMobile,v=e.onMenuClick,y=e.menu,b=e.isSearchIconDisplayed,E=e.statics,w=E.DISCOVER_URL_FE,k=E.SSO_URL,C=E.HOME_PAGE_URL,L=E.CARE_URL_FE,T=e.basePath,S=e.languageMenu,M=e.enabledExperimentalCareHeader,N=e.onCareHeaderClick,A=e.logoType,B=e.locale,z=e.isInit,D=e.title,j=e.sponsorComponent,O=e.currentUrl,P=e.userInfo,I=e.currentPopupType,F=e.avatar,H=e.profileMenu,R=e.isLoginButtonDisplayed,U=e.goToLogin,V=e.isSearchBarDisplay,G=e.searchPlaceholder,Z=e.onSearchValueChanged,Q=e.keyPressed,W=r.useTranslation(),Y=!!j,q=!!(null===(i=null===(a=null==j?void 0:j.props)||void 0===a?void 0:a.sponsoredBy)||void 0===i?void 0:i.length),X=m&&!!f&&!g,K=Hl({isSiteWide:!!f&&!g,isShowingSiteWideBanner:X,isSponsored:Y,hasSponsoredBanners:q,isMobile:!0}),J=K.headerRef,$=K.headerHeight;return _.default.createElement(_.default.Fragment,null,_.default.createElement(Vn,{"data-header-type":l,"data-collapsed":!d&&u,"data-with-search-input":"popup-sub-level"!==l,"data-is-displayed":c,"data-is-amp":s,"data-sponsored":Y,"data-site-type":p,"data-sitewide-banner-shown":X,id:"site-header",ref:J},f?_.default.isValidElement(f)?_.default.cloneElement(f,{isCollapsed:u,setBannerClosed:h,isAmp:s,isMobile:x}):f:null,_.default.createElement("div",{style:t.__assign(t.__assign({position:"relative",height:64,display:"flex",alignItems:"center",justifyContent:"helloSites"===p?"center":"flex-start",background:"white"},"marryBaby"===p?{paddingLeft:66}:{}),void 0!==S||M?{paddingLeft:M?48:64,gap:24,justifyContent:"unset"}:{})},_.default.createElement(Gn,null,_.default.createElement(Zn,{on:"tap:discover-amp-sidebar",role:"button",className:"menu-handler",tabIndex:0},_.default.createElement("div",{onClick:function(){return null==v?void 0:v("categories")}},"home"===l&&_.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},_.default.createElement(Ll,{siteType:p,type:l})),"popup"===l&&_.default.createElement(_l,null),"popup-sub-level"===l&&_.default.createElement(Cl,null)),y),b&&"helloSites"===p&&"home"===l&&_.default.createElement(Zn,{style:{paddingRight:16}},_.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{paddingRight:16,paddingTop:8,position:"relative"},href:"".concat(C,"/search?s=&page=1")},_.default.createElement("img",{src:"".concat(T,"/images/search.svg"),style:{width:"24px",height:"24px"},alt:l}),_.default.createElement("input",{style:{width:"32px",height:"32px",position:"absolute",left:"-2px",bottom:"0",opacity:0,zIndex:1e4}})))),"popup"!==l&&_.default.createElement(tt,{"data-is-profile":!0,className:z?"":"menu-handler-health-tools"},_.default.createElement("div",{className:"menu-handler-item"},b&&"marryBaby"===p&&"home"===l&&_.default.createElement(Zn,{style:{justifySelf:"flex-end"}},_.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{display:"flex"},href:"".concat(w,"/search?s=&page=1")},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M3.31573 13.7811L3.94855 13.6326L3.31573 13.7811ZM3.31573 8.324L3.94855 8.47244L3.31573 8.324ZM18.7893 8.324L19.4221 8.17556L18.7893 8.324ZM18.7893 13.781L19.4221 13.9295L18.7893 13.781ZM13.781 18.7893L13.6326 18.1565L13.781 18.7893ZM8.324 18.7893L8.17556 19.4221L8.324 18.7893ZM8.324 3.31573L8.17556 2.6829L8.324 3.31573ZM13.781 3.31573L13.9295 2.6829L13.781 3.31573ZM20.5404 21.4596C20.7942 21.7135 21.2058 21.7135 21.4596 21.4596C21.7135 21.2058 21.7135 20.7942 21.4596 20.5404L20.5404 21.4596ZM3.94855 13.6326C3.55048 11.9356 3.55048 10.1695 3.94855 8.47244L2.6829 8.17556C2.23903 10.0679 2.23903 12.0372 2.68291 13.9295L3.94855 13.6326ZM18.1565 8.47244C18.5546 10.1695 18.5546 11.9356 18.1565 13.6326L19.4221 13.9295C19.866 12.0372 19.866 10.0679 19.4221 8.17556L18.1565 8.47244ZM13.6326 18.1565C11.9356 18.5546 10.1695 18.5546 8.47244 18.1565L8.17556 19.4221C10.0679 19.866 12.0372 19.866 13.9295 19.4221L13.6326 18.1565ZM8.47244 3.94855C10.1695 3.55048 11.9356 3.55048 13.6326 3.94855L13.9295 2.6829C12.0372 2.23903 10.0679 2.23903 8.17556 2.6829L8.47244 3.94855ZM8.47244 18.1565C6.22776 17.63 4.47508 15.8773 3.94855 13.6326L2.68291 13.9295C3.32219 16.6549 5.45019 18.7829 8.17556 19.4221L8.47244 18.1565ZM13.9295 19.4221C16.6549 18.7829 18.7829 16.6549 19.4221 13.9295L18.1565 13.6326C17.63 15.8773 15.8773 17.63 13.6326 18.1565L13.9295 19.4221ZM13.6326 3.94855C15.8773 4.47508 17.63 6.22775 18.1565 8.47244L19.4221 8.17556C18.7829 5.45019 16.6549 3.32219 13.9295 2.6829L13.6326 3.94855ZM8.17556 2.6829C5.45019 3.32219 3.32219 5.45018 2.6829 8.17556L3.94855 8.47244C4.47508 6.22775 6.22775 4.47508 8.47244 3.94855L8.17556 2.6829ZM16.8755 17.7948L20.5404 21.4596L21.4596 20.5404L17.7948 16.8755L16.8755 17.7948Z",fill:"#3E3F58"})),_.default.createElement("input",{style:{width:"32px",height:"32px",position:"absolute",left:"-2px",bottom:"0",opacity:0,zIndex:1e4}}))),M&&_.default.createElement(_.default.Fragment,null,N?_.default.createElement(o.Button,{size:"sm",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:O,onClick:N},W("login.booking")):_.default.createElement("a",{href:L,className:"care-button"},_.default.createElement(o.Button,{size:"sm",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:O},W("login.booking")))),(null==P?void 0:P.id)?_.default.createElement($n,{style:{position:"relative"}},_.default.createElement("div",{onClick:function(){return v&&v("profile")}},"profile"===I?_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})):F),H):s?_.default.createElement("a",{"data-vars-event-category":"Sign Up","data-vars-event-action":"Button Click","data-vars-event-label":O,href:"".concat(k,"?returnUrl=").concat(O.replace("?amp=1","")),style:{textDecoration:"none"}},"vi-VN"===B?_.default.createElement(Tt,{onClick:U},_.default.createElement("img",{src:r.img$5,className:"avatar",alt:"avatar"})):_.default.createElement(o.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",onClick:U},W("navigation.loginJoin"))):R&&_.default.createElement("a",{"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":O},M?_.default.createElement(Tt,{onClick:U},_.default.createElement("img",{src:r.img$5,className:"avatar",alt:"avatar"})):"helloSites"===p?_.default.createElement(o.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",onClick:U},W("navigation.loginJoin")):_.default.createElement("div",{className:"login-btn-mobile",onClick:U,style:{paddingLeft:16}},_.default.createElement(n.Text,{size:"p3"},W("navigation.loginJoin")))))),("home"===l||"popup"===l)&&_.default.createElement("a",{href:C||""},_.default.createElement(n.Logo,{type:A,height:"27px",width:"121px",style:{display:"flex"},badge:"id-ID"===B?_.default.createElement("img",{src:r.img,style:{width:56,height:23,maxWidth:56},width:"56",height:"23"}):void 0})),void 0!==S&&_.default.createElement(nt,{"data-is-active":!0,className:z?"":"menu-handler-language",onClick:function(){v&&v("language")}},S),D&&_.default.createElement(o.Heading,{className:"top-bar-header",tag:"h5"},D)),j?_.default.isValidElement(j)?_.default.cloneElement(j,{isCollapsed:u,locale:B,isMobile:x,isAmp:s}):j:null),V?_.default.createElement(Qn,{"data-header-type":l,"data-is-displayed":c,"data-sitewide-banner-shown":m&&!!f},_.default.createElement(n.PureInput,{style:{minHeight:"auto",minWidth:"100%",padding:"0 16px"},name:"search-input-"+l+(z?"":"-temp"),size:"md",placeholder:G,onChange:Z,onKeyPress:Q,type:"search",autoFocus:!1,displayIcon:_.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z",stroke:"#8C8C8C",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M20 20L16 16",stroke:"#8C8C8C",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))})):_.default.createElement(_.default.Fragment,null,!s&&_.default.createElement("div",{style:{height:$}})))}var Sl,Ml,Nl,Al,Bl,zl,Dl,jl,Ol,Pl,Il,Fl,Hl=function(n){var t=n.hasSponsoredBanners,a=n.isSiteWide,i=n.isSponsored,o=n.isShowingSiteWideBanner,l=n.isMobile,r=e.useRef(null),d=e.useState(0),s=d[0],c=d[1],p=e.useCallback(f.debounce((function(){var e,n=(null===(e=r.current)||void 0===e?void 0:e.clientHeight)||0;window.scrollY<=n+30&&c(n)}),100),[]);e.useEffect((function(){return window.addEventListener("resize",p),window.addEventListener("scroll",p),function(){window.removeEventListener("resize",p),window.removeEventListener("scroll",p)}}),[]),e.useEffect((function(){p()}),[a,o,i,t,r.current]);var u=e.useMemo((function(){var e=l?64:69;return o&&(e+=64),i&&(e+=40),e}),[l,o,i]);return{headerHeight:s||u,headerRef:r}},Rl=function(t){var a,i,d,s=t.siteType,c=t.basePath,p=t.statics,u=t.currentPopupType,m=void 0===u?"none":u,h=t.isDisplayed,x=void 0===h||h,v=t.isSearchBarDisplay,y=void 0===v||v,b=t.searchPlaceholder,E=void 0===b?"":b,w=t.openPopup,k=t.onTopBarAppears,C=t.onSearchChange,L=t.onSearchKeyPress,T=t.menu,S=t.isAmp,M=t.profileMenu,N=t.isMobile,A=void 0!==N&&N,B=t.isLoginButtonDisplayed,z=t.title,D=t.type,j=void 0===D?"home":D,O=t.onMenuClick,P=t.isStatic,I=void 0!==P&&P,F=t.routerAsPath,H=t.locale,R=t.userInfo,U=t.marryBaby,V=(void 0===U?{tone:"white"}:U).tone,G=t.menuItems,Z=void 0===G?[]:G,Q=t.isInit,W=t.sitewideBanner,Y=t.sitewideBannerShown,q=void 0===Y||Y,X=t.sponsorComponent,K=t.languageMenu,J=t.isSearchIconDisplayed,$=void 0!==J&&J,ee=t.enabledExperimentalCareHeader,ne=t.onCareHeaderClick,te=p.SSO_URL,ae=p.HOME_PAGE_URL,ie=p.CARE_URL_FE,oe=r.useTranslation(),le=!!X,re=e.useState(!1),de=re[0],se=re[1],ce=e.useState(!1),pe=ce[0],ue=ce[1],me=e.useState(!1),fe=me[0],ge=me[1],he=e.useState(Q||!1),xe=he[0],ve=he[1],ye=e.useRef(47),be=e.useRef(!1),Ee=e.useRef(!1),we="helloSites"===s?"https://".concat(g.domainLocales[H]).concat(F):"https://www.marrybaby.vn".concat(F),ke=e.useMemo((function(){var e=(null==R?void 0:R.name)||(null==R?void 0:R.username);return _.default.createElement(o.Avatar,{type:"rounded",size:"small",avatarUrl:null==R?void 0:R.avatar,firstLetter:e&&e.length?e[0].toUpperCase():"A",backgroundColor:"marryBaby"===s?l.theme.mbColors.pink:l.theme.colors.secondaryBase,isAmp:S})}),[null==R?void 0:R.username,null==R?void 0:R.name,null==R?void 0:R.avatar]),Ce=function(){var e=window.location.href;window.location.href=te?"".concat(te,"?returnUrl=").concat(e):e},_e="helloSites"===s?null===(a=g.LOCALE_SPECS[H])||void 0===a?void 0:a.LOGO_TYPE:s,Le="undefined"!=typeof window,Te=function(e){null==C||C(e)},Se=e.useCallback(f.throttle((function(){var e;if("home"===j){var n=window,t=null===(e=document.querySelector(".sticky-container"))||void 0===e?void 0:e.clientHeight;Le&&n&&(n.scrollY>ye.current&&n.scrollY>64&&!be.current&&(be.current=!0,se(!0)),n.scrollY<ye.current&&be.current&&(be.current=!1,se(!1),t&&n.scrollY),n.scrollY<ye.current&&t&&n.scrollY,y?(n.scrollY<64&&n.scrollY<ye.current&&Ee.current&&(Ee.current=!1),n.scrollY>8&&n.scrollY>ye.current&&!Ee.current&&(Ee.current=!0)):Ee.current=!0,n.scrollY>=0&&(ye.current=n.scrollY))}}),300),[]);e.useEffect((function(){null==k||k(!de)}),[de]);var Me=function(e){var n,t;L&&L(e,null!==(t=null===(n=document.getElementById("search-input-"+j))||void 0===n?void 0:n.value)&&void 0!==t?t:"")};e.useEffect((function(){A&&Se()}),[]),e.useEffect((function(){return window.addEventListener("scroll",Se,{passive:!0}),function(){window.removeEventListener("scroll",Se)}}),[]),e.useEffect((function(){ve(!0)}),[]),e.useEffect((function(){"undefined"!=typeof window&&ge(Boolean(fe))}),[]);var Ne=_.default.createElement(_.default.Fragment,null,Z.find((function(e){return"categories"===e.id}))&&_.default.createElement(nt,{"data-is-active":"categories"===m,className:xe?"":"menu-handler-categories",tabIndex:0,onClick:function(){null==w||w("categories"),setTimeout((function(){var e,n;null===(n=null===(e=document.getElementsByClassName("top-menu-categories"))||void 0===e?void 0:e[0])||void 0===n||n.focus()}),100)}},_.default.createElement("div",{className:"menu-handler-item"},oe("home.navigator.menuItem.discover"),_.default.createElement(et,null,_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"categories"===m&&_.default.createElement("div",null,T)),Z.find((function(e){return"healthTools"===e.id}))&&_.default.createElement(nt,{"data-is-active":"tools"===m,className:xe?"":"menu-handler-health-tools",tabIndex:0},_.default.createElement("div",{className:"menu-handler-item",onClick:function(){w&&w("tools")}},oe("home.navigator.menuItem.healthTools"),_.default.createElement(et,null,_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"tools"===m&&_.default.createElement("div",null,T)),Z.find((function(e){return"care"===e.id}))&&!ee&&_.default.createElement(nt,{"data-is-active":"care"===m,className:xe?"":"menu-handler-care-specialties",tabIndex:0},_.default.createElement("div",{className:"menu-handler-item",onClick:function(){w&&w("care")}},oe("home.navigator.menuItem.helloCare"),_.default.createElement(et,null,_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"care"===m&&_.default.createElement("div",null,T)),Z.find((function(e){return"together"===e.id}))&&_.default.createElement(nt,{"data-is-active":"communities"===m,className:xe?"":"menu-handler-communities",tabIndex:0},_.default.createElement("div",{className:"menu-handler-item",onClick:function(){w&&w("communities")}},oe("home.navigator.menuItem.helloTogether"),_.default.createElement(et,null,_.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"communities"===m&&_.default.createElement("div",null,T))),Ae=!!(null===(d=null===(i=null==X?void 0:X.props)||void 0===i?void 0:i.sponsoredBy)||void 0===d?void 0:d.length),Be=q&&!!W&&!pe,ze=Hl({isSiteWide:!!W&&!pe,isShowingSiteWideBanner:Be,isSponsored:le,hasSponsoredBanners:Ae}),De=ze.headerRef,je=ze.headerHeight;return A?_.default.createElement(Tl,{type:j,isStatic:I,isAmp:S,isDisplayed:x,siteType:s,isCollapsed:de,sitewideBannerShown:q,sitewideBanner:W,sitewideBannerClosed:pe,setSitewideBannerClosed:ue,isMobile:A,onMenuClick:O,menu:T,isSearchIconDisplayed:$,statics:p,basePath:c,languageMenu:K,enabledExperimentalCareHeader:ee,logoType:_e,locale:H,isInit:xe,title:z,sponsorComponent:X,currentUrl:we,userInfo:R,currentPopupType:m,avatar:ke,profileMenu:M,isLoginButtonDisplayed:B,goToLogin:Ce,isSearchBarDisplay:y,searchPlaceholder:E,onSearchValueChanged:Te,keyPressed:Me}):_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{style:{height:je}}),_.default.createElement(Wn,{ref:De,"data-site-type":s,"data-marry-baby-tone":"marryBaby"===s&&V,"data-sponsored":le,"data-sitewide-banner-shown":Be},W?_.default.isValidElement(W)?_.default.cloneElement(W,{isCollapsed:de,setBannerClosed:ue}):W:null,_.default.createElement(n.Container,{style:{height:69,padding:"0 16px"},type:s},_.default.createElement(Yn,null,_.default.createElement(qn,null,_.default.createElement("a",{href:ae},_.default.createElement(Xn,{"data-is-having-border":"helloSites"===s},_.default.createElement(n.Logo,{style:{display:"flex"},type:_e,height:"27px",width:"121px",badge:"id-ID"===H?_.default.createElement("img",{src:r.img,style:{width:56,height:23,maxWidth:56},width:"56",height:"23"}):void 0}))),y&&"helloSites"===s&&_.default.createElement(Kn,{"data-header-type":j,"data-is-displayed":x,"data-sitewide-banner-shown":q&&!!W},_.default.createElement(n.PureInput,{style:{minHeight:"32px",maxHeight:"32px",minWidth:"100%",backgroundColor:l.theme.colors.white},name:"search-input-"+j+(xe?"":"-temp"),autoFocus:!1,size:"sm",placeholder:E,onChange:Te,onKeyPress:Me,displayIcon:_.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{width:"24px",height:"24px",transform:"scale(0.8)"}},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.875 11C4.875 7.61726 7.61726 4.875 11 4.875C14.3827 4.875 17.125 7.61726 17.125 11C17.125 14.3827 14.3827 17.125 11 17.125C7.61726 17.125 4.875 14.3827 4.875 11ZM11 3.125C6.65076 3.125 3.125 6.65076 3.125 11C3.125 15.3492 6.65076 18.875 11 18.875C12.8594 18.875 14.5683 18.2306 15.9155 17.1529L19.3813 20.6187C19.723 20.9604 20.277 20.9604 20.6187 20.6187C20.9604 20.277 20.9604 19.723 20.6187 19.3813L17.1529 15.9155C18.2306 14.5683 18.875 12.8594 18.875 11C18.875 6.65076 15.3492 3.125 11 3.125Z",fill:"#8C8C8C"})))})),"marryBaby"===s&&_.default.createElement("div",{style:{marginLeft:28,display:"flex"}},Ne)),_.default.createElement(Jn,null,"helloSites"===s&&Ne,y&&"marryBaby"===s&&_.default.createElement(Kn,{"data-header-type":j,"data-is-displayed":x,"data-is-styled-borderless":"marryBaby"===s,"data-marry-baby-theme":V},_.default.createElement(n.PureInput,{style:{minHeight:"40px",maxHeight:"40px",minWidth:"100%",borderRadius:16},name:"search-input-"+j+(xe?"":"-temp"),autoFocus:!1,size:"sm",placeholder:E,onChange:Te,onKeyPress:Me,displayIcon:_.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{width:"24px",height:"24px"}},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M3.31573 13.7811L3.94855 13.6326L3.31573 13.7811ZM3.31573 8.324L3.94855 8.47244L3.31573 8.324ZM18.7893 8.324L19.4221 8.17556L18.7893 8.324ZM18.7893 13.781L19.4221 13.9295L18.7893 13.781ZM13.781 18.7893L13.6326 18.1565L13.781 18.7893ZM8.324 18.7893L8.17556 19.4221L8.324 18.7893ZM8.324 3.31573L8.17556 2.6829L8.324 3.31573ZM13.781 3.31573L13.9295 2.6829L13.781 3.31573ZM20.5404 21.4596C20.7942 21.7135 21.2058 21.7135 21.4596 21.4596C21.7135 21.2058 21.7135 20.7942 21.4596 20.5404L20.5404 21.4596ZM3.94855 13.6326C3.55048 11.9356 3.55048 10.1695 3.94855 8.47244L2.6829 8.17556C2.23903 10.0679 2.23903 12.0372 2.68291 13.9295L3.94855 13.6326ZM18.1565 8.47244C18.5546 10.1695 18.5546 11.9356 18.1565 13.6326L19.4221 13.9295C19.866 12.0372 19.866 10.0679 19.4221 8.17556L18.1565 8.47244ZM13.6326 18.1565C11.9356 18.5546 10.1695 18.5546 8.47244 18.1565L8.17556 19.4221C10.0679 19.866 12.0372 19.866 13.9295 19.4221L13.6326 18.1565ZM8.47244 3.94855C10.1695 3.55048 11.9356 3.55048 13.6326 3.94855L13.9295 2.6829C12.0372 2.23903 10.0679 2.23903 8.17556 2.6829L8.47244 3.94855ZM8.47244 18.1565C6.22776 17.63 4.47508 15.8773 3.94855 13.6326L2.68291 13.9295C3.32219 16.6549 5.45019 18.7829 8.17556 19.4221L8.47244 18.1565ZM13.9295 19.4221C16.6549 18.7829 18.7829 16.6549 19.4221 13.9295L18.1565 13.6326C17.63 15.8773 15.8773 17.63 13.6326 18.1565L13.9295 19.4221ZM13.6326 3.94855C15.8773 4.47508 17.63 6.22775 18.1565 8.47244L19.4221 8.17556C18.7829 5.45019 16.6549 3.32219 13.9295 2.6829L13.6326 3.94855ZM8.17556 2.6829C5.45019 3.32219 3.32219 5.45018 2.6829 8.17556L3.94855 8.47244C4.47508 6.22775 6.22775 4.47508 8.47244 3.94855L8.17556 2.6829ZM16.8755 17.7948L20.5404 21.4596L21.4596 20.5404L17.7948 16.8755L16.8755 17.7948Z",fill:"#3E3F58"})))})),void 0!==K&&_.default.createElement(nt,{"data-is-active":!0,className:xe?"":"menu-handler-language",onClick:function(){w&&w("language")}},K),_.default.createElement(tt,{"data-is-active":"profile"===m,"data-is-profile":!0,className:xe?"":"menu-handler-health-tools",tabIndex:0},_.default.createElement("div",{className:"menu-handler-item"},ee&&_.default.createElement(_.default.Fragment,null,ne?_.default.createElement(o.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:we,onClick:ne},oe("login.booking")):_.default.createElement("a",{href:ie,className:"care-button no-replace-click"},_.default.createElement(o.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:we},oe("login.booking")))),(null==R?void 0:R.id)?_.default.createElement($n,{style:{position:"relative"}},_.default.createElement("div",{onClick:function(){return w&&w("profile")}},ke),M):B&&_.default.createElement("a",{"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":we},ee?_.default.createElement(Tt,{onClick:Ce},_.default.createElement("img",{src:r.img$5,className:"avatar",alt:"avatar"})):"helloSites"===s?_.default.createElement(o.Button,{size:"md",color:"secondary",onClick:Ce},oe("navigation.loginJoin")):_.default.createElement(o.Button,{size:"md",color:"secondary",theme:"marryBaby",onClick:Ce},oe("navigation.loginJoin")))))))),X?_.default.isValidElement(X)?_.default.cloneElement(X,{isCollapsed:de,locale:H,isMobile:A,isAmp:S}):X:null))},Ul=function(e){var n=e.selectedMenuMainItem,t=e.spotlightsList,a=e.locale,i=e.basePath,l=e.callApiHandler,d=e.discoverApiDomain,s=e.DISCOVER_URL_FE,c=e.MARRY_BABY_FE,p=e.onSelectCategory,u=e.isMobile,m=e.siteType,f=e.onCategoryClick,g=r.useTranslation(),h=n.childCates,x=n.categoryName;return _.default.createElement(sn,{"data-type":"sub-level","data-with-search-input":!1},_.default.createElement(pn,null,_.default.createElement(Zi,{isDisplayed:!0,locale:a,basePath:i,callApiHandler:l,discoverApiDomain:d,DISCOVER_URL_FE:s,MARRY_BABY_FE:c,categories:h||[],spotlightsList:t,type:"sub",onSelectCategory:p,isMobile:u,siteType:m,desktopPopupType:"none",isLoading:!1,onClosePopup:void 0}),_.default.createElement(dn,{"data-site-type":m},_.default.createElement(o.Button,{onClick:f,className:"category-button",size:"md",theme:m},_.default.createElement(fn,null,_.default.createElement("div",null,g("home.menu.category.view",{category:x})),"helloSites"===m?_.default.createElement("img",{src:Bt,style:{width:"16px",height:"16px"},className:"button-image",alt:g("home.menu.category.view",{category:x})}):_.default.createElement("svg",{width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M7 12H18M18 12L13.4118 8M18 12L13.4118 16",stroke:"white",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))))))},Vl=function(n){var a=n.selectedMenuMainItem,i=n.onCommunityClick,l=n.onSelectCommunity,d=n.basePath,s=void 0===d?"":d,c=n.callApiHandler,p=n.togetherApiDomain,u=n.locale,m=n.TOGETHER_URL_FE,f=n.siteType,g=n.isMobile,h=r.useTranslation(),x=e.useState([]),v=x[0],y=x[1],b=e.useState(!1),E=b[0],w=b[1],k=a.communityId,C=a.title;return e.useEffect((function(){w(!0),t.__awaiter(void 0,void 0,void 0,(function(){var e,n,a,i,o;return t.__generator(this,(function(t){switch(t.label){case 0:return[4,c("helloSites"===f?r.getTogetherDefaultCommunitiesSubMenuApiPath(u,p,{communityId:k}):r.getTogetherMarryBabyCommunitiesSubMenuApiPath(u,p,{communityId:k}),"GET")];case 1:return null!==(e=t.sent())&&(null===(o=null===(i=null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.data)||void 0===i?void 0:i.topics)||void 0===o?void 0:o.length)>0&&(n=e.data.data.topics.map(r.formatTogetherTopic),y(n)),w(!1),[2]}}))}))}),[a]),_.default.createElement(sn,{"data-type":"sub-level","data-with-search-input":!1},_.default.createElement(pn,null,_.default.createElement(ko,{isDisplayed:!0,locale:u,communities:v,type:"sub",onSelectCommunity:l,isLoading:E,basePath:s,TOGETHER_URL_FE:m,togetherApiDomain:p,siteType:f,isMobile:g,desktopPopupType:"none",onClosePopup:void 0}),_.default.createElement(dn,null,_.default.createElement(o.Button,{onClick:i,className:"category-button",size:"md"},_.default.createElement(fn,null,_.default.createElement("div",null,h("home.menu.category.view",{category:C})),_.default.createElement("img",{src:Bt,style:{width:"16px",height:"16px"},className:"button-image",alt:h("home.menu.category.view",{category:C})}))))))},Gl={categories:{icon:_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1174 3.67709C12.8717 2.70759 11.1272 2.70787 9.8809 3.67705L14.1174 3.67709ZM14.1174 3.67709L19.717 8.0327C20.5579 8.68619 21.049 9.69161 21.049 10.7561V17.6001C21.049 19.5056 19.5045 21.0501 17.599 21.0501H6.39918C4.49368 21.0501 2.94922 19.5056 2.94922 17.6001V10.7561C2.94922 9.6915 3.44016 8.68619 4.28119 8.0327L9.8809 3.67705M10.679 4.70326L5.07908 9.05903C4.5556 9.46579 4.24922 10.0921 4.24922 10.7561V17.6001C4.24922 18.7876 5.21165 19.7501 6.39918 19.7501H17.599C18.7866 19.7501 19.749 18.7876 19.749 17.6001V10.7561C19.749 10.0921 19.4429 9.46599 18.9194 9.05923L13.3192 4.70322C12.5433 4.09928 11.4561 4.09892 10.679 4.70326Z",fill:"#3E3F58"}),_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2363 13.1623C12.5537 12.4791 11.4456 12.4788 10.7619 13.1625C10.0783 13.8461 10.0783 14.9535 10.7619 15.6371C11.4455 16.3207 12.5529 16.3207 13.2365 15.6371C13.9201 14.9535 13.9201 13.8461 13.2365 13.1625L13.2363 13.1623ZM14.1558 12.2433C12.9651 11.0518 11.0338 11.0522 9.84268 12.2433C8.6514 13.4346 8.6514 15.3651 9.84268 16.5563C11.034 17.7476 12.9645 17.7476 14.1558 16.5563C15.347 15.3651 15.347 13.4346 14.1558 12.2433Z",fill:"#3E3F58"})),color:l.theme.mbColors.lightPink},healthTools:{icon:_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7899 3.65C17.1559 3.65 16.6802 4.2267 16.6809 4.79725L16.6809 4.798C16.6809 5.41974 17.104 6.05554 17.7236 6.58451C18.0209 6.83831 18.3337 7.04083 18.5977 7.17695C18.7296 7.245 18.8416 7.29248 18.9268 7.32147C18.9708 7.33646 18.9995 7.34373 19.0149 7.34719C19.0302 7.34373 19.0589 7.33646 19.1029 7.32147C19.1881 7.29248 19.3001 7.245 19.4321 7.17695C19.696 7.04083 20.0088 6.83831 20.3061 6.58451C20.9257 6.05554 21.3489 5.41974 21.3489 4.798C21.3489 4.22619 20.8732 3.65 20.2399 3.65C19.8662 3.65 19.6352 3.81824 19.4969 3.97109C19.3738 4.10711 19.199 4.1848 19.0156 4.185C18.8321 4.1852 18.6572 4.10789 18.5338 3.97214C18.3936 3.81789 18.1622 3.65 17.7899 3.65ZM15.3809 4.79838C15.3797 3.63503 16.318 2.35 17.7899 2.35C18.2971 2.35 18.703 2.4988 19.0145 2.69438C19.3261 2.49862 19.7323 2.35 20.2399 2.35C21.7125 2.35 22.6489 3.63581 22.6489 4.798C22.6489 5.98926 21.875 6.95446 21.1501 7.57324C20.7752 7.89331 20.3789 8.15136 20.028 8.33233C19.8525 8.42282 19.6807 8.49802 19.522 8.55207C19.3755 8.60198 19.1942 8.65 19.0149 8.65C18.8355 8.65 18.6543 8.60198 18.5077 8.55207C18.349 8.49802 18.1772 8.42282 18.0018 8.33233C17.6509 8.15136 17.2545 7.89331 16.8796 7.57324C16.1548 6.95452 15.381 5.98947 15.3809 4.79838ZM15.3809 4.79838C15.3809 4.79825 15.3809 4.79813 15.3809 4.798H16.0309L15.3809 4.79875C15.3809 4.79863 15.3809 4.7985 15.3809 4.79838Z",fill:"#3E3F58"}),_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.91051 8.78301C4.23607 5.03996 7.79796 2.35 12.0002 2.35C12.3662 2.35 12.7248 2.37267 13.077 2.41455C13.4334 2.45693 13.6881 2.78027 13.6457 3.13674C13.6033 3.49322 13.28 3.74784 12.9235 3.70545C12.6196 3.66932 12.3123 3.65 12.0002 3.65C8.36849 3.65 5.28438 5.97404 4.13594 9.21698C4.0161 9.55538 3.64463 9.73255 3.30624 9.61271C2.96785 9.49287 2.79067 9.12141 2.91051 8.78301Z",fill:"#3E3F58"}),_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.07473 7.35106C9.33041 7.35465 9.56024 7.50781 9.66196 7.74242L12.5334 14.3647L13.6702 11.7415C13.7732 11.5038 14.0075 11.35 14.2666 11.35H15.9996C16.3586 11.35 16.6496 11.641 16.6496 12C16.6496 12.359 16.3586 12.65 15.9996 12.65H14.6933L13.13 16.2575C13.027 16.4951 12.7927 16.649 12.5337 16.649C12.2746 16.649 12.0403 16.4952 11.9373 16.2576L9.0434 9.58369L7.78547 12.2752C7.6786 12.5039 7.44902 12.65 7.19661 12.65H2.99961C2.64062 12.65 2.34961 12.359 2.34961 12C2.34961 11.641 2.64062 11.35 2.99961 11.35H6.78291L8.47675 7.72578C8.58502 7.49413 8.81905 7.34747 9.07473 7.35106Z",fill:"#3E3F58"}),_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.8654 10.3543C21.222 10.313 21.5446 10.5686 21.5859 10.9252C21.6264 11.2747 21.6502 11.6328 21.6502 12C21.6502 17.33 17.3302 21.65 12.0002 21.65C7.79796 21.65 4.23607 18.96 2.91051 15.217C2.79067 14.8786 2.96785 14.5071 3.30624 14.3873C3.64463 14.2674 4.0161 14.4446 4.13594 14.783C5.28438 18.026 8.36849 20.35 12.0002 20.35C16.6122 20.35 20.3502 16.612 20.3502 12C20.3502 11.6892 20.3301 11.3813 20.2945 11.0748C20.2532 10.7182 20.5088 10.3956 20.8654 10.3543Z",fill:"#3E3F58"})),color:l.theme.mbColors.lightOrange},together:{icon:_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.99961 4.65C7.4256 4.65 6.14961 5.92599 6.14961 7.5C6.14961 9.07401 7.4256 10.35 8.99961 10.35C10.5736 10.35 11.8496 9.07401 11.8496 7.5C11.8496 5.92599 10.5736 4.65 8.99961 4.65ZM4.84961 7.5C4.84961 5.20802 6.70763 3.35 8.99961 3.35C11.2916 3.35 13.1496 5.20802 13.1496 7.5C13.1496 9.79198 11.2916 11.65 8.99961 11.65C6.70763 11.65 4.84961 9.79198 4.84961 7.5ZM6.71218 15.0233L6.53409 15.0517C4.87235 15.3169 3.64961 16.7503 3.64961 18.433C3.64961 18.9395 4.06015 19.35 4.56658 19.35H13.4326C13.9391 19.35 14.3496 18.9395 14.3496 18.433C14.3496 16.7503 13.1269 15.3169 11.4651 15.0517L11.287 15.0233C9.77167 14.7814 8.22754 14.7814 6.71218 15.0233ZM6.5073 13.7395C8.15839 13.476 9.84083 13.476 11.4919 13.7395L11.67 13.768C13.9626 14.1338 15.6496 16.1114 15.6496 18.433C15.6496 19.6574 14.657 20.65 13.4326 20.65H4.56658C3.34218 20.65 2.34961 19.6574 2.34961 18.433C2.34961 16.1114 4.03657 14.1338 6.3292 13.768L6.5073 13.7395Z",fill:"#3E3F58"}),_.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.3496 4C14.3496 3.64101 14.6406 3.35 14.9996 3.35C17.2916 3.35 19.1496 5.20802 19.1496 7.5C19.1496 9.79198 17.2916 11.65 14.9996 11.65C14.6406 11.65 14.3496 11.359 14.3496 11C14.3496 10.641 14.6406 10.35 14.9996 10.35C16.5736 10.35 17.8496 9.07401 17.8496 7.5C17.8496 5.92599 16.5736 4.65 14.9996 4.65C14.6406 4.65 14.3496 4.35898 14.3496 4ZM15.5908 14.3814C15.5908 14.0224 15.8818 13.7314 16.2408 13.7314H17.2089C17.3632 13.7314 17.5175 13.7436 17.67 13.768C19.9626 14.1338 21.6496 16.1114 21.6496 18.433C21.6496 19.6574 20.657 20.65 19.4326 20.65H17.3895C17.0305 20.65 16.7395 20.359 16.7395 20C16.7395 19.641 17.0305 19.35 17.3895 19.35H19.4326C19.9391 19.35 20.3496 18.9395 20.3496 18.433C20.3496 16.7503 19.1269 15.3169 17.4651 15.0517C17.3805 15.0382 17.2947 15.0314 17.2089 15.0314H16.2408C15.8818 15.0314 15.5908 14.7404 15.5908 14.3814Z",fill:"#3E3F58"})),color:l.theme.mbColors.lightBlue}},Zl=function(e){var n,a,i,o=e.item,r=e.isActive,d=e.isGoingForward,s=e.onServiceClicked;return _.default.createElement("div",{style:{display:"flex",flex:1,flexDirection:"column",alignItems:"center",justifyContent:"center"}},_.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:56,width:56,marginBottom:8,borderRadius:16},onClick:function(){null==s||s(o.id)}},_.default.createElement("div",{style:t.__assign({display:"flex",alignItems:"center",justifyContent:"center",height:48,width:48,flexShrink:0,backgroundColor:null!==(a=null===(n=Gl[o.id])||void 0===n?void 0:n.color)&&void 0!==a?a:"white",borderRadius:16},r?{height:56,width:56,boxShadow:"0px 0px 24px rgba(0, 0, 0, 0.08)",border:"4px solid white"}:{})},null===(i=Gl[o.id])||void 0===i?void 0:i.icon)),_.default.createElement(Ut,{type:"subtitle-3",color:r&&l.theme.mbColors.pink,style:{fontWeight:l.theme.sizes.fwSemiBold}},o.name),r&&(d?_.default.createElement(Rn,{style:{animationDuration:"0.2s",animationName:"menuLeftToRightTrans"}}):_.default.createElement(Rn,{style:{animationDuration:"0.2s",animationName:"menuRightToLeftTrans"}})))},Ql=function(n){var t=n.menuItems,a=n.activeItem,i=n.onServiceClicked,o=e.useState(0),l=o[0],r=o[1],d=e.useRef(!0);return _.default.createElement("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-evenly"}},t.map((function(e,n){return _.default.createElement(Zl,{onServiceClicked:function(e){d.current=l<n,r(n),null==i||i(e)},key:"item"+n,item:e,isGoingForward:d.current,isActive:a.id===e.id})})))},Wl=function(t){var a=t.isMobile,i=void 0!==a&&a,d=t.isMobileMenuOpened,s=void 0===d?void 0:d,c=t.categories,p=t.healthTools,u=t.healthToolsByCategory,m=t.careSpecialties,f=t.togetherCommunities,h=t.spotlightsList,x=t.closePopup,v=t.popupType,y=void 0===v?"none":v,b=t.onMobileMenuClick,E=t.footer,w=t.care.CARE_URL_FE,k=t.discover,C=k.discoverApiDomain,L=k.DISCOVER_URL_FE,T=t.together,S=T.togetherApiDomain,M=T.TOGETHER_URL_FE,N=t.sso.SSO_URL,A=t.statics,B=A.MARRY_BABY_FE,z=A.HOME_PAGE_URL,D=A.STATIC_PAGES,j=A.HEALTH_TOOL_URL_FE,O=t.marryBaby.tone,P=t.locale,I=t.siteType,F=t.basePath,H=t.callApiHandler,R=t.activeMenuService,U=t.menuItems,V=t.routerAsPath,G=r.useTranslation(),Z=e.useState(!1),Q=Z[0],W=Z[1],Y=e.useState(c),q=Y[0],X=Y[1],K=e.useState(void 0),J=K[0],$=K[1],ee=e.useState(void 0),ne=ee[0],te=ee[1],ae=e.useState(!1),ie=ae[0],oe=ae[1],le=e.useState(null==U?void 0:U.find((function(e){return e.id===R}))),re=le[0],de=le[1],se=e.useState(!1),ce=se[0],pe=se[1],ue=e.useState(!1),me=ue[0],fe=ue[1],ge=function(){J&&(window.location.href=J.permalink),Ee(),x&&x()},he=function(){J&&(window.location.href="".concat(M,"/").concat(J.communitySlug)),Ee(),x&&x()},xe=function(e){e.childCates&&e.childCates.length>0?(W(!0),$(e)):(window.location.href="helloSites"===I?L+e.permalink:B+e.permalink,Ee(),x&&x())},ve=function(e){var n=e.community;e.isSetToSubMenu?(W(!0),$(n)):(window.location.href="".concat(M,"/").concat(n.communitySlug),Ee(),x&&x())},ye=function(e){window.location.href=e.link.startsWith("http")?e.link:j+e.link,Ee(),x&&x()},be=function(e){window.location.href=w+r.getCareSearchUrl({type:"DOCTOR",specialtySlug:e.slug,locale:P}),null==x||x()},Ee=function(){$(void 0),W(!1)},we=function(e){de(U.find((function(n){return n.id===e})))},ke=g.LOCALE_SPECS[P||"en-PH"]||{};return e.useEffect((function(){var e;te("categories"===re.id?(null===(e=null==J?void 0:J.childCates)||void 0===e?void 0:e.length)>0&&_.default.createElement(Ul,{selectedMenuMainItem:J,spotlightsList:[],locale:P,basePath:F,callApiHandler:H,discoverApiDomain:C,DISCOVER_URL_FE:L,MARRY_BABY_FE:B,onSelectCategory:xe,isMobile:i,siteType:I,onCategoryClick:ge}):"together"===re.id&&J&&_.default.createElement(Vl,{selectedMenuMainItem:J,onCommunityClick:he,onSelectCommunity:ve,TOGETHER_URL_FE:M,basePath:F,callApiHandler:H,locale:P,togetherApiDomain:S,siteType:I,isMobile:i}))}),[J,re]),e.useEffect((function(){pe(!0)}),[]),e.useEffect((function(){!me&&s&&fe(!0)}),[s]),e.useEffect((function(){X(c)}),[c]),i?_.default.createElement(_.default.Fragment,null,_.default.createElement(ln,{id:ce?"":"categories-menu","data-opened":s||(me?s:"undefined"),key:ce?"t":"f"},_.default.createElement(rn,{"data-opened":s,"data-type":"category","data-is-sub-category-opened":Q},_.default.createElement(Rl,{siteType:I,locale:P,isDisplayed:!0,searchPlaceholder:"",statics:{DISCOVER_URL_FE:L,SSO_URL:N,HOME_PAGE_URL:z,MARRY_BABY_FE:B,CARE_URL_FE:w},isMobile:i,isLoginButtonDisplayed:!1,type:"popup",onMenuClick:function(){return null==b?void 0:b("categories")},onSearchChange:function(e){oe(""!==e),X(e&&""!==e?c.filter((function(n){return n.categoryName.toLowerCase().search(e.toLowerCase())>-1||n.slug.replace("-","").toLowerCase().search(e.replace(" ","").toLowerCase())>-1})):c)},isSearchBarDisplay:!1,basePath:F,isAmp:!1,isInit:!1,isStatic:!1,routerAsPath:V,title:"",onTopBarAppears:void 0,currentPopupType:"none",marryBaby:{tone:O},menu:void 0,menuItems:void 0,onSearchKeyPress:void 0,openPopup:void 0,profileMenu:void 0,userInfo:void 0}),_.default.createElement(sn,null,_.default.createElement(pn,null,_.default.createElement(un,null,_.default.createElement(mn,{"data-hide-on-search":ie,"data-is-sub-category-opened":Q},"helloSites"===I?_.default.createElement(_.default.Fragment,null,_.default.createElement(Un,{onClick:function(){window.location.href="".concat(o.getCurrentBaseUrl(P),"/search")}},_.default.createElement(n.PureInput,{className:"fake-search-input",name:"search-input-menu-service"+(ce?"":"-temp"),size:"md",placeholder:G("home.search",{site:ke?ke.SITE_NAME:""}),onChange:function(){},type:"search",autoFocus:!1,onFocus:function(e){e.preventDefault()},value:"",displayIcon:_.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},_.default.createElement(St,null))})),_.default.createElement(o.Heading,{tag:"h5",color:l.theme.colors.gray800},G("menu.categories.title")),_.default.createElement(cn,{"data-card-array-no-margin-style":!0},U.map((function(e,n){return _.default.createElement(kl,{onClick:we,key:"service-"+n,specialty:e,id:e.id,isActive:e.id===re.id,isMobile:i,position:0===n?"left":n===U.length-1?"right":"center"})})))):_.default.createElement(Ql,{menuItems:U,activeItem:re,onServiceClicked:we})),_.default.createElement(Zi,{isDisplayed:"categories"===re.id,locale:P,basePath:F,callApiHandler:H,onClosePopup:x,discoverApiDomain:C,DISCOVER_URL_FE:L,MARRY_BABY_FE:B,type:"main",onSelectCategory:xe,categories:q,spotlightsList:h,isLoading:!1,isMobile:i,siteType:I,desktopPopupType:y}),_.default.createElement(yl,{isDisplayed:"healthTools"===re.id,locale:P,basePath:F,discoverApiDomain:C,HEALTH_TOOL_URL_FE:j,onSelectHealthTool:ye,onClosePopup:x,desktopPopupType:y,healthTools:p,healthToolsByCategory:u,isLoading:!1,isMobile:i,siteType:I,STATIC_PAGES:D}),"care"===re.id&&_.default.createElement(Ua,{locale:P,basePath:F,onSelectCareSpecialty:be,onClosePopup:x,careSpecialties:m,isLoading:!1,siteType:I,isMobile:i,desktopPopupType:y,CARE_URL_FE:w}),_.default.createElement(ko,{isDisplayed:"together"===re.id,locale:P,TOGETHER_URL_FE:M,basePath:F,type:"main",onSelectCommunity:ve,onClosePopup:x,communities:f,isLoading:!1,isMobile:i,siteType:I,togetherApiDomain:S,desktopPopupType:y})),E)))),Q&&_.default.createElement(ln,{"data-sub-level-opened":Q||(me?Q:"undefined")},_.default.createElement(rn,{"data-type":"sub-category","data-is-sub-category-opened":Q},_.default.createElement(Rl,{siteType:I,locale:P,isDisplayed:s&&Q,searchPlaceholder:"",menuItems:void 0,statics:{DISCOVER_URL_FE:L,SSO_URL:N,HOME_PAGE_URL:z,MARRY_BABY_FE:B,CARE_URL_FE:w},isMobile:i,isLoginButtonDisplayed:!1,type:"popup-sub-level",title:"categories"===re.id?null==J?void 0:J.categoryName:null==J?void 0:J.title,isSearchBarDisplay:!1,basePath:F,isAmp:!1,isInit:!1,isStatic:!1,routerAsPath:V,currentPopupType:"none",marryBaby:{tone:O},menu:void 0,openPopup:void 0,profileMenu:void 0,userInfo:void 0,onSearchKeyPress:void 0,onTopBarAppears:void 0,onMenuClick:Ee,onSearchChange:void 0}),ne))):_.default.createElement(_.default.Fragment,null,_.default.createElement(Zi,{isDisplayed:"categories"===y,locale:P,basePath:F,callApiHandler:H,discoverApiDomain:C,DISCOVER_URL_FE:L,MARRY_BABY_FE:B,type:"main",desktopPopupType:y,onSelectCategory:xe,onClosePopup:x,categories:q,spotlightsList:h,isLoading:!1,isMobile:i,siteType:I}),_.default.createElement(yl,{isDisplayed:"tools"===y,locale:P,basePath:F,discoverApiDomain:C,HEALTH_TOOL_URL_FE:j,desktopPopupType:y,onSelectHealthTool:ye,onClosePopup:x,healthToolsByCategory:u,healthTools:p,isLoading:!1,isMobile:i,siteType:I,STATIC_PAGES:D}),_.default.createElement(ko,{isDisplayed:"communities"===y,locale:P,TOGETHER_URL_FE:M,basePath:F,type:"main",onSelectCommunity:ve,communities:f,isLoading:!1,isMobile:i,siteType:I,togetherApiDomain:S,desktopPopupType:y,onClosePopup:x}),"care"===y&&_.default.createElement(Ua,{locale:P,basePath:F,onSelectCareSpecialty:be,careSpecialties:m,isLoading:!1,desktopPopupType:y,siteType:I,isMobile:i,CARE_URL_FE:w,onClosePopup:x}))},Yl=A.default.div(Sl||(Sl=t.__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"])),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.gray800}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.gray600}),a.MediaQueries.mbDown,a.MediaQueries.mbUp),ql=A.default.div(Ml||(Ml=t.__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"])),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return"marryBaby"===e.siteType?"\n .cancel-button {\n background-color: #E55C8A;\n }\n .cancel-button:hover {\n background-color: #E55C8A !important;\n }\n .logout-button {\n border-color: #E55C8A;\n color: #E55C8A;\n }\n ":""})),Xl=function(n){var a=n.callPostLogOutApi,i=n.openLogoutPopup,l=n.onCloseHandler,d=n.onLogoutHandler,s=n.basePath,c=n.siteType,p=void 0===c?"helloSites":c,u=r.useTranslation();e.useEffect((function(){document.body.classList.toggle("noscroll",i)}),[i]);return _.default.createElement(o.Popup,{type:"confirm",isOpen:i,closeIcon:_.default.createElement("img",{src:zt,style:{width:24,height:24},alt:"close-icon"}),onClose:l},_.default.createElement(Yl,null,"helloSites"===p&&_.default.createElement("img",{className:"cancle-img",src:"".concat(s,"/images/arrowDoor.svg"),alt:"close-account"}),_.default.createElement("h2",null,u("helloSites"===p?"logout.popup.ask1":"logout.popup.ask.mb")),_.default.createElement("p",null,u("logout.popup.ask2")),_.default.createElement(ql,{siteType:p},_.default.createElement(o.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:function(){t.__awaiter(void 0,void 0,void 0,(function(){return t.__generator(this,(function(e){switch(e.label){case 0:return[4,null==a?void 0:a()];case 1:return e.sent(),null==d||d(),window.location.reload(),[2]}}))}))}},u("logout.popup.button.logout")),_.default.createElement(o.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:l},u("logout.popup.button.cancel")))))},Kl=A.default.div(Nl||(Nl=t.__makeTemplateObject(["\n position: absolute;\n right: 0;\n background-color: ",";\n\n &[data-animation='true'] {\n transition: all 0.5s ease-in-out;\n }\n\n &[data-open='true'] {\n z-index: 200;\n top: 120%;\n opacity: 1;\n visibility: visible;\n }\n\n &[data-open='false'] {\n display: none;\n }\n\n &[data-type='lead'] {\n width: 332px;\n height: 460px;\n\n div {\n top: -15px;\n right: -15px;\n }\n }\n\n &[data-type='welcome'] {\n position: fixed;\n "," {\n width: 100%;\n height: 424px;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n min-height: 445px;\n max-width: 407px;\n }\n }\n\n &[data-type='due-date'] {\n position: fixed;\n "," {\n width: 100%;\n height: 100%;\n overflow-y: scroll;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100vw;\n height: 55vw;\n max-height: 598px;\n max-width: 1080px;\n }\n }\n\n .popup-content {\n z-index: 111;\n height: 100%;\n }\n\n &[data-type='form'] {\n width: 496px;\n height: 548px;\n }\n\n &[data-type='confirm'] {\n width: 380px;\n height: 252px;\n }\n\n &[data-type='profile'] {\n /* min-height: 415px; */\n "," {\n border-radius: 6px;\n box-shadow: 0px 4px 8px\n ",";\n &:before {\n position: absolute;\n right: 11px;\n bottom: 100%;\n width: 0;\n height: 0;\n border: 0.5rem solid transparent;\n border-top: none;\n border-bottom-color: #fff;\n content: '';\n filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n }\n }\n "," {\n position: fixed;\n left: 0;\n top: 64px;\n width: 100%;\n }\n "," {\n width: 368px;\n }\n }\n\n .close-button {\n position: absolute;\n top: 0;\n right: 0;\n width: 32px;\n height: 32px;\n cursor: pointer;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n"],["\n position: absolute;\n right: 0;\n background-color: ",";\n\n &[data-animation='true'] {\n transition: all 0.5s ease-in-out;\n }\n\n &[data-open='true'] {\n z-index: 200;\n top: 120%;\n opacity: 1;\n visibility: visible;\n }\n\n &[data-open='false'] {\n display: none;\n }\n\n &[data-type='lead'] {\n width: 332px;\n height: 460px;\n\n div {\n top: -15px;\n right: -15px;\n }\n }\n\n &[data-type='welcome'] {\n position: fixed;\n "," {\n width: 100%;\n height: 424px;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n min-height: 445px;\n max-width: 407px;\n }\n }\n\n &[data-type='due-date'] {\n position: fixed;\n "," {\n width: 100%;\n height: 100%;\n overflow-y: scroll;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100vw;\n height: 55vw;\n max-height: 598px;\n max-width: 1080px;\n }\n }\n\n .popup-content {\n z-index: 111;\n height: 100%;\n }\n\n &[data-type='form'] {\n width: 496px;\n height: 548px;\n }\n\n &[data-type='confirm'] {\n width: 380px;\n height: 252px;\n }\n\n &[data-type='profile'] {\n /* min-height: 415px; */\n "," {\n border-radius: 6px;\n box-shadow: 0px 4px 8px\n ",";\n &:before {\n position: absolute;\n right: 11px;\n bottom: 100%;\n width: 0;\n height: 0;\n border: 0.5rem solid transparent;\n border-top: none;\n border-bottom-color: #fff;\n content: '';\n filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n }\n }\n "," {\n position: fixed;\n left: 0;\n top: 64px;\n width: 100%;\n }\n "," {\n width: 368px;\n }\n }\n\n .close-button {\n position: absolute;\n top: 0;\n right: 0;\n width: 32px;\n height: 32px;\n cursor: pointer;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n"])),(function(e){return e.theme.colors.white}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,a.MediaQueries.mbDown,a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.gray200}),a.MediaQueries.mbDown,a.MediaQueries.mbUp),Jl=A.default.div(Al||(Al=t.__makeTemplateObject(["\n position: fixed;\n z-index: 150;\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n\n "," {\n background-color: transparent;\n &[data-type='welcome'] {\n background: rgba(38, 38, 38, 0.3);\n }\n &[data-type='due-date'] {\n background: rgba(38, 38, 38, 0.3);\n }\n }\n\n "," {\n background: rgba(38, 38, 38, 0.3);\n }\n\n &[data-type='welcome'] {\n top: 0;\n }\n\n &[data-open='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: 150;\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n\n "," {\n background-color: transparent;\n &[data-type='welcome'] {\n background: rgba(38, 38, 38, 0.3);\n }\n &[data-type='due-date'] {\n background: rgba(38, 38, 38, 0.3);\n }\n }\n\n "," {\n background: rgba(38, 38, 38, 0.3);\n }\n\n &[data-type='welcome'] {\n top: 0;\n }\n\n &[data-open='false'] {\n display: none;\n }\n"])),a.MediaQueries.mbUp,a.MediaQueries.mbDown),$l=function(e){var n=e.type,t=void 0===n?"lead":n,a=e.closeIcon,i=e.isOpen,o=void 0===i||i,l=e.onClose,r=e.children,d=e.enableAnimation,s=void 0===d||d,c=e.targetAvatar,p=e.id,u=e.className;return _.default.createElement(_.default.Fragment,null,_.default.createElement(Kl,{"data-open":o,"data-type":t,"data-animation":s,"data-target":c,id:p,className:u},_.default.createElement("div",{className:"popup-content"},!!a&&_.default.createElement("div",{className:"close-button",onClick:l},a),r)),_.default.createElement(Jl,{"data-type":t,"data-open":o,onClick:l,id:p?"wrapper-".concat(p):void 0,className:"".concat(u||"","-wrapper")}))},er=function(e){var n=e.SSO_URL,t=e.UP_BASEPATH,a=e.isOpen,i=e.locale,o=e.targetAvatar,l=e.userInfo,d=e.ENABLE_CARE_PROFILE_MENU_LOCALES,s=e.ENABLE_COMMUNITY_PROFILE_MENU_LOCALES,c=e.closePopup,p=e.siteType,u=void 0===p?"helloSites":p,m=e.dispatchLogout,f=e.userProfileRouterPush,g=e.isUserProfileNavigatorMenuHidden,h=e.isMyHealthEnabled,x=void 0!==h&&h,v=e.togetherApiDomain,y=function(e){f?f("/".concat(e)):n&&(window.location.href="".concat(n).concat(t,"/").concat(e))},b=function(e){y(e),c()};return _.default.createElement($l,{isOpen:a,type:"profile",enableAnimation:!1,targetAvatar:o,onClose:c},_.default.createElement(k.TranslationsProvider,{locale:i},_.default.createElement(r.UserProfileNavigation,{SSO_URL:n,UP_BASEPATH:t,themeName:u,userInfo:l,ENABLE_COMMUNITY_PROFILE_MENU_LOCALES:s,ENABLE_CARE_PROFILE_MENU_LOCALES:d,onClickLogout:function(){m&&(m(),c())},onClickMenuItem:b,onClickNavigationCard:b,onClickMyProfileButton:function(){y("profile"),c()},userProfileRouterPush:f,isUserProfileNavigatorMenuHidden:g,isMyHealthEnabled:x,togetherApiDomain:v})))},nr=A.default.div(Bl||(Bl=t.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),tr=A.default.div(zl||(zl=t.__makeTemplateObject([""],[""]))),ar=A.default.div(Dl||(Dl=t.__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"]))),ir=A.default.div(jl||(jl=t.__makeTemplateObject(["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: space-between;\n\n padding: 0 16px;\n border-radius: 6px;\n cursor: pointer;\n\n .check-icon {\n width: 16px;\n height: 16px;\n }\n &[data-selected='false'] {\n background-color: ",";\n }\n"],["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: space-between;\n\n padding: 0 16px;\n border-radius: 6px;\n cursor: pointer;\n\n .check-icon {\n width: 16px;\n height: 16px;\n }\n &[data-selected='false'] {\n background-color: ",";\n }\n"])),(function(e){return e.theme.colors.gray100})),or=A.default.div(Ol||(Ol=t.__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"]))),lr=function(t){var a=t.options,i=t.label,o=t.selected,l=t.onChange,r=t.showSelected,d=void 0===r||r,s=t.style,c=void 0===s?{}:s,p=t.showIndicator,u=void 0===p||p,m=e.useState(!1),f=m[0],g=m[1];return _.default.createElement(_.default.Fragment,null,_.default.createElement(nr,null,_.default.createElement(tr,{onClick:function(){return g((function(e){return!e}))}},!!i&&i),_.default.createElement(ar,{"data-is-open":f,style:c,"data-show-indicator":u},a.map((function(e,t){return _.default.createElement(ir,{key:t,"data-selected":d&&o===e.value,onClick:function(n){o!==e.value&&(l(e.value),g((function(e){return!e}))),n.stopPropagation()}},_.default.createElement(n.Text,{size:"p3"},e.label),d&&o===e.value&&_.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3346 4L6.0013 11.3333L2.66797 8' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",alt:"check",className:"check-icon"}))})))),f&&_.default.createElement(or,{onClick:function(){return g(!1)}}))},rr=function(e){var n="undefined"!=typeof window&&document.querySelector(e),t=n&&window.getComputedStyle(n);return t&&t.getPropertyValue("display")},dr=function(n){var a,i=n.siteType,o=n.MetaPageTitle,l=n.MetaPageDescription,d=n.MetaPageImage,s=n.footerInfo,c=n.children,p=n.ssrMenuContent,u=void 0===p?{}:p,m=u.categories,f=void 0===m?[]:m,h=u.healthTools,x=void 0===h?[]:h,v=u.healthToolsByCategory,y=void 0===v?[]:v,b=u.careSpecialties,E=void 0===b?[]:b,w=u.togetherCommunities,k=void 0===w?[]:w,C=u.spotlightsList,L=void 0===C?[]:C,T=n.SEOData,S=void 0===T?{}:T,M=n.UP_BASEPATH,N=void 0===M?g.SSO_PATHS.SSO_USER_PROFILE:M,A=n.isStatic,B=void 0!==A&&A,z=n.seoType,D=void 0===z?"website":z,j=n.isMobile,O=n.isMyHealthEnabled,P=void 0!==O&&O,I=n.logoutHandlers,F=I.isLogoutPopupOpened,H=I.callPostLogOutApi,R=I.onClosePopup,U=I.onLogout,V=n.marryBaby,G=void 0===V?{tone:"white",marryBabyApiDomain:"",socialLinks:{facebookLink:"",instagramLink:"",linkedinLink:"",twitterLink:"",youtubeLink:"",zaloLink:""}}:V,Z=G.tone,Q=void 0===Z?"white":Z,W=G.marryBabyApiDomain,Y=G.socialLinks,q=void 0===Y?{}:Y,X=q.facebookLink,K=void 0===X?"":X,J=q.instagramLink,$=void 0===J?"":J,ee=q.linkedinLink,ne=void 0===ee?"":ee,te=q.twitterLink,ae=void 0===te?"":te,ie=q.youtubeLink,oe=void 0===ie?"":ie,le=q.zaloLink,re=void 0===le?"":le,de=n.statics,se=void 0===de?{LOCALE_SPECS:g.LOCALE_SPECS,STATIC_PAGES:g.STATIC_PAGES}:de,ce=se.DISCOVER_URL_FE,pe=se.TOGETHER_URL_FE,ue=se.MARRY_BABY_FE,me=se.HOME_PAGE_URL,fe=se.HEALTH_TOOL_URL_FE,ge=se.CARE_URL_FE,he=se.LOCALE_SPECS,xe=void 0===he?g.LOCALE_SPECS:he,ve=se.STATIC_PAGES,ye=void 0===ve?g.STATIC_PAGES:ve,be=n.sso,Ee=void 0===be?{}:be,we=Ee.dispatchLogout,ke=Ee.SSO_URL,Ce=n.together,_e=void 0===Ce?{TOGETHER_MENU_COUNTRIES_ENABLED:["id-ID","vi-VN"],ENABLE_COMMUNITY_PROFILE_MENU_LOCALES:["id-ID","vi-VN"],togetherApiDomain:""}:Ce,Le=_e.TOGETHER_MENU_COUNTRIES_ENABLED,Te=_e.ENABLE_COMMUNITY_PROFILE_MENU_LOCALES,Se=_e.togetherApiDomain,Me=n.care,Ne=void 0===Me?{CARE_MENU_COUNTRIES_ENABLED:["vi-VN","id-ID","en-PH"],ENABLE_CARE_PROFILE_MENU_LOCALES:[],menuActionType:"redirectOnly",careApiDomain:""}:Me,Ae=Ne.CARE_MENU_COUNTRIES_ENABLED,Be=Ne.ENABLE_CARE_PROFILE_MENU_LOCALES,ze=Ne.careApiDomain,De=n.discover,je=(void 0===De?{discoverApiDomain:""}:De).discoverApiDomain,Oe=n.activeMenuService,Pe=void 0===Oe?"categories":Oe,Ie=n.basePath,Fe=n.isAmp,He=void 0!==Fe&&Fe,Re=n.nextHead,Ue=n.routerPathname,Ve=n.routerQuery,Ge=n.routerAsPath,Ze=n.locale,Qe=n.userState,We=n.callApiHandler,Ye=n.userProfileRouterPush,qe=n.onTopBarAppears,Xe=n.forcedCanonicalUrl,Ke=n.isUserProfileNavigatorMenuHidden,Je=n.sitewideBanner,$e=n.sitewideBannerShown,en=void 0===$e||$e,nn=n.sponsorComponent,tn=n.languageOptions,an=n.isSearchBarDisplay,on=n.ampSubBar,ln=n.isSearchIconDisplayed,rn=void 0===ln||ln,dn=n.enabledExperimentalCareHeader,sn=void 0!==dn&&dn,cn=n.onCareHeaderClick,pn=n.dueDatePopup,un=n.welcomePopup,mn=n.ampNextArticle,fn=n.usingDefaultHead,gn=void 0===fn||fn,hn=n.acceptCookiePopup,xn=n.seoCustom,vn=n.hasStickyBottomBar,yn=void 0===vn||vn,bn="boolean"==typeof an?an:!j,En=r.useTranslation(),wn=xe[Ze||"en-PH"]||{},kn=e.useMemo((function(){var e;return(null===(e=Ge.split("?"))||void 0===e?void 0:e[0])||""}),[Ge]),Cn=e.useMemo((function(){return"".concat(Ie).concat("/"===kn.slice(-1)?kn:"".concat(kn,"/"))}),[kn]),_n=e.useMemo((function(){return(null==tn?void 0:tn.find((function(e){return e.value!==Cn})))||null}),[tn,Cn]),Ln=e.useState(s),Tn=Ln[0],Sn=Ln[1],Mn=e.useState(f),Nn=Mn[0],An=Mn[1],Bn=e.useState(x),zn=Bn[0],Dn=Bn[1],jn=e.useState(y),On=jn[0],Pn=jn[1],In=e.useState(E),Fn=In[0],Hn=In[1],Rn=e.useState(k),Un=Rn[0],Vn=Rn[1],Gn=e.useState(L),Zn=Gn[0],Qn=Gn[1],Wn=ce||"https://".concat(g.domainLocales[Ze])||"",Yn="undefined"!=typeof window,qn=Yn&&document.querySelector("#categories-menu"),Xn=qn&&Yn&&window.getComputedStyle(qn),Kn=Xn&&Xn.getPropertyValue("left"),Jn=e.useRef("0px"===Kn),$n=e.useState(Jn.current),et=$n[0],nt=$n[1],tt=rr(".top-menu-categories"),at=rr(".top-menu-health-tools"),it=rr(".top-menu-communities"),ot=rr(".top-menu-care-specialties"),lt=e.useState(tt&&"none"!==tt?"categories":at&&"none"!==at?"tools":it&&"none"!==it?"communities":ot&&"none"!==ot?"care":"none"),rt=lt[0],dt=lt[1],st=e.useMemo((function(){var e,n;return _.default.createElement(La,null,null===(n=null===(e=Ze.split("-"))||void 0===e?void 0:e[0])||void 0===n?void 0:n.toUpperCase(),_.default.createElement("img",{src:"language"===rt?"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 10L8 6L12 10' stroke='%232D87F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 6L8 10L4 6' stroke='%231B3250' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",style:{width:"16px",height:"16px"},alt:En("home.navigator.menuItem.language")}))}),[rt,Ze]),ct=Qe.userInfo,pt=Qe.isLoggedIn,ut=function(e){rt!==e&&(dt(e),nt(!0)),rt===e&&(dt("none"),nt(!1))},mt=function(){nt(!1),dt("none")},ft=function(e,n){"Enter"===e.key&&(window.location.href="".concat(me,"/search/?s=").concat(n))},gt=null===(a=null==xe?void 0:xe[Ze])||void 0===a?void 0:a.SITE_NAME_FORMATTED,ht=[{name:En("home.navigator.menuItem.discover"),id:"categories",link:"./posts/abc",niceName:"",thumbnail:r.img$1,isDisplayed:!0},{name:En("home.navigator.menuItem.healthTools"),id:"healthTools",link:"./en",thumbnail:r.img$2,isDisplayed:!0}];(null==Le?void 0:Le.includes(Ze))&&ht.push({name:En("home.navigator.menuItem.helloTogether"),id:"together",link:pe+"/",thumbnail:r.img$3,isDisplayed:!0}),(null==Ae?void 0:Ae.includes(Ze))&&ht.push({name:En("home.navigator.menuItem.helloCare"),id:"care",link:"/care",thumbnail:r.img$4,isDisplayed:!0}),e.useEffect((function(){document.documentElement.style.overflow=et?"hidden":""}),[et]);var xt=!!nn;e.useEffect((function(){pt&&("first_login"===(null==Ve?void 0:Ve.source)?(null==ct?void 0:ct.email)&&""!==(null==ct?void 0:ct.email)?window.insider_object={user:t.__assign({uuid:null==ct?void 0:ct.id,email:null==ct?void 0:ct.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==ct?void 0:ct.name)?{name:null==ct?void 0:ct.name}:{})}:window.insider_object={user:t.__assign({uuid:null==ct?void 0:ct.id,sign_up:!0},(null==ct?void 0:ct.name)?{name:null==ct?void 0:ct.name}:{})}:(null==ct?void 0:ct.email)&&""!==(null==ct?void 0:ct.email)?window.insider_object={user:t.__assign({uuid:null==ct?void 0:ct.id,email:null==ct?void 0:ct.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==ct?void 0:ct.name)?{name:null==ct?void 0:ct.name}:{})}:window.insider_object={user:t.__assign({uuid:null==ct?void 0:ct.id,log_in:!0},(null==ct?void 0:ct.name)?{name:null==ct?void 0:ct.name}:{})}),t.__awaiter(void 0,void 0,void 0,(function(){var e,n;return t.__generator(this,(function(t){switch(t.label){case 0:return Tn?[3,3]:[4,fetch("helloSites"===i?r.getDiscoverDefaultFooterApiPath(Ze,je):r.getMarryBabyDefaultFooterApiPath(Ze,W))];case 1:return[4,t.sent().json()];case 2:return n=t.sent(),[3,4];case 3:n=null,t.label=4;case 4:return(e=n)&&1===e.status&&e.data&&!Tn&&Sn("helloSites"===i?e.data||{}:e.data.footers||[]),[2]}}))})),t.__awaiter(void 0,void 0,void 0,(function(){var e,n,a,i,o,l;return t.__generator(this,(function(t){switch(t.label){case 0:return f&&0!==(null==f?void 0:f.length)||0!==(null==Nn?void 0:Nn.length)?[3,3]:(o={},[4,fetch(r.getDiscoverDefaultCategoriesApiPath(Ze,je))]);case 1:return[4,t.sent().json()];case 2:return o.response=t.sent(),a=o,[3,4];case 3:a={},t.label=4;case 4:return e=a.response,null!==(n=void 0===e?{}:e)&&1===n.status&&(null===(l=n.data)||void 0===l?void 0:l.length)>0&&(i=n.data.map(r.formatCategory),0===Nn.length&&An(i)),[2]}}))})),t.__awaiter(void 0,void 0,void 0,(function(){var e,n,a,o,l,d,s,c,p;return t.__generator(this,(function(t){switch(t.label){case 0:return L&&0!==(null==L?void 0:L.length)||"helloSites"!==i||0!==(null==Zn?void 0:Zn.length)?[3,3]:(l={},[4,fetch(r.getDiscoverDefaultSpotlightsApiPath(Ze,je,{perPage:100,orderBy:"start_date"}))]);case 1:return[4,t.sent().json()];case 2:return l.response=t.sent(),a=l,[3,4];case 3:a={},t.label=4;case 4:return e=a.response,1===(null==(n=void 0===e?{}:e)?void 0:n.status)&&(null===(s=null===(d=null==n?void 0:n.data)||void 0===d?void 0:d.articles)||void 0===s?void 0:s.length)>0&&(o=null===(p=null===(c=n.data)||void 0===c?void 0:c.articles)||void 0===p?void 0:p.map(r.formatSpotlightsList).filter(r.checkAvailableSpotlight).slice(0,4),0===Zn.length&&Qn(o)),[2]}}))})),t.__awaiter(void 0,void 0,void 0,(function(){var e,n,a,o,l,d,s;return t.__generator(this,(function(t){switch(t.label){case 0:return(null==x?void 0:x.length)||(null==zn?void 0:zn.length)||(null==y?void 0:y.length)||(null==y?void 0:y.length)?[3,6]:(d={},"helloSites"!==i?[3,2]:[4,fetch(r.getDiscoverDefaultHealthToolsByCategoryApiPath(Ze,je))]);case 1:return o=t.sent(),[3,4];case 2:return[4,fetch(r.getMarryBabyDefaultHealthToolsApiPath(Ze,W))];case 3:o=t.sent(),t.label=4;case 4:return[4,o.json()];case 5:return d.response=t.sent(),a=d,[3,7];case 6:a={},t.label=7;case 7:return e=a.response,null!==(n=void 0===e?{}:e)&&1===n.status&&(null===(s=n.data)||void 0===s?void 0:s.length)>0&&("helloSites"===i?(l=n.data.map(r.formatHealthToolTypeCategory),0===zn.length&&Pn(l)):(l=n.data.map(r.formatHealthTool),0===zn.length&&Dn(l))),[2]}}))})),t.__awaiter(void 0,void 0,void 0,(function(){var e,n,a,i,o,l,d;return t.__generator(this,(function(t){switch(t.label){case 0:return E&&0!==(null==E?void 0:E.length)||!Ae.includes(Ze)||0!==(null==Fn?void 0:Fn.length)?[3,3]:(o={},[4,fetch(r.getCareDefaultSpecialtiesApiPath(Ze,ze))]);case 1:return[4,t.sent().json()];case 2:return o.response=t.sent(),a=o,[3,4];case 3:a={},t.label=4;case 4:return e=a.response,null!==(n=void 0===e?{}:e)&&1===n._status&&(null===(d=null===(l=n._data)||void 0===l?void 0:l.specialties)||void 0===d?void 0:d.length)>0&&(i=n._data.specialties,0===Fn.length&&Hn(i)),[2]}}))})),t.__awaiter(void 0,void 0,void 0,(function(){var e,n,a,o,l,d,s,c,p;return t.__generator(this,(function(t){switch(t.label){case 0:return k&&0!==(null==k?void 0:k.length)||!Le.includes(Ze)||0!==(null==Un?void 0:Un.length)?[3,3]:(l={},[4,fetch("helloSites"===i?r.getTogetherDefaultCommunitiesApiPath(Ze,Se):r.getTogetherMarryBabyCommunitiesApiPath(Ze,Se))]);case 1:return[4,t.sent().json()];case 2:return l.response=t.sent(),a=l,[3,4];case 3:a={},t.label=4;case 4:return e=a.response,(null===(s=null===(d=null==(n=void 0===e?{}:e)?void 0:n.data)||void 0===d?void 0:d.communities)||void 0===s?void 0:s.length)>0&&(o=(null===(p=null===(c=null==n?void 0:n.data)||void 0===c?void 0:c.communities)||void 0===p?void 0:p.map(r.formatCommunity))||[],0===Un.length&&Vn(o)),[2]}}))}))}),[]);var vt=_.default.createElement(er,{locale:Ze,UP_BASEPATH:N,SSO_URL:ke,userProfileRouterPush:Ye,dispatchLogout:we,isOpen:"profile"===rt,isMyHealthEnabled:P,ENABLE_CARE_PROFILE_MENU_LOCALES:Be,ENABLE_COMMUNITY_PROFILE_MENU_LOCALES:Te,closePopup:mt,userInfo:ct,siteType:i,isUserProfileNavigatorMenuHidden:Ke,togetherApiDomain:Se}),yt=He&&{"next-page-hide":""};return _.default.createElement(Sa,{SEOData:t.__assign({SEOTitle:o,SEOImage:d,SEODescription:l,siteName:gt,seoType:D},S),isAmp:He,locale:Ze,routerPathname:Ue,routerQuery:Ve,nextHead:Re,siteType:i,forcedCanonicalUrl:Xe,userId:null==ct?void 0:ct.id,usingDefaultHead:gn,seoCustom:xn},_.default.createElement(Xl,{basePath:Ie,callPostLogOutApi:H,openLogoutPopup:F,onCloseHandler:R,onLogoutHandler:U,siteType:i}),pn,un,hn,j?_.default.createElement(_.default.Fragment,null,_.default.createElement(ka,null,_.default.createElement("section",t.__assign({className:He?"amp-header":void 0,"next-page-replace":"hhg-navigator","amp-fx":"float-in-top"},yt),_.default.createElement(Rl,{siteType:i,statics:{DISCOVER_URL_FE:Wn,SSO_URL:ke,HOME_PAGE_URL:me,MARRY_BABY_FE:ue,CARE_URL_FE:ge},marryBaby:{tone:Q},menuItems:ht,menu:He?void 0:_.default.createElement(Wl,{key:"mobile-menu-popup",menuItems:ht,siteType:i,isMobileMenuOpened:"categories"===rt,categories:Nn,healthTools:zn,healthToolsByCategory:On,careSpecialties:Fn,togetherCommunities:Un,spotlightsList:Zn,onMobileMenuClick:ut,isMobile:j,closePopup:mt,footer:_.default.createElement(wa,{locale:Ze,isMobile:j,basePath:Ie,isAmp:He,footerInfo:Tn,type:"mini",siteType:i,marryBabySocialLinks:{facebookLink:K,instagramLink:$,linkedinLink:ne,twitterLink:ae,youtubeLink:oe,zaloLink:re}}),locale:Ze,callApiHandler:We,basePath:Ie,together:{TOGETHER_MENU_COUNTRIES_ENABLED:Le,togetherApiDomain:Se||W,TOGETHER_URL_FE:pe},care:{CARE_MENU_COUNTRIES_ENABLED:Ae,careApiDomain:ze,CARE_URL_FE:ge},discover:{discoverApiDomain:je,DISCOVER_URL_FE:Wn},activeMenuService:Pe,statics:{DISCOVER_URL_FE:Wn,HOME_PAGE_URL:me,HEALTH_TOOL_URL_FE:fe,MARRY_BABY_FE:ue,TOGETHER_URL_FE:pe,STATIC_PAGES:ye},marryBaby:{tone:Q},routerAsPath:Ge,popupType:"none",sso:{SSO_URL:ke}}),profileMenu:vt,type:"home",currentPopupType:rt,isMobile:j,isLoginButtonDisplayed:!0,onMenuClick:ut,searchPlaceholder:En("home.search",{site:"helloSites"===i?null==wn?void 0:wn.SITE_NAME:"Marry Baby"}),onTopBarAppears:function(e){qe&&qe(e)},isSearchBarDisplay:bn,onSearchKeyPress:ft,isStatic:He||B,sponsorComponent:nn,locale:Ze,userInfo:Qe.userInfo,basePath:Ie,isAmp:He,isDisplayed:!0,isInit:!1,onSearchChange:void 0,openPopup:void 0,routerAsPath:Ge,title:"",sitewideBanner:Je,sitewideBannerShown:en,isSearchIconDisplayed:rn,enabledExperimentalCareHeader:sn,languageMenu:void 0!==tn&&tn.length>1?_.default.createElement(_.default.Fragment,null,2===tn.length&&_n?_.default.createElement(Ta,{"data-is-active":!0,href:(null==_n?void 0:_n.value)||"#"},null==_n?void 0:_n.label):_.default.createElement(lr,{options:tn,selected:Cn,label:st,onChange:function(e){"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1})):void 0}),void 0!==on&&_.default.createElement(_.default.Fragment,null,on)),He?_.default.createElement(_a,{className:"root-container","data-menu-opened":Jn.current,"data-sponsored":xt,"data-is-mobile":j,"data-sitewide":!!Je},c,_.default.createElement(wa,{isAmp:He,isMobile:j,locale:Ze,basePath:Ie,footerInfo:Tn,type:"main",siteType:i,marryBabySocialLinks:{facebookLink:K,instagramLink:$,linkedinLink:ne,twitterLink:ae,youtubeLink:oe,zaloLink:re},ampNextArticle:mn,routerQuery:Ve})):_.default.createElement(Ca,{className:"root-container","data-menu-opened":Jn.current,"data-sponsored":xt,"data-is-mobile":j,"data-sitewide":!!Je,hasStickyBottomBar:yn},_.default.createElement(_.default.Fragment,null,c,_.default.createElement(wa,{isAmp:He,isMobile:j,locale:Ze,basePath:Ie,footerInfo:Tn,type:"main",siteType:i,marryBabySocialLinks:{facebookLink:K,instagramLink:$,linkedinLink:ne,twitterLink:ae,youtubeLink:oe,zaloLink:re},ampNextArticle:mn,routerQuery:Ve})))),He&&_.default.createElement(At,{locale:Ze,categoriesSSR:f,healthToolsSSR:y,spotlightsSSR:L,serviceUrls:{TOGETHER_URL_FE:pe,CARE_URL_FE:ge,DISCOVER_URL_FE:Wn},together:{TOGETHER_MENU_COUNTRIES_ENABLED:Le,ENABLE_COMMUNITY_PROFILE_MENU_LOCALES:Te,togetherApiDomain:Se},care:{CARE_MENU_COUNTRIES_ENABLED:Ae,ENABLE_CARE_PROFILE_MENU_LOCALES:Be,careApiDomain:ze},basePath:Ie,searchPlaceholder:En("home.search",{site:"helloSites"===i?null==wn?void 0:wn.SITE_NAME:"Marry Baby"})})):_.default.createElement(_.default.Fragment,null,_.default.createElement(Rl,{siteType:i,menuItems:ht,marryBaby:{tone:Q},locale:Ze,currentPopupType:rt,onSearchKeyPress:ft,openPopup:function(e){rt!==e&&dt(e),rt===e&&dt("none")},isMobile:j,isLoginButtonDisplayed:!0,isSearchBarDisplay:!He&&bn,searchPlaceholder:En("home.search",{site:"helloSites"===i?null==wn?void 0:wn.SITE_NAME:"Marry Baby"}),sitewideBannerShown:en,statics:{DISCOVER_URL_FE:Wn,SSO_URL:ke,HOME_PAGE_URL:me,MARRY_BABY_FE:ue,CARE_URL_FE:ge},menu:_.default.createElement(Wl,{menuItems:ht,siteType:i,isMobile:j,popupType:rt,closePopup:function(){dt("none")},categories:Nn,healthTools:zn,healthToolsByCategory:On,careSpecialties:Fn,togetherCommunities:Un,spotlightsList:Zn,locale:Ze,callApiHandler:We,basePath:Ie,together:{TOGETHER_MENU_COUNTRIES_ENABLED:Le,togetherApiDomain:Se,TOGETHER_URL_FE:pe},care:{careApiDomain:ze,CARE_MENU_COUNTRIES_ENABLED:Ae,CARE_URL_FE:ge},discover:{discoverApiDomain:je,DISCOVER_URL_FE:Wn},statics:{DISCOVER_URL_FE:Wn,HOME_PAGE_URL:me,HEALTH_TOOL_URL_FE:fe,MARRY_BABY_FE:ue,TOGETHER_URL_FE:pe,STATIC_PAGES:ye},activeMenuService:Pe,marryBaby:{tone:Q},routerAsPath:Ge,footer:void 0,isMobileMenuOpened:void 0,sso:{SSO_URL:ke},onMobileMenuClick:void 0}),profileMenu:vt,userInfo:Qe.userInfo,sponsorComponent:nn,type:"home",basePath:Ie,isAmp:He,isDisplayed:!0,isInit:!1,onSearchChange:void 0,isStatic:!1,routerAsPath:Ge,title:"",onMenuClick:void 0,onTopBarAppears:void 0,sitewideBanner:Je,languageMenu:void 0!==tn&&tn.length>1?_.default.createElement(_.default.Fragment,null,2===tn.length&&_n?_.default.createElement(Ta,{"data-is-active":!0,href:(null==_n?void 0:_n.value)||"#"},null==_n?void 0:_n.label):_.default.createElement(lr,{options:tn,selected:Cn,label:st,onChange:function(e){"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1})):void 0,enabledExperimentalCareHeader:sn,onCareHeaderClick:cn}),He?_.default.createElement(_a,{className:"root-container","data-menu-opened":et,"data-is-mobile":j,"data-sponsored":xt,"data-sitewide":!!Je},c):_.default.createElement(Ca,{className:"root-container","data-menu-opened":et,"data-is-mobile":j,"data-sponsored":xt,"data-sitewide":!!Je,hasStickyBottomBar:yn},c),_.default.createElement(wa,{type:"main",locale:Ze,basePath:Ie,isMobile:j,isAmp:He,footerInfo:Tn,siteType:i,marryBabySocialLinks:{facebookLink:K,instagramLink:$,linkedinLink:ne,twitterLink:ae,youtubeLink:oe,zaloLink:re}})))},sr=A.default.div(Pl||(Pl=t.__makeTemplateObject(["\n position: relative;\n display: flex;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n background-position: center;\n background-size: cover;\n transition: height 0.3s;\n background-color: ",";\n\n &[data-is-marrybaby='true'] {\n background-color: ",";\n }\n\n &[data-is-mobile='true'] {\n &[data-is-marrybaby='false'] {\n justify-content: flex-start;\n }\n }\n &[data-is-mobile='false'] {\n justify-content: center;\n }\n\n &[data-is-collapse='false'] {\n height: 64px;\n &[data-is-marrybaby='true'] {\n &[data-is-mobile='true'] {\n height: 120px;\n }\n }\n }\n &[data-is-collapse='true'] {\n height: 0;\n }\n\n .amp-close-banner * {\n pointer-events: none;\n }\n\n .content {\n display: -webkit-box;\n overflow: hidden;\n padding-right: 48px;\n -webkit-box-orient: vertical;\n color: white;\n font-size: 16px;\n font-weight: 600;\n -webkit-line-clamp: 2;\n line-height: 24px;\n text-overflow: ellipsis;\n a {\n color: white;\n }\n &[data-is-mobile='true'] {\n font-size: 14px;\n }\n }\n"],["\n position: relative;\n display: flex;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n background-position: center;\n background-size: cover;\n transition: height 0.3s;\n background-color: ",";\n\n &[data-is-marrybaby='true'] {\n background-color: ",";\n }\n\n &[data-is-mobile='true'] {\n &[data-is-marrybaby='false'] {\n justify-content: flex-start;\n }\n }\n &[data-is-mobile='false'] {\n justify-content: center;\n }\n\n &[data-is-collapse='false'] {\n height: 64px;\n &[data-is-marrybaby='true'] {\n &[data-is-mobile='true'] {\n height: 120px;\n }\n }\n }\n &[data-is-collapse='true'] {\n height: 0;\n }\n\n .amp-close-banner * {\n pointer-events: none;\n }\n\n .content {\n display: -webkit-box;\n overflow: hidden;\n padding-right: 48px;\n -webkit-box-orient: vertical;\n color: white;\n font-size: 16px;\n font-weight: 600;\n -webkit-line-clamp: 2;\n line-height: 24px;\n text-overflow: ellipsis;\n a {\n color: white;\n }\n &[data-is-mobile='true'] {\n font-size: 14px;\n }\n }\n"])),(function(e){return e.theme.colors.secondaryBase}),(function(e){return e.theme.mbColors.cobalt})),cr=A.default.div(Il||(Il=t.__makeTemplateObject(["\n max-width: 100px;\n margin-right: 16px;\n height: 100%;\n img {\n width: 64px;\n height: 64px;\n object-fit: contain;\n }\n &[data-is-marrybaby='true'] {\n height: unset;\n max-height: 100%;\n }\n &[data-is-mobile='true'] {\n img {\n width: 52px;\n height: 52px;\n }\n }\n"],["\n max-width: 100px;\n margin-right: 16px;\n height: 100%;\n img {\n width: 64px;\n height: 64px;\n object-fit: contain;\n }\n &[data-is-marrybaby='true'] {\n height: unset;\n max-height: 100%;\n }\n &[data-is-mobile='true'] {\n img {\n width: 52px;\n height: 52px;\n }\n }\n"]))),pr=A.default.div(Fl||(Fl=t.__makeTemplateObject(["\n position: absolute;\n right: 20px;\n width: 24px;\n height: 24px;\n cursor: pointer;\n &[data-is-marrybaby='true'] {\n background-color: ",";\n border-radius: 50%;\n top: 12px;\n right: 32px;\n padding: 10px;\n height: 40px;\n width: 40px;\n .close-icon {\n width: 20px;\n height: 20px;\n }\n &[data-is-mobile='true'] {\n position: absolute;\n top: 8px;\n right: 8px;\n padding: 8px;\n height: 32px;\n width: 32px;\n .close-icon {\n width: 100%;\n height: 100%;\n }\n }\n }\n"],["\n position: absolute;\n right: 20px;\n width: 24px;\n height: 24px;\n cursor: pointer;\n &[data-is-marrybaby='true'] {\n background-color: ",";\n border-radius: 50%;\n top: 12px;\n right: 32px;\n padding: 10px;\n height: 40px;\n width: 40px;\n .close-icon {\n width: 20px;\n height: 20px;\n }\n &[data-is-mobile='true'] {\n position: absolute;\n top: 8px;\n right: 8px;\n padding: 8px;\n height: 32px;\n width: 32px;\n .close-icon {\n width: 100%;\n height: 100%;\n }\n }\n }\n"])),(function(e){return e.theme.colors.white}));A.default.div(ur||(ur=t.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: 0.5rem 0;\n\n &[data-type-mobile='true'] {\n justify-content: space-between;\n }\n\n amp-img img {\n object-fit: contain;\n object-position: right;\n }\n"],["\n display: flex;\n align-items: center;\n padding: 0.5rem 0;\n\n &[data-type-mobile='true'] {\n justify-content: space-between;\n }\n\n amp-img img {\n object-fit: contain;\n object-position: right;\n }\n"])));var ur,mr,fr,gr,hr,xr=A.default.div(mr||(mr=t.__makeTemplateObject(["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: center;\n padding: 8px 0;\n border-top: 1px solid #e4e8ec;\n background-color: ",";\n cursor: pointer;\n text-decoration: none;\n\n &[data-align-left='true'] {\n justify-content: start;\n }\n .sticky-sponsored-info-icon {\n display: inline;\n }\n\n .sponsored-logo {\n width: auto;\n height: 24px;\n vertical-align: middle;\n }\n\n "," {\n height: 44px;\n }\n\n &[data-show-popup='true'] {\n .sticky-sponsored-info-icon {\n position: relative;\n &:before {\n position: absolute;\n z-index: 9;\n top: 100%;\n left: 9px;\n border-right: 6px transparent solid;\n border-bottom: 8px white solid;\n border-left: 6px transparent solid;\n content: ' ';\n transform: translateX(calc(-50% + 3px));\n }\n }\n }\n\n &.open .amp-sponsored-popup {\n display: block;\n }\n\n &[data-is-amp] {\n margin-top: -10px;\n > [class*='Container'] {\n display: flex;\n align-items: center;\n }\n }\n"],["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: center;\n padding: 8px 0;\n border-top: 1px solid #e4e8ec;\n background-color: ",";\n cursor: pointer;\n text-decoration: none;\n\n &[data-align-left='true'] {\n justify-content: start;\n }\n .sticky-sponsored-info-icon {\n display: inline;\n }\n\n .sponsored-logo {\n width: auto;\n height: 24px;\n vertical-align: middle;\n }\n\n "," {\n height: 44px;\n }\n\n &[data-show-popup='true'] {\n .sticky-sponsored-info-icon {\n position: relative;\n &:before {\n position: absolute;\n z-index: 9;\n top: 100%;\n left: 9px;\n border-right: 6px transparent solid;\n border-bottom: 8px white solid;\n border-left: 6px transparent solid;\n content: ' ';\n transform: translateX(calc(-50% + 3px));\n }\n }\n }\n\n &.open .amp-sponsored-popup {\n display: block;\n }\n\n &[data-is-amp] {\n margin-top: -10px;\n > [class*='Container'] {\n display: flex;\n align-items: center;\n }\n }\n"])),(function(e){return e.theme.colors.neutral50}),a.MediaQueries.mbUp),vr=A.default.div(fr||(fr=t.__makeTemplateObject(["\n position: absolute;\n top: 30px;\n left: 50%;\n &[data-align-left='true'] {\n left: 190px;\n }\n width: 350px;\n padding: 1rem;\n border: 1px solid #f2f2f2;\n background: white;\n border-radius: 6px;\n transform: translateX(-50%);\n "," {\n width: calc(100% - 2rem);\n }\n\n &[data-is-amp] {\n display: none;\n position: fixed;\n z-index: 999;\n top: 100px;\n left: 50%;\n\n &.open {\n display: block;\n }\n }\n\n .button-container {\n display: flex;\n justify-content: space-between;\n button {\n flex: 1;\n }\n button:first-child {\n margin-right: 0.5rem;\n "," {\n margin-right: 1rem;\n }\n }\n }\n"],["\n position: absolute;\n top: 30px;\n left: 50%;\n &[data-align-left='true'] {\n left: 190px;\n }\n width: 350px;\n padding: 1rem;\n border: 1px solid #f2f2f2;\n background: white;\n border-radius: 6px;\n transform: translateX(-50%);\n "," {\n width: calc(100% - 2rem);\n }\n\n &[data-is-amp] {\n display: none;\n position: fixed;\n z-index: 999;\n top: 100px;\n left: 50%;\n\n &.open {\n display: block;\n }\n }\n\n .button-container {\n display: flex;\n justify-content: space-between;\n button {\n flex: 1;\n }\n button:first-child {\n margin-right: 0.5rem;\n "," {\n margin-right: 1rem;\n }\n }\n }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbUp),yr=function(e){var t=e.sponsoredBy,a=e.isAmp,i=e.onClose,l=e.locale||"en-PH",d=r.useTranslation();return _.default.createElement(vr,{"data-align-left":t&&!!(null==t?void 0:t.logo),"data-is-amp":a||void 0,id:"sponsored-by",className:a?"amp-sponsored-popup":void 0},_.default.createElement(n.Text,{size:"p3",style:{marginBottom:"1rem"}},d("articlePage.sponsoredByStickyPopup.content")),_.default.createElement("div",{className:"button-container",onClick:function(e){e.stopPropagation()}},_.default.createElement(o.Button,{size:"md",color:"secondary",onClick:i,isAmp:a,on:"tap:sponsored-by.toggleClass(class='open')"},d("articlePage.sponsoredByStickyPopup.close")),_.default.createElement(o.Button,{size:"md",onClick:function(){window.location.href="/static".concat(g.STATIC_PAGES[l].ADVERTISING_SPONSOR_POLICY)},isAmp:a,on:"tap:AMP.navigateTo(url='/static".concat(g.STATIC_PAGES[l].ADVERTISING_SPONSOR_POLICY,"')")},d("articlePage.sponsoredByStickyPopup.policies"))))},br=A.default.footer(gr||(gr=t.__makeTemplateObject(["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image {\n width: 10%;\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image {\n width: 10%;\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbUp),Er=A.default.div(hr||(hr=t.__makeTemplateObject(["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"],["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"]))),wr=function(e){var n=e.url,t=e.isMobile,a=e.dataEventCategory,i=e.dataEventAction,o=e.dataEventLabel;return _.default.createElement(Er,{"data-is-mobile":t},_.default.createElement("img",{className:"country-flag",src:n,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":o}))},kr=function(e){var t,i,r,d,s,c,p,u,m,f,g,h,x,v,y,b,E,w,k,C,L,T,S,M,N,A,B,z,D,j,O,P,I,F,H,R=e.className,U=e.type,V=void 0===U?"main":U,G=e.footerInfo,Z=e.isMobile,Q=e.locale,W=e.isAmp,Y=a.useTranslations().t,q=null==G?void 0:G.menu;return _.default.createElement(br,{as:W&&"mini"===V?"div":"footer",className:R,style:"mini"===V?{backgroundColor:l.theme.colors.neutral50}:{},"next-page-hide":!0},_.default.createElement(n.Container,null,_.default.createElement("div",{className:"inner","data-type":V,"next-page-hide":""},"main"===V?_.default.createElement(_.default.Fragment,null,_.default.createElement("a",{href:"/"},W?(null===(i=null==G?void 0:G.general)||void 0===i?void 0:i.logo)?_.default.createElement("amp-img",{src:null===(r=null==G?void 0:G.general)||void 0===r?void 0:r.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:_.default.createElement("img",{className:"footer-logo",src:null===(t=null==G?void 0:G.general)||void 0===t?void 0:t.logo,alt:"Logo","data-is-sehat":"id-ID"===Q})),_.default.createElement("div",{className:"columns"},_.default.createElement("div",{className:"newsletter"},_.default.createElement(n.Text,{size:"p1",type:"bold"},null===(d=null==G?void 0:G.general)||void 0===d?void 0:d.content),_.default.createElement(o.Button,{className:"signupButton",color:"primary",size:"lg"},Y("footer.signUp")),_.default.createElement("div",{className:"social"},_.default.createElement(n.Text,{size:"sm",type:"regular"},null===(s=null==G?void 0:G.social)||void 0===s?void 0:s.title),_.default.createElement("div",{className:"icons"},null===(p=null===(c=null==G?void 0:G.social)||void 0===c?void 0:c.socials)||void 0===p?void 0:p.map((function(e,n){return _.default.createElement("a",{key:n,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},W?_.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):_.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon"}))}))),_.default.createElement("hr",{className:"hrMobile"}))),_.default.createElement("div",null,q&&_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{className:"biglinks"},null===(m=null===(u=q[0])||void 0===u?void 0:u.items)||void 0===m?void 0:m.map((function(e,n){return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(l.domainLocales[Q]).concat(e.url),className:"bigLink",key:n,href:e.url},e.title)}))),_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(f=q[1])||void 0===f?void 0:f.menu_title),null===(h=null===(g=q[1])||void 0===g?void 0:g.items)||void 0===h?void 0:h.map((function(e,t){return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(l.domainLocales[Q]).concat(e.url),className:"link",href:e.url,key:t},_.default.createElement(n.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(l.domainLocales[Q]).concat(e.url)},e.title))}))),_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(x=q[2])||void 0===x?void 0:x.menu_title),null===(y=null===(v=q[2])||void 0===v?void 0:v.items)||void 0===y?void 0:y.map((function(e,t){return e.url&&_.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:t},_.default.createElement(n.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!W&&_.default.createElement(_.default.Fragment,null,_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"otherSites"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(b=null==G?void 0:G.branch)||void 0===b?void 0:b.title),_.default.createElement("div",{className:"flags"},null===(w=null===(E=null==G?void 0:G.branch)||void 0===E?void 0:E.branch)||void 0===w?void 0:w.map((function(e,n){return _.default.createElement("a",{className:"link",href:e.url,key:n,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},_.default.createElement(wr,{url:e.flag,isMobile:Z,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url}))}))))))),_.default.createElement("hr",null),_.default.createElement("div",{className:"copyright","data-is-amp":W||void 0},(null===(k=null==G?void 0:G.general)||void 0===k?void 0:k.verified)&&_.default.createElement("a",{href:null===(L=null===(C=null==G?void 0:G.general)||void 0===C?void 0:C.verified[0])||void 0===L?void 0:L.url,className:"copyright-image"},W?_.default.createElement("amp-img",{src:null===(S=null===(T=null==G?void 0:G.general)||void 0===T?void 0:T.verified[0])||void 0===S?void 0:S.image,alt:"DMCA Icon",width:"100",height:"36"}):_.default.createElement("img",{src:null===(N=null===(M=null==G?void 0:G.general)||void 0===M?void 0:M.verified[0])||void 0===N?void 0:N.image,alt:"DMCA Icon"})),_.default.createElement(n.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(A=null==G?void 0:G.general)||void 0===A?void 0:A.copyright)),"vi-VN"===Q&&_.default.createElement(n.Text,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):_.default.createElement(_.default.Fragment,null,(null==G?void 0:G.menu)&&_.default.createElement("div",{className:"columns"},_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(B=null==G?void 0:G.menu[1])||void 0===B?void 0:B.menu_title),null===(D=null===(z=null==G?void 0:G.menu[1])||void 0===z?void 0:z.items)||void 0===D?void 0:D.map((function(e){return _.default.createElement("a",{className:"link",href:e.url,key:e.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":e.title,"data-content-id":"https://".concat(l.domainLocales[Q]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(l.domainLocales[Q]).concat(e.url)},_.default.createElement(n.Text,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(l.domainLocales[Q]).concat(e.url),size:"sm",type:"regular",style:{color:l.theme.colors.gray800}},e.title))}))),_.default.createElement("div",{className:"mHalf"},_.default.createElement(n.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(j=null==G?void 0:G.menu[2])||void 0===j?void 0:j.menu_title),null===(P=null===(O=null==G?void 0:G.menu[2])||void 0===O?void 0:O.items)||void 0===P?void 0:P.map((function(e,t){return _.default.createElement("a",{className:"link",href:e.url,key:t,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":e.title,"data-content-id":e.url,"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url},_.default.createElement(n.Text,{size:"sm",type:"regular",style:{color:l.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!W&&"mini"!==V&&_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"newsletter"},_.default.createElement("div",{className:"social"},_.default.createElement(n.Text,{size:"sm",type:"regular"},null===(I=null==G?void 0:G.social)||void 0===I?void 0:I.title),_.default.createElement("div",{className:"icons"},null===(H=null===(F=null==G?void 0:G.social)||void 0===F?void 0:F.socials)||void 0===H?void 0:H.map((function(e,n){return _.default.createElement("a",{key:n,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},W?_.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):_.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon"}))}))))))))))};A.default((function(e){var n=e.type,a=t.__rest(e,["type"]);return _.default.createElement(n,a)}))(Cr||(Cr=t.__makeTemplateObject(["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"],["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"])),(function(e){return e.theme.mbColors.dark}));var Cr,_r,Lr=A.default.p(_r||(_r=t.__makeTemplateObject(["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"],["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"])),(function(e){return e.theme.mbColors.dark})),Tr=function(e){var n=e.type,a=e.color,i=e.style,o=t.__rest(e,["type","color","style"]);return _.default.createElement(Lr,t.__assign({"data-type":n,style:t.__assign(t.__assign({},i),a&&{"--text-color":a})},o))};A.default.footer(Sr||(Sr=t.__makeTemplateObject(["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),(function(e){return e.theme.mbColors.lightGray}),a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbUp);var Sr,Mr,Nr,Ar,Br,zr,Dr,jr,Or=A.default.div(Mr||(Mr=t.__makeTemplateObject([""],[""]))),Pr=A.default.div(Nr||(Nr=t.__makeTemplateObject(["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"]))),Ir=A.default.div(Ar||(Ar=t.__makeTemplateObject(["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"],["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"])),a.MediaQueries.mbDown),Fr=A.default.div(Br||(Br=t.__makeTemplateObject(["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"],["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.gray800}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,a.MediaQueries.mbDown),Hr=A.default.div(zr||(zr=t.__makeTemplateObject(["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"],["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"])),a.MediaQueries.mbUp,a.MediaQueries.mbDown),Rr=A.default.div(Dr||(Dr=t.__makeTemplateObject(["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"],["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray}),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray})),Ur=A.default.div(jr||(jr=t.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"],["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"]))),Vr={SOCIAL_LINKS:{facebookLink:"https://www.facebook.com/marry.baby.vn",instagramLink:"https://www.instagram.com/marrybaby.vn",zaloLink:"http://zalo.me/806483414530291942",youtubeLink:"https://www.youtube.com/user/marrybabyvn"}},Gr=function(e){var t,i=e.socialLinks,o=void 0===i?Vr.SOCIAL_LINKS:i,r=o.facebookLink,d=o.instagramLink,c=o.zaloLink,p=o.youtubeLink,u=e.copyrightText,m=e.logoType,f=void 0===m?"marryBaby":m,g=e.isMobile,h=e.footerMenu,x=void 0===h?[]:h,v=e.type,y=void 0===v?"main":v,b=a.useTranslations().t;return"main"===y?_.default.createElement(Or,{className:"footer-container"},!g&&_.default.createElement("div",{className:"footer-divider"},_.default.createElement(n.Container,{type:"marryBaby"},_.default.createElement(s.Divider,{style:{padding:"0 16px"},type:"solid"}))),_.default.createElement(Ir,null,_.default.createElement(n.Container,{type:"marryBaby"},_.default.createElement(Fr,null,_.default.createElement("div",{className:"grid"},null===(t=g?null==x?void 0:x.slice(0,6):x)||void 0===t?void 0:t.map((function(e,n){var t=e.title,a=e.link;return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":t,"data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(n)},_.default.createElement(Tr,{color:l.theme.colors.gray800,type:"subtitle-2"},t))})),_.default.createElement("div",{className:"social-wrapper"},_.default.createElement("div",{className:"social"},_.default.createElement(Tr,{type:"subtitle-2"},b("footer.followUsText")),_.default.createElement("div",{className:"icons-links"},r&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},_.default.createElement("img",{src:P,alt:"Facebook"})),p&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":p,href:p},_.default.createElement("img",{src:U,alt:"Youtube"})),d&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":d,href:d},_.default.createElement("img",{src:I,alt:"Instagram"})),c&&_.default.createElement("a",{target:"_blank",rel:"noreferrer",href:c,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":c},_.default.createElement("img",{src:V,alt:"Zalo"}))))))))),_.default.createElement(Hr,null,_.default.createElement(n.Container,{type:"marryBaby"},_.default.createElement(Rr,null,_.default.createElement(n.Logo,{className:"logo",type:f,width:"121px"}),_.default.createElement(Tr,{className:"company-name",type:"subtitle-2"},b("footer.info.companyName")),_.default.createElement("div",{className:"text-info"},_.default.createElement(Tr,{type:"bodytext-3"},b("footer.info.address")),_.default.createElement(Tr,{type:"bodytext-3"},b("footer.info.license")),_.default.createElement(Tr,{type:"bodytext-3"},b("footer.info.email"))),_.default.createElement("div",{className:"img-container"},_.default.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),_.default.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},_.default.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!g&&_.default.createElement(s.Divider,{type:"solid"}),_.default.createElement("div",{className:"language-and-copyright"},_.default.createElement(Tr,{type:"bodytext-3"},u)))))):_.default.createElement(Pr,null,_.default.createElement(Ur,null),_.default.createElement(Tr,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:l.theme.sizes.fwSemiBold},color:l.theme.mbColors.midGray},b("footer.followUsText")),_.default.createElement("div",{className:"icons-links"},r&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z",fill:"url(#paint0_linear)"}),_.default.createElement("defs",null,_.default.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},_.default.createElement("stop",{stopColor:"#4DABF7"}),_.default.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),p&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":p,href:p},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),d&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":d,href:d},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z",fill:"url(#paint0_radial)"}),_.default.createElement("defs",null,_.default.createElement("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)"},_.default.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),_.default.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),_.default.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),_.default.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),_.default.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),_.default.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),_.default.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),_.default.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),_.default.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),_.default.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),_.default.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),c&&_.default.createElement("a",{target:"_blank",rel:"noreferrer",href:c,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":c},_.default.createElement("div",{style:{height:24,width:24}},_.default.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))};exports.Alert=function(e){var t=e.style,a=e.onClose,i=e.text,o=e.type,l=e.contentIcon,r=e.closeIcon,d=e.className,s=e.description;return _.default.createElement(n.StyledAlert,{style:t,"data-alert-type":o,className:d},_.default.createElement(n.StyledContent,null,_.default.createElement("div",{className:"icon-title"},l,_.default.createElement(n.Text,{type:"bold",size:"label1"},i)),_.default.createElement(n.Text,{type:"regular",size:"p3"},s)),_.default.createElement(n.StyledClose,{onClick:a},r))},exports.AmpNextPage=function(e){var n=e.ampNextArticles,a=(null==n?void 0:n.filter(Boolean))||[];if(!(null==a?void 0:a.length))return null;return _.default.createElement("amp-next-page",null,_.default.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(a.map((function(e){return{image:e.image||"",title:e.title?JSON.stringify(e.title):"",url:e.link||""}})))}}),_.default.createElement("div",t.__assign({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))},exports.ArticleCard=function(e){var t=e.articleLink,a=e.authorLink,i=e.authorName,l=e.avatarImg,d=e.banner,s=e.categoryLink,c=e.categoryName,p=e.className,u=e.dataEventActionForBanner,m=e.dataEventActionForBookmark,f=e.dataEventActionForCategory,g=e.dataEventActionForTitle,h=e.dataEventCategoryForBanner,x=e.dataEventCategoryForBookmark,v=e.dataEventCategoryForCategory,y=e.dataEventCategoryForTitle,b=e.dataEventLabelForBanner,E=e.dataEventLabelForBookmark,w=e.dataEventLabelForCategory,k=e.dataEventLabelForTitle,C=e.direction,L=void 0===C?"horizontal":C,T=e.hasAffiliate,S=e.isBookmark,M=void 0!==S&&S,N=e.isBookmarkDisplayed,A=void 0===N||N,B=e.isMobile,z=void 0===B||B,D=e.onBookmark,j=e.onClickCategoryName,O=e.section,P=void 0===O?"normal":O,I=e.size,F=void 0===I?"md":I,H=e.specialty,R=e.style,U=e.styleBanner,V=e.styleLabel,G=e.styleTitle,W=e.text,Y=e.title,q=e.type,X=void 0===q?"author":q,K=e.uploadTime,J=e.articleLinkTarget,$=function(e){e.stopPropagation(),D&&D()},ee="lg"===F&&"expert"===X?"h4":"lg"===F&&"home"===P?z?"h4":"h3":"lg"===F?"h4":"h5",ne="lg"===F?"p3":"p4",te=z||"home"!==P||"lg"!==F||"author"!==X?"c2":"c1";return _.default.createElement(r.StyledCard,{className:p,"data-size":F,style:R,"data-direction":L,"data-is-expert":"expert"===X||void 0},_.default.createElement("div",{className:"banner",style:U},_.default.createElement(r.StyledAnchor,{"data-event-category":h,"data-event-action":u,"data-event-label":b,href:t||"#",target:J},d),T&&_.default.createElement("div",{className:"shoppable"},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),_.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"})))),_.default.createElement("div",{className:"content"},_.default.createElement("div",{className:"inner-content"},_.default.createElement(n.Text,{style:V,className:"label",size:te,type:"caption"},_.default.createElement(r.StyledAnchor,{"data-event-category":v,"data-event-action":f,"data-event-label":w,href:s||"#",onClick:j},c),A&&_.default.createElement("a",{className:"bookmark",onClick:$},M?_.default.createElement("svg",{"data-event-category":x,"data-event-action":m,"data-event-label":E,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):_.default.createElement("svg",{"data-event-category":x,"data-event-action":m,"data-event-label":E,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),_.default.createElement(o.Heading,{tag:ee,style:G,className:"title",as:"lg"===F?"h2":"h3"},_.default.createElement(r.StyledAnchor,{"data-event-category":y,"data-event-action":g,"data-event-label":k,href:t||"#",target:J},Y)),W&&_.default.createElement("a",{href:t||"#",target:J},_.default.createElement(n.Text,{size:ne,className:"text"},W))),_.default.createElement("div",{className:"footer"},"author"===X?_.default.createElement(Z,{size:F,avatarImg:l,authorName:i,authorLink:a,uploadTime:K,handleClick:$,isBookmarked:M,dataEventCategoryForBookmark:x,dataEventActionForBookmark:m,dataEventLabelForBookmark:E}):_.default.createElement(Q,{size:F,isMobile:z,avatarImg:l,specialty:H,name:i,link:a,handleClick:$,isBookmarked:M,dataEventCategoryForBookmark:x,dataEventActionForBookmark:m,dataEventLabelForBookmark:E}))))},exports.Badge=function(e){var t=e.amount,a=e.type,i=e.size,o=void 0===i?"medium":i,l=e.color,r=void 0===l?"primary":l,d=e.icon,s=e.className;return _.default.createElement(n.StyledBadge,{"data-notification-type":a,"data-notification-size":o,"data-notification-color":r,"data-has-icon":!!d||void 0,notificationType:a,notificationSize:o,notificationColor:r,hasIcon:!!d,className:s},_.default.createElement("div",null,t&&_.default.createElement("span",null,t)," ",d&&_.default.createElement("div",null,d)))},exports.BorderHeading=function(e){var a=e.style,i=e.children,o=e.className,l=e.size,r=void 0===l?"lg":l,d=e.type,s=void 0===d?"bold":d,c=e.upperCase,p=e.as,u=void 0===p?"h4":p,m=e.color;return _.default.createElement(n.StyledBorderHeading,{style:t.__assign({color:m},a),className:o,"data-size":r,"data-type":s,"data-uppercase":c,as:u},i)},exports.Breadcrumbs=function(n){var a=n.className,i=n.pages,o=n.size,l=n.LinkComponent,s=void 0===l?"a":l,c=n.onChangePage,p=n.separator,u=e.useMemo((function(){return i.map((function(e,n){return i.length>4?n>1&&n<i.length-2?null:1===n?t.__assign(t.__assign({},e),{isDropdown:1===n,dropdownItems:i.slice(1,i.length-2)}):e:e})).filter(Boolean)}),[i]),m=d.useId(u.length);return _.default.createElement(r.StyledBreadcrumb,{"data-size":o,className:a},u.map((function(n,t){var a=t+1===u.length;return _.default.createElement(e.Fragment,{key:m[t]},_.default.createElement(W,{LinkComponent:s,page:n,isLast:a,onChangePage:c}),!a&&(p||_.default.createElement(r.StyledSeparator,{"data-size":o})))})))},exports.Carousel=function(n){for(var a=n.row,i=n.column,o=n.children,l=n.scheme,d=void 0===l?"hellosites":l,s=n.classNameLeftArrow,c=void 0===s?"":s,p=n.classNameRightArrow,u=void 0===p?"":p,m=n.mode,f=void 0===m?"snap":m,g=n.isDotsShown,h=void 0===g||g,x=n.isArrowShown,v=void 0!==x&&x,y=n.dataEventCategory,b=n.dataEventAction,E=n.dataEventLabel,w=n.onChangePage,k=_.default.useState(0),C=k[0],L=k[1],T=e.useState(!1),S=T[0],M=T[1],N=Ee({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){L(e.track.details.rel),w&&w(e.track.details.rel)},created:function(){M(!0)},drag:!0,mode:f,slides:{spacing:12}}),A=N[0],B=N[1],z=[],D=a*i,j=0;j<o.length;j+=D){var O=o.slice(j,j+D);z.push(O)}return _.default.createElement(r.StyledCarousel,{row:a,column:i},_.default.createElement("div",{className:"navigation-wrapper"},_.default.createElement("div",{ref:A,className:"keen-slider slides-wrapper"},z.map((function(e,n){return _.default.createElement("div",{key:n,className:"keen-slider__slide page-items"},e.map((function(e,n){return _.default.createElement("div",{key:n},e)})))}))),S&&B.current&&v&&_.default.createElement(_.default.Fragment,null,_.default.createElement(we,{isLeft:!0,onClick:function(e){var n;return e.stopPropagation()||(null===(n=B.current)||void 0===n?void 0:n.prev())},isDisabled:0===C,scheme:d,className:"left-arrow ".concat(c),"data-event-category":y,"data-event-action":b,"data-event-label":E}),_.default.createElement(we,{isLeft:!1,onClick:function(e){var n;return e.stopPropagation()||(null===(n=B.current)||void 0===n?void 0:n.next())},isDisabled:C===B.current.track.details.slides.length-1,scheme:d,className:"right-arrow ".concat(u),"data-event-category":y,"data-event-action":b,"data-event-label":E}))),S&&B.current&&h&&_.default.createElement("div",{className:"dots"},t.__spreadArray([],Array(B.current.track.details.slides.length),!0).map((function(e,n){return _.default.createElement(r.StyledDot,{key:n,onClick:function(){var e;null===(e=B.current)||void 0===e||e.moveToIdx(n)},"data-is-active":C===n,"data-is-hellosites":"hellosites"===d})}))))},exports.CategoryCard=function(e){var t=e.imgBanner,a=e.label,i=e.className,o=e.style,l=e.href,d=void 0===l?"":l,s=e.dataEventCategory,c=e.dataEventAction,p=e.dataEventLabel;return _.default.createElement(r.StyledCategoryCard,{"data-event-category":s,"data-event-action":c,"data-event-label":p,className:i,style:o,href:d,onClick:function(e){""===d&&e.preventDefault()}},_.default.createElement("div",{className:"banner"},t),_.default.createElement("div",{className:"content"},_.default.createElement(n.Text,{className:"category_name",size:"sm",type:"bold"},a)))},exports.Checkbox=O,exports.CheckboxGroup=function(e){var n=e.name,t=e.values,a=void 0===t?[]:t,i=e.onChanges,o=e.options,l=void 0===o?[]:o,d=e.className,s=e.type,c=void 0===s?"vertical":s,p=e.isDisabled,u=e.isRectangle,m=function(e,n){var t=a.slice();if(n)t.push(e);else{var o=t.findIndex((function(n){return n===e}));t.splice(o,1)}i&&i(t)};return _.default.createElement(r.StyledCheckboxGroup,{className:d,"data-type":c,"data-is-rectangle":u||void 0},l.map((function(e,t){return _.default.createElement(O,{label:e.label,name:n,key:"".concat(t,"-").concat(e.value),checked:a.includes(e.value),value:e.value,isDisabled:p||e.disabled,onChange:!p&&m,isRectangle:u})})))},exports.CookieAcceptConfirm=function(e){var n=e.className,t=e.policiesUrl,a=e.onAcceptClick,i=e.translations,o=void 0===i?{acceptButton:"Accept",policiesButton:"Our Policies"}:i,l=e.title,d=void 0===l?"":l,s=e.description,c=void 0===s?"":s,p=e.theme,u=void 0===p?"helloSites":p,m=e.isOpen,f=void 0===m||m,g=e.useDefaultPosition,h=void 0===g||g,x=e.trackingAttributes;return _.default.createElement(r.StyledAcceptCardContainer,{className:n,"data-theme":u,"data-is-open":f,"data-default-position":h},_.default.createElement(r.StyledTitleSection,{"data-has-content":!!d},d),_.default.createElement(r.StyledDescription,{dangerouslySetInnerHTML:{__html:c}}),_.default.createElement(r.StyledButtonGroup,null,_.default.createElement(r.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"data-event-category":null==x?void 0:x.dataEventCategory,"data-event-action":null==x?void 0:x.dataEventAction,"data-event-label":null==x?void 0:x.dataEventLabel},o.acceptButton),_.default.createElement(r.StyledPoliciesButton,{href:t},o.policiesButton)))},exports.DatePicker=function(n){var a=n.alignRight,i=void 0===a||a,o=n.placeholder,l=n.displayDateFormat,d=n.onChange,s=n.customInput,p=n.pickedDate,u=n.className,m=n.isStatic,f=n.disabledDays,g=n.modifiers,h=n.UnHideOnClickOutside,x=n.initialMonth,v=n.locale,y=void 0===v?"en-PH":v,b=e.useRef(!1),E=c.format,w=e.useState(x||new Date),k=w[0],C=w[1],T=e.useRef(null),S=e.useRef(null),M=Y[y],N=function(e){h||T.current&&T.current.contains(e.target)||S.current&&S.current.hideDayPicker()},A=(new Date).getFullYear(),B=new Date(A-150,0),z=new Date(A+1,0),D=function(e){for(var n=e.date,t=e.onChange,a=e.monthLabels,i=[],o=z.getFullYear();o>=B.getFullYear();o-=1)i.push(o);var l=function(e){var n=e.target.form,a=n.year,i=n.month;t(new Date(a.value,i.value))};return _.default.createElement("div",{className:"DayPicker-Caption"},_.default.createElement(r.StyledCaptionWrapper,null,_.default.createElement("select",{name:"month",onChange:l,value:n.getMonth()},a.map((function(e,n){return _.default.createElement("option",{key:e,value:n},e)}))),_.default.createElement("select",{name:"year",onChange:l,value:n.getFullYear()},i.map((function(e){return _.default.createElement("option",{key:e,value:e},e)})))))};return e.useEffect((function(){return document.addEventListener("mousedown",N,!1),function(){document.removeEventListener("mousedown",N,!1)}}),[]),_.default.createElement(r.StyledPickerContainer,{className:u,"data-align-right":i,ref:T,"data-is-static":m||void 0},_.default.createElement(L.default,{ref:S,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:s&&_.default.forwardRef((function(e,n){return _.default.createElement(s,t.__assign({},e))})),onDayPickerHide:function(){b.current=!1},onDayPickerShow:function(){b.current=!0},dayPickerProps:{month:k,className:"picker",selectedDays:p,canChangeMonth:!0,enableOutsideDaysClick:!m,firstDayOfWeek:1,captionElement:function(e){var n=e.date,t=e.localeUtils.getMonths();return _.default.createElement(D,{date:n,monthLabels:M||t,onChange:C})},disabledDays:f||void 0,modifiers:g},format:l||"yyyy-MM-dd",formatDate:function(e,n){return E(e,n)},hideOnDayClick:!m,placeholder:o||"",onDayChange:function(e){var n;n=e,S.current&&!m&&S.current.hideDayPicker(),d&&d(n)},showOverlay:m}))},exports.DateRangePicker=function(t){var a=t.inputSize,i=void 0===a?"md":a,o=t.name,l=void 0===o?"date-range-picker":o,d=t.value,s=t.minDate,p=t.maxDate,u=t.onChange,m=t.className,f=t.autoClose,g=void 0!==f&&f;d||(d={from:null,to:null});var x=e.useState(!1),v=x[0],y=x[1];function b(){y(!1)}var E=e.useRef(null);function w(e){u&&u(e)}function k(e){return c.format(e,"dd/MM/yyyy")}h.useOutsideClick(E,(function(){b()}));var C=e.useMemo((function(){return d.from&&d.to?c.isSameDay(d.from,d.to)?k(d.from):"".concat(k(d.from)," - ").concat(k(d.to)):""}),[d.from,d.to]);return _.default.createElement(r.StyledWrapper,{className:[m,v&&"focused"].filter(Boolean).join(" "),ref:E},_.default.createElement("label",{htmlFor:l},_.default.createElement(n.PureInput,{size:i,value:C,name:l,actionIcon:_.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z' fill='%23595959'/%3e%3c/svg%3e"}),autoFocus:!1,onFocus:function(){return y(!0)}})),v?_.default.createElement(r.StyledCalendarWrapper$1,{onMouseDown:function(e){e.stopPropagation()}},_.default.createElement(_e,{value:d,onChange:w,minDate:s,maxDate:p,close:b,autoClose:g})):null)},exports.FileDropdown=function(t){var a=t.className,i=t.value,o=t.options,l=t.onUploadSelected,r=t.id,d=t.placeholderIcon,s=t.placeholder,c=t.style,p=e.useState(!1),u=p[0],m=p[1],f=function(){return m(!u)},g=e.useRef(o.map((function(e){return"upload"===e.type&&_.default.createElement("input",{id:"uploader-dropdown-input-"+r+"-"+e.value,key:"uploader-dropdown-input-"+r+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),l(e.target.files)}})}))),h=_.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},_.default.createElement("defs",null,_.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},_.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),_.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),_.default.createElement("title",null,"File"),_.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},_.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),_.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),x=_.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},_.default.createElement("defs",null,_.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),_.default.createElement("title",null,"download"),_.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),v=_.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},_.default.createElement("defs",null,_.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),_.default.createElement("title",null,"upload"),_.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return _.default.createElement(n.StyledDropdown,{className:a,"data-dropdown-open":!!u,id:r,"data-has-icons":!0,style:c,onBlur:function(){return m(!1)},tabIndex:0},_.default.createElement(n.StyledDropdownName,{onClick:f},d||h," ",_.default.createElement("span",null,i&&i.value?i.label:s)),u&&_.default.createElement(n.StyledDropdownList,{onClick:f,"data-has-icons":!0},o.map((function(e){return _.default.createElement(n.StyledDropdownOption,{key:"".concat(r,"-").concat(e.value),"data-selected":i&&i.value===e.value||void 0,onClick:function(){return"upload"===e.type?function(e){var n;null===(n=document.querySelector(e))||void 0===n||n.click()}("#uploader-dropdown-input-"+r+"-"+e.value):void((n=e.url)&&window.open(n,"_blank"));var n}},_.default.createElement(n.StyledIcon,null,e.icon||"download"===e.type?x:v),e.label)}))),_.default.createElement(_.default.Fragment,null,g.current))},exports.FloatButtonGroup=function(n){var a=n.items,i=n.className,o=n.style,l=n.backgroundPanelStyle,d=n.isOpen,s=n.onOpen,c=n.onClose,p=n.disableBackdropClick,u=n.siteType,m=void 0===u?"hb":u,f=n.animationType,g=void 0===f?"zoom":f,h=n.zIndex,x=void 0===h?300:h,v=e.useState(!!d),y=v[0],b=v[1];e.useEffect((function(){b(!!d)}),[d]);var E=function(){b(!1),c&&c()};return _.default.createElement(r.StyledFloatButtonGroup,{style:o,className:i,"data-floatmenu-open":y,"data-site-type":m,"data-animation-type":g},_.default.createElement(r.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:t.__assign({zIndex:x},l),onClick:p?void 0:E}),_.default.createElement(r.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:x}},_.default.createElement(r.StyledFloatButtonGroupItemsWrapper,null,a.map((function(e,n){return _.default.createElement(r.StyledFloatButtonGroupButton,{className:"float-item-button-".concat(n),style:t.__assign(t.__assign({},"zoom"===g&&{bottom:64*(a.length-1-n),transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-n:n),"ms")}),"slide"===g&&{bottom:64*(a.length-1-n),transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?n:a.length-1-n),"ms")}),key:n,onClick:function(){e.onClick(),e.keepMenuOnClick||b(!1)}},_.default.createElement(r.StyledFloatButtonGroupButtonLabel,{style:t.__assign({},"zoom"===g&&{transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-n:n),"ms")})},e.label),_.default.createElement(r.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:t.__assign({},("zoom"===g||"slide"===g)&&{transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-n:n),"ms")})},e.icon))}))),_.default.createElement(r.StyledFloatButtonGroupToggleIcon,{onClick:y?E:function(){b(!0),s&&s()}})))},exports.Footer=function(e){var n=e.type,t=e.isMobile,a=void 0===t||t,i=e.locale,o=e.footerInfo,l=e.isAmp;return"helloSites"===e.siteType?_.default.createElement(kr,{isAmp:l,isMobile:a,type:n,locale:i,footerInfo:o||{}}):_.default.createElement(Gr,{isMobile:a,locale:i,footerMenu:o||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:e.marryBabySocialLinks,type:n})},exports.Grid=function(e){var t=e.className,a=e.columns,i=e.columnsDesktop,o=e.gridTemplateColumns,l=e.gridTemplateColumnsDesktop,r=e.gap,d=e.children,s=e.justifyChildren,c=e.style,p=e.alignItems;return _.default.createElement(n.StyledGrid,{className:t,style:c,theme:{columns:a,columnsDesktop:i,gap:r,justifyChildren:s,gridTemplateColumns:o,gridTemplateColumnsDesktop:l,alignItems:p}},d)},exports.Icon=G,exports.IconText=function(e){var n=e.size,t=e.iconPosition,a=e.className,i=e.children,o=e.icon;return _.default.createElement(r.StyledIconText,{className:a,"data-size":n,"data-icon-position":t},"left"===t&&o,i,"right"===t&&o)},exports.Layout=Sa,exports.Modal=function(n){var t=n.type,a=void 0===t?"lead":t,i=n.closeIcon,o=n.isOpen,l=void 0===o||o,d=n.onClose,s=n.children,c=n.className,p=void 0===c?"":c,f=n.animationType,g=void 0===f?"slideTop":f,h=n.isStaticBackdrop,x=void 0!==h&&h,v=e.useState(!1),y=v[0],b=v[1],E=e.useRef(null),w=u.useScrollbarSize().width;if(!E.current&&y&&(E.current=document.createElement("div")),e.useEffect((function(){return b(!0),function(){b(!1),q(),X()}}),[]),e.useEffect((function(){if(y){var e=((n=document.getElementById("hhg-modals"))||((n=document.createElement("div")).setAttribute("id","hhg-modals"),document.body.append(n)),n);return e.appendChild(E.current),function(){e.removeChild(E.current)}}var n}),[y]),e.useEffect((function(){l?document.body.classList.add("hhc-modal-show"):q()}),[l]),e.useEffect((function(){l?(document.body.style.overflow="hidden",document.body.style.paddingRight=w+"px",document.body.classList.add("hhc-disabled-scroll")):X()}),[l,w]),!y)return null;var k=["hhg-modal__wrapper",p,g].filter((function(e){return e})).join(" ");return m.createPortal(_.default.createElement(r.StyledModalWrapper,{className:k,"data-open":l,"data-type":a},!x&&_.default.createElement(r.StyledModalMask,{"data-open":l,onClick:d,"data-type":a}),!x&&"video"===a&&!!i&&_.default.createElement("div",{className:"hhg-modal__close",onClick:d},i),_.default.createElement(r.StyledModal,{className:"hhg-modal","data-open":l},_.default.createElement("div",{className:"video"===a?"hhg-modal__video":"hhg-modal__content"},!!i&&"video"!==a&&_.default.createElement("div",{className:"hhg-modal__close",onClick:d},i),s))),E.current)},exports.NavigationBar=Rl,exports.NavigationLayout=function(e){return _.default.createElement(r.NaContext.Provider,{value:{translation:e.translation||r.defaultTranslation}},_.default.createElement(dr,t.__assign({},e)))},exports.Pagination=function(i){var o=i.className,l=i.pagesAmount,r=i.currentPage,d=i.onChange,s=i.onClick,c=i.style,p=i.href,u=i.queryPageName,m=void 0===u?"page":u,f=t.__spreadArray([],Array(l),!0).map((function(e,n){return n+1})),g=e.useState(r),h=g[0],x=g[1],v=e.useMemo((function(){return p&&p.endsWith("&page=")?p.replace("&page=",""):p}),[p]),y=l-1,b=function(e){e<=l&&e>0&&(x(e),d(e))},E=function(e){s&&s(e)};return e.useEffect((function(){x(r)}),[r]),_.default.createElement(n.StyledPagination,{className:o,style:c},_.default.createElement(n.StyledPageBlock,{className:"prev-page",onClick:function(){return b(h-1)},"data-last-page":1===h||void 0},v?_.default.createElement("a",{href:a.formatUrlWithPageParam(v,h,m),onClick:E},_.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):_.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),f.length>8?_.default.createElement(z,{pagesAmount:l,activePage:h,handlePageChange:b,handleClick:E,href:v,queryPageName:m}):f.map((function(e){return _.default.createElement(n.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===h||void 0,onClick:function(){return b(e)}},v?_.default.createElement("a",{href:a.formatUrlWithPageParam(v,e,m),onClick:E},e):e)})),_.default.createElement(n.StyledPageBlock,{className:"next-page",onClick:function(){return b(h+1)},"data-last-page":h===y+1||void 0},v?_.default.createElement("a",{href:a.formatUrlWithPageParam(v,h,m),onClick:E},_.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):_.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Progress=function(e){var a=e.percent,i=e.style;return _.default.createElement(n.StyledProgress,{style:t.__assign({"--progress":a},i)})},exports.ProgressBar=function(n){var a=n.type,i=n.numberOfStep,o=n.activeStep,l=n.labelPrefix,s=n.detailSteps,c=n.className,p=n.onChange,u=e.useState(0),m=u[0],g=u[1],h=function(e){var n=e.trackClassName,a=t.__rest(e,["trackClassName"]);return _.default.createElement(r.StyledTrackContainer,t.__assign({},a,{className:n}),_.default.createElement(r.StyledTrack,null))},x=_.default.createElement(r.StyledSlider,{className:c+" progress-bar"},_.default.createElement(h,null),_.default.createElement((function(e){var n=e.trackLength,t=e.activeStep,a=e.labelPrefix,o=void 0===a?"Step":a,l=e.onChange;return _.default.createElement(_.default.Fragment,null,Array.from({length:i},(function(e,n){return n})).map((function(e,a){return _.default.createElement(r.StyledStep,{"data-is-active":a===t,"data-label":a,style:{left:a*n/(i-1)},onClick:function(){l&&l(a)},key:a},a+1,_.default.createElement(r.StyledStepLabel,{"data-step-passed":a<=t},o+" "+(a+1)))})))}),{trackLength:m,activeStep:o,labelPrefix:l,onChange:p})),v=_.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},_.default.createElement("title",null,"chevron-right"),_.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),y=_.default.createElement(r.StyledBreadcrumbContainer,null,s&&Array.from({length:s.length},(function(e,n){return n})).map((function(e,n){var t;return _.default.createElement(r.StyledBreadcrumbWrapper,{key:n,"data-selected":n===o,onClick:function(){p&&p(n)}},null===(t=s[n])||void 0===t?void 0:t.text," ",n<s.length-1&&v)}))),b=_.default.createElement(r.StyledSlider,{className:c+" progress-bar"},_.default.createElement((function(e){var n=e.detailSteps,t=e.activeStep,a=e.onChange,i=d.useId(n.length);return _.default.createElement(_.default.Fragment,null,Array.from({length:n.length},(function(e,n){return n})).map((function(e,o){return _.default.createElement(r.StyledDetailStep,{key:i[o],style:{left:100/n.length*o+"%",width:100/n.length+"%"},onClick:function(){a&&a(o)}},n[o].icon?_.default.createElement(r.StyledDetailStepIndicatorExternal,{onClick:function(){a&&a(o)}},n[o].icon):_.default.createElement(r.StyledDetailStepIndicator,{"data-is-active":o===t,"data-label":e,onClick:function(){a&&a(o)},key:o},o+1),_.default.createElement(r.StyledDetailStepLabel,{"data-step-passed":o<t+1},n[o].text,_.default.createElement(r.StyledDetailStepDescription,null,n[o].description)),o<n.length-1&&_.default.createElement(h,{"data-step-passed":o<t,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:o,detailSteps:s,onChange:p})),E=e.useCallback(f.throttle((function(){var e=document.querySelector(".progress-bar");e&&g(e.offsetWidth)}),1e3),[]);return e.useEffect((function(){var e=document.querySelector(".progress-bar");return g(null==e?void 0:e.offsetWidth),window.addEventListener("resize",E),function(){window.removeEventListener("resize",E)}}),[]),"step-track"===a&&x||"breadcrumb"===a&&y||"detail-track"===a&&b},exports.Radio=D,exports.RadioGroup=function(n){var t=n.id,a=n.value,i=n.options,o=n.className,l=n.type,d=void 0===l?"circle":l,s=n.isDisabled,c=n.size,p=void 0===c?"small":c,u=n.direction,m=void 0===u?"vertical":u,f=n.group,g=void 0===f?"group1":f,h=n.onChange,x=n.dataEventCategory,v=n.dataEventAction,y=n.dataEventLabel,b=e.useState(a),E=b[0],w=b[1],k=function(e){w(e),h&&h(e)};return _.default.createElement(r.StyledRadioGroup,{className:o,"data-direction":m,"data-group":g},i.map((function(n){var a=E===n.value;return _.default.createElement(e.Fragment,{key:"".concat(t,"-").concat(n.value)},_.default.createElement(D,{type:d,size:p,label:n.label,name:t,checked:a,value:n.value,isDisabled:s,onChange:!s&&k,dataEventCategory:x,dataEventAction:v,dataEventLabel:y}),a&&n.renderActivated&&n.renderActivated())})))},exports.RateStars=function(a){var i=a.gap,o=void 0===i?2:i,l=a.size,r=void 0===l?24:l,d=a.star,s=a.totalStars,c=void 0===s?5:s,p=a.onSelect,u=a.hideEmptyStars,m=a.style,f=a.className,g=Math.floor(d),h=d-g>=.5?1:0,x=e.useState(null),v=x[0],y=x[1],b=v||g,E=v?0:h;return _.default.createElement(n.StyledRateStars,{"data-selectable":!!p,style:t.__assign({"--gap":o,"--star-size":r},m),className:f},Array.from({length:u?g+h:c}).map((function(e,n){var t=function(){return!!p&&y(n+1)},a=function(){return!!p&&y(null)};return n+1<=b?_.default.createElement(H,{key:n,onClick:function(){return null==p?void 0:p(n+1)},onMouseOver:t,onMouseLeave:a}):n+1===b+E?_.default.createElement(R,{key:n,onClick:function(){return null==p?void 0:p(n+1)},onMouseOver:t,onMouseLeave:a}):_.default.createElement(F,{key:n,onClick:function(){return null==p?void 0:p(n+1)},onMouseOver:t,onMouseLeave:a})})))},exports.SeoHead=function(e){var n,a,i,o,d,s,c,p,u,m,f,h,x,v,y,b,E,w,k,C=e.SEOData,L=void 0===C?{}:C,T=e.isAmp,S=void 0!==T&&T,M=e.locale,N=void 0===M?"vi-VN":M,A=e.routerPathname,B=e.routerQuery,z=e.nextHead,D=e.siteType,j=e.seoCustom,O=e.userId,P=e.forcedCanonicalUrl,I=L.totalPages,F=L.currentPage,H=L.SEOTitle,R=void 0===H?"":H,U=L.SEODescription,V=void 0===U?"":U,G=L.SEOImage,Z=L.seoType,Q=L.SEOImageWidth,W=L.SEOImageHeight,Y=L.customMetaData,q=void 0===Y?[]:Y,X=L.isIndexable,K=void 0===X||X,J=L.hasNoCanonical,$=void 0!==J&&J,ee=K&&l.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",ne=process.env.NEXT_PUBLIC_BASE_API_URL,te=L.canonicalUrl||A;Object.keys(B).forEach((function(e){var n=B[e];n&&Array.isArray(n)&&(te=te.replace("[...".concat(e,"]"),n.join("/")))}));var ae,ie=N||"en-PH",oe="helloSites"===D?g.domainLocales[ie]:"www.marrybaby.vn",le=te.endsWith("/")?"":"/";if(L.apiMetaData&&"string"==typeof L.apiMetaData){var re=null===(n=L.apiMetaData)||void 0===n?void 0:n.match(/<title.*?>(.*)<\/title>/),de=" - Page ".concat(F," of ").concat(I),se=F&&1!==F&&re?L.apiMetaData.replace(re[0],re[0].includes("-")?re[0].replace("-",de+" - "):"<title>".concat(re[1].concat(de),"</title>")).replace('<link rel="canonical" href="https://'.concat(oe).concat(te).concat(le,'" />'),'<link rel="canonical" href="https://'.concat(oe).concat(te).concat(le,"?page=").concat(F,'" />')):L.apiMetaData,ce=(ae=r.htmlReactParser(se,{trim:!0})).find((function(e){var n,t;return"og:image"===(null===(n=e.props)||void 0===n?void 0:n.property)||"og:image:secure_url"===(null===(t=e.props)||void 0===t?void 0:t.property)}));if(!ce){var pe="https://".concat(oe,"/images/").concat(N,".png");ae=t.__spreadArray(t.__spreadArray([],ae,!0),[_.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=L.openGraph)||void 0===a?void 0:a.image)||pe||""}),_.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(i=L.openGraph)||void 0===i?void 0:i.image)||pe}),_.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(o=L.openGraph)||void 0===o?void 0:o.imageWidth)&&String(null===(d=L.openGraph)||void 0===d?void 0:d.imageWidth)||"1200"}),_.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(s=L.openGraph)||void 0===s?void 0:s.imageHeight)&&String(null===(c=L.openGraph)||void 0===c?void 0:c.imageHeight)||"630"})],!1)}}var ue="https://".concat(oe,"/images/").concat(N,".png");return _.default.createElement(z,null,_.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===D&&_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===N?_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===N||"ms-MY"===N?_.default.createElement(_.default.Fragment,null):_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),_.default.createElement("link",{rel:"preconnect",href:ne}),_.default.createElement("meta",{charSet:"UTF-8"}),!S&&_.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),_.default.createElement("meta",{name:"google",content:"notranslate"}),_.default.createElement("meta",{name:"robots",content:ee}),_.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),q.map((function(e,n){return _.default.createElement("meta",t.__assign({key:n},e))})),_.default.createElement("meta",{name:"theme-color",content:"helloSites"===D?"#2c87f3":"#e85388"}),_.default.createElement("meta",{name:"page_type",content:"Home"}),_.default.createElement("meta",{name:"page_platform",content:"WEB"}),_.default.createElement("meta",{name:"page_language",content:ie}),_.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),S&&_.default.createElement(_.default.Fragment,null,_.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ae&&_.default.createElement(_.default.Fragment,null,"helloSites"===D?_.default.createElement("title",null,j?R:R+" - "+(null===(p=g.LOCALE_SPECS[N])||void 0===p?void 0:p.SITE_NAME)):_.default.createElement("title",null,R),!$&&_.default.createElement("link",{rel:"canonical",href:"https://".concat(oe).concat(te)}),_.default.createElement("meta",{name:"description",content:V||(null===(u=L.openGraph)||void 0===u?void 0:u.description)}),L.schemaData&&_.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:L.schemaData}}),_.default.createElement("meta",{property:"og:locale",content:N}),_.default.createElement("meta",{property:"og:type",content:Z||"website"}),_.default.createElement("meta",{property:"og:title",content:(null===(m=L.openGraph)||void 0===m?void 0:m.title)||R}),_.default.createElement("meta",{property:"og:description",content:(null===(f=L.openGraph)||void 0===f?void 0:f.description)||V}),_.default.createElement("meta",{property:"og:url",content:"https://".concat(oe).concat(te)}),_.default.createElement("meta",{property:"og:site_name",content:"https://".concat(oe)}),_.default.createElement("meta",{property:"og:image",content:(null===(h=L.openGraph)||void 0===h?void 0:h.image)||G||ue||""}),_.default.createElement("meta",{property:"og:image:secure_url",content:(null===(x=L.openGraph)||void 0===x?void 0:x.image)||G||ue}),_.default.createElement("meta",{property:"og:image:width",content:(null===(v=L.openGraph)||void 0===v?void 0:v.imageWidth)&&String(null===(y=L.openGraph)||void 0===y?void 0:y.imageWidth)||Q&&String(Q)||"1200"}),_.default.createElement("meta",{property:"og:image:height",content:(null===(b=L.openGraph)||void 0===b?void 0:b.imageHeight)&&String(null===(E=L.openGraph)||void 0===E?void 0:E.imageHeight)||W&&String(W)||"630"}),_.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),_.default.createElement("meta",{name:"twitter:title",content:(null===(w=L.twitter)||void 0===w?void 0:w.title)||R}),_.default.createElement("meta",{name:"twitter:description",content:V}),_.default.createElement("meta",{name:"twitter:image",content:(null===(k=L.twitter)||void 0===k?void 0:k.image)||G})),("helloSites"===D?g.FAVICONS[ie]||[]:g.FAVICONS.marryBaby).map((function(e,n){return"link"===e.type?_.default.createElement("link",{key:"favicon-".concat(n),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?_.default.createElement("meta",{key:n,name:e.name,content:e.content}):null})),Array.isArray(ae)&&P?ae.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ae,P&&_.default.createElement("link",{rel:"canonical",href:P}),!L.hasNoAmp&&"vi-VN"!==N&&_.default.createElement("link",{rel:"amphtml",href:"https://".concat(oe).concat(te).concat(le,"?amp=1")}),O&&"undefined"!=typeof window?_.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(O,"'});")}}):null)},exports.Shadow=function(e){var t=e.size,a=e.children,i=e.style,o=e.className;return _.default.createElement(n.StyledShadow,{style:i,className:o,"data-shadow-size":t},a)},exports.SiteWide=function(a){var i=a.icon,o=a.content,l=a.isCollapsed,r=a.isMobile,d=a.type,s=a.onClose,c=a.setBannerClosed,p=a.dispatch,u=a.dispatchActionType,m=a.cookieName,g=a._overrideCloseHandler,h=a.isAmp,x=a.siteType,v=a.dataEventCategory,y=void 0===v?"Header Banner":v,b=a.dataEventAction,E=void 0===b?"Close Click":b,w=a.dataEventLabel,k=void 0===w?"":w,C=a.dataTracking,L=void 0===C?"true":C,T=e.useState(!1),S=T[0],M=T[1],N=e.useState(!1),A=N[0],B=N[1],z=o;h&&(z=z.replace("data-event","data-vars-event").replace('data-vars-event-category="'.concat(y,'"'),'data-vars-event-category="'.concat(y,'" data-vars-tracking="').concat(L,'"')));var D=e.useRef(64);e.useEffect((function(){var e=f.throttle((function(){window.scrollY<D.current?B(!1):window.scrollY>64&&B(!0),D.current=window.scrollY}),300);return window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}),[]);var j="marryBaby"===x,O=j?zt:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";return e.useEffect((function(){c&&c(S||l||A)}),[c,S,l,A]),_.default.createElement(sr,{"data-is-mobile":r,"data-is-collapse":S||l||A,"data-is-marrybaby":j},i?_.default.createElement(cr,{"data-is-marrybaby":j},h?_.default.createElement("amp-img",{src:i,width:"76",height:"52"}):_.default.createElement("img",{src:i,className:"icon","data-is-mobile":r})):null,o?_.default.createElement("span",{className:"content","data-is-marrybaby":j,"data-is-mobile":r,dangerouslySetInnerHTML:{__html:z}}):null,_.default.createElement(pr,t.__assign({role:"button",tabIndex:0},{on:'tap:sitewide-container.hide(),site-header.toggleClass(class="amp-closed")'},{"data-is-marrybaby":j,"data-vars-event-category":y,"data-vars-event-action":E,"data-vars-event-label":k||"","data-vars-tracking":L||"",className:"amp-close-banner",onClick:function(){M(!0),g?g():(s&&s(),m&&n.setCookie(m,"true"),d&&p&&p({type:u,payload:{type:d}}))},"data-is-mobile":r}),h?_.default.createElement("amp-img",{src:O,width:"24",height:"24"}):_.default.createElement("img",{src:O,className:"close-icon"})))},exports.Slider=function(a){var o=a.step,l=a.min,r=a.max,d=a.value,s=a.onChange,c=a.className,p=a.heading,u=a.isMobile,m=void 0!==u&&u,f=["#DBDFE5","#2D87F3","#DBDFE5"],g=_.default.useRef(),h=e.useState(d),x=h[0],v=h[1];e.useEffect((function(){v(d)}),[d[0],d[1]]);return _.default.createElement(n.StyledSlider,{className:c},_.default.createElement(i.Range,{ref:g,values:x[0]>=l&&x[1]<=r?x:[l,r],onChange:v,onFinalChange:s,renderThumb:function(e){var a=e.props,i=e.index;return _.default.createElement(n.StyledThumb,t.__assign({},a),_.default.createElement(j,{rangeRef:g.current,values:x,index:i,isMobile:m}))},renderTrack:function(e){var a=e.props,o=e.children,d={background:i.getTrackBackground({values:x,colors:f,min:l,max:r})};return _.default.createElement(_.default.Fragment,null,p&&_.default.createElement(n.Text,{size:"md",type:"bold"},p),_.default.createElement(n.StyledTrackContainer,{onMouseDown:a.onMouseDown,onTouchStart:a.onTouchStart,style:t.__assign({},a.style)},_.default.createElement(n.StyledTrack,{ref:a.ref,style:d},o)))},step:o,min:l,max:r}))},exports.StatisticCard=function(e){var n=e.type,t=e.description,a=e.value,i=e.withIcon,o=e.isInACard,l=e.cardColor,d=e.className;return _.default.createElement(r.StyledStatisticContainer,{className:d,"data-size":n,"data-is-in-card":"big"===n&&o,"data-card-color":l},_.default.createElement(r.StyledDescriptionWrapper,null,"small"===n&&_.default.createElement(r.StyledDot$1,{"data-color":l}),t),_.default.createElement(r.StyledStatisticNumberWrapper,{"data-size":n},"small"!==n&&i,a))},exports.StickySponsoredBy=function(t){var a=t.className,i=t.isMobile,o=t.isCollapsed,l=t.sponsoredType,d=t.sponsoredBy,s=t.isAmp,c=t.locale,p=r.useTranslation(),u=e.useState(!1),m=u[0],f=u[1];return _.default.createElement(xr,{className:a,onClick:function(){return f(!0)},"data-show-popup":m&&(!i||!o)&&!s,"data-align-left":d&&!!(null==d?void 0:d.logo),"data-is-amp":s||void 0},_.default.createElement(n.Container,{style:{position:"relative",padding:"0 16px"}},"content"===l?_.default.createElement(n.Text,{size:i?"p4":"p3",color:"#737373"},_.default.createElement("div",{className:"sticky-sponsored-info-icon"},s?_.default.createElement("amp-img",{height:"20",width:"20",style:{verticalAlign:"middle",marginLeft:"0.3rem",marginBottom:"0.1rem"},src:Dt}):_.default.createElement("img",{src:Dt,style:{width:20,height:20,verticalAlign:"middle",marginRight:"0.3rem",marginBottom:"0.1rem"}})),d&&(null==d?void 0:d.logo)?_.default.createElement(_.default.Fragment,null," ",p("articlePage.sponsoredContentBy")," ",_.default.createElement("img",{className:"sponsored-logo",src:(null==d?void 0:d.logo)||"",alt:"sponsored-logo"})):p("articlePage.sponsoredContent")):_.default.createElement(n.Text,{size:"p2",color:"#737373"},p("articlePage.sponsoredArticle"),_.default.createElement("div",{className:"sticky-sponsored-info-icon"},s?_.default.createElement("amp-img",{height:"20",width:"20",style:{verticalAlign:"middle",marginLeft:"0.3rem",marginBottom:"0.1rem"},src:Dt,on:"tap:sponsored-by.toggleClass(class='open')",tabIndex:0,role:"button"}):_.default.createElement("img",{src:Dt,style:{width:20,height:20,verticalAlign:"middle",marginLeft:"0.3rem",marginBottom:"0.1rem"}}))),!m||i&&o||s?null:_.default.createElement(yr,{sponsoredBy:d,isAmp:s,onClose:function(){return f(!1)},locale:c})))},exports.SurveyThankyouCard=function(e){var t=e.thankyou,a=e.thankyouSubtitle,i=e.className,l=e.style;return _.default.createElement(r.StyledSurveyQuestionCard,{className:i,style:l},_.default.createElement("div",{className:"survey-inner-wrapper"},_.default.createElement(r.StyledSurveyThankyouCard,null,_.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},_.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},_.default.createElement("path",{d:"M61.5 122C94.6371 122 121.5 95.1371 121.5 62C121.5 28.8629 94.6371 2 61.5 2C28.3629 2 1.5 28.8629 1.5 62C1.5 95.1371 28.3629 122 61.5 122Z",fill:"#E3F2FF"}),_.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),_.default.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),_.default.createElement("path",{d:"M74.4004 15.0005H39.863C36.9017 15.0005 34.5 17.4022 34.5 20.3635V72.5769C34.5 75.5383 36.9017 77.9399 39.863 77.9399H83.1357C86.097 77.9399 88.4987 75.5383 88.4987 72.5769V29.0988L88.4987 21.0005C88.4987 17.6868 85.8124 15.0005 82.4987 15.0005H74.4004Z",fill:"white"}),_.default.createElement("path",{d:"M88.8529 80.1077H34.1469C31.8699 80.1077 30.06 78.3036 30.06 76.0338V65.3837C30.06 63.1139 31.8699 61.3098 34.1469 61.3098H88.8529C91.1299 61.3098 92.9398 63.1139 92.9398 65.3837V76.0338C92.9398 78.3036 91.1299 80.1077 88.8529 80.1077Z",fill:"#E4E8EC"}),_.default.createElement("path",{d:"M90.838 85.4512H32.1618C29.8849 85.4512 28.075 83.6471 28.075 81.3774V70.7272C28.075 68.4575 29.8849 66.6533 32.1618 66.6533H90.7796C93.0566 66.6533 94.8665 68.4575 94.8665 70.7272V81.3774C94.9249 83.6471 93.0566 85.4512 90.838 85.4512Z",fill:"white"}),_.default.createElement("path",{d:"M103.748 75.4919V105.755C103.748 107.675 102.172 109.247 100.245 109.247H23.0031C21.0764 109.247 19.5 107.675 19.5 105.755V75.4919C19.5 73.5713 21.0764 72 23.0031 72H42.3866C44.3133 72 45.8897 73.5713 45.8897 75.4919V80.8461C45.8897 81.1952 46.1232 81.428 46.4735 81.428H76.7749C77.1253 81.428 77.3588 81.1952 77.3588 80.8461V75.4919C77.3588 73.5713 78.9352 72 80.8618 72H100.245C102.172 72 103.748 73.5713 103.748 75.4919Z",fill:"#45A4FF"}),_.default.createElement("path",{d:"M51.9541 91.3767V94.4612C51.9541 96.0907 53.2386 97.3711 54.8733 97.3711H67.7179C69.3526 97.3711 70.6371 96.0907 70.6371 94.4612V91.3767",stroke:"#2C74DF",strokeWidth:"3",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M120.5 38.0251C118.5 37.7793 117.25 39.3768 118.125 41.22L118.375 41.9573C119.125 43.8006 118 45.398 116 45.1523L115.25 45.0294C113.25 44.7836 112 46.3811 112.875 48.2244L113.25 48.9616C114 50.8049 112.875 52.4025 110.875 52.1567L110.125 52.0337C108.625 51.9109 107.5 52.7712 107.5 54",stroke:"#FE921D",strokeWidth:"1.9096",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M1.53299 62C1.2644 63.413 2.6745 64.337 4.35323 63.8478L5.02472 63.6304C6.70346 63.087 8.11356 64.0109 7.84496 65.4783L7.7107 66.0217C7.4421 67.4348 8.8522 68.3587 10.5309 67.8696L11.2024 67.6522C12.8812 67.1087 14.2913 68.0326 14.0227 69.5L13.8884 70.0435C13.687 71.1304 14.4256 71.8913 15.5 72",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M118 92C119.381 92 120.5 90.8807 120.5 89.5C120.5 88.1193 119.381 87 118 87C116.619 87 115.5 88.1193 115.5 89.5C115.5 90.8807 116.619 92 118 92Z",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M82.0001 3.18747L83.1875 7.53467L87.5347 6.34727L86.3473 2.00007L82.0001 3.18747Z",stroke:"#00B16A",strokeWidth:"2.1628",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M17.0001 28C18.1046 28 19 27.1045 19 25.9999C19 24.8954 18.1046 24 17.0001 24C15.8955 24 15 24.8954 15 25.9999C15 27.1045 15.8955 28 17.0001 28Z",stroke:"#FE921D",strokeWidth:"2.3278",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),_.default.createElement("path",{d:"M61.5 26.6667C54.136 26.6667 48.1667 32.6361 48.1667 40.0001C48.1667 47.3641 54.136 53.3334 61.5 53.3334C68.864 53.3334 74.8334 47.3641 74.8334 40.0001C74.8334 32.6361 68.864 26.6667 61.5 26.6667ZM69.1094 36.9427L59.776 46.2761C59.516 46.5361 59.1747 46.6667 58.8334 46.6667C58.492 46.6667 58.1507 46.5361 57.8907 46.2761L53.8907 42.2761C53.3694 41.7547 53.3694 40.9121 53.8907 40.3907C54.412 39.8694 55.2547 39.8694 55.776 40.3907L58.8334 43.4481L67.224 35.0574C67.7454 34.5361 68.588 34.5361 69.1094 35.0574C69.6307 35.5787 69.6307 36.4214 69.1094 36.9427Z",fill:"#00CB8A"})),t&&_.default.createElement(o.Heading,{className:"survey-thankyou-title",tag:"h3"},t),a&&_.default.createElement(n.Text,{className:"survey-thankyou-subtitle",size:"p3"},a)))))},exports.Tabs=function(t){var a=t.style,i=t.initialTab,o=t.tabContent,s=t.onChange,c=t.className,p=t.dataEventCategory,u=t.dataEventAction,m=t.dataEventLabel,f=e.useState(i||0),g=f[0],h=f[1],x=d.useId(o.length);return e.useEffect((function(){h(i)}),[i]),_.default.createElement(r.StyledTabs,{style:a,className:c,role:"tablist"},o.map((function(e,t){return _.default.createElement(r.StyledTab,{"data-is-tab-active":g===t||void 0,"aria-selected":g===t,role:"tab",onClick:function(){h(t),s&&s(t)},key:x[t],"data-event-category":p,"data-event-action":u,"data-event-label":m},_.default.createElement(r.StyledTabContent,null,e.icon&&_.default.createElement(r.StyledIcon,null,e.icon),_.default.createElement(n.Text,{size:e.textSize||"sm",type:e.textType||"bold",color:e.textColor||l.theme.colors.gray800,dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name)))})))},exports.Tag=function(e){var a=e.type,i=e.children,o=e.style,l=e.isInline,r=e.isSquared,d=void 0!==r&&r,s=e.className,c=e.isLight,p=e.hasMorePadding,u=e.isLink,m=e.isSelected,f=e.textProps,g=void 0===f?{size:"sm"}:f,h=g.color?{"--text-props-color":g.color}:{};return _.default.createElement(n.StyledTag,{"data-is-squared":d||void 0,"data-tag-type":a,"data-is-light":c||void 0,"data-has-more-padding":p||void 0,"data-is-inline":l||void 0,style:t.__assign(t.__assign({},o),h),className:s,"data-is-selected":m||void 0,"data-is-link":u||void 0,tagType:a,isInline:l,tagHasMorePadding:p,tagIsLight:c,tagIsSquared:d,tagIsALink:u},_.default.createElement(n.Text,t.__assign({},g),i))},exports.Toggle=function(e){var t=e.className,a=e.id,i=e.onChange,o=e.checked,l=e.style,r=e.label;return _.default.createElement(n.StyledToggle,{className:t,style:l},_.default.createElement("input",{type:"checkbox",id:a,onChange:i,checked:o}),_.default.createElement("label",{htmlFor:a},_.default.createElement(n.StyledToggleIcon,null),r&&_.default.createElement(n.StyledToggleLabel,null,r)))},exports.UnderlinedLink=function(e){var t=e.size,a=e.isDisabled,i=e.className,o=e.link,l=e.style;return _.default.createElement(n.StyledUnderlinedLink,{className:i,"data-size":t,style:l,"data-disabled":a||void 0},o)},exports.Uploader=function(e){var t=e.type,a=e.withIcon,i=e.onFileSelected,l=e.inputId,r=e.withElement,d=e.fileAcceptType,s=e.multiple,c=e.value,p=e.className,u=function(){var e;null===(e=document.querySelector("#uploader-input-"+l))||void 0===e||e.click()};return _.default.createElement(n.StyledUploader,{className:p},"badge"===t?_.default.createElement(n.StyledElementContainer,{onClick:u,"data-is-attached-to-element":!!r},r,_.default.createElement(n.StyledIconWrapper,{"data-is-attached-to-element":!!r},a)):r?_.default.createElement("div",{onClick:u},r):_.default.createElement(o.Button,{size:"md",color:"secondary",className:"default-button",icon:a,onClick:u},_.default.createElement(n.StyledDefaultButtonContent,null,_.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},_.default.createElement("defs",null,_.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),_.default.createElement("title",null,"upload"),_.default.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),_.default.createElement("input",{id:"uploader-input-"+l,accept:d,multiple:s,type:"file",style:{display:"none"},onChange:function(e){i(e.target.files)},value:c}))},exports.index=K,exports.index$1=ke;
2
+ //# sourceMappingURL=index-2fc58ef1.js.map