@hhgtech/hhg-components 1.20.78 → 1.20.79

package/build/esm/index-504c3846.js

@@ -0,0 +1 @@
+import{_ as n,b as e,e as t,c as i,d as a}from"./tslib.es6-5532bd7b.js";import o,{useRef as r,useState as l,useEffect as s,useImperativeHandle as d,Fragment as p,useMemo as c,useContext as m,useCallback as h}from"react";import{g}from"./core-d22826b4.js";import{I as u,J as x,K as f,N as b,T as v,O as y,Q as w,R as k,U as E,a as C,b as L,P as D,C as z}from"./index.styled-faeac279.js";import{M as P,j as B,l as M}from"./screenSizeContext-12f741e1.js";import N,{keyframes as _,css as H}from"styled-components";import"react-id-generator";import{D as T,l as j,U as A,e as U,g as R}from"./index-3b96358a.js";import{format as S,addDays as Z,formatDistanceToNow as O}from"date-fns";import I from"react-day-picker/DayPickerInput";import{H as F,P as V,A as W}from"./utils-8a152ba4.js";import G from"lodash/debounce";import"react-dom";import{D as Y}from"./index.styled-d8a819ea.js";import{throttle as q}from"lodash";import{CommonGAssets as X}from"./gAssets.js";import{Range as J,getTrackBackground as K,useThumbOverlap as Q}from"react-range";import{Q as $,d as nn,C as en,b as tn,T as an,L as on,S as rn,U as ln}from"./index-58ae0705.js";import"./Locale-69030fff.js";import{Portal as sn}from"@mantine/core";import"./translationsContext-d658f58d.js";import"string-format";import dn from"smoothscroll-polyfill";import"keen-slider/react";import{g as pn,a as cn,b as mn,c as hn,d as gn}from"./getDynamicHealthTool-f43c2db2.js";import{B as un}from"./index-93d22d63.js";import{H as xn}from"./index-7a537be1.js";import{I as fn}from"./index-642d36c8.js";import{t as bn}from"./theme-a50a1aa5.js";import{Z as vn,g as yn,U as wn,f as kn,b as En,c as Cn,d as Ln,e as Dn,i as zn}from"./index-d07fb5d9.js";import{u as Pn}from"./useTranslations-ad4d9d26.js";import{D as Bn}from"./types-f57c9932.js";import{u as Mn}from"./useHealthToolCache-e4e2778a.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import{L as Nn}from"./constants-a0a981fa.js";var _n=function(e){return o.createElement("img",n({src:X.getAssetPath("flags/cambodiaRound.png"),style:n({borderRadius:"50%"},e.style)},e))},Hn=function(e){return o.createElement("img",n({src:X.getAssetPath("flags/cambodiaSquare.png")},e))},Tn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),o.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),o.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),o.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),o.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),o.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),o.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),o.createElement("path",{d:"M0.686034 7.50024H0.327527C0.243026 7.82775 0.175524 8.16076 0.124023 8.50026H2.32207L0.686034 7.50024Z",fill:"white"}),o.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),o.createElement("path",{d:"M2.10956 11.5002H0.124023C0.175024 11.8398 0.243026 12.1728 0.327527 12.5003H0.47403L2.10956 11.5002Z",fill:"white"}),o.createElement("path",{d:"M8.50002 7.27665V0.124512C8.16051 0.175513 7.82751 0.243514 7.5 0.328016V6.66564L8.50002 7.27665Z",fill:"white"}),o.createElement("path",{d:"M11.5 12.2913V19.8759C11.8395 19.8249 12.1725 19.7569 12.5 19.6724V12.9023L11.5 12.2913Z",fill:"white"}),o.createElement("path",{d:"M7.5 13.205V19.6721C7.82751 19.7566 8.16051 19.8241 8.50002 19.8756V12.594L7.5 13.205Z",fill:"white"}),o.createElement("path",{d:"M11.5925 7.34715L11.7345 7.43415L12.5 6.96614V0.328016C12.1725 0.243514 11.8395 0.176013 11.5 0.124512V7.49865L11.5925 7.34715Z",fill:"white"}),o.createElement("path",{d:"M2.32251 8.50002H7.01761L8.50014 7.594V7.277L7.50011 6.66548L2.37852 3.53442C1.95151 4.03743 1.572 4.58144 1.24949 5.16296L5.02507 7.5H2.29701L0.650482 6.47648C0.54748 6.74949 0.455478 7.02699 0.375977 7.3105L0.686483 7.5L2.32251 8.50002Z",fill:"white"}),o.createElement("path",{d:"M11.7344 7.43419L13.4784 8.50021H18.171L19.6905 7.57119C19.528 6.92118 19.303 6.29767 19.02 5.70516L16.139 7.50019H13.4109L18.317 4.45013C18.1515 4.20313 17.9735 3.96562 17.7875 3.73462L12.4999 6.96618L11.7344 7.43419Z",fill:"white"}),o.createElement("path",{d:"M5.02448 7.50013L1.2494 5.16309C1.0169 5.58259 0.821394 6.0231 0.650391 6.47661L2.29642 7.50013H5.02448Z",fill:"#E53935"}),o.createElement("path",{d:"M16.1392 7.50024L19.0207 5.70521C18.8132 5.2702 18.5837 4.84819 18.3177 4.45068L13.4111 7.50024H16.1392Z",fill:"#E53935"}),o.createElement("path",{d:"M11.5 11.5002V12.2913L12.5 12.9023L17.8556 16.1758C18.2416 15.6853 18.5836 15.1593 18.8736 14.6008L15.4856 12.5003H18.2136L19.4432 13.2673C19.5507 12.9563 19.6432 12.6393 19.7197 12.3153L18.3871 11.5002H11.5Z",fill:"white"}),o.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),o.createElement("path",{d:"M8.49934 12.5943V11.5002H2.10921L0.473182 12.5003L0.34668 12.5778C0.522683 13.2383 0.762688 13.8713 1.06319 14.4708L4.16375 12.5003H6.89181L1.80071 15.7168C1.95971 15.9448 2.12471 16.1688 2.30172 16.3823L7.49932 13.2053L8.49934 12.5943Z",fill:"white"}),o.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),o.createElement("path",{d:"M15.4854 12.5L18.8729 14.6C19.0949 14.173 19.2834 13.727 19.4429 13.2665L18.2134 12.5H15.4854Z",fill:"#E53935"}),o.createElement("path",{d:"M4.16501 12.5L1.06445 14.4705C1.28196 14.9045 1.52596 15.3216 1.80197 15.7166L6.89307 12.5H4.16501Z",fill:"#E53935"}),o.createElement("path",{d:"M13.4785 8.5H11.5V11.5001H18.3871H19.8757C19.9497 11.0095 20.0002 10.511 20.0002 10C20.0002 9.48902 19.9497 8.99051 19.8757 8.5H18.1711H13.4785Z",fill:"#E53935"}),o.createElement("path",{d:"M8.50017 11.5001V8.5H7.01764H2.32255H0.124502C0.050501 8.99051 0 9.48902 0 10C0 10.511 0.050501 11.0095 0.124502 11.5001H2.11004H8.50017Z",fill:"#E53935"}),o.createElement("path",{d:"M11.5001 19.8759V12.2912V11.5002V8.50016V7.49865V0.124502C11.0095 0.050501 10.511 0 10 0C9.48902 0 8.99051 0.050501 8.5 0.124502V7.27664V7.59365V8.50016V11.5002V12.5942V19.8759C8.99051 19.9499 9.48902 20.0004 10 20.0004C10.511 20.0004 11.0095 19.9499 11.5001 19.8759Z",fill:"#E53935"})))},jn=function(e){return o.createElement("svg",n({viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},o.createElement("path",{d:"M1.08301 7.41675C1.08301 6.31218 1.97844 5.41675 3.08301 5.41675H22.9163C24.0209 5.41675 24.9163 6.31218 24.9163 7.41675V18.5834C24.9163 19.688 24.0209 20.5834 22.9163 20.5834H3.08301C1.97844 20.5834 1.08301 19.688 1.08301 18.5834V7.41675Z",fill:"#3F51B5"})),o.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),o.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),o.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),o.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),o.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),o.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),o.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),o.createElement("path",{d:"M9.32609 10.8334L1.08301 5.79537V7.06504L7.24826 10.8334H9.32609ZM24.0004 5.41675L15.1376 10.8334H17.2149L24.9163 6.12687V5.41675H24.0004ZM17.9191 15.1667L24.9163 19.4432V18.1735L19.9964 15.1667H17.9191ZM8.62192 15.1667L1.08301 19.7742V20.5834H1.83701L10.6992 15.1667H8.62192ZM1.08301 11.9167H24.9163V14.0834H1.08301V11.9167Z",fill:"#E53935"}),o.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"})))},An=function(e){return o.createElement("img",n({src:X.getAssetPath("flags/indiaRound.png"),style:n({borderRadius:"50%"},e.style)},e))},Un=function(e){return o.createElement("img",n({src:X.getAssetPath("flags/indiaSquare.png")},e))},Rn=function(t){var i=t.isTesting,a=e(t,["isTesting"]),l=r("id-flag-round-mask-"+(i?1:Math.random()));return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),o.createElement("mask",{id:l.current,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("g",{mask:"url(#".concat(l.current,")")},o.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),o.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},Sn=function(t){var i=t.isTesting,a=e(t,["isTesting"]),l=r("id-flag-clip-"+(i?1:Math.random()));return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),o.createElement("g",{clipPath:"url(#".concat(l.current,")")},o.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),o.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),o.createElement("defs",null,o.createElement("clipPath",{id:l.current},o.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},Zn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),o.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),o.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.11387 3.86084C2.92711 3.86084 1.96387 5.23232 1.96387 6.92206C1.96387 8.6118 2.92711 9.98329 4.11387 9.98329C4.54263 9.98329 4.94211 9.80406 5.27763 9.4957C5.08225 9.59203 4.87256 9.64471 4.65427 9.64471C3.60193 9.64471 2.74786 8.42866 2.74786 6.93032C2.74786 5.43198 3.60193 4.21594 4.65427 4.21594C4.88682 4.21594 5.10959 4.27527 5.31571 4.38397C4.97256 4.0538 4.5589 3.86084 4.11387 3.86084Z",fill:"#FFCC00"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.67935 8.51573L6.7737 7.8407L7.04147 9.22221L6.43573 8.06657L6.24676 9.47313L6.0609 8.06576L5.4526 9.2188L5.72343 7.83844L4.81629 8.50957L5.49017 7.42963L4.46387 7.48593L5.40732 6.9203L4.46512 6.35062L5.4913 6.41133L4.81981 5.3285L5.72546 6.00353L5.45769 4.62202L6.06343 5.77766L6.25241 4.37109L6.43827 5.77847L7.04656 4.62543L6.77574 6.00579L7.68287 5.33466L7.00899 6.4146L8.0353 6.3583L7.09184 6.92392L8.03404 7.49361L7.00786 7.43289L7.67935 8.51573Z",fill:"#FFCC00"})))},On=function(e){return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),o.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),o.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),o.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.93644 1.52393C3.51233 1.52393 2.35645 2.56887 2.35645 3.85629C2.35645 5.14371 3.51233 6.18865 4.93644 6.18865C5.45096 6.18865 5.93034 6.05209 6.33296 5.81716C6.09851 5.89054 5.84688 5.93068 5.58492 5.93068C4.32212 5.93068 3.29724 5.00417 3.29724 3.86258C3.29724 2.72099 4.32212 1.79448 5.58492 1.79448C5.86399 1.79448 6.13132 1.83968 6.37865 1.9225C5.96688 1.67094 5.47049 1.52393 4.93644 1.52393Z",fill:"#FFCC00"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.216 5.07041L8.12923 4.55611L8.45055 5.60869L7.72366 4.72819L7.49689 5.79987L7.27386 4.72758L6.5439 5.60609L6.86889 4.55439L5.78033 5.06572L6.58899 4.24291L5.35742 4.28581L6.48957 3.85485L5.35893 3.42081L6.59034 3.46707L5.78456 2.64205L6.87133 3.15636L6.55001 2.10378L7.2769 2.98427L7.50367 1.9126L7.7267 2.98488L8.45666 2.10638L8.13166 3.15808L9.22022 2.64674L8.41157 3.46955L9.64314 3.42666L8.51099 3.85761L9.64163 4.29165L8.41022 4.2454L9.216 5.07041Z",fill:"#FFCC00"}))},In=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),o.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),o.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"})))},Fn=function(e){return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),o.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),o.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"}))},Vn=function(e){return o.createElement("img",n({src:X.getAssetPath("flags/philippineRound.png"),style:n({borderRadius:"50%"},e.style)},e))},Wn=function(e){return o.createElement("img",n({src:X.getAssetPath("flags/philippineSquare.png")},e))},Gn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),o.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),o.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),o.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),o.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),o.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),o.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),o.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),o.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),o.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),o.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),o.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),o.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),o.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),o.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),o.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))))},Yn=function(e){return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),o.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),o.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),o.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),o.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),o.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),o.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),o.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),o.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),o.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),o.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),o.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),o.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),o.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),o.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))},qn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),o.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"})))},Xn=function(e){return o.createElement("svg",n({viewBox:"0 0 24 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),o.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"}))},Jn=function(e){return o.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},e.style)},e),o.createElement("g",null,o.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},o.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),o.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),o.createElement("path",{d:"M11.7228 10.8677L14.2819 9.00839L11.1187 9.00839L10.1409 6L9.16316 9.00839L6 9.00839L8.5591 10.8677L7.58184 13.8766L10.1409 12.0168L12.7 13.8766L11.7228 10.8677Z",fill:"#FFEB3B"})))},Kn=function(e){return o.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("g",null,o.createElement("clipPath",null,o.createElement("rect",{width:"24",height:"16",fill:"white"})),o.createElement("path",{d:"M2.01386e-10 2C0 0.895431 0.895431 -7.50368e-10 2 -1.67599e-09L22 -1.84359e-08C23.1046 -1.93615e-08 24 0.895431 24 2L24 14C24 15.1046 23.1046 16 22 16L2 16C0.89543 16 1.52092e-09 15.1046 1.4097e-09 14L2.01386e-10 2Z",fill:"#DA251D"}),o.createElement("path",{d:"M13.7823 8.92854L16.6663 6.8332L13.1016 6.8332L11.9997 3.44287L10.8978 6.8332L7.33301 6.8332L10.217 8.92854L9.11567 12.3195L11.9997 10.2235L14.8837 12.3195L13.7823 8.92854Z",fill:"#FFEB3B"})))},Qn=function(n){var e,t,i=n.country,a=n.language,r=n.rounded,l=n.height,s=n.width,d=n.isTesting;switch(a){case"en":e=o.createElement(jn,null),t=o.createElement(Tn,null);break;case"vi":e=o.createElement(Kn,null),t=o.createElement(Jn,null);break;case"id":e=o.createElement(Sn,{isTesting:d}),t=o.createElement(Rn,{isTesting:d});break;case"th":e=o.createElement(Xn,null),t=o.createElement(qn,null);break;case"km":e=o.createElement(Hn,null),t=o.createElement(_n,null);break;case"ms":e=o.createElement(On,null),t=o.createElement(Zn,null);break;case"my":e=o.createElement(Fn,null),t=o.createElement(In,null);break;case"tl":e=o.createElement(Wn,null),t=o.createElement(Vn,null);break;case"hi":e=o.createElement(Un,null),t=o.createElement(An,null);break;case"zh":e=o.createElement(Yn,null),t=o.createElement(Gn,null)}if(!e&&!t)switch(i){case"VN":e=o.createElement(Kn,null),t=o.createElement(Jn,null);break;case"ID":e=o.createElement(Sn,{isTesting:d}),t=o.createElement(Rn,{isTesting:d});break;case"TH":e=o.createElement(Xn,null),t=o.createElement(qn,null);break;case"KH":e=o.createElement(Hn,null),t=o.createElement(_n,null);break;case"MY":e=o.createElement(On,null),t=o.createElement(Zn,null);break;case"MM":e=o.createElement(Fn,null),t=o.createElement(In,null);break;case"PH":e=o.createElement(Wn,null),t=o.createElement(Vn,null);break;case"IN":e=o.createElement(Un,null),t=o.createElement(An,null);break;case"TW":e=o.createElement(Yn,null),t=o.createElement(Gn,null)}return o.createElement(u,{theme:{width:s,height:l}},r?t:e)},$n=function(e){var t=e.type,i=e.size,a=void 0===i?"small":i,r=e.label,l=e.name,s=e.checked,d=e.value,p=e.className,c=e.isDisabled,m=void 0!==c&&c,h=e.onChange,g=e.dataEventCategory,u=e.dataEventAction,f=e.dataEventLabel,b=!!u&&!!g&&!!f?{"data-event-category":g,"data-event-action":u,"data-event-label":f}:{};return o.createElement(x,{"data-disabled":m,className:p,"data-type":t,"data-size":a},o.createElement("input",n({type:"radio",checked:s,name:l,id:"".concat(l,"-").concat(d),value:d,onChange:function(){return h(d)}},b)),o.createElement("label",n({htmlFor:"".concat(l,"-").concat(d)},b),r))};function ne(n){var e=n.rangeRef,t=n.values,i=n.index,a=Q(e,t,i,1," - ",(function(n){return n})),r=a[0],l=a[1];return o.createElement(o.Fragment,null,o.createElement(k,{"data-label":i,style:l},r),o.createElement(E,{"data-label":i}))}var ee,te,ie,ae,oe,re,le,se,de,pe,ce,me,he,ge,ue,xe,fe,be,ve,ye,we,ke,Ee,Ce,Le,De,ze,Pe,Be,Me,Ne,_e,He=function(e){var t=e.step,i=e.min,a=e.max,r=e.value,d=e.onChange,p=e.className,c=e.heading,m=e.isMobile,h=void 0!==m&&m,g=["#2D87F3","#DBDFE5"],u=o.useRef(null),x=l(r),k=x[0],E=x[1],C=function(n){E(n.map((function(n){return n<i?i:n>a?a:n})))};s((function(){C(r)}),[r[0],r[1]]);return o.createElement(f,{className:p},o.createElement(J,{ref:u,values:k,onChange:C,onFinalChange:d,renderThumb:function(e){var t=e.props,i=e.index;return o.createElement(b,n({},t),o.createElement(ne,{rangeRef:u.current,values:k,index:i,isMobile:h}))},renderTrack:function(e){var t=e.props,r=e.children,l={background:K({values:k,colors:g,min:i,max:a})};return o.createElement(o.Fragment,null,c&&o.createElement(v,{size:"md",type:"bold"},c),o.createElement(y,{style:n({},t.style)},o.createElement(un,{color:"ghost",size:"sm",onClick:function(){return C([k[0]-1])},className:"slider-track-button"},o.createElement("svg",{width:"10",height:h?"3":"4",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"slider-track-icon minus",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:"#595959","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),o.createElement(w,{onMouseDown:t.onMouseDown,onTouchStart:t.onTouchStart,ref:t.ref,style:l},r),o.createElement(un,{color:"ghost",size:"sm",onClick:function(){return C([k[0]+1])},className:"slider-track-button"},o.createElement("svg",{width:"16",height:h?"16":"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"slider-track-icon plus",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:"#595959","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))},step:t,min:i,max:a}))},Te=N.h6(ee||(ee=t(["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  line-height: 22px;\n"],["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  line-height: 22px;\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold})),je=N.a(te||(te=t(["\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  * {\n    pointer-events: none;\n  }\n"]))),Ae=N.article(ie||(ie=t(["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 16px 16px 16px 0;\n  background-color: ",";\n  cursor: pointer;\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n\n  .content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n\n    .inner-content {\n      display: flex;\n      flex-direction: column;\n      p {\n        display: flex;\n        align-items: center;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      .bookmark {\n        width: 18px;\n        height: 18px;\n      }\n      //.title,\n      .title a {\n        display: -webkit-box;\n        overflow: hidden;\n        margin-top: 2px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n\n      .text {\n        display: -webkit-box;\n        overflow: hidden;\n        max-width: 100%;\n        margin-top: 4px;\n        //margin-bottom: 26px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n    }\n  }\n\n  .footer {\n    display: flex;\n\n    .author {\n      width: calc(100% - 20px);\n    }\n\n    .bookmark {\n      display: flex;\n      width: 12px;\n      height: 16px;\n      margin-left: 8px;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .banner {\n    position: relative;\n    min-width: 100px;\n    max-width: 100px;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border-radius: 6px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 6px;\n      object-fit: cover;\n      object-position: center;\n      pointer-events: none;\n    }\n  }\n  .shoppable {\n    position: absolute;\n    bottom: 4px;\n    left: 6px;\n  }\n\n  &[data-size='sm'][data-direction='horizontal'] {\n    padding: 20px 0;\n\n    .label {\n      margin-bottom: 0;\n    }\n    .banner {\n      width: 100px;\n      height: 100px;\n      margin: 0 16px 0 0;\n\n      "," {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n    }\n\n    .text {\n      display: none;\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    .footer {\n      margin-top: auto;\n    }\n  }\n\n  &[data-size='md'][data-direction='horizontal'] {\n    padding: 16px 0;\n\n    .banner {\n      min-width: 200px;\n      max-width: 200px;\n      height: 150px;\n      margin: 0 24px 0 0;\n    }\n\n    "," {\n      .text {\n        display: none;\n      }\n\n      .banner {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n\n      .specialty {\n        display: none;\n      }\n    }\n  }\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n    padding: 0 0 0 0;\n\n    .label {\n      margin-top: 16px;\n      display: flex;\n    }\n\n    &[data-size='sm'] {\n      .banner {\n        height: 150px;\n      }\n\n      .text {\n        display: none;\n      }\n\n      .title {\n        margin-top: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    &[data-size='lg'] {\n      .banner {\n        max-height: 312px;\n\n        "," {\n          max-height: 192px;\n        }\n      }\n\n      .text {\n        display: -webkit-box;\n        margin-top: 8px;\n        margin-bottom: 16px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 3;\n        word-break: break-word;\n      }\n    }\n\n    .banner {\n      min-width: 100%;\n      height: 468px;\n      margin: 0;\n    }\n  }\n\n  &[data-is-expert] {\n    .inner-content label.text {\n      display: none;\n    }\n\n    .specialty > [data-tag='h6'] {\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 19px;\n    }\n\n    &[data-size='md'] .footer .author .avatar {\n      margin-right: 8px;\n    }\n\n    "," {\n      &[data-size='md'] .footer .author .avatar {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n    }\n\n    .title {\n      margin-bottom: 16px;\n      "," {\n        margin-bottom: 8px;\n      }\n    }\n\n    &[data-direction='horizontal'] {\n      .footer {\n        margin-top: auto;\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 16px 16px 16px 0;\n  background-color: ",";\n  cursor: pointer;\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n\n  .content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n\n    .inner-content {\n      display: flex;\n      flex-direction: column;\n      p {\n        display: flex;\n        align-items: center;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      .bookmark {\n        width: 18px;\n        height: 18px;\n      }\n      //.title,\n      .title a {\n        display: -webkit-box;\n        overflow: hidden;\n        margin-top: 2px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n\n      .text {\n        display: -webkit-box;\n        overflow: hidden;\n        max-width: 100%;\n        margin-top: 4px;\n        //margin-bottom: 26px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n    }\n  }\n\n  .footer {\n    display: flex;\n\n    .author {\n      width: calc(100% - 20px);\n    }\n\n    .bookmark {\n      display: flex;\n      width: 12px;\n      height: 16px;\n      margin-left: 8px;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .banner {\n    position: relative;\n    min-width: 100px;\n    max-width: 100px;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border-radius: 6px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 6px;\n      object-fit: cover;\n      object-position: center;\n      pointer-events: none;\n    }\n  }\n  .shoppable {\n    position: absolute;\n    bottom: 4px;\n    left: 6px;\n  }\n\n  &[data-size='sm'][data-direction='horizontal'] {\n    padding: 20px 0;\n\n    .label {\n      margin-bottom: 0;\n    }\n    .banner {\n      width: 100px;\n      height: 100px;\n      margin: 0 16px 0 0;\n\n      "," {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n    }\n\n    .text {\n      display: none;\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    .footer {\n      margin-top: auto;\n    }\n  }\n\n  &[data-size='md'][data-direction='horizontal'] {\n    padding: 16px 0;\n\n    .banner {\n      min-width: 200px;\n      max-width: 200px;\n      height: 150px;\n      margin: 0 24px 0 0;\n    }\n\n    "," {\n      .text {\n        display: none;\n      }\n\n      .banner {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n\n      .specialty {\n        display: none;\n      }\n    }\n  }\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n    padding: 0 0 0 0;\n\n    .label {\n      margin-top: 16px;\n      display: flex;\n    }\n\n    &[data-size='sm'] {\n      .banner {\n        height: 150px;\n      }\n\n      .text {\n        display: none;\n      }\n\n      .title {\n        margin-top: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    &[data-size='lg'] {\n      .banner {\n        max-height: 312px;\n\n        "," {\n          max-height: 192px;\n        }\n      }\n\n      .text {\n        display: -webkit-box;\n        margin-top: 8px;\n        margin-bottom: 16px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 3;\n        word-break: break-word;\n      }\n    }\n\n    .banner {\n      min-width: 100%;\n      height: 468px;\n      margin: 0;\n    }\n  }\n\n  &[data-is-expert] {\n    .inner-content label.text {\n      display: none;\n    }\n\n    .specialty > [data-tag='h6'] {\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 19px;\n    }\n\n    &[data-size='md'] .footer .author .avatar {\n      margin-right: 8px;\n    }\n\n    "," {\n      &[data-size='md'] .footer .author .avatar {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n    }\n\n    .title {\n      margin-bottom: 16px;\n      "," {\n        margin-bottom: 8px;\n      }\n    }\n\n    &[data-direction='horizontal'] {\n      .footer {\n        margin-top: auto;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),P.mbDown,P.mbDown,P.mbDown,P.tdUp,P.mbDown),Ue=N.div(ae||(ae=t(["\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 8px;\n\n  .author {\n    display: flex;\n    align-items: center;\n\n    .avatar,\n    .expert-avatar {\n      flex-shrink: 0;\n\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n\n    .name {\n      font-weight: 600;\n    }\n\n    .poster {\n      display: flex;\n      align-items: center;\n      white-space: pre-wrap;\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n\n      p {\n        display: -webkit-box;\n        overflow: hidden;\n        //font-size: 11px;\n        -webkit-box-orient: vertical;\n        font-weight: 400;\n        -webkit-line-clamp: 3;\n\n        a {\n          color: ",";\n          text-decoration: none;\n        }\n\n        span:not(.name) {\n          color: ",";\n        }\n      }\n    }\n\n    .expert {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n\n      a {\n        text-decoration: none;\n      }\n\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n    }\n\n    .avatar {\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n\n      "," {\n        margin-right: 4px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 32px;\n          height: 32px;\n          margin-right: 12px;\n        }\n      }\n    }\n\n    .expert-avatar {\n      "," {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n\n      "," {\n        width: 32px;\n        height: 32px;\n        margin-right: 8px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 64px;\n          height: 64px;\n          margin-right: 16px;\n        }\n\n        "," {\n          width: 40px;\n          height: 40px;\n          margin-right: 16px;\n        }\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 8px;\n\n  .author {\n    display: flex;\n    align-items: center;\n\n    .avatar,\n    .expert-avatar {\n      flex-shrink: 0;\n\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n\n    .name {\n      font-weight: 600;\n    }\n\n    .poster {\n      display: flex;\n      align-items: center;\n      white-space: pre-wrap;\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n\n      p {\n        display: -webkit-box;\n        overflow: hidden;\n        //font-size: 11px;\n        -webkit-box-orient: vertical;\n        font-weight: 400;\n        -webkit-line-clamp: 3;\n\n        a {\n          color: ",";\n          text-decoration: none;\n        }\n\n        span:not(.name) {\n          color: ",";\n        }\n      }\n    }\n\n    .expert {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n\n      a {\n        text-decoration: none;\n      }\n\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n    }\n\n    .avatar {\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n\n      "," {\n        margin-right: 4px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 32px;\n          height: 32px;\n          margin-right: 12px;\n        }\n      }\n    }\n\n    .expert-avatar {\n      "," {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n\n      "," {\n        width: 32px;\n        height: 32px;\n        margin-right: 8px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 64px;\n          height: 64px;\n          margin-right: 16px;\n        }\n\n        "," {\n          width: 40px;\n          height: 40px;\n          margin-right: 16px;\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray400}),P.mbDown,P.tdUp,P.mbUp,P.mbDown,P.mbUp,P.mbDown),Re=N.div(oe||(oe=t(["\n  position: relative;\n  display: flex;\n\n  & > .collapsed-breadcrumb {\n    border: none;\n    & > div {\n      padding: 0;\n    }\n    & > ul {\n      min-width: max-content;\n    }\n  }\n\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: ",";\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n  }\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n    font-weight: ",";\n  }\n"],["\n  position: relative;\n  display: flex;\n\n  & > .collapsed-breadcrumb {\n    border: none;\n    & > div {\n      padding: 0;\n    }\n    & > ul {\n      min-width: max-content;\n    }\n  }\n\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: ",";\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n  }\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n    font-weight: ",";\n  }\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular})),Se=N.div(re||(re=t(["\n  margin-right: 8px;\n  margin-left: 8px;\n  width: 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  &[data-size='lg'] {\n    width: 6px;\n    margin-right: 8px;\n    margin-left: 8px;\n  }\n  &[data-size='md'] {\n    width: 5px;\n    margin-right: 7px;\n    margin-left: 7px;\n  }\n  &[data-size='sm'] {\n    width: 4px;\n    margin-right: 6px;\n    margin-left: 6px;\n  }\n"],["\n  margin-right: 8px;\n  margin-left: 8px;\n  width: 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  &[data-size='lg'] {\n    width: 6px;\n    margin-right: 8px;\n    margin-left: 8px;\n  }\n  &[data-size='md'] {\n    width: 5px;\n    margin-right: 7px;\n    margin-left: 7px;\n  }\n  &[data-size='sm'] {\n    width: 4px;\n    margin-right: 6px;\n    margin-left: 6px;\n  }\n"]))),Ze=N.div(le||(le=t(["\n  max-width: 12em;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  > a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: none;\n  }\n\n  &[data-last='true'] {\n    > a {\n      color: ",";\n    }\n  }\n\n  > a {\n    &:hover,\n    &:focus {\n      color: ",";\n      outline: none;\n      .arrowLeft,\n      .arrowRight {\n        stroke: ",";\n      }\n    }\n\n    &:active {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    > a {\n      cursor: not-allowed;\n      color: ",";\n    }\n  }\n"],["\n  max-width: 12em;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  > a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: none;\n  }\n\n  &[data-last='true'] {\n    > a {\n      color: ",";\n    }\n  }\n\n  > a {\n    &:hover,\n    &:focus {\n      color: ",";\n      outline: none;\n      .arrowLeft,\n      .arrowRight {\n        stroke: ",";\n      }\n    }\n\n    &:active {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    > a {\n      cursor: not-allowed;\n      color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.gray300})),Oe=N.a(se||(se=t(["\n  display: flex;\n  height: 125px;\n\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px;\n\n  border: 1px solid ",";\n  background-color: white;\n  border-radius: 6px;\n  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  cursor: pointer;\n  text-decoration: none;\n\n  & > .banner {\n    width: 100%;\n    height: 63px;\n    text-align: center;\n  }\n\n  & > .content {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: center;\n    word-break: break-word;\n  }\n\n  * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  height: 125px;\n\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px;\n\n  border: 1px solid ",";\n  background-color: white;\n  border-radius: 6px;\n  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  cursor: pointer;\n  text-decoration: none;\n\n  & > .banner {\n    width: 100%;\n    height: 63px;\n    text-align: center;\n  }\n\n  & > .content {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: center;\n    word-break: break-word;\n  }\n\n  * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100})),Ie=function(n){var e=n.imgBanner,t=n.label,i=n.className,a=n.style,r=n.href,l=void 0===r?"":r,s=n.dataEventCategory,d=n.dataEventAction,p=n.dataEventLabel;return o.createElement(Oe,{"data-event-category":s,"data-event-action":d,"data-event-label":p,className:i,style:a,href:l,onClick:function(n){""===l&&n.preventDefault()}},o.createElement("div",{className:"banner"},e),o.createElement("div",{className:"content"},o.createElement(v,{className:"category_name",size:"sm",type:"bold"},t)))},Fe=N.div(de||(de=t(["\n  display: flex;\n\n  &[data-type='vertical'] {\n    flex-direction: column;\n\n    div {\n      margin-bottom: 20px;\n    }\n  }\n\n  &[data-type='horizontal'] {\n    flex-wrap: wrap;\n\n    div {\n      margin-right: 25px;\n    }\n\n    &[data-is-rectangle] {\n      div {\n        margin-right: 14px;\n      }\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-type='vertical'] {\n    flex-direction: column;\n\n    div {\n      margin-bottom: 20px;\n    }\n  }\n\n  &[data-type='horizontal'] {\n    flex-wrap: wrap;\n\n    div {\n      margin-right: 25px;\n    }\n\n    &[data-is-rectangle] {\n      div {\n        margin-right: 14px;\n      }\n    }\n  }\n"]))),Ve={"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":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},We=N.div(pe||(pe=t(["\n  .pickerContainer {\n    position: relative;\n    padding-top: 0;\n    & > div > svg {\n      position: absolute;\n      top: 36px;\n      right: 16px;\n      cursor: pointer;\n    }\n\n    & > :not(:first-child) {\n      position: absolute;\n      z-index: 1;\n      width: 100%;\n    }\n  }\n\n  &[data-is-static] .pickerOverlayWrapper {\n    position: static;\n    max-width: 250px;\n    aspect-ratio: 1 / 1;\n\n    > .pickerOverlay {\n      padding: 1rem;\n    }\n  }\n\n  .pickerOverlayWrapper {\n    min-width: 320px;\n  }\n\n  &[data-align-right='true'] {\n    .pickerOverlayWrapper {\n      right: 0;\n    }\n  }\n\n  .pickerOverlay {\n    margin-top: 6px;\n    background: white;\n    border-radius: 6px;\n    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n  }\n\n  .picker {\n    width: 100%;\n  }\n\n  .react-datepicker-popper {\n    .react-datepicker {\n      display: flex;\n      width: 340px;\n      height: 305px;\n      align-items: center;\n      justify-content: center;\n      border: none;\n      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n        (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n    }\n\n    .svg {\n      cursor: pointer;\n      stroke: ",";\n    }\n    .react-datepicker__day {\n      width: 40px;\n    }\n\n    .react-datepicker__header {\n      border-bottom: 0;\n      background-color: white;\n    }\n\n    .react-datepicker__day--outside-month {\n      color: #e9e9e9;\n    }\n\n    .react-datepicker__day {\n      font-weight: ",";\n    }\n\n    .react-datepicker__day--selected,\n    .react-datepicker__day--today,\n    .react-datepicker__day--selected:hover,\n    .react-datepicker__day--keyboard-selected {\n      width: 32px;\n      height: 30px;\n      margin: 4px;\n      margin-bottom: -2px;\n      background: ",";\n      border-radius: 50%;\n    }\n\n    .react-datepicker__day-name {\n      width: 40px;\n    }\n\n    .react-datepicker__triangle {\n      display: none;\n    }\n\n    .react-datepicker__header.react-datepicker__header--custom {\n      svg {\n        stroke: #262626;\n      }\n      select {\n        background: ",";\n        text-align: center;\n        &:not(:last-child) {\n          padding: 8px 10px;\n          margin-right: 15px;\n          border-radius: 6px;\n        }\n      }\n    }\n  }\n\n  /* DayPicker styles */\n\n  .DayPicker {\n    display: inline-block;\n    font-size: 1rem;\n  }\n\n  .DayPicker-wrapper {\n    position: relative;\n\n    flex-direction: row;\n    padding-bottom: 1em;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-Months {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .DayPicker-Month {\n    display: table;\n    margin: 0 16px;\n    margin-top: 16px;\n    border-collapse: collapse;\n    border-spacing: 0;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-NavBar {\n    position: absolute;\n    top: 16px;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 0;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 20px;\n  }\n\n  .DayPicker-NavButton {\n    width: 24px;\n    height: 24px;\n    margin-bottom: -47px;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 16px 16px;\n    color: #8b9898;\n    cursor: pointer;\n  }\n\n  .DayPicker-NavButton:hover {\n    opacity: 0.8;\n  }\n\n  .DayPicker-NavButton--prev {\n    //left: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--next {\n    //right: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--interactionDisabled {\n    display: none;\n  }\n\n  .DayPicker-Caption {\n    display: table-caption;\n    width: 100%;\n    height: 46px;\n    padding: 0 32px;\n  }\n\n  .DayPicker-Caption select {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 24px;\n    text-align: left;\n  }\n\n  .DayPicker-Weekdays {\n    display: table-header-group;\n    margin-top: 1em;\n  }\n\n  .DayPicker-WeekdaysRow {\n    display: table-row;\n  }\n\n  .DayPicker-Weekday {\n    display: table-cell;\n    padding: 0.5em;\n    color: #8b9898;\n    font-size: 0.875em;\n    text-align: center;\n  }\n\n  .DayPicker-Weekday abbr[title] {\n    border-bottom: none;\n    text-decoration: none;\n  }\n\n  .DayPicker-Body {\n    display: table-row-group;\n  }\n\n  .DayPicker-Week {\n    display: table-row;\n  }\n\n  .DayPicker-Day {\n    display: table-cell;\n\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  .DayPicker-WeekNumber {\n    display: table-cell;\n    min-width: 1em;\n    padding: 0.5em;\n    border-right: 1px solid #eaecec;\n    color: #8b9898;\n    cursor: pointer;\n    font-size: 0.75em;\n    text-align: right;\n    vertical-align: middle;\n  }\n\n  .DayPicker--interactionDisabled .DayPicker-Day {\n    cursor: default;\n  }\n\n  .DayPicker-Footer {\n    padding-top: 0.5em;\n  }\n\n  .DayPicker-TodayButton {\n    border: none;\n    background-color: transparent;\n    background-image: none;\n    box-shadow: none;\n    color: #4a90e2;\n    cursor: pointer;\n    font-size: 0.875em;\n  }\n\n  /* Default modifiers */\n\n  .DayPicker-Day--today {\n    color: #d0021b;\n    font-weight: 700;\n  }\n\n  .DayPicker-Day--outside {\n    color: #8b9898;\n    cursor: default;\n  }\n\n  .DayPicker-Day--disabled {\n    color: #dce0e0;\n    cursor: default;\n    /* background-color: #eff1f1; */\n  }\n\n  /* Example modifiers */\n\n  .DayPicker-Day--sunday {\n    background-color: #f7f8f8;\n  }\n\n  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n    color: #dce0e0;\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n    position: relative;\n\n    background-color: ",";\n    color: #f0f8ff;\n    font-weight: ",";\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n    background-color: #51a0fa;\n  }\n\n  .DayPicker:not(.DayPicker--interactionDisabled)\n    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n    background-color: #f0f8ff;\n  }\n\n  /* DayPickerInput */\n\n  .DayPickerInput {\n    display: inline-block;\n  }\n\n  .DayPickerInput-OverlayWrapper {\n    position: relative;\n  }\n\n  .DayPickerInput-Overlay {\n    position: absolute;\n    z-index: 1;\n    left: 0;\n\n    background: white;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n  }\n"],["\n  .pickerContainer {\n    position: relative;\n    padding-top: 0;\n    & > div > svg {\n      position: absolute;\n      top: 36px;\n      right: 16px;\n      cursor: pointer;\n    }\n\n    & > :not(:first-child) {\n      position: absolute;\n      z-index: 1;\n      width: 100%;\n    }\n  }\n\n  &[data-is-static] .pickerOverlayWrapper {\n    position: static;\n    max-width: 250px;\n    aspect-ratio: 1 / 1;\n\n    > .pickerOverlay {\n      padding: 1rem;\n    }\n  }\n\n  .pickerOverlayWrapper {\n    min-width: 320px;\n  }\n\n  &[data-align-right='true'] {\n    .pickerOverlayWrapper {\n      right: 0;\n    }\n  }\n\n  .pickerOverlay {\n    margin-top: 6px;\n    background: white;\n    border-radius: 6px;\n    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n  }\n\n  .picker {\n    width: 100%;\n  }\n\n  .react-datepicker-popper {\n    .react-datepicker {\n      display: flex;\n      width: 340px;\n      height: 305px;\n      align-items: center;\n      justify-content: center;\n      border: none;\n      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n        (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n    }\n\n    .svg {\n      cursor: pointer;\n      stroke: ",";\n    }\n    .react-datepicker__day {\n      width: 40px;\n    }\n\n    .react-datepicker__header {\n      border-bottom: 0;\n      background-color: white;\n    }\n\n    .react-datepicker__day--outside-month {\n      color: #e9e9e9;\n    }\n\n    .react-datepicker__day {\n      font-weight: ",";\n    }\n\n    .react-datepicker__day--selected,\n    .react-datepicker__day--today,\n    .react-datepicker__day--selected:hover,\n    .react-datepicker__day--keyboard-selected {\n      width: 32px;\n      height: 30px;\n      margin: 4px;\n      margin-bottom: -2px;\n      background: ",";\n      border-radius: 50%;\n    }\n\n    .react-datepicker__day-name {\n      width: 40px;\n    }\n\n    .react-datepicker__triangle {\n      display: none;\n    }\n\n    .react-datepicker__header.react-datepicker__header--custom {\n      svg {\n        stroke: #262626;\n      }\n      select {\n        background: ",";\n        text-align: center;\n        &:not(:last-child) {\n          padding: 8px 10px;\n          margin-right: 15px;\n          border-radius: 6px;\n        }\n      }\n    }\n  }\n\n  /* DayPicker styles */\n\n  .DayPicker {\n    display: inline-block;\n    font-size: 1rem;\n  }\n\n  .DayPicker-wrapper {\n    position: relative;\n\n    flex-direction: row;\n    padding-bottom: 1em;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-Months {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .DayPicker-Month {\n    display: table;\n    margin: 0 16px;\n    margin-top: 16px;\n    border-collapse: collapse;\n    border-spacing: 0;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-NavBar {\n    position: absolute;\n    top: 16px;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 0;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 20px;\n  }\n\n  .DayPicker-NavButton {\n    width: 24px;\n    height: 24px;\n    margin-bottom: -47px;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 16px 16px;\n    color: #8b9898;\n    cursor: pointer;\n  }\n\n  .DayPicker-NavButton:hover {\n    opacity: 0.8;\n  }\n\n  .DayPicker-NavButton--prev {\n    //left: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--next {\n    //right: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--interactionDisabled {\n    display: none;\n  }\n\n  .DayPicker-Caption {\n    display: table-caption;\n    width: 100%;\n    height: 46px;\n    padding: 0 32px;\n  }\n\n  .DayPicker-Caption select {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 24px;\n    text-align: left;\n  }\n\n  .DayPicker-Weekdays {\n    display: table-header-group;\n    margin-top: 1em;\n  }\n\n  .DayPicker-WeekdaysRow {\n    display: table-row;\n  }\n\n  .DayPicker-Weekday {\n    display: table-cell;\n    padding: 0.5em;\n    color: #8b9898;\n    font-size: 0.875em;\n    text-align: center;\n  }\n\n  .DayPicker-Weekday abbr[title] {\n    border-bottom: none;\n    text-decoration: none;\n  }\n\n  .DayPicker-Body {\n    display: table-row-group;\n  }\n\n  .DayPicker-Week {\n    display: table-row;\n  }\n\n  .DayPicker-Day {\n    display: table-cell;\n\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  .DayPicker-WeekNumber {\n    display: table-cell;\n    min-width: 1em;\n    padding: 0.5em;\n    border-right: 1px solid #eaecec;\n    color: #8b9898;\n    cursor: pointer;\n    font-size: 0.75em;\n    text-align: right;\n    vertical-align: middle;\n  }\n\n  .DayPicker--interactionDisabled .DayPicker-Day {\n    cursor: default;\n  }\n\n  .DayPicker-Footer {\n    padding-top: 0.5em;\n  }\n\n  .DayPicker-TodayButton {\n    border: none;\n    background-color: transparent;\n    background-image: none;\n    box-shadow: none;\n    color: #4a90e2;\n    cursor: pointer;\n    font-size: 0.875em;\n  }\n\n  /* Default modifiers */\n\n  .DayPicker-Day--today {\n    color: #d0021b;\n    font-weight: 700;\n  }\n\n  .DayPicker-Day--outside {\n    color: #8b9898;\n    cursor: default;\n  }\n\n  .DayPicker-Day--disabled {\n    color: #dce0e0;\n    cursor: default;\n    /* background-color: #eff1f1; */\n  }\n\n  /* Example modifiers */\n\n  .DayPicker-Day--sunday {\n    background-color: #f7f8f8;\n  }\n\n  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n    color: #dce0e0;\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n    position: relative;\n\n    background-color: ",";\n    color: #f0f8ff;\n    font-weight: ",";\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n    background-color: #51a0fa;\n  }\n\n  .DayPicker:not(.DayPicker--interactionDisabled)\n    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n    background-color: #f0f8ff;\n  }\n\n  /* DayPickerInput */\n\n  .DayPickerInput {\n    display: inline-block;\n  }\n\n  .DayPickerInput-OverlayWrapper {\n    position: relative;\n  }\n\n  .DayPickerInput-Overlay {\n    position: absolute;\n    z-index: 1;\n    left: 0;\n\n    background: white;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold})),Ge=N.form(ce||(ce=t(["\n  display: flex;\n  width: 100%;\n\n  height: 46px;\n  align-items: center;\n  justify-content: space-between;\n  & > :first-child {\n    margin-right: 10px;\n  }\n\n  & * {\n    height: 46px;\n    padding: 10px 10px;\n    background: ",";\n    border-radius: 6px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n\n  height: 46px;\n  align-items: center;\n  justify-content: space-between;\n  & > :first-child {\n    margin-right: 10px;\n  }\n\n  & * {\n    height: 46px;\n    padding: 10px 10px;\n    background: ",";\n    border-radius: 6px;\n  }\n"])),(function(n){return n.theme.colors.neutral100})),Ye=function(e){var t=e.alignRight,i=void 0===t||t,a=e.placeholder,d=e.displayDateFormat,p=e.onChange,c=e.customInput,m=e.pickedDate,h=e.className,g=e.isStatic,u=e.disabledDays,x=e.modifiers,f=e.UnHideOnClickOutside,b=e.initialMonth,v=e.locale,y=void 0===v?"en-PH":v,w=r(!1),k=S,E=l(b||new Date),C=E[0],L=E[1],D=r(null),z=r(null),P=Ve[y],B=function(n){f||D.current&&D.current.contains(n.target)||z.current&&z.current.hideDayPicker()},M=(new Date).getFullYear(),N=new Date(M-150,0),_=new Date(M+1,0),H=function(n){for(var e=n.date,t=n.onChange,i=n.monthLabels,a=[],r=_.getFullYear();r>=N.getFullYear();r-=1)a.push(r);var l=function(n){var e=n.target.form,i=e.year,a=e.month;t(new Date(i.value,a.value))};return o.createElement("div",{className:"DayPicker-Caption"},o.createElement(Ge,null,o.createElement("select",{name:"month",onChange:l,value:e.getMonth()},i.map((function(n,e){return o.createElement("option",{key:n,value:e},n)}))),o.createElement("select",{name:"year",onChange:l,value:e.getFullYear()},a.map((function(n){return o.createElement("option",{key:n,value:n},n)})))))};return s((function(){return document.addEventListener("mousedown",B,!1),function(){document.removeEventListener("mousedown",B,!1)}}),[]),o.createElement(We,{className:h,"data-align-right":i,ref:D,"data-is-static":g||void 0},o.createElement(I,{ref:z,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:c&&o.forwardRef((function(e,t){return o.createElement(c,n({},e))})),onDayPickerHide:function(){w.current=!1},onDayPickerShow:function(){w.current=!0},dayPickerProps:{month:C,className:"picker",selectedDays:m,canChangeMonth:!0,enableOutsideDaysClick:!g,firstDayOfWeek:1,captionElement:function(n){var e=n.date,t=n.localeUtils,i=null==t?void 0:t.getMonths();return o.createElement(H,{date:e,monthLabels:P||i,onChange:L})},disabledDays:u||void 0,modifiers:x},format:d||"yyyy-MM-dd",formatDate:function(n,e){return k(n,e)},hideOnDayClick:!g,placeholder:a||"",onDayChange:function(n){var e;e=n,z.current&&!g&&z.current.hideDayPicker(),p&&p(e)},showOverlay:g}))},qe=N.div(me||(me=t(["\n  display: flex;\n  align-items: center;\n  --font-weight-lg: ",";\n  --font-weight-md: ",";\n  --font-weight-sm: ",";\n\n  &[data-icon-position='left'] {\n    & > *:first-child {\n      margin-right: 8px;\n    }\n\n    & > *:last-child {\n      width: calc(100% - 24px);\n    }\n  }\n  &[data-icon-position='right'] {\n    & > *:first-child {\n      width: calc(100% - 24px);\n    }\n    & > *:last-child {\n      margin-left: 8px;\n    }\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n      line-height: 24px;\n      font-weight: var(--font-weight-lg);\n    }\n    &[data-size='md'] {\n      font-size: 14px;\n      line-height: 22px;\n      font-weight: var(--font-weight-md);\n    }\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      font-weight: var(----font-weight-sm);\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  --font-weight-lg: ",";\n  --font-weight-md: ",";\n  --font-weight-sm: ",";\n\n  &[data-icon-position='left'] {\n    & > *:first-child {\n      margin-right: 8px;\n    }\n\n    & > *:last-child {\n      width: calc(100% - 24px);\n    }\n  }\n  &[data-icon-position='right'] {\n    & > *:first-child {\n      width: calc(100% - 24px);\n    }\n    & > *:last-child {\n      margin-left: 8px;\n    }\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n      line-height: 24px;\n      font-weight: var(--font-weight-lg);\n    }\n    &[data-size='md'] {\n      font-size: 14px;\n      line-height: 22px;\n      font-weight: var(--font-weight-md);\n    }\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      font-weight: var(----font-weight-sm);\n    }\n  }\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular}),P.mbDown),Xe=N.div(he||(he=t(["\n  position: relative;\n  width: 100%;\n\n  & div[role='slider'] {\n    -webkit-text-size-adjust: none;\n    -webkit-user-select: none;\n    &:focus {\n      outline: none;\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  & div[role='slider'] {\n    -webkit-text-size-adjust: none;\n    -webkit-user-select: none;\n    &:focus {\n      outline: none;\n    }\n  }\n"]))),Je=N.div(ge||(ge=t(["\n  position: absolute;\n  top: 19px;\n  width: 24px;\n  height: 24px;\n  color: ",";\n  border: 2px solid ",";\n  border-radius: 50%;\n  transform: translateY(-50%) translateX(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  background-color: ",";\n  color: ",";\n  border: 1px solid ",";\n\n  &[data-is-active='true'] {\n    background-color: ",";\n    color: ",";\n    border: none;\n  }\n"],["\n  position: absolute;\n  top: 19px;\n  width: 24px;\n  height: 24px;\n  color: ",";\n  border: 2px solid ",";\n  border-radius: 50%;\n  transform: translateY(-50%) translateX(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  background-color: ",";\n  color: ",";\n  border: 1px solid ",";\n\n  &[data-is-active='true'] {\n    background-color: ",";\n    color: ",";\n    border: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white})),Ke=N.div(ue||(ue=t(["\n  display: flex;\n  width: 100%;\n  height: 36px;\n\n  &[data-track-type='detail'] {\n    margin-top: 0;\n  }\n\n  &[data-track-type='detail'][data-step-passed='true'] > div {\n    border: 1px solid ",";\n    height: 0px;\n  }\n\n  &[data-track-type='detail'] > div {\n    border: 1px solid ",";\n    height: 0px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  height: 36px;\n\n  &[data-track-type='detail'] {\n    margin-top: 0;\n  }\n\n  &[data-track-type='detail'][data-step-passed='true'] > div {\n    border: 1px solid ",";\n    height: 0px;\n  }\n\n  &[data-track-type='detail'] > div {\n    border: 1px solid ",";\n    height: 0px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray200})),Qe=N.div(xe||(xe=t(["\n  width: 100%;\n  height: 5px;\n  align-self: center;\n  border-radius: 4px;\n  background-color: ",";\n"],["\n  width: 100%;\n  height: 5px;\n  align-self: center;\n  border-radius: 4px;\n  background-color: ",";\n"])),(function(n){return n.theme.colors.gray200})),$e=N.div(fe||(fe=t(["\n  position: absolute;\n  top: 32px;\n  min-width: 100px;\n  text-align: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n\n  &[data-step-passed='true'] {\n    color: ",";\n  }\n"],["\n  position: absolute;\n  top: 32px;\n  min-width: 100px;\n  text-align: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n\n  &[data-step-passed='true'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800})),nt=N.div(be||(be=t(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),et=N.div(ve||(ve=t(["\n  display: flex;\n  align-items: center;\n  font-size: ",";\n  font-weight: ",";\n  color: ",";\n  cursor: pointer;\n\n  & > svg {\n    height: 10px;\n    width: 10px;\n    margin: 0 14px;\n  }\n\n  & > svg > path {\n    stroke: ",";\n  }\n\n  &[data-selected='true'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  font-size: ",";\n  font-weight: ",";\n  color: ",";\n  cursor: pointer;\n\n  & > svg {\n    height: 10px;\n    width: 10px;\n    margin: 0 14px;\n  }\n\n  & > svg > path {\n    stroke: ",";\n  }\n\n  &[data-selected='true'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase})),tt=N.div(ye||(ye=t(["\n  position: absolute;\n  left: 0;\n  top: 19px;\n  height: 24px;\n  cursor: pointer;\n\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n\n  padding: 8px;\n  background-color: ",";\n"],["\n  position: absolute;\n  left: 0;\n  top: 19px;\n  height: 24px;\n  cursor: pointer;\n\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n\n  padding: 8px;\n  background-color: ",";\n"])),(function(n){return n.theme.colors.white})),it=N.div(we||(we=t(["\n  min-width: 24px;\n  height: 24px;\n  border: 2px solid ",";\n  border-radius: 50%;\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  background-color: ",";\n  color: ",";\n  border: 1px solid ",";\n\n  &[data-is-active='true'] {\n    border: none;\n    background-color: ",";\n    color: ",";\n  }\n"],["\n  min-width: 24px;\n  height: 24px;\n  border: 2px solid ",";\n  border-radius: 50%;\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  background-color: ",";\n  color: ",";\n  border: 1px solid ",";\n\n  &[data-is-active='true'] {\n    border: none;\n    background-color: ",";\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white})),at=N.div(ke||(ke=t(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > svg {\n    height: 20px;\n    width: 20px;\n    margin-right: 8px;\n\n    & > path {\n      stroke: ",";\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > svg {\n    height: 20px;\n    width: 20px;\n    margin-right: 8px;\n\n    & > path {\n      stroke: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500})),ot=N.div(Ee||(Ee=t(["\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  margin-right: 8px;\n  flex: 0 0 auto;\n\n  &[data-step-passed='true'] {\n    color: ",";\n  }\n"],["\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  margin-right: 8px;\n  flex: 0 0 auto;\n\n  &[data-step-passed='true'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray400}),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800})),rt=N.div(Ce||(Ce=t(["\n  position: absolute;\n  top: 32px;\n  font-weight: ",";\n  color: ",";\n  padding-right: 16px;\n"],["\n  position: absolute;\n  top: 32px;\n  font-weight: ",";\n  color: ",";\n  padding-right: 16px;\n"])),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.gray400})),lt=N.div(Le||(Le=t(["\n  display: flex;\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n\n    div {\n      &[data-type='circle'] {\n        margin-bottom: 20px;\n      }\n\n      &[data-type='rectangle'] {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    flex-wrap: wrap;\n\n    &[data-group='group1'] {\n      div {\n        &[data-type='rectangle'] {\n          flex-wrap: wrap;\n\n          &:first-child {\n            label {\n              border-top-left-radius: 6px;\n              border-bottom-left-radius: 6px;\n            }\n          }\n\n          &:last-child {\n            label {\n              border-top-right-radius: 6px;\n              border-bottom-right-radius: 6px;\n            }\n          }\n\n          &:not(:last-child) {\n            label {\n              border-right: unset;\n            }\n          }\n\n          label {\n            border-radius: unset;\n          }\n        }\n      }\n    }\n\n    &[data-group='group2'] {\n      div {\n        &[data-type='rectangle'] {\n          flex-wrap: wrap;\n          margin-right: 8px;\n          margin-bottom: 8px;\n        }\n      }\n    }\n\n    div {\n      &[data-type='circle'] {\n        margin-right: 25px;\n      }\n\n      &[data-type='rectangle'] {\n        margin-bottom: 20px;\n      }\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n\n    div {\n      &[data-type='circle'] {\n        margin-bottom: 20px;\n      }\n\n      &[data-type='rectangle'] {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    flex-wrap: wrap;\n\n    &[data-group='group1'] {\n      div {\n        &[data-type='rectangle'] {\n          flex-wrap: wrap;\n\n          &:first-child {\n            label {\n              border-top-left-radius: 6px;\n              border-bottom-left-radius: 6px;\n            }\n          }\n\n          &:last-child {\n            label {\n              border-top-right-radius: 6px;\n              border-bottom-right-radius: 6px;\n            }\n          }\n\n          &:not(:last-child) {\n            label {\n              border-right: unset;\n            }\n          }\n\n          label {\n            border-radius: unset;\n          }\n        }\n      }\n    }\n\n    &[data-group='group2'] {\n      div {\n        &[data-type='rectangle'] {\n          flex-wrap: wrap;\n          margin-right: 8px;\n          margin-bottom: 8px;\n        }\n      }\n    }\n\n    div {\n      &[data-type='circle'] {\n        margin-right: 25px;\n      }\n\n      &[data-type='rectangle'] {\n        margin-bottom: 20px;\n      }\n    }\n  }\n"]))),st=o.forwardRef((function(n,e){var t=n.id,i=n.value,a=n.options,r=n.className,s=n.type,c=void 0===s?"circle":s,m=n.isDisabled,h=n.size,g=void 0===h?"small":h,u=n.direction,x=void 0===u?"vertical":u,f=n.group,b=void 0===f?"group1":f,v=n.onChange,y=n.dataEventCategory,w=n.dataEventAction,k=n.dataEventLabel,E=l(i),C=E[0],L=E[1];d(e,(function(){return{reset:function(){L(i)}}}));var D=function(n){L(n),v&&v(n)};return o.createElement(lt,{className:r,"data-direction":x,"data-group":b},a.map((function(n){var e=C===n.value;return o.createElement(p,{key:"".concat(t,"-").concat(n.value)},o.createElement($n,{type:c,size:g,label:n.label,name:t,checked:e,value:n.value,isDisabled:m,onChange:!m&&D,dataEventCategory:y,dataEventAction:w,dataEventLabel:k}),e&&n.renderActivated&&n.renderActivated())})))})),dt=N.div(De||(De=t(["\n  --menu-width: 240px;\n  --menu-spacing: 28px 16px;\n  width: var(--menu-width);\n  height: 100vh;\n  padding: var(--menu-spacing);\n  background-color: ",";\n  transition: ease-in-out 0.5s;\n\n  &[data-is-collapsed] {\n    --menu-width: 64px;\n    --menu-spacing: 28px 8px;\n  }\n"],["\n  --menu-width: 240px;\n  --menu-spacing: 28px 16px;\n  width: var(--menu-width);\n  height: 100vh;\n  padding: var(--menu-spacing);\n  background-color: ",";\n  transition: ease-in-out 0.5s;\n\n  &[data-is-collapsed] {\n    --menu-width: 64px;\n    --menu-spacing: 28px 8px;\n  }\n"])),(function(n){return n.theme.colors.neutral50})),pt=function(n){var e=n.isCollapsed,t=n.className,i=n.style,a=n.children;return o.createElement(dt,{style:i,className:t,"data-is-collapsed":e||void 0},a)},ct=N.div(ze||(ze=t(["\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n\n  svg {\n    transition: 0.4s ease-in-out;\n  }\n"],["\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n\n  svg {\n    transition: 0.4s ease-in-out;\n  }\n"]))),mt=N.div(Pe||(Pe=t(["\n  cursor: pointer;\n  &[data-is-collapsed] {\n    transform: rotate(180deg);\n  }\n"],["\n  cursor: pointer;\n  &[data-is-collapsed] {\n    transform: rotate(180deg);\n  }\n"]))),ht=function(n){var e=n.isCollapsed,t=n.defaultLogo,i=n.onBackClick,a=n.customIcon;return o.createElement(ct,null,o.createElement(C,{type:e?"logomark":t||"hellocare",height:"24px",width:e?"24px":"77px"}),o.createElement(mt,{"data-is-collapsed":e||void 0,onClick:i},a||o.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 20 20",width:"20px",height:"20px"},o.createElement("path",{d:"M10 .75A9.25 9.25 0 1019.25 10 9.25 9.25 0 0010 .75z",fill:"none",stroke:"#d2d6dc",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),o.createElement("path",{d:"M11.44 6.53L8 10l3.48 3.47",fill:"none",stroke:"#737373",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}))))},gt=N.figure(Be||(Be=t(["\n  display: flex;\n\n  > img,\n  svg,\n  picture {\n    width: 40px;\n    height: 40px;\n    margin-right: 1rem;\n    border-radius: 6px;\n    object-fit: cover;\n  }\n\n  > figcaption {\n    p + p {\n      margin-top: 2px;\n    }\n  }\n"],["\n  display: flex;\n\n  > img,\n  svg,\n  picture {\n    width: 40px;\n    height: 40px;\n    margin-right: 1rem;\n    border-radius: 6px;\n    object-fit: cover;\n  }\n\n  > figcaption {\n    p + p {\n      margin-top: 2px;\n    }\n  }\n"]))),ut=function(n){var e=n.name,t=n.description,i=n.image,a=n.isDescriptionHidden;return o.createElement(gt,null,i,!a&&o.createElement("figcaption",null,o.createElement(v,{size:"p4",type:"bold"},e),o.createElement(v,{size:"p4"},t)))},xt=N.div(Me||(Me=t(["\n  display: flex;\n  align-items: center;\n  margin-top: 24px;\n  margin-bottom: 36px;\n\n  figcaption {\n    white-space: nowrap;\n  }\n\n  &[data-is-collapsed='true'] {\n    img {\n      max-width: 2rem;\n      max-height: 2rem;\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 24px;\n  margin-bottom: 36px;\n\n  figcaption {\n    white-space: nowrap;\n  }\n\n  &[data-is-collapsed='true'] {\n    img {\n      max-width: 2rem;\n      max-height: 2rem;\n    }\n  }\n"]))),ft=function(n){var e=n.isCollapsed,t=n.userName,i=n.role,a=n.avatar;return o.createElement(xt,{"data-is-collapsed":e||void 0},o.createElement(ut,{image:a,name:t,description:i,isDescriptionHidden:e}))},bt=N.div(Ne||(Ne=t(["\n  display: flex;\n  align-items: center;\n  padding: 9px 21px;\n  margin-bottom: 4px;\n  border-radius: 6px;\n\n  &:not([data-is-link-active]) {\n    cursor: pointer;\n  }\n\n  p {\n    margin-left: 12px;\n  }\n\n  &[data-is-link-active] {\n    background: ",";\n  }\n\n  &[data-is-link-collapsed] {\n    justify-content: center;\n    margin-right: -14px;\n    margin-left: -14px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 9px 21px;\n  margin-bottom: 4px;\n  border-radius: 6px;\n\n  &:not([data-is-link-active]) {\n    cursor: pointer;\n  }\n\n  p {\n    margin-left: 12px;\n  }\n\n  &[data-is-link-active] {\n    background: ",";\n  }\n\n  &[data-is-link-collapsed] {\n    justify-content: center;\n    margin-right: -14px;\n    margin-left: -14px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase})),vt=function(n){var e=n.icon,t=n.isActive,i=n.children,a=n.isCollapsed,r=n.activeIcon,l=n.onLinkClick,s=n.textSize,d=void 0===s?"base":s,p=n.textType,c=void 0===p?"bold":p,m=n.textColorActive,h=void 0===m?"#fff":m,g=n.textColor,u=void 0===g?"#595959":g;return o.createElement(bt,{"data-is-link-active":t||void 0,onClick:l,"data-is-link-collapsed":a||void 0},t&&r?r:e,!a&&o.createElement(v,{size:d,type:c,color:t?h:u},i))},yt=N.div(_e||(_e=t(["\n  position: relative;\n  width: 100%;\n  > .container {\n    display: flex;\n    width: 100%;\n    -ms-overflow-style: none;\n    overflow-x: auto;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    .section {\n      display: flex;\n      width: 100%;\n      flex-direction: column;\n      flex-shrink: 0;\n      margin: auto;\n\n      > .grid-layout {\n        display: grid;\n        width: 100%;\n        grid-row-gap: 8px;\n\n        > .item-grid {\n          width: 100%;\n\n          > * {\n            margin: 0 auto;\n          }\n        }\n      }\n\n      .progress-bar {\n        display: grid;\n        height: 15px;\n        margin-bottom: 10px;\n\n        .items-progress {\n          position: relative;\n          display: flex;\n          width: 100%;\n          align-items: center;\n          justify-content: center;\n\n          .icon-status {\n            position: absolute;\n            display: flex;\n          }\n\n          .line {\n            width: 50%;\n            height: 2px;\n            background-color: ",";\n          }\n        }\n      }\n    }\n  }\n\n  .bullet-nav {\n    position: absolute;\n    z-index: ",";\n    bottom: -30px;\n    left: 50%;\n    display: flex;\n    transform: translate(-50%, -50%);\n  }\n\n  .bullet-nav__link {\n    display: block;\n    width: 8px;\n    height: 8px;\n    padding: 0;\n    margin-right: 8px;\n    backface-visibility: hidden;\n    background-color: #e4e8ec;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s;\n  }\n\n  .bullet-nav__link.active[data-scheme='hellosites'] {\n    background-color: ",";\n  }\n\n  .bullet-nav__link.active[data-scheme='marrybaby'] {\n    background-color: ",";\n  }\n\n  .arrow-left {\n    position: absolute;\n    z-index: 10;\n    top: 50%;\n    left: -35px;\n    transform: translateY(-50%);\n    &[data-event-category] > * {\n      pointer-events: none;\n    }\n  }\n\n  .arrow-right {\n    position: absolute;\n    z-index: 10;\n    top: 50%;\n    right: -35px;\n    transform: translateY(-50%);\n    &[data-event-category] > * {\n      pointer-events: none;\n    }\n  }\n\n  .image-gallery-wrapper {\n    display: flex;\n    position: relative;\n    margin-top: 16px;\n    justify-content: center;\n    gap: 16px;\n    .image-block {\n      display: block;\n      width: 100%;\n      border: 2px solid transparent;\n      border-radius: 4px;\n    }\n    .image-block.active {\n      border-color: ",";\n    }\n    img {\n      height: 40px;\n      width: auto;\n      max-width: 100%;\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n  > .container {\n    display: flex;\n    width: 100%;\n    -ms-overflow-style: none;\n    overflow-x: auto;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    .section {\n      display: flex;\n      width: 100%;\n      flex-direction: column;\n      flex-shrink: 0;\n      margin: auto;\n\n      > .grid-layout {\n        display: grid;\n        width: 100%;\n        grid-row-gap: 8px;\n\n        > .item-grid {\n          width: 100%;\n\n          > * {\n            margin: 0 auto;\n          }\n        }\n      }\n\n      .progress-bar {\n        display: grid;\n        height: 15px;\n        margin-bottom: 10px;\n\n        .items-progress {\n          position: relative;\n          display: flex;\n          width: 100%;\n          align-items: center;\n          justify-content: center;\n\n          .icon-status {\n            position: absolute;\n            display: flex;\n          }\n\n          .line {\n            width: 50%;\n            height: 2px;\n            background-color: ",";\n          }\n        }\n      }\n    }\n  }\n\n  .bullet-nav {\n    position: absolute;\n    z-index: ",";\n    bottom: -30px;\n    left: 50%;\n    display: flex;\n    transform: translate(-50%, -50%);\n  }\n\n  .bullet-nav__link {\n    display: block;\n    width: 8px;\n    height: 8px;\n    padding: 0;\n    margin-right: 8px;\n    backface-visibility: hidden;\n    background-color: #e4e8ec;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s;\n  }\n\n  .bullet-nav__link.active[data-scheme='hellosites'] {\n    background-color: ",";\n  }\n\n  .bullet-nav__link.active[data-scheme='marrybaby'] {\n    background-color: ",";\n  }\n\n  .arrow-left {\n    position: absolute;\n    z-index: 10;\n    top: 50%;\n    left: -35px;\n    transform: translateY(-50%);\n    &[data-event-category] > * {\n      pointer-events: none;\n    }\n  }\n\n  .arrow-right {\n    position: absolute;\n    z-index: 10;\n    top: 50%;\n    right: -35px;\n    transform: translateY(-50%);\n    &[data-event-category] > * {\n      pointer-events: none;\n    }\n  }\n\n  .image-gallery-wrapper {\n    display: flex;\n    position: relative;\n    margin-top: 16px;\n    justify-content: center;\n    gap: 16px;\n    .image-block {\n      display: block;\n      width: 100%;\n      border: 2px solid transparent;\n      border-radius: 4px;\n    }\n    .image-block.active {\n      border-color: ",";\n    }\n    img {\n      height: 40px;\n      width: auto;\n      max-width: 100%;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.zIndexes.belowHeader}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.primaryBase}));"undefined"!=typeof window&&dn.polyfill();var wt,kt,Et,Ct,Lt,Dt,zt,Pt,Bt,Mt,Nt,_t,Ht,Tt,jt,At,Ut,Rt,St,Zt,Ot,It=function(n){var e=n.status;return"inActive"===e?o.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===e?o.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),o.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===e?o.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),o.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):o.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}))},Ft=function(n){var e=n.row,t=void 0===e?2:e,i=n.column,a=void 0===i?3:i,d=n.isDotsShown,p=void 0===d||d,c=n.isImageGalleryShown,m=void 0!==c&&c,h=n.mode,g=void 0===h?"infinity":h,u=n.type,x=void 0===u?"separated":u,f=n.distanceOverlappedLeft,b=void 0===f?{amount:0,unit:"pixel"}:f,v=n.children,y=n.className,w=n.isProgressShown,k=void 0!==w&&w,E=n.statusChildren,C=n.isArrowShown,L=void 0!==C&&C,D=n.classNameLeftArrow,z=n.classNameRightArrow,P=n.dataEventCategory,B=n.dataEventAction,M=n.dataEventLabel,N=n.onChangePage,_=n.page,H=n.customPageWidth,T=n.scheme,j=void 0===T?"hellosites":T,A=n.arrowType,U=void 0===A?"Discover":A,R=l("number"==typeof _?_:0),S=R[0],Z=R[1],O=[];o.Children.map(v,(function(n,e){e%(t*a)==0&&O.push([]),O[O.length-1].push(o.cloneElement(n))}));var I=r(),F=r(0),V=function(n){if(I.current){var e=I.current.clientWidth,t=H||e,i="intertwined"===x?"percentage"===b.unit?n*t+b.amount/100*t*n:n*t+b.amount*t*n:n*t;I.current.scrollTo({top:0,left:i,behavior:"smooth"}),F.current=n,Z(n),N&&N(n)}};s((function(){"number"==typeof _&&function(n){if(I.current){var e=I.current.clientWidth,t=H||e,i="intertwined"===x?"percentage"===b.unit?n*t+b.amount/100*t*n:n*t+b.amount*t*n:n*t;I.current.scrollTo({top:0,left:i,behavior:"smooth"}),F.current=n,Z(n)}}(_)}),[_]);var W=function(n){if(I.current){var e,t=I.current.clientWidth,i=H||t;e=0===S?0:S*i,"forward"===n&&(e===i*(O.length-1)?(Z(O.length-1),e=i*(O.length-1),N&&N(O.length-1)):(Z(S+1),e+=i,N&&N(S+1)),I.current.scrollTo({top:0,left:e,behavior:"smooth"})),"back"===n&&(0===e?(Z(0),N&&N(0),e=0):(Z(S-1),N&&N(S-1),e-=i),I.current.scrollTo({top:0,left:e,behavior:"smooth"}))}},G=q((function(){if("infinity"===g){if(!I.current)return;var n=I.current,e=n.clientWidth,t=n.scrollLeft,i=H||e,a=Math.floor(t/i);Z(a),N&&N(a)}}),400);return s((function(){if("snapped"===g){var n,e,t,i,a,o,r=!1,l=I.current,s=function(o,s){r=!0,t=!1,i=!1,n=o-l.offsetLeft,e=s-l.offsetTop,a=l.scrollLeft},d=function(n){s(n.pageX,n.pageY)},p=function(n){s(n.touches[0].pageX,n.touches[0].pageY)},c=function(){if(r=!1,t=!1,i=!1,I.current){var n=I.current.clientWidth,e=H||n,a="ltr"===o?0!==F.current?F.current-1:F.current:"rtl"===o&&F.current<O.length-1?F.current+1:F.current,l="intertwined"===x?"percentage"===b.unit?a*e+b.amount/100*e*a:a*e+b.amount*e*a:a*e;I.current.scrollTo({top:0,left:l,behavior:"smooth"}),o="none",F.current!==a&&(F.current=a,Z(a),N&&N(a))}},m=function(s,d){if(r){var p=s-l.offsetLeft,c=d-l.offsetTop,m=p-n,h=c-e;t||i||!(h>20||h<-20)||(t=!0),!t&&(m>20||m<-20)&&(i=!0,l.scrollLeft=a-m,m>0&&(o="ltr"),m<0&&(o="rtl"),0===m&&(o="none"))}},h=function(n){i&&n.preventDefault(),m(n.pageX,n.pageY)},u=function(n){i&&n.preventDefault(),m(n.touches[0].pageX,n.touches[0].pageY)};return null==l||l.addEventListener("mousedown",d),null==l||l.addEventListener("touchstart",p),window.addEventListener("mouseup",c),window.addEventListener("touchend",c),null==l||l.addEventListener("mousemove",h),null==l||l.addEventListener("touchmove",u),function(){null==l||l.removeEventListener("mousedown",d),null==l||l.removeEventListener("touchstart",p),window.removeEventListener("mouseup",c),window.removeEventListener("touchend",c),null==l||l.removeEventListener("mousemove",h),null==l||l.removeEventListener("touchmove",u)}}}),[]),o.createElement(yt,{className:y,"data-row":t,onScroll:G},L&&S>0&&o.createElement("div",{className:"".concat(D," arrow-left"),onClick:function(){return W("back")},"data-event-category":P,"data-event-action":B,"data-event-label":M},"Care"===U?o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},o.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},o.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),o.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),o.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),o.createElement("defs",null,o.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},o.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),o.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),o.createElement("feOffset",{dx:"-2",dy:"2"}),o.createElement("feGaussianBlur",{stdDeviation:"2.5"}),o.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),o.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),o.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),o.createElement("feOffset",{dx:"-1",dy:"1"}),o.createElement("feGaussianBlur",{stdDeviation:"1"}),o.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),o.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),o.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):o.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement("div",{ref:I,className:"container",style:{overflowX:"snapped"===g||L?"hidden":"scroll"}},O.map((function(n,e){for(var i=0,r=0;r<e;r++)i+=O[r].length;return o.createElement("div",{key:e,className:"section",style:{marginLeft:"intertwined"===x&&0!==e?b.amount+""+("percentage"===b.unit?"%":"px"):"0px"}},1===t&&k&&o.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:"repeat(".concat(a,", 1fr)")}},n.map((function(t,a){var r=i+a,l=E.find((function(n){return n.index===r}));return o.createElement("div",{className:"items-progress",key:a},0===a&&0===e?o.createElement("div",{className:"line",style:{visibility:"hidden"}}):o.createElement("div",{className:"line"}),o.createElement("div",{className:"icon-status"},o.createElement(It,{status:null==l?void 0:l.status})),e===O.length-1&&a===n.length-1?o.createElement("div",{className:"line",style:{visibility:"hidden"}}):o.createElement("div",{className:"line"}))}))),o.createElement("div",{className:"grid-layout","data-index":e,style:{gridTemplateColumns:"repeat(".concat(a,", 1fr)"),gridTemplateRows:"repeat(".concat(t,", 1fr)")}},n.map((function(n,e){return o.createElement(o.Fragment,{key:e},o.createElement("div",{className:"item-grid",key:e},n))}))))}))),L&&S<O.length-1&&o.createElement("div",{className:"".concat(z," arrow-right"),onClick:function(){return W("forward")},"data-event-category":P,"data-event-action":B,"data-event-label":M}," ","Care"===U?o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},o.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},o.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),o.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),o.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),o.createElement("defs",null,o.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},o.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),o.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),o.createElement("feOffset",{dx:"-2",dy:"2"}),o.createElement("feGaussianBlur",{stdDeviation:"2.5"}),o.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),o.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),o.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),o.createElement("feOffset",{dx:"-1",dy:"1"}),o.createElement("feGaussianBlur",{stdDeviation:"1"}),o.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),o.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),o.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):o.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),p&&o.createElement("ul",{className:"bullet-nav"},O.map((function(n,e){return o.createElement("li",{key:e,className:"bullet-nav__item "},o.createElement("p",{onClick:function(){return V(e)},className:"bullet-nav__link scroll ".concat(S==e?"active":null),"data-scheme":j}))}))),m&&o.createElement("div",{className:"image-gallery-wrapper","data-test":O.length},O.slice(0,3).map((function(n,e){return o.createElement("div",{className:"image-block ".concat(S==e?"active":null),key:e,onClick:function(){return V(e)},"data-scheme":j},n)}))))},Vt=N.button(wt||(wt=t(["\n  background: #ffffff;\n  border: 1px solid ",";\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  border-radius: 24px;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &[data-is-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n\n  &[data-is-left='true'] {\n    left: -16px;\n  }\n  &[data-is-left='false'] {\n    right: -16px;\n    left: auto;\n  }\n"],["\n  background: #ffffff;\n  border: 1px solid ",";\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  border-radius: 24px;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &[data-is-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n\n  &[data-is-left='true'] {\n    left: -16px;\n  }\n  &[data-is-left='false'] {\n    right: -16px;\n    left: auto;\n  }\n"])),(function(n){return n.theme.colors.neutral200})),Wt=N.button(kt||(kt=t(["\n  background: ",";\n  border-radius: 50%;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n\n  &[data-is-active='true'] {\n    background: ",";\n\n    &[data-is-hellosites='false'] {\n      background: ",";\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 50%;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n\n  &[data-is-active='true'] {\n    background: ",";\n\n    &[data-is-hellosites='false'] {\n      background: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink})),Gt=N.div(Et||(Et=t(["\n  ","\n\n  .navigation-wrapper {\n    position: relative;\n\n    .page-items {\n      display: grid;\n      grid-template-columns: repeat(\n        ",",\n        1fr\n      );\n      grid-template-rows: repeat(",", 1fr);\n      gap: 12px;\n    }\n  }\n\n  .dots {\n    margin-top: 24px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n"],["\n  ","\n\n  .navigation-wrapper {\n    position: relative;\n\n    .page-items {\n      display: grid;\n      grid-template-columns: repeat(\n        ",",\n        1fr\n      );\n      grid-template-rows: repeat(",", 1fr);\n      gap: 12px;\n    }\n  }\n\n  .dots {\n    margin-top: 24px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n"])),"\n   .keen-slider:not([data-keen-slider-disabled]) {\n    align-content: flex-start;\n    display: flex;\n    overflow: hidden;\n    position: relative;\n    user-select: none;\n    -webkit-touch-callout: none;\n    -khtml-user-select: none;\n    -ms-touch-action: pan-y;\n    touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n    width: 100%;\n\n    .keen-slider__slide {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      min-height: 100%;\n    }\n\n    &[data-keen-slider-reverse] {\n      flex-direction: row-reverse;\n    }\n\n    &[data-keen-slider-v] {\n      flex-wrap: wrap;\n    }\n  }\n\n  [data-keen-slider-moves] * {\n    pointer-events: none;\n  }\n}\n",(function(n){return n.column}),(function(n){return n.row})),Yt=N.div(Ct||(Ct=t(["\n  border-radius: 6px;\n  ","\n"],["\n  border-radius: 6px;\n  ","\n"])),(function(n){return n["data-is-in-card"]&&"\n  padding: 12px; \n  background-color: ".concat(n["data-card-color"],";")})),qt=N.div(Lt||(Lt=t(["\n  width: 13px;\n  height: 13px;\n  margin-right: 10px;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  width: 13px;\n  height: 13px;\n  margin-right: 10px;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n["data-color"]})),Xt=N.div(Dt||(Dt=t(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular})),Jt=N.div(zt||(zt=t(["\n  display: flex;\n  align-items: center;\n  margin-top: 4px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n\n  & > svg {\n    width: 24px;\n    height: 24px;\n    margin-right: 12px;\n  }\n\n  &[data-size='small'] {\n    margin-left: 23px;\n    font-size: ",";\n    font-weight: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 4px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n\n  & > svg {\n    width: 24px;\n    height: 24px;\n    margin-right: 12px;\n  }\n\n  &[data-size='small'] {\n    margin-left: 23px;\n    font-size: ",";\n    font-weight: ",";\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsHeading2}),(function(n){return n.theme.sizes.fwSemiBold}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold})),Kt=N.table(Pt||(Pt=t(["\n  --horizontal-spacing: ",";\n  --vertical-spacing: ",";\n  width: 100%;\n  position: relative;\n"],["\n  --horizontal-spacing: ",";\n  --vertical-spacing: ",";\n  width: 100%;\n  position: relative;\n"])),(function(n){return n.theme.horizontalPadding||"19px"}),(function(n){return n.theme.verticalPadding||"26px"})),Qt=function(n){var e=n.children,t=n.className,i=n.style,a=n.horizontalPadding,r=n.verticalPadding;return o.createElement(Kt,{className:t,style:i,theme:{horizontalPadding:a,verticalPadding:r}},e)},$t=N.td(Bt||(Bt=t(["\n  padding: var(--vertical-spacing) var(--horizontal-spacing);\n  vertical-align: middle;\n\n  &[data-text-align='left'] {\n    text-align: left;\n  }\n  &[data-text-align='right'] {\n    text-align: right;\n  }\n  &[data-text-align='center'] {\n    text-align: center;\n  }\n"],["\n  padding: var(--vertical-spacing) var(--horizontal-spacing);\n  vertical-align: middle;\n\n  &[data-text-align='left'] {\n    text-align: left;\n  }\n  &[data-text-align='right'] {\n    text-align: right;\n  }\n  &[data-text-align='center'] {\n    text-align: center;\n  }\n"]))),ni=function(n){var e=n.children,t=n.className,i=n.style,a=n.textAlign,r=n.isTableHead;return o.createElement($t,{className:t,style:i,"data-text-align":a||"left",as:r?"th":"td"},e)},ei=N.tr(Mt||(Mt=t(["\n  border-bottom: 1px solid ",";\n\n  &[data-is-active='true'] {\n    background-color: ",";\n  }\n"],["\n  border-bottom: 1px solid ",";\n\n  &[data-is-active='true'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray200})),ti=function(n){var e=n.children,t=n.className,i=n.style,a=n.isActive,r=n.onRowClicked,l=n.rowId;return o.createElement(ei,{className:t,"data-is-active":a,style:i,onClick:function(){r&&r(l)}},e)},ii=N.thead(Nt||(Nt=t(["\n  th {\n    padding: var(--vertical-spacing) var(--horizontal-spacing);\n    text-align: left;\n\n    color: ",";\n    font-weight: ",";\n  }\n  &[data-is-sticky] {\n    th {\n      position: sticky;\n      top: 0;\n      background: white;\n      border-bottom: 2px solid\n        ",";\n    }\n  }\n"],["\n  th {\n    padding: var(--vertical-spacing) var(--horizontal-spacing);\n    text-align: left;\n\n    color: ",";\n    font-weight: ",";\n  }\n  &[data-is-sticky] {\n    th {\n      position: sticky;\n      top: 0;\n      background: white;\n      border-bottom: 2px solid\n        ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray200})),ai=function(n){var e=n.isSticky,t=n.children,i=n.className,a=n.style;return o.createElement(ii,{className:i,"data-is-sticky":e||void 0,style:a},o.createElement(ti,null,t))},oi=N.tbody(_t||(_t=t(["\n  position: relative;\n  &[data-is-striped] {\n    > tr:nth-child(odd) {\n      background-color: ",";\n    }\n  }\n  &[data-is-hoverable] {\n    > tr:hover {\n      background-color: ",";\n    }\n  }\n"],["\n  position: relative;\n  &[data-is-striped] {\n    > tr:nth-child(odd) {\n      background-color: ",";\n    }\n  }\n  &[data-is-hoverable] {\n    > tr:hover {\n      background-color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.neutral100})),ri=function(n){var e=n.children,t=n.className,i=n.style,a=n.isHoverable,r=n.isStriped;return o.createElement(oi,{className:t,style:i,"data-is-striped":r||void 0,"data-is-hoverable":a||void 0},e)},li=N.ul(Ht||(Ht=t(["\n  display: inline-flex;\n  max-width: 100%;\n  border-bottom: 1px solid\n    ",";\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: hidden;\n"],["\n  display: inline-flex;\n  max-width: 100%;\n  border-bottom: 1px solid\n    ",";\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: hidden;\n"])),(function(n){return n.theme.colors.neutral100})),si=N.li(Tt||(Tt=t(["\n  display: flex;\n  align-items: center;\n  padding-bottom: 4px;\n\n  "," {\n    height: 37px;\n  }\n\n  "," {\n    height: 35px;\n  }\n\n  p {\n    color: ",";\n    white-space: nowrap;\n  }\n\n  &:not(:last-child) {\n    margin-right: 24px;\n  }\n\n  &[data-is-tab-active] {\n    p {\n      color: ",";\n    }\n    border-bottom: 3px solid\n      ",";\n    bottom: -1px;\n    position: relative;\n  }\n\n  &:not([data-is-tab-active]) {\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border: 2px solid ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding-bottom: 4px;\n\n  "," {\n    height: 37px;\n  }\n\n  "," {\n    height: 35px;\n  }\n\n  p {\n    color: ",";\n    white-space: nowrap;\n  }\n\n  &:not(:last-child) {\n    margin-right: 24px;\n  }\n\n  &[data-is-tab-active] {\n    p {\n      color: ",";\n    }\n    border-bottom: 3px solid\n      ",";\n    bottom: -1px;\n    position: relative;\n  }\n\n  &:not([data-is-tab-active]) {\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border: 2px solid ",";\n  }\n"])),P.mbDown,P.mbUp,(function(n){return n.theme.colors.gray400}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray600})),di=N.div(jt||(jt=t(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),pi=N.div(At||(At=t(["\n  margin-right: 8px;\n"],["\n  margin-right: 8px;\n"]))),ci=N.div(Ut||(Ut=t(["\n  padding: 1rem;\n  background: ",";\n  .survey-inner-wrapper {\n    padding: 1.25rem 1rem 1.5rem;\n    background: ",";\n    border-radius: 6px;\n    .survey-header {\n      border-bottom: 1px solid #dbdfe5;\n      margin-bottom: 12px;\n      .survey-header-text {\n        color: ",";\n      }\n    }\n\n    .survey-contact-submit {\n      width: 100%;\n      margin-bottom: 1.5rem;\n    }\n    .term-policy-container {\n      width: 70%;\n      min-width: 210px;\n      max-width: 100%;\n      margin: 0 auto 1.5rem;\n      text-align: center;\n    }\n\n    .survey-progress-wrapper {\n      width: calc(100% + 2rem);\n      height: 4px;\n      margin-bottom: 1rem;\n      margin-left: -1rem;\n      background: #e4e8ec;\n      .survey-progress {\n        width: 100%;\n        height: 100%;\n        background: #00b16a;\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform ease-in-out 0.3s;\n      }\n    }\n\n    .survey-button-wrapper {\n      display: flex;\n      justify-content: flex-end;\n      button {\n        justify-content: center;\n        &[data-has-icon='true'] {\n          svg {\n            width: 10px;\n            height: 10px;\n            margin-right: 10px;\n            vertical-align: unset;\n          }\n        }\n        &.survey-next-button {\n          &[data-has-icon='true'] {\n            svg {\n              margin-right: 0;\n              margin-left: 10px;\n            }\n          }\n        }\n      }\n      &[data-center='true'] {\n        justify-content: center;\n        button:only-child {\n          width: 200px;\n          max-width: 80%;\n        }\n      }\n      .survey-prev-button {\n        margin-right: 0.5rem;\n      }\n    }\n  }\n"],["\n  padding: 1rem;\n  background: ",";\n  .survey-inner-wrapper {\n    padding: 1.25rem 1rem 1.5rem;\n    background: ",";\n    border-radius: 6px;\n    .survey-header {\n      border-bottom: 1px solid #dbdfe5;\n      margin-bottom: 12px;\n      .survey-header-text {\n        color: ",";\n      }\n    }\n\n    .survey-contact-submit {\n      width: 100%;\n      margin-bottom: 1.5rem;\n    }\n    .term-policy-container {\n      width: 70%;\n      min-width: 210px;\n      max-width: 100%;\n      margin: 0 auto 1.5rem;\n      text-align: center;\n    }\n\n    .survey-progress-wrapper {\n      width: calc(100% + 2rem);\n      height: 4px;\n      margin-bottom: 1rem;\n      margin-left: -1rem;\n      background: #e4e8ec;\n      .survey-progress {\n        width: 100%;\n        height: 100%;\n        background: #00b16a;\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform ease-in-out 0.3s;\n      }\n    }\n\n    .survey-button-wrapper {\n      display: flex;\n      justify-content: flex-end;\n      button {\n        justify-content: center;\n        &[data-has-icon='true'] {\n          svg {\n            width: 10px;\n            height: 10px;\n            margin-right: 10px;\n            vertical-align: unset;\n          }\n        }\n        &.survey-next-button {\n          &[data-has-icon='true'] {\n            svg {\n              margin-right: 0;\n              margin-left: 10px;\n            }\n          }\n        }\n      }\n      &[data-center='true'] {\n        justify-content: center;\n        button:only-child {\n          width: 200px;\n          max-width: 80%;\n        }\n      }\n      .survey-prev-button {\n        margin-right: 0.5rem;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray500})),mi=N(x)(Rt||(Rt=t(["\n  &[data-type='circle'] {\n    padding: 16px 20px;\n    border: 0.5px solid transparent;\n    background: #fafafa;\n    border-radius: 6px;\n    &[data-checked='true'] {\n      border: 0.5px solid #2d87f3;\n      background: #f7f9fc;\n    }\n    input {\n      border: solid 2px #737373;\n      margin-right: 0;\n      background: white;\n      &[type='checkbox'] {\n        &:checked {\n          border: 0;\n          background: ","\n            url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' fill='%232D87F3' stroke='%232D87F3' stroke-width='2'/%3E%3Cpath d='M15.5714 8L9.67857 14L7 11.2727' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n            no-repeat center center;\n          &:after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &[data-has-image='true'] {\n      position: relative;\n      display: block;\n      padding: 12px;\n      input {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n      }\n      .choice-image-wrapper {\n        position: relative;\n        padding-top: 56.25%;\n        margin-bottom: 0.75rem;\n        img {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          border-radius: 6px;\n          object-fit: cover;\n        }\n      }\n    }\n  }\n"],["\n  &[data-type='circle'] {\n    padding: 16px 20px;\n    border: 0.5px solid transparent;\n    background: #fafafa;\n    border-radius: 6px;\n    &[data-checked='true'] {\n      border: 0.5px solid #2d87f3;\n      background: #f7f9fc;\n    }\n    input {\n      border: solid 2px #737373;\n      margin-right: 0;\n      background: white;\n      &[type='checkbox'] {\n        &:checked {\n          border: 0;\n          background: ","\n            url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' fill='%232D87F3' stroke='%232D87F3' stroke-width='2'/%3E%3Cpath d='M15.5714 8L9.67857 14L7 11.2727' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n            no-repeat center center;\n          &:after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &[data-has-image='true'] {\n      position: relative;\n      display: block;\n      padding: 12px;\n      input {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n      }\n      .choice-image-wrapper {\n        position: relative;\n        padding-top: 56.25%;\n        margin-bottom: 0.75rem;\n        img {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          border-radius: 6px;\n          object-fit: cover;\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase})),hi=N.div(St||(St=t(["\n  position: relative;\n  width: 100%;\n  padding-top: min(400px, 100%);\n  .survey-thankyou-wrapper-inner {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    .survey-thankyou-icon {\n      width: 36%;\n      max-height: 50%;\n      margin-bottom: 1.5rem;\n    }\n    .survey-thankyou-title {\n      margin-bottom: 1rem;\n      text-align: center;\n    }\n    .survey-thankyou-subtitle {\n      text-align: center;\n      > * {\n        text-align: center;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n  padding-top: min(400px, 100%);\n  .survey-thankyou-wrapper-inner {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    .survey-thankyou-icon {\n      width: 36%;\n      max-height: 50%;\n      margin-bottom: 1.5rem;\n    }\n    .survey-thankyou-title {\n      margin-bottom: 1rem;\n      text-align: center;\n    }\n    .survey-thankyou-subtitle {\n      text-align: center;\n      > * {\n        text-align: center;\n      }\n    }\n  }\n"]))),gi=N.div(Zt||(Zt=t(["\n  .survey-question-text-wrapper {\n    margin-bottom: 24px;\n    .survey-question-title {\n      margin-bottom: 4px;\n    }\n    .survey-question-subtitle,\n    .survey-question-description {\n      color: ",";\n    }\n  }\n  .survey-question-image {\n    width: 100%;\n    margin-bottom: 12px;\n    border-radius: 6px;\n  }\n\n  .survey-question-answer-wrapper {\n    margin-bottom: 1.5rem;\n    .survey-question-options-wrapper {\n      display: grid;\n      grid-gap: 0.5rem;\n      grid-template-columns: 1fr;\n      &[data-has-image='true'] {\n        grid-gap: 0.8rem;\n        grid-template-columns: 1fr 1fr;\n      }\n      .survey-question-option-item {\n        label {\n          color: #262626;\n          font-size: 16px;\n          font-style: normal;\n          font-weight: normal;\n          line-height: 24px;\n        }\n      }\n    }\n    .survey-contact-input {\n      margin-bottom: 1rem;\n      &:first-child {\n        margin-top: 1rem;\n      }\n      label {\n        font-weight: 700;\n      }\n      input {\n        margin-top: 6px;\n      }\n    }\n  }\n"],["\n  .survey-question-text-wrapper {\n    margin-bottom: 24px;\n    .survey-question-title {\n      margin-bottom: 4px;\n    }\n    .survey-question-subtitle,\n    .survey-question-description {\n      color: ",";\n    }\n  }\n  .survey-question-image {\n    width: 100%;\n    margin-bottom: 12px;\n    border-radius: 6px;\n  }\n\n  .survey-question-answer-wrapper {\n    margin-bottom: 1.5rem;\n    .survey-question-options-wrapper {\n      display: grid;\n      grid-gap: 0.5rem;\n      grid-template-columns: 1fr;\n      &[data-has-image='true'] {\n        grid-gap: 0.8rem;\n        grid-template-columns: 1fr 1fr;\n      }\n      .survey-question-option-item {\n        label {\n          color: #262626;\n          font-size: 16px;\n          font-style: normal;\n          font-weight: normal;\n          line-height: 24px;\n        }\n      }\n    }\n    .survey-contact-input {\n      margin-bottom: 1rem;\n      &:first-child {\n        margin-top: 1rem;\n      }\n      label {\n        font-weight: 700;\n      }\n      input {\n        margin-top: 6px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500})),ui=function(n){var e=n.size,t=void 0===e?"small":e,i=n.label,a=n.name,r=n.checked,l=n.value,s=n.className,d=n.isDisabled,p=void 0!==d&&d,c=n.onChange,m=n.hasImage,h=n.inputType,g=n.image;return o.createElement(mi,{"data-disabled":p,className:s,"data-type":"circle","data-size":t,"data-checked":r,onClick:function(){c(l)},"data-has-image":m},m&&o.createElement("div",{className:"choice-image-wrapper"},g&&o.createElement("img",{src:g})),o.createElement("label",{onClick:function(n){n.preventDefault()},htmlFor:"".concat(a,"-").concat(l)},i),o.createElement("input",{type:h,checked:r,name:a,id:"".concat(a,"-").concat(l),value:l,readOnly:!0}))},xi=function(n){var e=n.question,t=n.description,i=n.onOptionsChange,a=n.onTextOptionsChange,r=n.style,d=n.className,p=e.type,c=e.title,m=e.subtitle,h=e.image,g=e.textOptions,u=e.options,x=e.name,f=e.is_multi_select,b=!!(null==u?void 0:u.some((function(n){return n.image}))),y=l([]),w=y[0],k=y[1],E=l((function(){return(null==g?void 0:g.slice())||[]})),C=E[0],D=E[1];return s((function(){i&&i(w.slice())}),[!!i,w]),s((function(){a&&a(C)}),[!!a,C]),o.createElement(gi,{className:d,style:r},o.createElement("div",{className:"survey-question-text-wrapper"},c&&o.createElement(xn,{"data-nosubtitle":!m,className:"survey-question-title",tag:"h4"},c),m&&o.createElement(v,{className:"survey-question-subtitle",size:"p2"},m),t&&o.createElement(v,{className:"survey-question-description",size:"p2"},t)),h&&o.createElement("img",{src:h,className:"survey-question-image"}),o.createElement("div",{className:"survey-question-answer-wrapper"},"radio"===p&&o.createElement("div",{"data-has-image":b,className:"survey-question-options-wrapper"},u.map((function(n){var e;return o.createElement(ui,{inputType:"radio",label:n.label,name:x,key:"".concat(x,"-").concat(n.value),checked:(null===(e=w[0])||void 0===e?void 0:e.value)===n.value,value:n.value,onChange:function(n){k([u.find((function(e){return e.value===n}))])},className:"survey-question-option-item",image:n.image,hasImage:b})}))),"checkbox"===p&&o.createElement("div",{"data-has-image":b,className:"survey-question-options-wrapper"},u.map((function(n){return o.createElement(ui,{inputType:"checkbox",label:n.label,name:x,key:"".concat(x,"-").concat(n.value),checked:!!w.find((function(e){return e.value===n.value})),value:n.value,onChange:function(){var e=w.findIndex((function(e){return e.value===n.value}));k(e>=0?function(n){return n.splice(e,1),n.slice()}:f?function(e){return e.concat(n).slice()}:[n])},className:"survey-question-option-item survey-option-radio",image:n.image,hasImage:b})}))),"textbox"===p&&C.map((function(n,e){return n.isTextArea?o.createElement(L,{key:e,placeholder:n.placeholder,height:"150px",value:n.value,onChange:function(n){return D((function(t){return t[e].value=n,t.slice()}))}}):o.createElement(fn,{key:e,value:n.value,name:n.name,size:"md",className:"survey-contact-input",label:n.label,placeholder:n.placeholder,onChange:function(n){D((function(t){return t[e].value=n,t.slice()}))},type:n.type})}))))};!function(n){n[n.UNLIMITED=0]="UNLIMITED",n[n.EXACT_NUMBER=1]="EXACT_NUMBER",n[n.RANGE=2]="RANGE"}(Ot||(Ot={}));var fi,bi,vi,yi,wi,ki,Ei,Ci,Li,Di,zi,Pi,Bi,Mi,Ni,_i,Hi,Ti,ji,Ai,Ui,Ri=function(n){var e,t,i,a=n.className,s=n.headerText,d=n.style,p=n.question,c=n.termAndPolicyText,m=n.prevText,h=n.nextText,g=n.isContactForm,u=n.isDisableNext,x=n.isDisablePrev,f=n.onPrevClick,b=n.onNextClick,y=n.isSubmitButton,w=n.isButtonCenter,k=n.progress,E=n.descriptionText,C=l([]),L=C[0],D=C[1],z=p.is_multi_select,P=p.multi_select_option,B=p.from,M=p.to,N=null==p?void 0:p.type,_="checkbox"===N&&(null===(e=p.options)||void 0===e?void 0:e.length)&&(!L||0===L.length||z&&P===Ot.RANGE&&(L.length<B||L.length>M)||z&&P===Ot.EXACT_NUMBER&&L.length!==B)||"radio"===N&&(null===(t=p.options)||void 0===t?void 0:t.length)&&(!L||0===L.length)||"textbox"===N&&(null===(i=p.textOptions)||void 0===i?void 0:i.length)&&(L.length<p.textOptions.length||L.some((function(n){return!n.value}))),H="number"==typeof k?k>1?1:k<0?0:Number(k.toFixed(2)):-1,T=r(null),j=function(){return"textbox"!==N||T.current.reportValidity()};return o.createElement(ci,{className:a,style:d},o.createElement("div",{className:"survey-inner-wrapper"},s&&o.createElement("div",{className:"survey-header"},o.createElement(v,{className:"survey-header-text",size:"c2"},s)),o.createElement("form",{ref:T,onSubmit:function(n){return n.preventDefault()}},o.createElement(xi,{question:p,description:E,onOptionsChange:function(n){D(n)},onTextOptionsChange:function(n){D(n)}})),g&&h&&o.createElement(un,{className:"survey-contact-submit",size:"lg",isDisabled:u||_,onClick:function(){return j()&&b&&b(L)}},h),c&&o.createElement("div",{className:"term-policy-container"},c),"number"==typeof k&&o.createElement("div",{className:"survey-progress-wrapper"},o.createElement("div",{className:"survey-progress",style:{transform:"scaleX(".concat(H,")")}})),(m||h)&&o.createElement("div",{"data-center":w,className:"survey-button-wrapper"},m&&o.createElement(un,{className:"survey-prev-button",size:"lg",color:x?"primary":"secondary",isDisabled:x,icon:o.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:x?"#fff":"#2D87F3"})),onClick:f},m),!g&&h&&o.createElement(un,{onClick:function(){return j()&&b&&b(L)},className:"survey-next-button",size:"lg",isDisabled:u||_},h," ",y?void 0:o.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},Si=200,Zi=N.div(fi||(fi=t([""],[""]))),Oi=N.div(bi||(bi=t(["\n  width: 100vw;\n  height: 100vh;\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  background-color: ",";\n  opacity: 0.83;\n  transition: display ","ms linear;\n\n  [data-floatmenu-open='true'] & {\n    animation: showBackgroundPanel ","ms linear 0s normal\n      forwards;\n  }\n\n  [data-floatmenu-open='false'] & {\n    animation: hideBackgroundPanel ","ms linear 0s normal\n      forwards;\n  }\n\n  @keyframes showBackgroundPanel {\n    0% {\n      opacity: 0;\n      width: 100vw;\n      height: 100vh;\n    }\n    100% {\n      opacity: 0.83;\n    }\n  }\n\n  @keyframes hideBackgroundPanel {\n    0% {\n      width: 100vw;\n      height: 100vh;\n    }\n    99% {\n      width: 100vw;\n      height: 100vh;\n    }\n    100% {\n      opacity: 0;\n      width: 0;\n      height: 0;\n    }\n  }\n"],["\n  width: 100vw;\n  height: 100vh;\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  background-color: ",";\n  opacity: 0.83;\n  transition: display ","ms linear;\n\n  [data-floatmenu-open='true'] & {\n    animation: showBackgroundPanel ","ms linear 0s normal\n      forwards;\n  }\n\n  [data-floatmenu-open='false'] & {\n    animation: hideBackgroundPanel ","ms linear 0s normal\n      forwards;\n  }\n\n  @keyframes showBackgroundPanel {\n    0% {\n      opacity: 0;\n      width: 100vw;\n      height: 100vh;\n    }\n    100% {\n      opacity: 0.83;\n    }\n  }\n\n  @keyframes hideBackgroundPanel {\n    0% {\n      width: 100vw;\n      height: 100vh;\n    }\n    99% {\n      width: 100vw;\n      height: 100vh;\n    }\n    100% {\n      opacity: 0;\n      width: 0;\n      height: 0;\n    }\n  }\n"])),(function(n){var e,t;return n.theme.colors.white||(null===(t=null===(e=n.theme.colors)||void 0===e?void 0:e.palette)||void 0===t?void 0:t.white)}),200,200,200),Ii=N.div(vi||(vi=t(["\n  position: fixed;\n  right: 16px;\n  bottom: 40px;\n"],["\n  position: fixed;\n  right: 16px;\n  bottom: 40px;\n"]))),Fi=N.div(yi||(yi=t(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  transition: all ","ms ease-in-out;\n  position: fixed;\n  bottom: 112px;\n  right: 16px;\n\n  // scale\n  [data-animation-type='scale'] & {\n    transform-origin: 100% 100%;\n  }\n\n  [data-animation-type='scale'][data-floatmenu-open='true'] & {\n    transform: scale(1);\n  }\n\n  [data-animation-type='scale'][data-floatmenu-open='false'] & {\n    transform: scale(0);\n    bottom: 46px;\n    right: 36px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  transition: all ","ms ease-in-out;\n  position: fixed;\n  bottom: 112px;\n  right: 16px;\n\n  // scale\n  [data-animation-type='scale'] & {\n    transform-origin: 100% 100%;\n  }\n\n  [data-animation-type='scale'][data-floatmenu-open='true'] & {\n    transform: scale(1);\n  }\n\n  [data-animation-type='scale'][data-floatmenu-open='false'] & {\n    transform: scale(0);\n    bottom: 46px;\n    right: 36px;\n  }\n"])),200),Vi=N.div(wi||(wi=t(["\n  border-radius: 50%;\n  width: 56px;\n  height: 56px;\n  position: relative;\n  cursor: pointer;\n  margin-left: auto;\n  transition: all 0.1s linear;\n  -webkit-tap-highlight-color: transparent;\n  [data-site-type='hb'] & {\n    background-color: ",";\n    &:hover {\n      background-color: ",";\n    }\n  }\n  [data-site-type='mb'] & {\n    background-color: #2d87f3;\n    &:hover {\n      background-color: #2c74df;\n    }\n  }\n\n  &:before {\n    content: '';\n    width: 2px;\n    height: 20px;\n    background-color: ",";\n    border-radius: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  &:after {\n    content: '';\n    width: 20px;\n    height: 2px;\n    background-color: ",";\n    border-radius: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  [data-floatmenu-open='true'] &:before,\n  [data-floatmenu-open='true'] &:after {\n    animation: toX ","ms linear 0s normal forwards;\n  }\n\n  [data-floatmenu-open='false'] &:before,\n  [data-floatmenu-open='false'] &:after {\n    animation: toPlus ","ms linear 0s normal forwards;\n  }\n\n  @keyframes toX {\n    0% {\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n    49% {\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n    50% {\n      width: 2px;\n      height: 2px;\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n  }\n\n  @keyframes toPlus {\n    0% {\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n    49% {\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n    50% {\n      width: 2px;\n      height: 2px;\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n  }\n"],["\n  border-radius: 50%;\n  width: 56px;\n  height: 56px;\n  position: relative;\n  cursor: pointer;\n  margin-left: auto;\n  transition: all 0.1s linear;\n  -webkit-tap-highlight-color: transparent;\n  [data-site-type='hb'] & {\n    background-color: ",";\n    &:hover {\n      background-color: ",";\n    }\n  }\n  [data-site-type='mb'] & {\n    background-color: #2d87f3;\n    &:hover {\n      background-color: #2c74df;\n    }\n  }\n\n  &:before {\n    content: '';\n    width: 2px;\n    height: 20px;\n    background-color: ",";\n    border-radius: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  &:after {\n    content: '';\n    width: 20px;\n    height: 2px;\n    background-color: ",";\n    border-radius: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  [data-floatmenu-open='true'] &:before,\n  [data-floatmenu-open='true'] &:after {\n    animation: toX ","ms linear 0s normal forwards;\n  }\n\n  [data-floatmenu-open='false'] &:before,\n  [data-floatmenu-open='false'] &:after {\n    animation: toPlus ","ms linear 0s normal forwards;\n  }\n\n  @keyframes toX {\n    0% {\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n    49% {\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n    50% {\n      width: 2px;\n      height: 2px;\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n  }\n\n  @keyframes toPlus {\n    0% {\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n    49% {\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n    50% {\n      width: 2px;\n      height: 2px;\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase||n.theme.colors.primary}),(function(n){var e,t;return n.theme.colors.primaryHover||(null===(t=null===(e=n.theme.colors)||void 0===e?void 0:e.palette)||void 0===t?void 0:t.blue_700)}),(function(n){var e,t;return n.theme.colors.white||(null===(t=null===(e=n.theme.colors)||void 0===e?void 0:e.palette)||void 0===t?void 0:t.white)}),(function(n){var e,t;return n.theme.colors.white||(null===(t=null===(e=n.theme.colors)||void 0===e?void 0:e.palette)||void 0===t?void 0:t.white)}),200,200),Wi=N.div(ki||(ki=t(["\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: flex-end;\n\n  width: fit-content;\n  margin-left: auto;\n\n  [data-floatmenu-open='true'] {\n    cursor: pointer;\n  }\n  [data-floatmenu-open='false'] {\n    pointer-events: none;\n  }\n\n  [data-animation-type='zoom'] &,\n  [data-animation-type='slide'] & {\n    position: absolute;\n    right: 0;\n    width: max-content;\n  }\n  // slide\n  [data-animation-type='slide'] & {\n    transition: all ","ms ease-in;\n  }\n\n  [data-animation-type='slide'][data-floatmenu-open='true'] & {\n    animation: showItem ","ms;\n  }\n  [data-animation-type='slide'][data-floatmenu-open='false'] & {\n    bottom: -64px !important;\n    animation: hideItemOnZoom ","ms normal forwards;\n  }\n\n  // zoom\n  [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n    animation: hideItemOnZoom ","ms normal forwards;\n  }\n\n  @keyframes showItem {\n    0% {\n      opacity: 0;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @keyframes hideItemOnZoom {\n    0% {\n      transform: translateX(0);\n      opacity: 1;\n    }\n\n    99% {\n      transform: translateX(0);\n      opacity: 0.5;\n    }\n\n    100% {\n      transform: translateX(calc(100% + 16px));\n      opacity: 0;\n    }\n  }\n"],["\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: flex-end;\n\n  width: fit-content;\n  margin-left: auto;\n\n  [data-floatmenu-open='true'] {\n    cursor: pointer;\n  }\n  [data-floatmenu-open='false'] {\n    pointer-events: none;\n  }\n\n  [data-animation-type='zoom'] &,\n  [data-animation-type='slide'] & {\n    position: absolute;\n    right: 0;\n    width: max-content;\n  }\n  // slide\n  [data-animation-type='slide'] & {\n    transition: all ","ms ease-in;\n  }\n\n  [data-animation-type='slide'][data-floatmenu-open='true'] & {\n    animation: showItem ","ms;\n  }\n  [data-animation-type='slide'][data-floatmenu-open='false'] & {\n    bottom: -64px !important;\n    animation: hideItemOnZoom ","ms normal forwards;\n  }\n\n  // zoom\n  [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n    animation: hideItemOnZoom ","ms normal forwards;\n  }\n\n  @keyframes showItem {\n    0% {\n      opacity: 0;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @keyframes hideItemOnZoom {\n    0% {\n      transform: translateX(0);\n      opacity: 1;\n    }\n\n    99% {\n      transform: translateX(0);\n      opacity: 0.5;\n    }\n\n    100% {\n      transform: translateX(calc(100% + 16px));\n      opacity: 0;\n    }\n  }\n"])),200,200,250,250),Gi=N.div(Ei||(Ei=t(["\n  font-size: 14px;\n\n  // zoom\n  [data-animation-type='zoom'] & {\n    transition: transform ","ms ease-in-out;\n    transform-origin: 100% 0;\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n    transform: scale(1);\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n    transform: scale(0);\n  }\n\n  // slide\n  [data-animation-type='slide'] & {\n    transition: opacity ","ms;\n  }\n  [data-animation-type='slide'][data-floatmenu-open='true'] & {\n    opacity: 1;\n  }\n  [data-animation-type='slide'][data-floatmenu-open='false'] & {\n    opacity: 0;\n  }\n"],["\n  font-size: 14px;\n\n  // zoom\n  [data-animation-type='zoom'] & {\n    transition: transform ","ms ease-in-out;\n    transform-origin: 100% 0;\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n    transform: scale(1);\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n    transform: scale(0);\n  }\n\n  // slide\n  [data-animation-type='slide'] & {\n    transition: opacity ","ms;\n  }\n  [data-animation-type='slide'][data-floatmenu-open='true'] & {\n    opacity: 1;\n  }\n  [data-animation-type='slide'][data-floatmenu-open='false'] & {\n    opacity: 0;\n  }\n"])),200,200),Yi=N.div(Ci||(Ci=t(["\n  border-radius: 50%;\n  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ",";\n\n  // zoom\n  [data-animation-type='zoom'] & {\n    transition: transform ","ms ease-in-out;\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n    transform: scale(1);\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n    transform: scale(0);\n  }\n\n  > img {\n    width: 24px;\n    height: 24px;\n    object-fit: contain;\n  }\n"],["\n  border-radius: 50%;\n  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ",";\n\n  // zoom\n  [data-animation-type='zoom'] & {\n    transition: transform ","ms ease-in-out;\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n    transform: scale(1);\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n    transform: scale(0);\n  }\n\n  > img {\n    width: 24px;\n    height: 24px;\n    object-fit: contain;\n  }\n"])),(function(n){var e,t;return n.theme.colors.white||(null===(t=null===(e=n.theme.colors)||void 0===e?void 0:e.palette)||void 0===t?void 0:t.white)}),200),qi=N.div(Li||(Li=t(["\n  padding: 16px;\n  width: 375px;\n  word-wrap: break-word;\n  word-break: break-word;\n  "," {\n    width: 100%;\n  }\n  &[data-theme='helloSites'] {\n    background: ",";\n    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n  }\n  &[data-theme='marryBaby'] {\n    border: none;\n    background: ",";\n    border-radius: 12px 12px 0 0;\n  }\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-default-position='true'] {\n    position: fixed;\n    z-index: 1000;\n    bottom: 0;\n    right: 0;\n    "," {\n      left: 0;\n      right: unset;\n    }\n  }\n"],["\n  padding: 16px;\n  width: 375px;\n  word-wrap: break-word;\n  word-break: break-word;\n  "," {\n    width: 100%;\n  }\n  &[data-theme='helloSites'] {\n    background: ",";\n    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n  }\n  &[data-theme='marryBaby'] {\n    border: none;\n    background: ",";\n    border-radius: 12px 12px 0 0;\n  }\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-default-position='true'] {\n    position: fixed;\n    z-index: 1000;\n    bottom: 0;\n    right: 0;\n    "," {\n      left: 0;\n      right: unset;\n    }\n  }\n"])),P.mbDown,(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.pink}),P.mbDown),Xi=N.p(Di||(Di=t(["\n  position: relative;\n  padding-left: 24px;\n  color: ",";\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  &[data-has-content='true'] {\n    ::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      width: 16px;\n      height: 16px;\n      margin: auto 0;\n      content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n    }\n  }\n"],["\n  position: relative;\n  padding-left: 24px;\n  color: ",";\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  &[data-has-content='true'] {\n    ::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      width: 16px;\n      height: 16px;\n      margin: auto 0;\n      content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n    }\n  }\n"])),(function(n){return n.theme.colors.white})),Ji=N.p(zi||(zi=t(["\n  margin-top: 2px;\n  color: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n  a {\n    color: ",";\n    text-decoration: none;\n    text-decoration-line: underline;\n  }\n"],["\n  margin-top: 2px;\n  color: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n  a {\n    color: ",";\n    text-decoration: none;\n    text-decoration-line: underline;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),Ki=N.div(Pi||(Pi=t(["\n  display: flex;\n  align-items: center;\n  margin-top: 8px;\n  gap: 16px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 8px;\n  gap: 16px;\n"]))),Qi=N.div(Bi||(Bi=t(["\n  padding: 7px 28px;\n  background: ",";\n  border-radius: 6px;\n  color: ",";\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n"],["\n  padding: 7px 28px;\n  background: ",";\n  border-radius: 6px;\n  color: ",";\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.secondaryBase})),$i=N.a(Mi||(Mi=t(["\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 22px;\n  text-decoration: none;\n  text-decoration-line: underline;\n"],["\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 22px;\n  text-decoration: none;\n  text-decoration-line: underline;\n"])),(function(n){return n.theme.colors.white})),na=_(Ni||(Ni=t(["\n  from {\n    transform: translateY(100%);\n    visibility: visible;\n  }\n\n  to {\n    transform: translateY(0);\n  }\n"],["\n  from {\n    transform: translateY(100%);\n    visibility: visible;\n  }\n\n  to {\n    transform: translateY(0);\n  }\n"]))),ea=_(_i||(_i=t(["\n  from {\n    transform: translate(0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate(0, 100%);\n  }\n"],["\n  from {\n    transform: translate(0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate(0, 100%);\n  }\n"]))),ta=N.div(Hi||(Hi=t(["\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-items: center;\n  gap: 4px;\n\n  .mobile-navigation-label {\n    font-weight: 500;\n    font-size: 10px;\n    line-height: 16px;\n    color: ",";\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 70px;\n  }\n\n  .mobile-navigation-icon {\n    position: relative;\n    height: 24px;\n    &[data-no-label='true'] {\n      border-radius: 50%;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      padding: 0px;\n      gap: 16px;\n      width: 40px;\n      height: 40px;\n      transition: background-color 200ms ease-in;\n      &:hover {\n        background-color: ",";\n      }\n    }\n  }\n\n  &[data-is-special='true'] {\n    .mobile-navigation-icon {\n      height: 32px;\n    }\n  }\n\n  &[data-is-active='true'] {\n    .mobile-navigation-label {\n      color: ",";\n    }\n  }\n\n  &[data-is-disabled='true'] {\n    opacity: 0.2;\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-items: center;\n  gap: 4px;\n\n  .mobile-navigation-label {\n    font-weight: 500;\n    font-size: 10px;\n    line-height: 16px;\n    color: ",";\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 70px;\n  }\n\n  .mobile-navigation-icon {\n    position: relative;\n    height: 24px;\n    &[data-no-label='true'] {\n      border-radius: 50%;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      padding: 0px;\n      gap: 16px;\n      width: 40px;\n      height: 40px;\n      transition: background-color 200ms ease-in;\n      &:hover {\n        background-color: ",";\n      }\n    }\n  }\n\n  &[data-is-special='true'] {\n    .mobile-navigation-icon {\n      height: 32px;\n    }\n  }\n\n  &[data-is-active='true'] {\n    .mobile-navigation-label {\n      color: ",";\n    }\n  }\n\n  &[data-is-disabled='true'] {\n    opacity: 0.2;\n  }\n"])),bn.colors.gray600,bn.colors.blue50,bn.colors.primaryBase),ia=N.div(Ti||(Ti=t(["\n  z-index: 100;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  max-height: 64px;\n  min-height: 64px;\n  display: grid;\n  grid-template-columns: repeat(",", 1fr);\n  grid-template-rows: 1fr;\n  grid-column-gap: 0px;\n  grid-row-gap: 0px;\n  align-items: flex-end;\n  padding-bottom: 8px;\n  padding-top: 4px;\n\n  background-color: ",";\n  border: 1px solid ",";\n  a {\n    text-decoration: none;\n  }\n  &[data-is-collapsed='true'] {\n    animation: "," 500ms ease-in-out forwards;\n  }\n\n  &[data-is-collapsed='false'] {\n    animation: "," 500ms ease-in-out forwards;\n  }\n"],["\n  z-index: 100;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  max-height: 64px;\n  min-height: 64px;\n  display: grid;\n  grid-template-columns: repeat(",", 1fr);\n  grid-template-rows: 1fr;\n  grid-column-gap: 0px;\n  grid-row-gap: 0px;\n  align-items: flex-end;\n  padding-bottom: 8px;\n  padding-top: 4px;\n\n  background-color: ",";\n  border: 1px solid ",";\n  a {\n    text-decoration: none;\n  }\n  &[data-is-collapsed='true'] {\n    animation: "," 500ms ease-in-out forwards;\n  }\n\n  &[data-is-collapsed='false'] {\n    animation: "," 500ms ease-in-out forwards;\n  }\n"])),(function(n){return n.numberOfChildren}),bn.colors.white,bn.colors.neutral100,ea,na),aa=N.span(ji||(ji=t(["\n  position: absolute;\n  left: 100%;\n  transform: translate(-10px, calc(-50% + 3px));\n  background-color: ",";\n  border-radius: 32px;\n  border: 2px solid ",";\n  padding: 1px 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 20px;\n  aspect-ratio: 1;\n  &[data-no-label='true'] {\n    left: 0;\n    transform: translate(22px, -50%);\n  }\n"],["\n  position: absolute;\n  left: 100%;\n  transform: translate(-10px, calc(-50% + 3px));\n  background-color: ",";\n  border-radius: 32px;\n  border: 2px solid ",";\n  padding: 1px 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 20px;\n  aspect-ratio: 1;\n  &[data-no-label='true'] {\n    left: 0;\n    transform: translate(22px, -50%);\n  }\n"])),bn.colors.green800,bn.colors.white);N.div(Ai||(Ai=t(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 3px;\n  background-color: ",";\n  transition: width 150ms linear;\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 3px;\n  background-color: ",";\n  transition: width 150ms linear;\n"])),bn.colors.primaryBase),N.div(Ui||(Ui=t(["\n  a {\n    text-decoration: none;\n  }\n"],["\n  a {\n    text-decoration: none;\n  }\n"])));var oa=function(t){var i=t.badgeAmount,a=t.disabled,r=void 0!==a&&a,l=t.hasBadge,s=void 0!==l&&l,d=t.icon,p=t.isActive,c=void 0!==p&&p,m=t.isSpecial,h=void 0!==m&&m,g=t.label,u=e(t,["badgeAmount","disabled","hasBadge","icon","isActive","isSpecial","label"]);return o.createElement(ta,n({"data-is-special":h,"data-is-active":c,"data-is-disabled":r},u),o.createElement("div",{className:"mobile-navigation-icon","data-no-label":!Boolean(g)},s&&o.createElement(aa,{"data-no-label":!Boolean(g)},o.createElement(v,{size:"s5",type:"semiBold",color:bn.colors.white},i)),d),g&&o.createElement("span",{className:"mobile-navigation-label"},g))},ra=function(t){var i=t.children,a=t.numberOfChildren,r=void 0===a?5:a,l=t.on,s=void 0===l?"":l,d=t.isCollapsed,p=void 0!==d&&d,c=e(t,["children","numberOfChildren","on","isCollapsed"]);return o.createElement(ia,n({numberOfChildren:r,on:s,"data-is-collapsed":p},c),i)};ra.Icon=oa;var la=N.div(sa||(sa=t(["\n  margin-top: 8px;\n  &[data-is-mobile='false'] {\n    display: flex;\n    width: 60%;\n    min-width: 600px;\n    align-items: center;\n    & > :first-child {\n      margin-right: 18px;\n    }\n  }\n"],["\n  margin-top: 8px;\n  &[data-is-mobile='false'] {\n    display: flex;\n    width: 60%;\n    min-width: 600px;\n    align-items: center;\n    & > :first-child {\n      margin-right: 18px;\n    }\n  }\n"])));N.div(da||(da=t(["\n  &[data-is-mobile='false'] {\n    max-width: 540px;\n  }\n  "," {\n    padding-right: 120px;\n  }\n"],["\n  &[data-is-mobile='false'] {\n    max-width: 540px;\n  }\n  "," {\n    padding-right: 120px;\n  }\n"])),P.tdUp);var sa,da,pa,ca,ma,ha,ga,ua,xa=N.div(pa||(pa=t(["\n  display: flex;\n  align-items: flex-start;\n  margin-top: 10px;\n  color: ",";\n  font-size: ",";\n  > img {\n    margin-top: 2px;\n    margin-right: 4px;\n  }\n  &[data-is-mobile='false'] {\n    margin-top: 12px;\n    > img {\n      width: 16px;\n      height: 16px;\n    }\n  }\n  &[data-is-mobile='true'] {\n    > img {\n      width: 14px;\n      height: 14px;\n    }\n  }\n"],["\n  display: flex;\n  align-items: flex-start;\n  margin-top: 10px;\n  color: ",";\n  font-size: ",";\n  > img {\n    margin-top: 2px;\n    margin-right: 4px;\n  }\n  &[data-is-mobile='false'] {\n    margin-top: 12px;\n    > img {\n      width: 16px;\n      height: 16px;\n    }\n  }\n  &[data-is-mobile='true'] {\n    > img {\n      width: 14px;\n      height: 14px;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4})),fa=N.div(ca||(ca=t(["\n  position: absolute;\n  z-index: 0;\n  right: 16px;\n  bottom: -10px;\n  display: flex;\n  min-width: 100px;\n  max-width: 100px;\n  min-height: 100px;\n  align-items: center;\n  img {\n    width: 100px;\n    height: 100px;\n  }\n  &[data-is-mobile='false'] {\n    bottom: -34px;\n\n    right: 45px;\n\n    img {\n      width: 100%;\n      height: 100%;\n    }\n  }\n  "," {\n    width: 70px;\n  }\n"],["\n  position: absolute;\n  z-index: 0;\n  right: 16px;\n  bottom: -10px;\n  display: flex;\n  min-width: 100px;\n  max-width: 100px;\n  min-height: 100px;\n  align-items: center;\n  img {\n    width: 100px;\n    height: 100px;\n  }\n  &[data-is-mobile='false'] {\n    bottom: -34px;\n\n    right: 45px;\n\n    img {\n      width: 100%;\n      height: 100%;\n    }\n  }\n  "," {\n    width: 70px;\n  }\n"])),P.mbDown),ba=N.div(ma||(ma=t(["\n  position: relative;\n  z-index: 1;\n  padding: 8px 16px;\n  max-width: 100%;\n  &[data-is-mobile='false'] {\n    max-width: calc(100% - 210px);\n  }\n"],["\n  position: relative;\n  z-index: 1;\n  padding: 8px 16px;\n  max-width: 100%;\n  &[data-is-mobile='false'] {\n    max-width: calc(100% - 210px);\n  }\n"]))),va=N.div(ha||(ha=t(["\n  position: relative;\n"],["\n  position: relative;\n"]))),ya=N.div(ga||(ga=t(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: inherit;\n  background-image: url(",");\n  background-position: bottom center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  padding-bottom: 23px;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: inherit;\n  background-image: url(",");\n  background-position: bottom center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  padding-bottom: 23px;\n"])),(function(n){return n["data-banner-url"]||"./toolBannerBlue-circle.svg"})),wa=N.div(ua||(ua=t(["\n  width: 100%;\n  padding-bottom: 24px;\n  margin-bottom: 8px;\n\n  "," {\n    height: auto;\n    "," {\n      "," {\n        display: flex;\n        "," {\n          position: relative;\n          right: -50px;\n          bottom: unset;\n          width: 180px;\n          min-width: 0;\n          height: auto;\n          min-height: 0;\n          align-self: flex-end;\n          margin-bottom: -20px;\n          "," {\n            right: unset;\n          }\n        }\n      }\n    }\n    &.isEmbed {\n      "," {\n        .container {\n          padding: 0;\n        }\n      }\n    }\n  }\n"],["\n  width: 100%;\n  padding-bottom: 24px;\n  margin-bottom: 8px;\n\n  "," {\n    height: auto;\n    "," {\n      "," {\n        display: flex;\n        "," {\n          position: relative;\n          right: -50px;\n          bottom: unset;\n          width: 180px;\n          min-width: 0;\n          height: auto;\n          min-height: 0;\n          align-self: flex-end;\n          margin-bottom: -20px;\n          "," {\n            right: unset;\n          }\n        }\n      }\n    }\n    &.isEmbed {\n      "," {\n        .container {\n          padding: 0;\n        }\n      }\n    }\n  }\n"])),P.tdDown,ya,va,fa,P.mbDown,ya),ka=N.div(La||(La=t(["\n  width: 100%;\n  .top-ad {\n    iframe {\n      margin-bottom: 2rem;\n    }\n    "," {\n      max-width: 728px;\n      max-height: 300px;\n    }\n    "," {\n      max-width: 336px;\n    }\n  }\n"],["\n  width: 100%;\n  .top-ad {\n    iframe {\n      margin-bottom: 2rem;\n    }\n    "," {\n      max-width: 728px;\n      max-height: 300px;\n    }\n    "," {\n      max-width: 336px;\n    }\n  }\n"])),P.mbUp,P.mbDown),Ea=N.div(Da||(Da=t(["\n  #due-date-dropdown {\n    z-index: 1;\n    width: 100%;\n    min-width: unset;\n    max-width: unset;\n    color: ",";\n  }\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  margin-top: 0.5rem;\n"],["\n  #due-date-dropdown {\n    z-index: 1;\n    width: 100%;\n    min-width: unset;\n    max-width: unset;\n    color: ",";\n  }\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  margin-top: 0.5rem;\n"])),(function(n){return n.theme.colors.gray800}));N.div(za||(za=t(["\n  width: 31%;\n  height: 140px;\n  "," {\n    height: 130px;\n    width: 32.5%;\n  }\n"],["\n  width: 31%;\n  height: 140px;\n  "," {\n    height: 130px;\n    width: 32.5%;\n  }\n"])),P.mbDown),N(Ie)(Pa||(Pa=t(["\n  width: 100%;\n  height: 100%;\n  justify-content: space-around;\n  "," {\n    padding: 0.25rem;\n  }\n  &.active {\n    border-color: ",";\n    box-shadow: none;\n    p {\n      color: ",";\n    }\n  }\n"],["\n  width: 100%;\n  height: 100%;\n  justify-content: space-around;\n  "," {\n    padding: 0.25rem;\n  }\n  &.active {\n    border-color: ",";\n    box-shadow: none;\n    p {\n      color: ",";\n    }\n  }\n"])),P.mbDown,(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}));var Ca=N(ka)(Ba||(Ba=t(["\n  .due-date-input {\n    /* z-index: 11; */\n    width: 100%;\n    min-width: unset;\n    max-width: unset;\n    color: ",";\n    input {\n      line-height: 22px;\n    }\n  }\n  .due-date-calculate-button {\n    margin-right: auto;\n    margin-left: auto;\n  }\n"],["\n  .due-date-input {\n    /* z-index: 11; */\n    width: 100%;\n    min-width: unset;\n    max-width: unset;\n    color: ",";\n    input {\n      line-height: 22px;\n    }\n  }\n  .due-date-calculate-button {\n    margin-right: auto;\n    margin-left: auto;\n  }\n"])),(function(n){return n.theme.colors.gray800}));N.div(Ma||(Ma=t(["\n  display: flex;\n  align-items: right;\n\n  & > p {\n    display: inline-block;\n    border-bottom: solid 1px\n      ",";\n    margin-bottom: 24px;\n    margin-left: auto;\n    color: ",";\n    cursor: pointer;\n    font-size: 11px;\n    line-height: 16px;\n    text-align: right;\n  }\n"],["\n  display: flex;\n  align-items: right;\n\n  & > p {\n    display: inline-block;\n    border-bottom: solid 1px\n      ",";\n    margin-bottom: 24px;\n    margin-left: auto;\n    color: ",";\n    cursor: pointer;\n    font-size: 11px;\n    line-height: 16px;\n    text-align: right;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}));var La,Da,za,Pa,Ba,Ma,Na,_a,Ha=N.img(Na||(Na=t(["\n  img& {\n    width: 16px;\n    height: 16px;\n  }\n"],["\n  img& {\n    width: 16px;\n    height: 16px;\n  }\n"])));N(Ha)(_a||(_a=t(["\n  margin-right: 4px;\n"],["\n  margin-right: 4px;\n"])));var Ta,ja=function(n){return"".concat(n.getFullYear(),"-").concat(String(n.getMonth()+1).padStart(2,"0"),"-").concat(String(n.getDate()).padStart(2,"0"))},Aa=function(e){var t=e.locale,i=e.onClick,a=Pn().t,r=l(new Date),s=r[0],d=r[1];return o.createElement(o.Fragment,null,o.createElement(Ca,{className:"input-form"},o.createElement("div",{style:{marginBottom:"2rem"}},o.createElement(fn,{label:o.createElement(v,{size:"xs",type:"bold",color:bn.colors.gray600,style:{marginBottom:"0.5rem"}},a("dueDatePage.conceptionDate")),value:ja(s),name:"date",size:"md",className:"due-date-input",CustomInput:o.createElement(Ye,{customInput:function(e){return o.createElement("input",n({type:"date",className:"due-date-input"},e,{value:ja(s)}))},disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:t,pickedDate:s,displayDateFormat:Bn,onChange:function(n){d(n)},placeholder:"placeholder"})})),o.createElement("div",{style:{marginBottom:"1rem"}})),o.createElement(un,{className:"due-date-calculate-button",size:"lg",color:"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",onClick:function(){i(function(n){var e=new Date(n);return e.setDate(e.getDate()+265),{startDate:n,dueDate:e,otherInfo:{method:Ta.conception+1,conception_date:S(n,"yyyy-MM-dd"),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}}(s),"".concat($.type,"=1&sd=").concat(S(s,"yyyy-MM-dd"),"&").concat($.additional,"= "))}},a("dueDatePage.lastPeriod.calculate")))},Ua=function(e){var t=e.locale,i=e.onClick,a=Pn().t,r=l(new Date),s=r[0],d=r[1],p=l("3"),c=p[0],m=p[1];return o.createElement(o.Fragment,null,o.createElement(Ca,{className:"input-form"},o.createElement("div",{style:{marginBottom:"2rem"}},o.createElement(fn,{label:o.createElement(v,{size:"xs",type:"bold",color:bn.colors.gray600,style:{marginBottom:"0.5rem"}},a("dueDatePage.ivf.transferDate")),value:ja(s),name:"date",size:"md",className:"due-date-input",CustomInput:o.createElement(Ye,{customInput:function(e){return o.createElement("input",n({type:"date",className:"due-date-input"},e,{value:ja(s)}))},disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:t,pickedDate:s,displayDateFormat:Bn,onChange:function(n){d(n)},placeholder:"placeholder"})}))),o.createElement("div",{style:{marginBottom:"1rem",width:"100%"}},o.createElement(st,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:c,onChange:function(n){return m(n)},options:[{value:"3",label:a("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:a("dueDatePage.ivf.transferDateRadio",{number:5})}]})),o.createElement(un,{className:"due-date-calculate-button",size:"lg",color:"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",onClick:function(){i(function(n,e){var t=new Date(n);return t.setDate(t.getDate()+265-e),{startDate:n,dueDate:t,otherInfo:{method:Ta.IVF+1,ivf_transfer_date:S(n,"yyyy-MM-dd"),days_transfer:e,conception_date:null,first_day:null,cycle_length_days:null}}}(s,Number(c)),"".concat($.type,"=2&").concat($.startDate,"=").concat(S(s,"yyyy-MM-dd"),"&").concat($.additional,"=").concat(c))}},a("dueDatePage.lastPeriod.calculate")))},Ra=function(e){var t=e.locale,i=e.onClick,a=Pn().t,r=l([28]),s=r[0],d=r[1],p=Mn(t).getHealthToolLink,m=c((function(){return p(F.DUE_DATE)}),[p]),h=l(new Date),g=h[0],u=h[1];return o.createElement(o.Fragment,null,o.createElement(Ca,{className:"input-form"},o.createElement(fn,{label:o.createElement(v,{size:"xs",type:"bold",color:bn.colors.gray600,style:{marginBottom:"0.5rem"}},a("dueDatePage.lastPeriod.lastPeriodLabel")),value:ja(g),name:"date",size:"md",className:"due-date-input",CustomInput:o.createElement(Ye,{customInput:function(e){return o.createElement("input",n({type:"date",className:"due-date-input"},e,{value:ja(g)}))},disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:t,pickedDate:g,displayDateFormat:Bn,onChange:function(n){u(n)},placeholder:"placeholder"})})),o.createElement(v,{size:"xs",type:"bold",color:bn.colors.gray600,style:{marginBottom:"0.5rem"}},a("dueDatePage.lastPeriod.periodLengthLabel")),o.createElement(He,{className:"slider-due-date",min:20,max:40,step:1,value:s,onChange:d}),o.createElement(un,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:"https://".concat(nn[t],"/").concat(m),className:"due-date-calculate-button",size:"lg",color:"primary",onClick:function(){return i(function(n,e){var t=e-21+272,i=new Date(n);return i.setDate(i.getDate()+t),{startDate:n,dueDate:i,otherInfo:{method:Ta.lastPeriod+1,first_day:S(n,"yyyy-MM-dd"),cycle_length_days:e,conception_date:null,ivf_transfer_date:null,days_transfer:null}}}(g,Number(s[0])),"".concat($.type,"=0&").concat($.startDate,"=").concat(S(g,"yyyy-MM-dd"),"&").concat($.additional,"=").concat(s[0]))}},a("dueDatePage.lastPeriod.calculate")))};!function(n){n[n.lastPeriod=0]="lastPeriod",n[n.conception=1]="conception",n[n.IVF=2]="IVF"}(Ta||(Ta={}));var Sa,Za,Oa,Ia=function(n){var e=n.onSubmitDueDate,t=n.locale,i=Pn().t,a=l(Ta.lastPeriod),r=a[0],s=a[1],d=[{value:Ta.lastPeriod,label:i("dueDatePage.lastPeriod")},{value:Ta.conception,label:i("dueDatePage.conceptionDate")},{value:Ta.IVF,label:i("dueDatePage.ivf")}];return o.createElement(o.Fragment,null,o.createElement(ka,{className:"input-form"},o.createElement(v,{size:"xs",type:"bold",color:bn.colors.gray600},i("dueDatePage.calculationMethod")),o.createElement(Ea,null,o.createElement(T,{options:d,placeholder:i("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:d[r],onChange:function(n){s(n.value)}}))),r===Ta.lastPeriod?o.createElement(Ra,{locale:t,onClick:e}):null,r===Ta.conception?o.createElement(Aa,{locale:t,onClick:e}):null,r===Ta.IVF?o.createElement(Ua,{locale:t,onClick:e}):null)},Fa=N.div(Sa||(Sa=t(["\n  padding: 0;\n  background-color: white;\n  .due-date-cal {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    .slider-due-date {\n      margin-bottom: 24px;\n      width: 100%;\n      margin-left: unset;\n    }\n    .input-form {\n      "," {\n        width: calc(50% - 8px);\n        margin-bottom: 24px;\n      }\n    }\n  }\n"],["\n  padding: 0;\n  background-color: white;\n  .due-date-cal {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    .slider-due-date {\n      margin-bottom: 24px;\n      width: 100%;\n      margin-left: unset;\n    }\n    .input-form {\n      "," {\n        width: calc(50% - 8px);\n        margin-bottom: 24px;\n      }\n    }\n  }\n"])),P.mbUp),Va=N.div(Za||(Za=t(["\n  padding-bottom: 2px;\n  margin: auto;\n  "," {\n    max-width: 568px;\n    width: 100%;\n    padding-top: 24px;\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n  .due-date-calculate-button {\n    width: 100%;\n    margin: auto;\n    margin-bottom: 1rem;\n    "," {\n      max-width: 200px;\n    }\n  }\n"],["\n  padding-bottom: 2px;\n  margin: auto;\n  "," {\n    max-width: 568px;\n    width: 100%;\n    padding-top: 24px;\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n  }\n  .due-date-calculate-button {\n    width: 100%;\n    margin: auto;\n    margin-bottom: 1rem;\n    "," {\n      max-width: 200px;\n    }\n  }\n"])),P.mbUp,P.mbUp);N(st)(Oa||(Oa=t(["\n  &[data-direction='horizontal'] div[data-type='circle'] {\n    margin-right: 8px;\n  }\n"],["\n  &[data-direction='horizontal'] div[data-type='circle'] {\n    margin-right: 8px;\n  }\n"])));var Wa=N.div($a||($a=t(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Ga=N.div(no||(no=t(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  background-position: center bottom;\n  background-repeat: no-repeat;\n  background-size: cover;\n"],["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  background-position: center bottom;\n  background-repeat: no-repeat;\n  background-size: cover;\n"]))),Ya=N.div(eo||(eo=t(["\n  display: flex;\n  width: 100%;\n  max-width: 1170px;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 1rem;\n  "," {\n    flex-direction: row;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  max-width: 1170px;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 1rem;\n  "," {\n    flex-direction: row;\n  }\n"])),P.mbUp),qa=N.div(to||(to=t(["\n  margin-bottom: 1rem;\n  "," {\n    max-width: 540px;\n    margin-right: 2rem;\n  }\n"],["\n  margin-bottom: 1rem;\n  "," {\n    max-width: 540px;\n    margin-right: 2rem;\n  }\n"])),P.mbUp),Xa=N.div(io||(io=t(["\n  text-align: center;\n  "," {\n    text-align: unset;\n  }\n"],["\n  text-align: center;\n  "," {\n    text-align: unset;\n  }\n"])),P.mbUp),Ja=N.div(ao||(ao=t(["\n  width: 100%;\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"],["\n  width: 100%;\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"])),P.mbDown),Ka=N.div(oo||(oo=t(["\n  display: flex;\n  position: relative;\n  width: 100%;\n  padding: 0 16px;\n  background-position: bottom center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  position: relative;\n  width: 100%;\n  padding: 0 16px;\n  background-position: bottom center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  "," {\n    display: none;\n  }\n"])),P.mbUp),Qa=N.div(ro||(ro=t(["\n  position: relative;\n  width: 28%;\n  margin-left: auto;\n  "," {\n    width: 100px;\n    height: 100px;\n  }\n"],["\n  position: relative;\n  width: 28%;\n  margin-left: auto;\n  "," {\n    width: 100px;\n    height: 100px;\n  }\n"])),P.mbDown);N.div(lo||(lo=t(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  padding-top: 71.72%;\n  background-position: top center;\n  background-repeat: no-repeat;\n  background-size: 100%;\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  padding-top: 71.72%;\n  background-position: top center;\n  background-repeat: no-repeat;\n  background-size: 100%;\n"])));var $a,no,eo,to,io,ao,oo,ro,lo,so,po,co=N.div(so||(so=t(["\n  position: relative;\n  width: 100%;\n  padding: 16px 0 8px 0;\n"],["\n  position: relative;\n  width: 100%;\n  padding: 16px 0 8px 0;\n"]))),mo=function(e){var t=e.locale,i=e.onSubmit,a=Pn().t,r=Mn(t).getHealthToolLink,s=c((function(){return r(F.OVULATION)}),[r]),d=l(new Date),p=d[0],m=d[1],h=l([28]),g=h[0],u=h[1],x=l([7]),f=x[0],b=x[1],y={cycle:g[0],periodDateStart:p,periodLength:f[0]};return o.createElement(o.Fragment,null,o.createElement(Ca,{className:"input-form"},o.createElement("div",{style:{marginBottom:"1rem"}},o.createElement(fn,{label:o.createElement(v,{size:"xs",type:"bold",color:"#595959",style:{marginBottom:"0.5rem"}},a("dueDatePage.lastPeriod.lastPeriodLabel")),value:ja(p),size:"md",name:"date",className:"due-date-input",CustomInput:o.createElement(Ye,{customInput:function(e){return o.createElement("input",n({},e,{type:"date",className:"due-date-input",value:ja(p)}))},locale:t,pickedDate:p,displayDateFormat:Bn,onChange:function(n){m(n)},disabledDays:{before:Z(new Date,-45),after:new Date},placeholder:"asdasasd"})}))),o.createElement("div",{style:{width:"calc(50% - 8px)"}},o.createElement(v,{size:"xs",type:"bold",color:"#595959"},a("ovulationPage.cycleLength")+" ",o.createElement(v,{size:"xs",type:"bold",color:"#595959",style:{display:"inline",minHeight:"36px"}},a("ovulationPage.dayUnit"))),o.createElement(He,{className:"slider-due-date",min:21,max:45,step:1,value:g,onChange:u})),o.createElement("div",{style:{width:"calc(50% - 8px)"}},o.createElement(v,{size:"xs",type:"bold",color:"#595959"},a("ovulationPage.periodDuration")+" ",o.createElement(v,{size:"xs",type:"bold",color:"#595959",style:{display:"inline",minHeight:"36px"}},a("ovulationPage.dayUnit"))),o.createElement(He,{className:"slider-due-date",min:1,max:15,step:1,value:f,onChange:b})),o.createElement("div",{style:{marginBottom:"1rem",width:"100%"}},o.createElement(un,{className:"due-date-calculate-button",size:"lg",color:"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:"https://".concat(nn[t],"/").concat(s),onClick:function(){localStorage.setItem("ovulationInfo",JSON.stringify(y)),i&&i({startDate:p,cycle:g[0],periodLength:f[0]})}},a("dueDatePage.lastPeriod.calculate"))))};!function(n){n[n.trackPeriod=0]="trackPeriod",n[n.conceive=1]="conceive",n[n.avoidPregnancy=2]="avoidPregnancy"}(po||(po={}));var ho,go,uo,xo,fo,bo,vo=function(n){var e=n.locale,t=n.onSubmitOvulation,i=Pn().t,a=l(po.trackPeriod),r=a[0],s=a[1],d=[{label:i("ovulationPage.trackPeriod"),value:po.trackPeriod},{label:i("ovulationPage.conceive"),value:po.conceive},{label:i("ovulationPage.avoidPregnancy"),value:po.avoidPregnancy}];return o.createElement(o.Fragment,null,o.createElement(ka,{className:"input-form"},o.createElement(v,{size:"xs",type:"bold",color:"#595959"},i("ovulationPage.objectives")),o.createElement(Ea,null,o.createElement(T,{options:d,placeholder:i("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"lg",value:d[r],onChange:function(n){s(n.value)}}))),o.createElement(mo,{locale:e,onSubmit:function(n){var e=n.startDate,i=n.cycle,a=n.periodLength;t&&t({method:r,periodDateStart:e,cycle:i,periodLength:a})}}))},yo=N.a(ho||(ho=t(["\n  display: inline-flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 11px;\n  gap: 2px;\n\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 20px;\n\n  color: ",";\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n\n  cursor: pointer;\n"],["\n  display: inline-flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 11px;\n  gap: 2px;\n\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 20px;\n\n  color: ",";\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n\n  cursor: pointer;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray600})),wo=N.div(go||(go=t(["\n  position: relative;\n  display: inline-block;\n"],["\n  position: relative;\n  display: inline-block;\n"]))),ko=N.div(uo||(uo=t(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Eo=N.div(xo||(xo=t(["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"],["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"]))),Co=N.div(fo||(fo=t(["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),Lo=N.div(bo||(bo=t(["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"],["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"]))),Do=function(n){var e=n.options,t=n.label,i=n.labelRenderer,a=n.selected,r=n.onChange,s=n.showSelected,d=void 0===s||s,p=n.style,c=void 0===p?{}:p,m=n.showIndicator,h=void 0===m||m,g=l(!1),u=g[0],x=g[1];return o.createElement(o.Fragment,null,o.createElement(wo,null,o.createElement(ko,{onClick:function(){return x((function(n){return!n}))}},t||(null==i?void 0:i(u))||null,o.createElement(Eo,{"data-is-open":u,style:c,"data-show-indicator":h},e.map((function(n,e){return o.createElement(Co,{key:e,"data-selected":d&&a===n.value,onClick:function(e){a!==n.value&&(r(n.value),x((function(n){return!n}))),e.stopPropagation()}},o.createElement(v,{size:"p3"},n.label),d&&a===n.value&&o.createElement("img",{src:X.getAssetPath("check.svg"),alt:"check",className:"check-icon"}))}))))),u&&o.createElement(Lo,{onClick:function(){return x(!1)}}))},zo=function(n){var e,t,i=n.languageOptions,a=n.locale,r=null==i?void 0:i.find((function(n){return n.locale===a}));return(null==i?void 0:i.length)?o.createElement(Do,{options:i,selected:r.value,label:o.createElement(Po,{locale:a,label:r.label||(null===(t=null===(e=a.split("-"))||void 0===e?void 0:e[0])||void 0===t?void 0:t.toUpperCase())}),onChange:function(n){"undefined"!=typeof window&&(window.location.href=n)},style:{width:100},showSelected:!0,showIndicator:!1}):null},Po=function(n){var e,t,i,a=n.locale,r=n.label,l=n.href;return o.createElement(yo,{href:l},o.createElement(Qn,{country:null===(t=null===(e=null==a?void 0:a.split("-"))||void 0===e?void 0:e[1])||void 0===t?void 0:t.toUpperCase(),width:16,height:16,rounded:!0,language:null===(i=null==a?void 0:a.split("-"))||void 0===i?void 0:i[0]}),o.createElement("span",null,r))},Bo=N.div(To||(To=t(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),Mo=N.div(jo||(jo=t(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),No=N.div(Ao||(Ao=t(["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"],["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"])),P.mbDown),_o=N.div(Uo||(Uo=t(["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"],["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"]))),Ho=N(_o)(Ro||(Ro=t(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));N.div(So||(So=t(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var To,jo,Ao,Uo,Ro,So,Zo,Oo,Io,Fo,Vo,Wo,Go,Yo,qo,Xo,Jo,Ko,Qo,$o,nr,er,tr,ir,ar,or,rr,lr,sr,dr,pr,cr,mr=N.div(Zo||(Zo=t(["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"],["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"])),(function(n){return n.theme.colors.gray800})),hr=N.div(Oo||(Oo=t(["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"],["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.neutral100})),gr=N.div(Io||(Io=t(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),ur=N.div(Fo||(Fo=t(["\n  position: relative;\n"],["\n  position: relative;\n"]))),xr=N(_o)(Vo||(Vo=t([""],[""]))),fr=N.div(Wo||(Wo=t(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"])),P.mbUp,(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray100})),br=N.div(Go||(Go=t(["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"])),P.mbDown,P.mbUp,(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase})),vr=N.div(Yo||(Yo=t(["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"],["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"])),P.mbDown),yr=N.div(qo||(qo=t(["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"])),(function(n){return n.theme.colors.gray200}),P.mbDown),wr=N.div(Xo||(Xo=t(["\n  display: flex;\n  gap: 20px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  .icon-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    a,\n    svg {\n      width: 32px;\n      height: 32px;\n    }\n    .share {\n      width: 32px;\n      height: 32px;\n      padding: 8px;\n\n      &:hover {\n        background-color: ",";\n      }\n\n      svg {\n        margin: 0;\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n"],["\n  display: flex;\n  gap: 20px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  .icon-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    a,\n    svg {\n      width: 32px;\n      height: 32px;\n    }\n    .share {\n      width: 32px;\n      height: 32px;\n      padding: 8px;\n\n      &:hover {\n        background-color: ",";\n      }\n\n      svg {\n        margin: 0;\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral50})),kr=N(Y)(Jo||(Jo=t(["\n  padding-bottom: 24px;\n  .share-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .icon-group {\n    margin-top: 12px;\n    display: flex;\n    gap: 16px;\n    img {\n      border-radius: 8px;\n    }\n  }\n  .input-group {\n    margin-top: 8px;\n    display: flex;\n    gap: 8px;\n    button {\n      padding: 10px;\n      &:hover {\n        background-color: ",";\n      }\n    }\n    svg {\n      margin: 0;\n    }\n    a,\n    svg:not(.copy) {\n      width: 32px;\n      height: 32px;\n    }\n  }\n"],["\n  padding-bottom: 24px;\n  .share-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .icon-group {\n    margin-top: 12px;\n    display: flex;\n    gap: 16px;\n    img {\n      border-radius: 8px;\n    }\n  }\n  .input-group {\n    margin-top: 8px;\n    display: flex;\n    gap: 8px;\n    button {\n      padding: 10px;\n      &:hover {\n        background-color: ",";\n      }\n    }\n    svg {\n      margin: 0;\n    }\n    a,\n    svg:not(.copy) {\n      width: 32px;\n      height: 32px;\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral50})),Er=o.createContext({}),Cr=function(t){var i=t.children,a=e(t,["children"]),r="undefined"!=typeof window?window.location.href:a.currentUrl||nn[a.locale||"en-PH"],l=function(n){var e=n.locale,t=n.projectType,i=n.isMobile,a=n.siteType;return c((function(){var n=!(!i&&"profile"===t),o="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===a,r="marryBaby"!==a&&"marryBaby"!==t&&en.includes(e),l="marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&tn.includes(e),s="marryBaby"===t||an.includes(e),d="ecom"===t,p="ecom"===t,c=pn(e,"marryBaby"===a),m=cn(e,"marryBaby"===a);return{enableProfileNavigatorMenu:n,enableSearchBar:o,enableNavCare:r,enableNavCareBooking:l,enableNavTogether:s,enableNavEcom:d,enableProfileEcom:p,enableProfileMyHealth:!0,statics:{HOME_PAGE_URL:c,CARE_URL_FE:"".concat(c,"/care"),TOGETHER_URL_FE:"".concat(c,"/community"),SSO_URL:m,TOGETHER_API:mn(),DISCOVER_API:hn(e)}}}),[e,t,i])}({locale:a.locale,projectType:a.projectType,isMobile:a.isMobile,siteType:a.siteType});return o.createElement(Er.Provider,{value:n(n({},a),{configs:l,currentUrl:r})},i)},Lr=function(){return o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"}))},Dr=function(){var n=m(Er),e=n.locale,t=n.configs.statics,i=n.siteType,a=Pn().t;return o.createElement(D,{className:"fake-search-input",name:"search-input-menu-service",size:"md",placeholder:"marryBaby"===i?a("navigation.search.input.placeholder"):a("home.search",{site:on[e||"en-PH"]?on[e||"en-PH"].SITE_NAME:""}),onChange:function(){},onKeyDown:function(n){return"Enter"===n.key&&(window.location.href="".concat(t.HOME_PAGE_URL,"/search/?s=").concat(n.target.value))},type:"search",onFocus:function(n){n.preventDefault()},displayIcon:o.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},o.createElement(Lr,null))})},zr=N.div(Ko||(Ko=t(["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"])),P.mbUp),Pr=N.a(Qo||(Qo=t(["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n    }\n  }\n"],["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.lightPink}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.mbColors.lightGray})),Br=N.div($o||($o=t(["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"],["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"])),P.mbDown),Mr=N.div(nr||(nr=t(["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"])),P.mbUp),Nr=N.div(er||(er=t(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),_r=N.div(tr||(tr=t(["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"]))),Hr=N.a(ir||(ir=t(["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"],["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),P.mbDown),Tr=function(n){var e=n.hrefViewMore,t=n.titleBtnViewMore,i=n.UrlFE,a=n.onClosePopup,r=n.menuItems,l=n.headingTitle,s=m(Er),d=s.siteType,p=s.isAmp;return o.createElement(zr,null,o.createElement(Br,null,o.createElement(xn,{tag:"marryBaby"===d?"h5":"h6",as:"h2",fontWeight:"semibold"},l)),null==r?void 0:r.slice(0,6).map((function(n,e){var t=(null==n?void 0:n.link)?(null==n?void 0:n.link.startsWith("http"))?null==n?void 0:n.link:"".concat(i,"/").concat(null==n?void 0:n.link.split("/").filter(Boolean).join("/"),"/"):"/";return o.createElement(Pr,{className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t,"data-is-heading-category":!1,href:t,"data-theme":d,key:e,onClick:a},o.createElement("div",{className:"icon"},p?o.createElement("img",{alt:n.name,src:n.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}}):o.createElement("img",{className:"lazy",alt:n.name,"data-src":n.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}})),o.createElement("p",null,n.name),o.createElement(Mr,null,o.createElement("img",{src:X.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"}})))})),t&&o.createElement(Hr,{"data-theme":d,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},o.createElement(Nr,{onClick:a,"data-theme":d,"data-is-heading-category":!1},t,o.createElement(_r,null,o.createElement("img",{className:"svg",src:"marryBaby"===d?X.getAssetPath("chevronRightPink.svg"):X.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}})))))},jr=N.div(ar||(ar=t(["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"],["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"])),P.mbDown,P.mbUp),Ar=N.div(or||(or=t(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"])),(function(n){return n.theme.colors.gray600})),Ur=N.div(rr||(rr=t(["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"],["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"]))),Rr=N.div(lr||(lr=t(["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"],["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"]))),Sr=N.div(sr||(sr=t(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"])),P.mbDown),Zr=function(n){var e=n.title,t=n.link,i=n.description,a=n.cta,r=n.icon,l=m(Er).siteType;return o.createElement(jr,{"data-theme":l},o.createElement(Sr,null,o.createElement("img",{"data-src":"marryBaby"===l?X.getAssetPath("navMBSpotlightBgNoData.svg"):X.getAssetPath("navSpotlightBgNoData.svg"),alt:"",className:"bg-svg lazy"}),o.createElement(Rr,null,r&&o.createElement("img",{src:r,width:64,height:64}))),o.createElement("div",null,e&&o.createElement(Ur,null,e),i&&o.createElement(Ar,null,i),a&&o.createElement("div",null,o.createElement("a",{href:t},o.createElement(un,{theme:l,className:"survey-contact-submit",size:"md"},a)))))},Or=N.div(dr||(dr=t(["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"],["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"])),P.mbDown,(function(n){return n.theme.colors.neutral100})),Ir=N.div(pr||(pr=t(["\n  margin: 15px 0;\n  display: flex;\n"],["\n  margin: 15px 0;\n  display: flex;\n"]))),Fr=N.a(cr||(cr=t(["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"],["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),P.mbDown),Vr=function(n){var e=n.title,t=n.viewMore,i=n.children,a=n.link,r=n.dataEventAction,l=void 0===r?"":r,s=m(Er).siteType;return o.createElement(Or,null,o.createElement(Ir,null,o.createElement(xn,{tag:"marryBaby"===s?"h5":"h6",as:"h2",fontWeight:"semibold"},e),t&&o.createElement(Fr,{"data-event-category":"Hamburger Navigation","data-event-action":l,"data-event-label":a,href:a,"data-theme":s},t,o.createElement("img",{src:"marryBaby"===s?X.getAssetPath("chevronRightPink.svg"):X.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}}))),i)};N.div(Wr||(Wr=t(["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}));var Wr,Gr,Yr,qr,Xr,Jr,Kr,Qr,$r,nl=N.div(Gr||(Gr=t(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"])),P.tdDown),el=N.div(Yr||(Yr=t(["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"],["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"])),P.tdDown,P.mbDown),tl=N.div(qr||(qr=t(["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"],["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"]))),il=N.div(Xr||(Xr=t(["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),P.tdDown),al=N.p(Jr||(Jr=t(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"])),(function(n){return n.theme.colors.gray800}),P.tdDown),ol=N.p(Kr||(Kr=t(["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"])),(function(n){return n.theme.colors.gray600}),P.tdDown),rl=N.div(Qr||(Qr=t(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"])),P.tdDown),ll=N.a($r||($r=t(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > "," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > "," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"])),bn.colors.white,P.tdUp,P.tdDown,rl,P.mbDown,P.tdOnly,bn.colors.neutral100),sl=function(n){var e,t=n.item,i=n.index,a=void 0===i?0:i,r=Pn().t,l=m(Er),s=l.locale,d=l.configs.statics,p=l.isAmp;if(!t)return null;var c="".concat(d.CARE_URL_FE,"/").concat(null===(e=Nn[s])||void 0===e?void 0:e.HOSPITAL,"/").concat(t.slug,"-").concat(t.id);return o.createElement(ll,{key:t.id,href:c,"data-event-category":"Hamburger Navigation","data-event-action":"Care Click ".concat(a+1),"data-event-label":c},o.createElement("img",{"data-src":X.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg lazy"}),o.createElement(el,null,o.createElement(tl,null,p?o.createElement("img",{alt:t.name,src:t.logo||"/images/avatar.jpg"}):o.createElement("img",{className:"lazy",alt:t.name,"data-src":t.logo||"/images/avatar.jpg"}))),o.createElement(rl,null,o.createElement(al,null,t.name),o.createElement(ol,null,t.description),o.createElement(il,null,r("home.seeMore"),o.createElement("img",{src:X.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))))},dl=function(n){var e=n.spotlights,t=void 0===e?[]:e,i=n.hrefViewMore,a=Pn().t;return o.createElement(Vr,{title:a("home.navigator.menu.spotlightHospitals")},0!==t.length?o.createElement(nl,null,null==t?void 0:t.slice(0,3).map((function(n,e){return o.createElement(sl,{key:e,index:e,item:n})}))):o.createElement(Zr,{title:a("home.navigator.menu.care.noDatas.title"),description:a("home.navigator.menu.care.noDatas.description"),link:i,cta:a("home.navigator.menu.care.noDatas.cta"),icon:X.getAssetPath("community.svg")}))};N.div(pl||(pl=t(["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"]))),N.div(cl||(cl=t(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var pl,cl,ml,hl,gl,ul,xl=N.div(ml||(ml=t(["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"])),P.tdDown),fl=N.a(hl||(hl=t(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"]))),bl=N.div(gl||(gl=t(["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"],["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"])),P.tdDown),vl=N.p(ul||(ul=t(["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray800}),P.tdUp),yl=function(n){var e=n.item,t=n.index,i=void 0===t?0:t;if(!e)return null;var a=m(Er).isAmp;return o.createElement(fl,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Spotlight Click ".concat(i+1),"data-event-label":e.link},o.createElement(bl,null,a?o.createElement("img",{alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"}):o.createElement("img",{className:"lazy",alt:e.title,"data-src":e.banner||"/images/notFound-min-small.jpg"})),o.createElement(vl,null,e.title))},wl=function(n){var e=n.spotlightsList,t=void 0===e?[]:e,i=n.hrefViewMore,a=Pn().t,r=m(Er).configs.statics;return o.createElement(Vr,{title:a("home.navigator.menu.spotlights"),viewMore:a("home.navigator.menu.spotlights.seeAll"),link:i,dataEventAction:"Spotlight See More Click"},0!==t.length?o.createElement(xl,null,null==t?void 0:t.slice(0,4).map((function(n,e){return o.createElement(yl,{key:e,index:e,item:{id:n.id,link:r.HOME_PAGE_URL+n.permalink,title:n.name,banner:n.image}})}))):o.createElement(Zr,{title:a("home.navigator.menu.category.noDatas.title"),description:a("home.navigator.menu.category.noDatas.description"),link:i,cta:a("home.navigator.menu.category.noDatas.cta"),icon:X.getAssetPath("Spotlight.svg")}))};N.div(kl||(kl=t(["\n  & > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100})),N.div(El||(El=t(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var kl,El,Cl,Ll,Dl,zl,Pl,Bl,Ml,Nl,_l,Hl,Tl,jl,Al=N.div(Cl||(Cl=t(["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"],["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"])),P.tdDown,P.mbDown),Ul=N.div(Ll||(Ll=t(["\n  padding: 5px;\n  flex: 1;\n"],["\n  padding: 5px;\n  flex: 1;\n"]))),Rl=N.img(Dl||(Dl=t(["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"],["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"]))),Sl=N.div(zl||(zl=t(["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.gray800})),Zl=N.div(Pl||(Pl=t(["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase})),Ol=N.div(Bl||(Bl=t(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray600})),Il=N.div(Ml||(Ml=t(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray600})),Fl=N.a(Nl||(Nl=t(["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed\n      ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed\n      ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),P.tdOnly,P.mbDown,P.tdUp),Vl=N.div(_l||(_l=t(["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"],["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"]))),Wl=N.div(Hl||(Hl=t(["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"],["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.gray800})),Gl=N.div(Tl||(Tl=t(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"]))),Yl=N.div(jl||(jl=t(["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"],["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"]))),ql=function(n){var e,t,i,a,r,l,s,d=n.post,p=n.index,c=void 0===p?0:p,h=m(Er),g=h.siteType,u=h.locale,x=h.configs.statics,f=h.isAmp;if(!d)return null;var b=[x.TOGETHER_URL_FE,null===(e=d.community)||void 0===e?void 0:e.slug].join("/"),v=[b,d.slug].join("/"),y=d.createdAt,w=y?isNaN(new Date(y).getTime())?null:new Date(y):null,k=w?O(w,{locale:j[u]}):y;return o.createElement(Fl,{href:v,"data-event-category":"Hamburger Navigation","data-event-action":"Together Click ".concat(c+1),"data-event-label":v},o.createElement(Ul,null,o.createElement(Vl,null,o.createElement(A,{avatar:null===(t=d.author)||void 0===t?void 0:t.avatar,username:(null===(i=d.author)||void 0===i?void 0:i.name)||(null===(a=d.author)||void 0===a?void 0:a.username),isLazy:!f}),o.createElement(Yl,null,o.createElement(Sl,{"data-theme":g},null===(r=d.author)||void 0===r?void 0:r.name),o.createElement(Gl,null,o.createElement(Zl,{"data-event-category":"Hamburger Navigation","data-event-action":"Topic Click ".concat(c+1),"data-event-label":b,onClick:function(n){n.preventDefault(),location.href=b},"data-theme":g},null===(l=d.community)||void 0===l?void 0:l.name),o.createElement(Il,null,"•"),o.createElement(Ol,{"data-theme":g},k)))),o.createElement(Wl,null,d.title)),!!(null===(s=d.photos)||void 0===s?void 0:s.length)&&(f?o.createElement(Rl,{src:d.photos[0]}):o.createElement(Rl,{className:"lazy","data-src":d.photos[0]})))},Xl=function(n){var e=n.spotlights,t=void 0===e?[]:e,i=m(Er).configs.statics,a=Pn().t;return o.createElement(Vr,{title:a("home.navigator.menu.trendingPosts"),viewMore:a("home.navigator.menu.trendingPosts.seeMore"),link:i.TOGETHER_URL_FE,dataEventAction:"Together See More Click"},0!==t.length?o.createElement(Al,null,null==t?void 0:t.slice(0,4).map((function(n,e){return o.createElement(ql,{index:e,post:n,key:n.id})}))):o.createElement(Zr,{title:a("home.navigator.menu.together.noPosts.title"),description:a("home.navigator.menu.together.noPosts.description"),link:"".concat(i.HOME_PAGE_URL,"/community/"),cta:a("home.navigator.menu.together.noPosts.cta"),icon:X.getAssetPath("community.svg")}))};N.div(Jl||(Jl=t(["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])));var Jl,Kl,Ql,$l,ns,es,ts,is,as,os,rs,ls,ss,ds,ps,cs,ms=N.div(Kl||(Kl=t(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"])),P.tdDown),hs=N.a(Ql||(Ql=t(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"])),P.tdDown,P.tdDown),gs=N.div($l||($l=t(["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"],["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"])),P.tdDown),us=N.div(ns||(ns=t(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"])),(function(n){return n.theme.colors.primaryBase})),xs=N.p(es||(es=t(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray800})),fs=N.p(ts||(ts=t(["\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray600}),P.tdDown),bs=N.div(is||(is=t(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"])),P.tdUp,P.tdDown),vs=function(n){var e=n.item,t=n.index,i=void 0===t?0:t,a=Pn().t,r=m(Er),l=r.configs.statics,s=r.isAmp;if(!e)return null;var d=e.link?e.link.startsWith("http")?e.link:"".concat(l.HOME_PAGE_URL).concat(e.link):void 0;return o.createElement(hs,{href:d,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":d},o.createElement("img",{"data-src":X.getAssetPath("navToolCardBg.svg"),alt:"",className:"bg-svg lazy"}),o.createElement(bs,null,o.createElement(xs,null,e.title),o.createElement(fs,null,e.subtitle),o.createElement(us,null,a("home.seeMore"),o.createElement("img",{src:X.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))),o.createElement(gs,null,s?o.createElement("img",{alt:e.title,src:e.icon||"/images/avatar.jpg"}):o.createElement("img",{className:"lazy",alt:e.title,"data-src":e.icon||"/images/avatar.jpg"})))},ys=N.a(as||(as=t(["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"],["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.tonePink}),(function(n){return n.theme.mbColors.peach}),(function(n){return n.theme.mbColors.toneYellow}),(function(n){return n.theme.mbColors.orange}),(function(n){return n.theme.mbColors.toneGreen}),(function(n){return n.theme.mbColors.mint}),P.tdDown,P.mbDown,P.tdUp,P.tdUp,P.tdDown),ws=N.div(os||(os=t(["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"],["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"])),P.tdDown,P.mbDown),ks=N.div(rs||(rs=t(["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"])),(function(n){return n.theme.mbColors.gray}),P.tdDown,(function(n){return n.theme.mbColors.pink})),Es=N.p(ls||(ls=t(["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"],["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray800})),Cs=N.p(ss||(ss=t(["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"],["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray600}),P.tdDown),Ls=N.div(ds||(ds=t(["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"])),P.tdUp,P.tdDown),Ds=N.div(ps||(ps=t(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"])),P.tdUp,P.tdDown),zs=N.div(cs||(cs=t(["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"])),P.tdUp,P.tdDown),Ps=function(n){var e=n.item,t=n.index,i=void 0===t?0:t,a=n.color,r=Pn().t,l=m(Er),s=l.configs.statics,d=l.isAmp;if(!e)return null;var p=e.link?e.link.startsWith("http")?e.link:"".concat(s.HOME_PAGE_URL).concat(e.link):void 0,c=function(){return o.createElement(ws,null,d?o.createElement("img",{src:e.icon||"/images/avatar.jpg"}):o.createElement("img",{className:"lazy",alt:e.title,"data-src":e.icon||"/images/avatar.jpg"}))},h=function(){return o.createElement(zs,null,o.createElement(Ds,null,o.createElement(Es,null,e.title),o.createElement(Cs,null,e.subtitle)),o.createElement(ks,null,o.createElement("div",{className:"mobile-only"},r("home.seeMore")),o.createElement("img",{src:X.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"}})))};return o.createElement(ys,{href:p,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":p,"data-color":a},o.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z",strokeWidth:"0"})),o.createElement("img",{"data-src":X.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg lazy",alt:""}),o.createElement(Ls,null,o.createElement("div",{className:"mobile-only"},c()),o.createElement("div",{className:"desktop-only"},h())),o.createElement("div",{className:"mobile-only"},h()),o.createElement("div",{className:"desktop-only"},c()))},Bs=function(n){var e=n.hrefViewMore,t=n.spotlightHealthTools,i=void 0===t?[]:t,a=Pn().t,r=["pink","orange","green"],l=m(Er).siteType;return o.createElement(Vr,{title:a("home.navigator.menu.spotlightTools")},0!==i.length&&o.createElement(ms,null,null==i?void 0:i.slice(0,3).map((function(n,e){return"marryBaby"===l?o.createElement(Ps,{key:e,index:e,item:n,color:r[e]}):o.createElement(vs,{key:e,index:e,item:n})}))),0===i.length&&o.createElement(Zr,{title:a("home.navigator.menu.healthTools.noDatas.title"),description:a("home.navigator.menu.healthTools.noDatas.description"),link:e,cta:a("home.navigator.menu.healthTools.noDatas.cta"),icon:X.getAssetPath("community.svg")}))},Ms=N(z)(Ns||(Ns=t(["\n  padding-bottom: 1rem;\n\n  "," {\n    display: block;\n    padding: 0;\n  }\n  "," {\n    display: grid;\n    grid-template-columns: 1fr 3fr;\n    grid-gap: 10px;\n  }\n"],["\n  padding-bottom: 1rem;\n\n  "," {\n    display: block;\n    padding: 0;\n  }\n  "," {\n    display: grid;\n    grid-template-columns: 1fr 3fr;\n    grid-gap: 10px;\n  }\n"])),P.mbDown,P.mbUp);N.div(_s||(_s=t(["\n  padding-right: 1rem;\n  border-right: 1px solid #e4e8ec;\n"],["\n  padding-right: 1rem;\n  border-right: 1px solid #e4e8ec;\n"])));var Ns,_s,Hs,Ts,js,As=N.div(Hs||(Hs=t(["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: ",";\n  transition: opacity 0.2s ease-in-out;\n  &[data-is-display='false'] {\n    visibility: hidden;\n    opacity: 0;\n  }\n  padding: 0.5rem;\n  &[data-is-nav-menu='true'] {\n    position: absolute;\n    top: 100%;\n    height: unset;\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"],["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: ",";\n  transition: opacity 0.2s ease-in-out;\n  &[data-is-display='false'] {\n    visibility: hidden;\n    opacity: 0;\n  }\n  padding: 0.5rem;\n  &[data-is-nav-menu='true'] {\n    position: absolute;\n    top: 100%;\n    height: unset;\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"])),vn.menuCategoryPopupWrapper,(function(n){return n.theme.colors.white})),Us=N.div(Ts||(Ts=t(["\n  position: relative;\n  z-index: 1;\n"],["\n  position: relative;\n  z-index: 1;\n"]))),Rs=N.div(js||(js=t(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),Ss=N.div(Zs||(Zs=t(["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n\n  &[data-is-amp='true'] {\n    top: calc(var(--header-height));\n  }\n\n  "," {\n    position: unset;\n  }\n"],["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n\n  &[data-is-amp='true'] {\n    top: calc(var(--header-height));\n  }\n\n  "," {\n    position: unset;\n  }\n"])),As);N.div(Os||(Os=t(["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"],["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"]))),N.div(Is||(Is=t(["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"]))),N.div(Fs||(Fs=t(["\n  margin-top: 64px;\n"],["\n  margin-top: 64px;\n"]))),N.div(Vs||(Vs=t(["\n  padding: 24px 0;\n"],["\n  padding: 24px 0;\n"]))),N.div(Ws||(Ws=t(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"]))),N.div(Gs||(Gs=t(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),vn.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),N.div(Ys||(Ys=t(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"]))),N.div(qs||(qs=t(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"]))),N.div(Xs||(Xs=t(["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"],["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),N.div(Js||(Js=t(["\n  display: none;\n"],["\n  display: none;\n"]))),N.div(Ks||(Ks=t(["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"],["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),N.div(Qs||(Qs=t(["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),N.div($s||($s=t(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),N.div(nd||(nd=t(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),N.div(ed||(ed=t(["\n  display: block;\n"],["\n  display: block;\n"]))),N.div(td||(td=t(["\n  .amp-sidebar {\n    width: 100vw;\n\n    background-color: ",";\n  }\n\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"],["\n  .amp-sidebar {\n    width: 100vw;\n\n    background-color: ",";\n  }\n\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800})),N.div(id||(id=t(["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"],["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"])),(function(n){return n.theme.mbColors.pink}));var Zs,Os,Is,Fs,Vs,Ws,Gs,Ys,qs,Xs,Js,Ks,Qs,$s,nd,ed,td,id,ad,od,rd,ld,sd,dd,pd,cd=N.div(ad||(ad=t(["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"],["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.lightGray})),md=N.div(od||(od=t(["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"],["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"]))),hd=function(n){var e,t,i=n.closePopup,a=n.menuItems,r=void 0===a?[]:a,l=m(Er),s=l.siteType,d=l.ssrMenuContent,p=d.categories,c=d.healthTools,h=d.care,g=d.together,u=l.activeMenuService,x=l.configs,f=x.statics,b=x.enableSearchBar,v=l.isAmp,y=l.locale,w=Pn().t;return o.createElement(Ss,{id:"categories-menu","data-is-amp":v},b?o.createElement(cd,{"data-theme":s,onClick:function(){window.location.href="".concat(f.HOME_PAGE_URL,"/search")}},o.createElement(Dr,null)):null,o.createElement(md,null,o.createElement(Tr,{UrlFE:f.HOME_PAGE_URL,titleBtnViewMore:w("home.navigator.menuItem.allCategories"),menuItems:r,headingTitle:w("home.navigator.menuItem.healthCategories"),onClosePopup:i}),"categories"===u&&o.createElement(wl,{spotlightsList:(null==p?void 0:p.spotlights)||[],hrefViewMore:"".concat(f.HOME_PAGE_URL).concat("tl-PH"===y?"/fil":"","/spotlight/")}),"tools"===u&&o.createElement(Bs,{spotlightHealthTools:null==c?void 0:c.spotlights,hrefViewMore:"".concat(f.HOME_PAGE_URL).concat("tl-PH"===y?"/fil":"").concat((null===(e=rn[y])||void 0===e?void 0:e.HEALTH_TOOLS)||"")}),"care"===u&&o.createElement(dl,{spotlights:null==h?void 0:h.spotlights,hrefViewMore:"".concat(f.CARE_URL_FE,"/").concat(null===(t=Nn[y])||void 0===t?void 0:t.SPECIALTIES)}),"together"===u&&o.createElement(Xl,{spotlights:null==g?void 0:g.spotlights})))},gd=N.div(rd||(rd=t(["\n  ","\n"],["\n  ","\n"])),(function(n){return"\n    ".concat(0!==n.lowerBound?"@media (max-width: ".concat(n.lowerBound-1,"px) { display: none; }"):"","\n    ").concat(0!==n.upperBound?"@media (min-width: ".concat(n.upperBound,"px) { display: none; }"):"","\n  ")})),ud=function(n){var e=n.forceDisplay,t=n.mediaQueryKey,i=n.children,a=n.className,r=n.style,l=c((function(){return B(t)}),[t]),s=l[0],d=l[1];return o.createElement(gd,{lowerBound:e?0:s,upperBound:e?0:d,className:a,style:r},i)},xd=N.div(ld||(ld=t(["\n  a {\n    text-decoration: none;\n  }\n  .login-btn-mobile {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n"],["\n  a {\n    text-decoration: none;\n  }\n  .login-btn-mobile {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n"]))),fd=function(n){var e=n.onCareHeaderClick,t=n.currentUrl,i=n.careUrlFe,a=n.btnName;return o.createElement(xd,null,e?o.createElement(un,{className:"login-btn-mobile",size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:function(n){return e(n)}},a):o.createElement("a",{href:i,className:"care-button no-replace-click"},o.createElement(un,{className:"login-btn-mobile",size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},a)))},bd=function(n){var e=(n||{}).allowBgScroll,t=r();return{containerRef:t,onContainerFocus:function(){e||(document.documentElement.style.overflow="hidden")},onContainerBlur:function(){e||(document.documentElement.style.overflow="")},onButtonMouseDown:function(n){(document.activeElement===t.current||t.current.contains(document.activeElement))&&(t.current.blur(),document.activeElement.blur(),n.preventDefault())},onClose:function(){(document.activeElement===t.current||t.current.contains(document.activeElement))&&(t.current.blur(),document.activeElement.blur())}}},vd=N.div(sd||(sd=t(["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-bottom: 1px solid #ffffff;\n  text-decoration: none;\n  cursor: pointer;\n\n  & > div {\n    display: flex;\n    align-items: center;\n\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n\n  color: ",";\n\n  div[data-site-type='marryBaby'] & {\n    color: ",";\n  }\n  &:focus-within {\n    color: ",";\n    border-bottom: 1px solid\n      ",";\n    svg path {\n      stroke: ",";\n    }\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n      border-bottom: 1px solid\n        ",";\n      svg path {\n        stroke: ",";\n      }\n      svg:hover path {\n        stroke: ",";\n      }\n    }\n\n    "," {\n      visibility: initial;\n      opacity: 1;\n    }\n  }\n  &:not(:focus-within) {\n    "," {\n      img {\n        display: none;\n      }\n    }\n  }\n\n  .care-navigator {\n    color: ",";\n    font-size: 14px;\n    font-weight: 700;\n  }\n"],["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-bottom: 1px solid #ffffff;\n  text-decoration: none;\n  cursor: pointer;\n\n  & > div {\n    display: flex;\n    align-items: center;\n\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n\n  color: ",";\n\n  div[data-site-type='marryBaby'] & {\n    color: ",";\n  }\n  &:focus-within {\n    color: ",";\n    border-bottom: 1px solid\n      ",";\n    svg path {\n      stroke: ",";\n    }\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n      border-bottom: 1px solid\n        ",";\n      svg path {\n        stroke: ",";\n      }\n      svg:hover path {\n        stroke: ",";\n      }\n    }\n\n    "," {\n      visibility: initial;\n      opacity: 1;\n    }\n  }\n  &:not(:focus-within) {\n    "," {\n      img {\n        display: none;\n      }\n    }\n  }\n\n  .care-navigator {\n    color: ",";\n    font-size: 14px;\n    font-weight: 700;\n  }\n"])),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.secondaryDark}),(function(n){return n.theme.mbColors.dark}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.midGray}),(function(n){return n.theme.mbColors.pink}),As,As,(function(n){return n.theme.colors.secondaryDark})),yd=N.div(dd||(dd=t(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),wd=N.div(pd||(pd=t(["\n  cursor: pointer;\n  * {\n    pointer-events: none;\n  }\n"],["\n  cursor: pointer;\n  * {\n    pointer-events: none;\n  }\n"]))),kd=function(n){var e=n.item,t=n.menu,i=bd({allowBgScroll:!0}),a=i.containerRef,r=i.onContainerFocus,d=i.onContainerBlur,p=i.onButtonMouseDown,c=i.onClose,m=function(){var n=l(!0),e=n[0],t=n[1];return s((function(){t(!1)}),[]),e}();return!e.popupType&&e.link?o.createElement(vd,{className:m?"":"menu-handler-".concat(e.id),tabIndex:0,as:"a",href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},o.createElement(wd,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},e.name)):o.createElement(vd,{ref:a,className:m?"":"menu-handler-".concat(e.id),tabIndex:0,key:e.id,onBlur:d,onFocus:r,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},o.createElement(wd,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:p},e.name,e.popupType&&o.createElement(yd,null,o.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),o.isValidElement(t)?o.cloneElement(t,{onClose:c}):null)},Ed=function(n){var e=n.onClosePopup;return o.createElement(Rs,{className:"close-btn",onClick:e},o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))},Cd=function(n){var e=n.onClosePopup,t=n.isDisplay,i=n.children,a=n.isNavMenu,r=n.hideCloseBtn;return o.createElement(As,{className:"top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!a},o.createElement(z,null,!r&&o.createElement(Us,null,o.createElement(Ed,{onClosePopup:e})),o.createElement(Ms,null,i)))},Ld=function(n){var e,t=n.careSpecialties,i=void 0===t?[]:t,a=n.isOpen,r=n.onClose,l=n.spotlights,s=void 0===l?[]:l,d=Pn().t,p=m(Er),c=p.locale,h=p.configs.statics,g="".concat(h.CARE_URL_FE,"/").concat(null===(e=Nn[c])||void 0===e?void 0:e.SPECIALTIES);return o.createElement(Cd,{onClosePopup:r,isDisplay:a,isNavMenu:!0},o.createElement(Tr,{headingTitle:d("home.navigator.menuItem.specialties"),hrefViewMore:g,UrlFE:h.CARE_URL_FE,onClosePopup:r,titleBtnViewMore:d("home.navigator.menuItem.allSpecialties"),menuItems:(null==i?void 0:i.map((function(n){return n?{name:String(n.name)||"",link:yn({type:"DOCTOR",specialtySlug:n.slug,locale:c}),thumbnail:(null==n?void 0:n.thumbnail)||""}:{}})))||[]}),o.createElement(dl,{spotlights:s,hrefViewMore:g}))},Dd=function(n){var e=n.categories,t=void 0===e?[]:e,i=n.spotlightsList,a=void 0===i?[]:i,r=n.onClose,l=n.isOpen,s=Pn().t,d=m(Er),p=d.locale,c=d.configs.statics;return o.createElement(Cd,{onClosePopup:r,isDisplay:l,isNavMenu:!0},o.createElement(Tr,{hrefViewMore:"".concat(c.HOME_PAGE_URL).concat("tl-PH"===p?"/fil":"","/categories/"),UrlFE:c.HOME_PAGE_URL,onClosePopup:r,titleBtnViewMore:s("home.navigator.menuItem.allCategories"),menuItems:(null==t?void 0:t.map((function(n){return n?{name:n.displayName||null,link:(null==n?void 0:n.permalink)||"/",thumbnail:n.iconUrl||null}:{}})))||[],headingTitle:s("home.navigator.menuItem.healthCategories")}),o.createElement(wl,{spotlightsList:a,hrefViewMore:"".concat(c.HOME_PAGE_URL).concat("tl-PH"===p?"/fil":"","/spotlight/")}))},zd=function(n){var e=n.communities,t=void 0===e?[]:e,i=n.onClose,a=n.isOpen,r=n.spotlights,l=void 0===r?[]:r,s=Pn().t,d=m(Er).configs.statics;return o.createElement(Cd,{onClosePopup:i,isDisplay:a,isNavMenu:!0},o.createElement(Tr,{hrefViewMore:d.TOGETHER_URL_FE,UrlFE:d.TOGETHER_URL_FE,onClosePopup:i,titleBtnViewMore:s("home.navigator.menuItem.allCommunities"),menuItems:(null==t?void 0:t.map((function(n){return n?{name:n.name||"",link:n.slug||"/",thumbnail:n.thumbnail||""}:{}})))||[],headingTitle:s("home.navigator.menuItem.allCommunitiesheadingTitle")}),o.createElement(Xl,{spotlights:l}))},Pd=function(n){var e,t=n.locale,i=n.onClose,a=n.isOpen,r=n.spotlightHealthTools,l=void 0===r?[]:r,s=n.healthTools,d=void 0===s?[]:s,p=Pn().t,c=m(Er).configs.statics,h="".concat(c.HOME_PAGE_URL).concat("tl-PH"===t?"/fil":"").concat((null===(e=rn[t])||void 0===e?void 0:e.HEALTH_TOOLS)||"");return o.createElement(Cd,{onClosePopup:i,isDisplay:a,isNavMenu:!0},o.createElement(Tr,{hrefViewMore:h,UrlFE:c.HOME_PAGE_URL,onClosePopup:i,headingTitle:p("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:p("home.navigator.menuItem.allHealthTools"),menuItems:d.map((function(n){return{name:n.title,link:n.link?n.link.startsWith("http")?n.link:"".concat(c.HOME_PAGE_URL).concat(n.link):void 0,thumbnail:n.icon}}))}),o.createElement(Bs,{spotlightHealthTools:l,hrefViewMore:h}))};function Bd(n){var e=n.className,t=n.ampHidden,i=n.ampBindHiddenCondition;return o.createElement("div",{"data-amp-bind-hidden":i,hidden:t},o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e},o.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function Md(n){var e=n.siteType,t=n.type,i=n.enableSearch,a=n.className,r=n.ampBindHiddenCondition;return"helloSites"===e?o.createElement("div",{"data-amp-bind-hidden":r},o.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:i?X.getAssetPath("hamburgerMenuNewWithSearch.svg"):X.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:t,className:a})):o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:a},o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}var Nd=N.header(Sd||(Sd=t(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),_d=N.div(Od||(Od=t(["\n  margin-right: 8px;\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  ","\n  #categories-menu {\n    transition: transform 0.1s, opacity 0.1s;\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"],["\n  margin-right: 8px;\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  ","\n  #categories-menu {\n    transition: transform 0.1s, opacity 0.1s;\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"])),(function(n){return!n.isAmp&&H(Zd||(Zd=t(["\n      .mobile-close-icon {\n        display: none;\n      }\n      &:focus-within {\n        .mobile-close-icon {\n          display: block;\n        }\n        .mobile-hamburger-icon {\n          display: none;\n        }\n        #categories-menu {\n          transform: translateX(0);\n          opacity: 1;\n        }\n      }\n    "],["\n      .mobile-close-icon {\n        display: none;\n      }\n      &:focus-within {\n        .mobile-close-icon {\n          display: block;\n        }\n        .mobile-hamburger-icon {\n          display: none;\n        }\n        #categories-menu {\n          transform: translateX(0);\n          opacity: 1;\n        }\n      }\n    "])))})),Hd=N.div(Id||(Id=t(["\n  cursor: pointer;\n  > * {\n    pointer-events: none;\n  }\n"],["\n  cursor: pointer;\n  > * {\n    pointer-events: none;\n  }\n"]))),Td=N.div(Fd||(Fd=t(["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  &[data-is-amp='true'] {\n    position: relative;\n    transform: translateY(0);\n    transition: transform 0.5s;\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n\n    &[data-is-amp='true'] {\n      position: relative;\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"],["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  &[data-is-amp='true'] {\n    position: relative;\n    transform: translateY(0);\n    transition: transform 0.5s;\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n\n    &[data-is-amp='true'] {\n      position: relative;\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.mbColors.lightPink}),P.mbUp,P.mbDown,vn.headerContainerHome,vn.headerContainerPopup,vn.headerContainerPopupSUbLevel,(function(n){return n.theme.mbColors.lightGray})),jd=N.div(Vd||(Vd=t(["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"],["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"])),P.pcDown,P.mbDown,P.tdUp),Ad=N.div(Wd||(Wd=t(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),P.pcDown),Ud=N.div(Gd||(Gd=t([""],[""]))),Rd=N.div(Yd||(Yd=t(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  "," {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  "," {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),vd,P.pcUp,P.pcDown,P.mbDown);N.div(qd||(qd=t(["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"],["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"])));var Sd,Zd,Od,Id,Fd,Vd,Wd,Gd,Yd,qd,Xd,Jd,Kd,Qd,$d,np,ep,tp,ip,ap=N.div(Xd||(Xd=t(["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"],["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"])),P.pcDown,P.mbDown),op=N.div(Jd||(Jd=t(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"]))),rp=function(n){var e=n.type,t=void 0===e?"home":e,i=n.menuItems,a=m(Er),r=a.siteType,l=a.isAmp,s=a.configs.enableSearchBar,d=bd(),p=d.containerRef,c=d.onContainerFocus,h=d.onContainerBlur,g=d.onButtonMouseDown,u=d.onClose;return o.createElement(ud,{mediaQueryKey:"mbDown",forceDisplay:!!l||void 0},l&&o.createElement("amp-state",{id:"menu"},o.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify({lightbox:"closed"})}})),o.createElement(Nd,null,o.createElement(_d,{ref:p,on:"tap:discover-amp-lightbox",role:"button",tabIndex:0,onBlur:h,onFocus:c,isAmp:l},o.createElement(Hd,{onMouseDown:g,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},o.createElement(Bd,{className:"mobile-close-icon",ampHidden:l&&!0,ampBindHiddenCondition:"menu.lightbox == 'closed'"}),o.createElement(Md,{siteType:r,type:t,enableSearch:s,className:"mobile-hamburger-icon",ampBindHiddenCondition:"menu.lightbox == 'open'"})),!l&&o.createElement(hd,{menuItems:i,closePopup:u}))))},lp=N.div(Kd||(Kd=t(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),P.mbDown,P.mbUp,(function(n){return n.theme.colors.gray800}),P.mbDown,P.mbUp,(function(n){return n.theme.colors.gray600}),P.mbDown,P.mbUp),sp=N.div(Qd||(Qd=t(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),P.mbDown,P.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""})),dp=function(n){var e=n.openLogoutPopup,t=n.onCloseHandler,i=n.onLogoutHandler,a=n.siteType,r=void 0===a?"helloSites":a,l=Pn().t;return s((function(){document.body.classList.toggle("noscroll",e)}),[e]),o.createElement(sn,null,o.createElement(V,{type:"confirm",isOpen:e,closeIcon:o.createElement("img",{src:X.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon"}),onClose:t},o.createElement(lp,null,"helloSites"===r&&o.createElement("img",{src:X.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account"}),o.createElement("h2",null,l("helloSites"===r?"logout.popup.ask1":"logout.popup.ask.mb")),o.createElement("p",null,l("logout.popup.ask2")),o.createElement(sp,{siteType:r},o.createElement(un,{className:"logout-button",color:"tertiary",size:"lg",onClick:i},l("logout.popup.button.logout")),o.createElement(un,{className:"cancel-button",color:"primary",size:"lg",onClick:t},l("logout.popup.button.cancel"))))))},pp=N.div($d||($d=t(["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),P.mbDown,P.mbUp,P.mbDown,P.mbUp,P.mbDown,P.mbUp,(function(n){return n.theme.colors.gray200}),P.mbDown,bn.colors.neutral100,P.mbUp),cp=N.div(np||(np=t(["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"])),P.mbUp,P.mbDown),mp=N.div(ep||(ep=t(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.theme.colors.secondaryBase})),hp=N.a(tp||(tp=t(["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"],["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"])),pp,P.mbDown,cp),gp=N.a(ip||(ip=t(["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"],["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"])),P.mbUp,P.mbUp),up=function(n){var e=n.type,t=void 0===e?"lead":e,i=n.closeIcon,a=n.isOpen,r=void 0===a||a,l=n.onClose,s=n.children,d=n.enableAnimation,p=void 0===d||d,c=n.targetAvatar,m=n.id,h=n.className;return o.createElement(o.Fragment,null,o.createElement(pp,{"data-open":r,"data-type":t,"data-animation":p,"data-target":c,id:m,className:h},o.createElement("div",{className:"popup-content"},!!i&&o.createElement("div",{className:"close-button",onClick:l},i),s)),o.createElement(cp,{"data-type":t,"data-open":r,onClick:l,id:m?"wrapper-".concat(m):void 0,className:"".concat(h||"","-wrapper")}))},xp=function(n){var e=n.SSO_URL,t=n.UP_BASEPATH,i=n.isOpen,a=n.targetAvatar,r=n.userInfo,l=n.enableCare,s=n.enableTogether,d=n.enableEcom,p=n.closePopup,c=n.siteType,m=void 0===c?"helloSites":c,h=n.dispatchLogout,g=n.userProfileRouterPush,u=n.isUserProfileNavigatorMenuHidden,x=n.isMyHealthEnabled,f=void 0!==x&&x,b=n.togetherApiDomain,v=n.locale,y=function(n){g?g("/".concat(n)):e&&(window.location.href="".concat(e).concat(t,"/").concat(n))},w=function(n){y(n),p()};return o.createElement(up,{isOpen:i,type:"profile",enableAnimation:!0,targetAvatar:a,onClose:p},o.createElement(wn,{SSO_URL:e,UP_BASEPATH:t,themeName:m,userInfo:r,enableCare:l,enableTogether:s,enableEcom:d,onClickLogout:function(){h&&(h(),p())},onClickMenuItem:w,onClickNavigationCard:w,onClickMyProfileButton:function(){y("profile"),p()},isUserProfileNavigatorMenuHidden:u,isMyHealthEnabled:f,togetherApiDomain:b,locale:v}))},fp=function(e){var t=e.userInfo,r=e.siteType,d=e.isAmp,p=e.goToLogin,c=e.SSO_URL,m=e.currentUrl,h=e.isMinifyLogin,g=e.enableCare,u=e.enableTogether,x=e.enableEcom,f=e.isUserProfileNavigatorMenuHidden,b=e.UP_BASEPATH,y=e.isMyHealthEnabled,w=e.togetherApiDomain,k=e.onLogout,E=e.style,C=e.userProfileRouterPush,L=e.isLoading,D=e.locale,z=Pn().t,P=l(!1),B=P[0],M=P[1],N=(null==t?void 0:t.name)||(null==t?void 0:t.username),_=l(!1),H=_[0],T=_[1];s((function(){T(!0)}),[]);var j=bd(),A=j.containerRef,U=j.onContainerFocus,R=j.onContainerBlur,S=j.onButtonMouseDown,Z=j.onClose;return L&&!d?o.createElement(un,{size:"sm",color:"transparent",isLoading:!0}):(null==t?void 0:t.id)?o.createElement(o.Fragment,null,o.createElement(hp,{ref:A,href:d?"".concat(c,"user/profile"):void 0,style:E,tabIndex:0,onBlur:R,onFocus:U},o.createElement("div",{onMouseDown:S},o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},o.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),o.createElement(W,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==t?void 0:t.avatar,firstLetter:N&&N.length?N[0].toUpperCase():"A",backgroundColor:"marryBaby"===r?bn.mbColors.pink:bn.colors.secondaryBase,isAmp:d})),!d&&o.createElement(xp,{UP_BASEPATH:b,SSO_URL:c,dispatchLogout:function(){Z(),M(!0)},isOpen:!1,isMyHealthEnabled:y,enableCare:g,enableTogether:u,enableEcom:x,closePopup:Z,userInfo:t,siteType:r,isUserProfileNavigatorMenuHidden:f,togetherApiDomain:w,userProfileRouterPush:C,locale:D})),!d&&o.createElement(dp,{openLogoutPopup:B,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),M(!1)},siteType:r,onLogoutHandler:function(){return i(void 0,void 0,void 0,(function(){return a(this,(function(n){switch(n.label){case 0:return M(!1),document.body.classList.toggle("noscroll",!1),[4,k()];case 1:return n.sent(),[2]}}))}))}})):o.createElement(gp,{style:n({textDecoration:"none"},E),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":m,href:d?"".concat(c,"?returnUrl=").concat(m.replace("?amp=1","")):H?void 0:"".concat(c,"?returnUrl=").concat(m),"data-site-type":r},h?o.createElement(mp,{onClick:p},o.createElement("img",{"data-src":X.getAssetPath("lock.png"),className:"avatar lazy",alt:"avatar"})):o.createElement(o.Fragment,null,"helloSites"===r&&o.createElement("img",{className:"mobile-only",src:X.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:p}),"marryBaby"===r&&o.createElement("div",{className:"mobile-only",onClick:p,style:{paddingLeft:16}},o.createElement(v,{size:"p3",color:bn.mbColors.pink},z("navigation.loginJoin"))),o.createElement(un,{className:"login-btn",size:"md",color:"tertiary",onClick:p,icon:o.createElement("img",{src:X.getAssetPath("login.svg"),width:18,height:18,style:{marginRight:8}}),theme:r},z("navigation.loginJoin"))))};function bp(n){var e=n.goToLogin,t=m(Er),i=t.siteType,a=t.isAmp,r=t.userState.userInfo,l=t.currentUrl,s=t.locale,d=t.onLogout,p=t.userProfileRouterPush,c=t.configs,h=c.enableNavCare,g=c.enableProfileMyHealth,u=c.enableNavTogether,x=c.enableProfileEcom,f=c.statics,b=c.enableProfileNavigatorMenu,v=t.isUserLoading;return o.createElement(fp,{userInfo:r,siteType:i,isAmp:a,goToLogin:e,SSO_URL:f.SSO_URL+"/",currentUrl:l,onLogout:d,UP_BASEPATH:ln,isMyHealthEnabled:g,enableCare:h,enableTogether:u,enableEcom:x,togetherApiDomain:f.TOGETHER_API+"/",isUserProfileNavigatorMenuHidden:!b,userProfileRouterPush:p,isLoading:v,locale:s})}var vp,yp,wp,kp,Ep=function(n){var e,t,i,a,d,p=n.onTopBarAppears,c=n.type,g=void 0===c?"home":c,u=n.languageMenu,x=n.menuItems,f=n.setSitewideBannerClosed,b=n.sitewideBannerClosed,v=m(Er),y=v.siteType,w=v.isAmp,k=v.isMobile,E=void 0!==k&&k,L=v.locale,D=v.sitewideBanner,z=v.sitewideBannerShown,P=void 0===z||z,B=v.sponsorComponent,N=v.onBookingClick,_=v.currentUrl,H=v.ssrMenuContent,T=H.categories,j=H.healthTools,A=H.care,U=H.together,R=v.configs,S=R.statics,Z=R.enableNavCareBooking,O=R.enableSearchBar,I=Pn().t,F=S.SSO_URL,V=S.HOME_PAGE_URL,W=!!B,G=l(!1),Y=G[0],J=G[1],K=r(47),Q=r(null),$=r(!1),nn="helloSites"===y?null===(e=on[L])||void 0===e?void 0:e.LOGO_TYPE:y,en="undefined"!=typeof window,tn=h(q((function(){if("home"===g&&en){if(!Q.current)return;var n=Q.current.getBoundingClientRect();n.top<=0&&window.scrollY>K.current&&window.scrollY>n.height+20&&!$.current&&($.current=!0,J(!0)),window.scrollY<K.current&&$.current&&($.current=!1,J(!1)),window.scrollY>=0&&(K.current=window.scrollY)}}),200),[]);s((function(){null==p||p(!Y)}),[Y]),s((function(){return window.addEventListener("scroll",tn,{passive:!0}),function(){window.removeEventListener("scroll",tn)}}),[]),s((function(){E&&tn()}),[E]),s((function(){null==M||M.update(document.querySelectorAll("#site-header img"))}),[null===(t=null==T?void 0:T.items)||void 0===t?void 0:t.length,null===(i=null==j?void 0:j.items)||void 0===i?void 0:i.length,null===(a=null==A?void 0:A.items)||void 0===a?void 0:a.length,null===(d=null==U?void 0:U.items)||void 0===d?void 0:d.length,E]);var an=P&&!!D&&!b;return o.createElement(Td,{"data-site-type":y,"data-sponsored":W,"data-sitewide-banner-shown":an,"data-header-type":g,"data-collapsed":Y,"data-with-search-input":"popup-sub-level"!==g,"data-is-displayed":!0,"data-is-amp":w,id:"site-header",ref:Q},D?o.isValidElement(D)?o.cloneElement(D,{isCollapsed:Y,setBannerClosed:f,isAmp:w,isMobile:E}):D:null,o.createElement(jd,{"data-site-type":y},o.createElement(Ad,{"data-site-type":y},o.createElement(rp,{menuItems:x,type:g}),o.createElement("a",{href:V},o.createElement(Ud,null,o.createElement(C,{style:{display:"flex"},type:nn,height:"27px",width:"121px",badge:"id-ID"===L&&(w?o.createElement("amp-img",{src:X.getAssetPath("sehat-badge.png"),width:"56",height:"23"}):o.createElement("img",{src:X.getAssetPath("sehat-badge.png"),width:"56",height:"23"}))}))),!w&&("marryBaby"===y?o.createElement(Lp,{menuItems:x}):O&&o.createElement(Cp,{siteType:y}))),o.createElement(Rd,{"data-site-type":y},!w&&("marryBaby"===y?O&&o.createElement(Cp,{siteType:y}):o.createElement(Lp,{menuItems:x})),o.createElement(ap,null,Z&&!w&&o.createElement(ud,{mediaQueryKey:"mbUp",forceDisplay:!w&&void 0},o.createElement(fd,{careUrlFe:S.CARE_URL_FE,currentUrl:_,btnName:I("login.booking"),onCareHeaderClick:N})),u,o.createElement(bp,{goToLogin:function(){var n=window.location.href;window.location.href=F?"".concat(F,"?returnUrl=").concat(n):n}})))),B?o.isValidElement(B)?o.cloneElement(B,{isCollapsed:Y,locale:L,isMobile:E,isAmp:w}):B:null)},Cp=function(n){var e=n.siteType;return o.createElement(ud,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},o.createElement(Dr,null))},Lp=function(n){var e=n.menuItems,t=m(Er),i=t.siteType,a=t.locale,r=t.ssrMenuContent,l=r.categories,s=r.healthTools,d=r.care,p=r.together;return o.createElement(ud,{mediaQueryKey:"mbUp",style:{height:"100%"}},o.createElement(op,{"data-site-type":i},null==e?void 0:e.map((function(n,e){return o.createElement(kd,{key:e,item:n,menu:"categories"===n.popupType?o.createElement(Dd,{categories:null==l?void 0:l.items,spotlightsList:null==l?void 0:l.spotlights}):"tools"===n.popupType?o.createElement(Pd,{locale:a,healthTools:null==s?void 0:s.items,spotlightHealthTools:null==s?void 0:s.spotlights}):"together"===n.popupType?o.createElement(zd,{communities:null==p?void 0:p.items,spotlights:null==p?void 0:p.spotlights}):"care"===n.popupType?o.createElement(Ld,{careSpecialties:null==d?void 0:d.items,spotlights:null==d?void 0:d.spotlights}):null})}))))},Dp=N.div(yp||(yp=t(["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  ","\n\n  .amp-header {\n    position: fixed;\n    z-index: var(--header-z-index);\n    top: 0;\n    left: 0;\n    width: 100vw;\n    max-width: 100vw;\n\n    > [data-site-type] {\n      border-bottom: none;\n    }\n  }\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n"],["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  ","\n\n  .amp-header {\n    position: fixed;\n    z-index: var(--header-z-index);\n    top: 0;\n    left: 0;\n    width: 100vw;\n    max-width: 100vw;\n\n    > [data-site-type] {\n      border-bottom: none;\n    }\n  }\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n"])),P.mbDown,(function(n){return!n.isAmp&&H(vp||(vp=t(["\n      -webkit-transform: translateZ(0);\n      position: sticky;\n    "],["\n      -webkit-transform: translateZ(0);\n      position: sticky;\n    "])))}));N.div(wp||(wp=t(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"],["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"]))),N.a(kp||(kp=t(["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"],["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"])));var zp=function(e){var t,i,a=e.isMobile,d=e.isAmp,p=void 0!==d&&d,g=e.locale,u=e.onTopBarAppears,x=e.languageOptions,f=e.ampSubBar,b=e.sponsorComponent,v=e.sitewideBanner,y=e.sitewideBannerShown,w=e.className,k=l(!1),E=k[0],C=k[1],L=function(){var n=Pn().t,e=m(Er),t=e.siteType,i=e.locale,a=e.configs,o=a.enableNavCare,r=a.enableNavTogether,l=a.enableNavEcom,s=a.statics,d="marryBaby"===t,p=c((function(){var e,t=[{name:n("home.navigator.menuItem.discover"),id:"categories",link:"".concat(s.HOME_PAGE_URL).concat("tl-PH"===i?"/fil":"","/categories"),niceName:"",thumbnail:d?X.getAssetPath("categories-mb.svg"):X.getAssetPath("discover.png"),popupType:"categories"},{name:n("home.navigator.menuItem.healthTools"),id:"tools",link:"".concat(s.HOME_PAGE_URL).concat("tl-PH"===i?"/fil":"").concat((null===(e=rn[i])||void 0===e?void 0:e.HEALTH_TOOLS)||""),thumbnail:d?X.getAssetPath("healthtools-mb.svg"):X.getAssetPath("healthTools.png"),popupType:"tools"}];return o&&t.push({name:n("home.navigator.menuItem.helloCare"),id:"care",link:s.HOME_PAGE_URL+"/care",thumbnail:X.getAssetPath("helloCare-thumbnail.png"),popupType:"zh-TW"===i?null:"care"}),r&&t.push({name:n("home.navigator.menuItem.helloTogether"),id:"together",link:s.TOGETHER_URL_FE+"/",thumbnail:d?X.getAssetPath("community-mb.svg"):X.getAssetPath("together.png"),popupType:"together"}),l&&t.push({name:n("home.navigator.menuItem.helloEcom"),id:"ecom",link:s.HOME_PAGE_URL+"/ecom",thumbnail:X.getAssetPath("helloCare-thumbnail.png"),popupType:"shop"}),t}),[i,o,r,l]);return p}();!function(){var e=m(Er),t=e.isFirstLogin,i=e.userState.userInfo;s((function(){(null==i?void 0:i.id)&&(t?(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:n({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:n({uuid:null==i?void 0:i.id,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:n({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:n({uuid:null==i?void 0:i.id,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})})}),[])}();var D=p&&{"next-page-hide":""},z=function(n){var e=n.hasSponsoredBanners,t=n.isSiteWide,i=n.isSponsored,a=n.isShowingSiteWideBanner,o=n.isMobile,d=n.showAmpSubBar,p=r(null),m=l(0),g=m[0],u=m[1],x=l(64),f=x[0],b=x[1],v=h(G((function(){var n,e,t,i,a=(null===(n=p.current)||void 0===n?void 0:n.clientHeight)||(null===(t=null===(e=p.current)||void 0===e?void 0:e.children[0])||void 0===t?void 0:t.clientHeight)||0;window.scrollY<=a+200&&(u(a),b((null===(i=p.current)||void 0===i?void 0:i.getBoundingClientRect().bottom)||g))}),200),[]);s((function(){return window.addEventListener("resize",v),window.addEventListener("scroll",v),v(),function(){window.removeEventListener("resize",v),window.removeEventListener("scroll",v)}}),[]),s((function(){v()}),[d,o,t,a,i,e,p.current]);var y=c((function(){var n=o?64:69;return a&&(n+=64),i&&(n+=40,e&&(n+=57)),d&&(n+=32),n}),[o,a,e,i,d]);return{defaultHeaderHeight:y,headerHeight:g||y,headerBottom:f,headerRef:p}}({isSiteWide:!!v&&!E,isShowingSiteWideBanner:y&&!!v&&!E,isSponsored:!!b,hasSponsoredBanners:!!(null===(i=null===(t=null==b?void 0:b.props)||void 0===t?void 0:t.sponsoredBy)||void 0===i?void 0:i.length),isMobile:a,showAmpSubBar:p&&!!f}),P=z.headerRef,B=z.defaultHeaderHeight,M=z.headerHeight,N=z.headerBottom;return o.createElement(Dp,{id:"navigation-v2",style:{"--default-header-height":B+"px","--header-height":"calc(".concat(M,"px - var(--amp-site-wide-closed), 64px)"),"--header-bottom":N+"px"},isAmp:p,className:"".concat(p&&y?"nav-open":""," ").concat(w)},o.createElement("section",n({className:p?"amp-header":void 0,"next-page-replace":"hhg-navigator","amp-fx":"float-in-top"},D,{ref:P,style:p?{overflow:"hidden"}:void 0}),o.createElement(Ep,{menuItems:L,type:"home",onTopBarAppears:a?function(n){u&&u(n)}:void 0,languageMenu:o.createElement(zo,{languageOptions:x,locale:g}),setSitewideBannerClosed:C,sitewideBannerClosed:E}),a&&p&&void 0!==f&&o.createElement(o.Fragment,null,f)),p&&o.createElement("amp-lightbox",{id:"discover-amp-lightbox",layout:"nodisplay",style:{width:"100vw",maxWidth:"100vw"},on:"lightboxOpen:AMP.setState({menu: {lightbox: 'open'}});lightboxClose:AMP.setState({menu: {lightbox: 'closed'}})"},o.createElement("div",n({style:{position:"absolute",width:"100%",height:"100%"},role:"button",tabIndex:1},{on:"tap:discover-amp-lightbox.close"})),o.createElement(hd,{menuItems:L})))},Pp=function(e){var t=n({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return o.createElement(Cr,n({},t),o.createElement(zp,n({},t)))},Bp=function(n){return i(void 0,void 0,void 0,(function(){var e,t,i,o,r,l,s,d,p,c,m,h,g,u,x,f,b,v,y,w,k,E,C,L,D,z,P,B,M,N,_,H,T,j,A,S;return a(this,(function(a){switch(a.label){case 0:e={},t="vi-VN_MB"===n,a.label=1;case 1:a.trys.push([1,14,,15]),i="tl-PH"===n?"lang=fil":"",a.label=2;case 2:return a.trys.push([2,4,,5]),[4,Promise.all([fetch("".concat(hn(n),"/wp-json/api/categories").concat(i?"?"+i:"")).then((function(n){return n.json()})),fetch("".concat(hn(n),"/wp-json/api/spotlights?per_page=10").concat(i?"&"+i:"")).then((function(n){return n.json()})),fetch("".concat(hn(n),"/wp-json/api/").concat(t?"health-tools":"healthtools").concat(i?"?"+i:"")).then((function(n){return n.json()})),fetch("".concat(hn(n),"/wp-json/api/").concat(t?"health-tools":"healthtools","/favorites").concat(i?"?"+i:"")).then((function(n){return n.json()}))])];case 3:return o=a.sent(),r=o[0],l=o[1],s=o[2],d=o[3],e.categories={items:(null===(b=null===(f=null==r?void 0:r.data)||void 0===f?void 0:f.map)||void 0===b?void 0:b.call(f,Cn))||[],spotlights:(null===(k=null===(w=null===(y=null===(v=null==l?void 0:l.data)||void 0===v?void 0:v.articles)||void 0===y?void 0:y.map)||void 0===w?void 0:w.call(y,Ln))||void 0===k?void 0:k.filter(Dn))||[]},e.healthTools={items:(null===(C=null===(E=null==s?void 0:s.data)||void 0===E?void 0:E.map)||void 0===C?void 0:C.call(E,zn))||[],spotlights:(null===(D=null===(L=null==d?void 0:d.data)||void 0===L?void 0:L.map)||void 0===D?void 0:D.call(L,zn))||[]},[3,5];case 4:return a.sent(),[3,5];case 5:if(!t&&!an.includes(n))return[3,9];a.label=6;case 6:return a.trys.push([6,8,,9]),[4,Promise.all([fetch("".concat(mn(),"/api/v1/community?website_url=https://").concat(nn[n])).then((function(n){return n.json()})),fetch("".concat(mn(),"/api/v1/options?website_url=https://").concat(nn[n],"&meta_key=popular_post")).then((function(n){return n.json()}))])];case 7:return p=a.sent(),c=p[0],m=p[1],e.together={items:(null===(B=null===(P=null===(z=null==c?void 0:c.data)||void 0===z?void 0:z.communities)||void 0===P?void 0:P.map)||void 0===B?void 0:B.call(P,U))||[],spotlights:(null===(_=null===(N=null===(M=null==m?void 0:m.data)||void 0===M?void 0:M.posts)||void 0===N?void 0:N.map)||void 0===_?void 0:_.call(N,R))||[]},[3,9];case 8:return a.sent(),[3,9];case 9:if(!en.includes(n))return[3,13];a.label=10;case 10:return a.trys.push([10,12,,13]),[4,Promise.all([fetch(gn()+"/api/specialties?_ishome=1&site=".concat(nn[n])).then((function(n){return n.json()})),fetch(gn()+"/api/search/?site=".concat(nn[n],"&type=hospital&order_by=total_doctor")).then((function(n){return n.json()}))])];case 11:return h=a.sent(),g=h[0],u=h[1],e.care={items:(null===(j=null===(T=null===(H=null==g?void 0:g._data)||void 0===H?void 0:H.specialties)||void 0===T?void 0:T.map)||void 0===j?void 0:j.call(T,kn))||[],spotlights:(null===(S=null===(A=null==u?void 0:u._data.searches)||void 0===A?void 0:A.map)||void 0===S?void 0:S.call(A,En))||[]},[3,13];case 12:return a.sent(),[3,13];case 13:return[3,15];case 14:return x=a.sent(),console.error(x),[3,15];case 15:return[2,e]}}))}))},Mp=function(n){return i(void 0,void 0,void 0,(function(){return a(this,(function(e){switch(e.label){case 0:return[4,g("nav-menu-content",(function(){return Bp(n||"en-PH")}),(function(n){var e,t;return!!(null===(t=null===(e=null==n?void 0:n.categories)||void 0===e?void 0:e.items)||void 0===t?void 0:t.length)}))];case 1:return[2,e.sent()||{}]}}))}))};export{ti as $,at as A,it as B,Ie as C,Ye as D,ot as E,Qn as F,rt as G,pt as H,ht as I,vt as J,Gt as K,zo as L,ra as M,Pp as N,Wt as O,xp as P,Vt as Q,$n as R,He as S,Yt as T,ft as U,Xt as V,qt as W,Jt as X,Qt as Y,ni as Z,ai as _,st as a,ri as a0,li as a1,si as a2,di as a3,pi as a4,ci as a5,hi as a6,Zi as a7,Oi as a8,Ii as a9,Xa as aA,Ja as aB,Ka as aC,co as aD,Qa as aE,vo as aF,hr as aG,Bo as aH,No as aI,Mo as aJ,Ho as aK,mr as aL,ur as aM,gr as aN,xr as aO,fr as aP,br as aQ,vr as aR,yr as aS,wr as aT,kr as aU,Fi as aa,Wi as ab,Si as ac,Gi as ad,Yi as ae,Vi as af,qi as ag,Xi as ah,Ji as ai,Ki as aj,Qi as ak,$i as al,wa as am,ya as an,va as ao,ba as ap,la as aq,xa as ar,fa as as,Fa as at,Va as au,Ia as av,Wa as aw,Ga as ax,Ya as ay,qa as az,Ft as b,ut as c,Ri as d,oa as e,Mp as f,Bp as g,dp as h,fp as i,Ae as j,je as k,Ue as l,Te as m,Re as n,Se as o,Ze as p,Fe as q,qe as r,Xe as s,nt as t,et as u,Ke as v,Qe as w,Je as x,$e as y,tt as z};