@hhgtech/hhg-components 1.28.26 → 1.28.28

package/build/index-f712bf65.js

@@ -0,0 +1,3533 @@
+"use strict";var e=require("react"),t=require("./index-cefda9d4.js"),a=require("./useTranslations-45ef6653.js");require("lodash/debounce"),require("./isProduction-51951576.js"),require("./index-85ea987c.js"),require("./useCategory-db396f3e.js");var i=require("@mantine/core"),r=require("styled-components"),o=require("./screenSizeContext-a6dd41f9.js"),n=require("./index-9c75f185.js"),l=require("./index-a3916b70.js"),d=require("./index.styles-5b4ce3f7.js"),s=require("./index-289338c5.js"),p=require("./tslib.es6-5f2b74ff.js"),c=require("dayjs"),m=require("./theme-3f0985a0.js"),u=require("./Subot-1722467d.js"),g=require("./gAssets.js"),h=require("./index-08284f8f.js");require("@mantine/dates"),require("./translationsContext-8d6ba9f9.js"),require("string-format"),require("@mantine/hooks");var f=require("@hookform/resolvers/yup"),x=require("react-hook-form"),b=require("./index-ee279ebe.js"),y=require("./constants-40e42f36.js"),v=require("./index.styled-366879b1.js"),w=require("date-fns");require("./utils-cef4a03b.js");var k=require("./index-dbb6aa7b.js"),C=require("./index-cdb7ff38.js");require("./index-0b14280f.js");var E=require("./types-f1f451e3.js"),$=require("react-day-picker/DayPickerInput");function D(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var S=D(e),B=D(r),M=D(c),z=D($),P="tliWyii";const T=e.memo((()=>S.default.createElement("div",{className:"shoppable"},S.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},S.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),S.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),I=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>S.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},S.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),N=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>S.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},S.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"}))));var A=i.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const _=B.default.a`
+  display: flex;
+  height: 125px;
+
+  box-sizing: border-box;
+  flex-direction: column;
+  align-items: center;
+  padding: 8px;
+
+  border: 1px solid ${e=>e.theme.colors.neutral100};
+  background-color: white;
+  border-radius: ${e=>e.theme.borderRadius};
+  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);
+  cursor: pointer;
+  text-decoration: none;
+
+  & > .banner {
+    width: 100%;
+    height: 63px;
+    text-align: center;
+  }
+
+  & > .content {
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    text-align: center;
+    word-break: break-word;
+  }
+
+  * {
+    pointer-events: none;
+  }
+`,j=B.default.div`
+  display: flex;
+
+  &[data-type='vertical'] {
+    flex-direction: column;
+
+    div {
+      margin-bottom: 20px;
+    }
+  }
+
+  &[data-type='horizontal'] {
+    flex-wrap: wrap;
+
+    div {
+      margin-right: 25px;
+    }
+
+    &[data-is-rectangle] {
+      div {
+        margin-right: 14px;
+      }
+    }
+  }
+`,O={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},Q=B.default.div`
+  .pickerContainer {
+    position: relative;
+    padding-top: 0;
+    & > div > svg {
+      position: absolute;
+      top: 36px;
+      right: 16px;
+      cursor: pointer;
+    }
+
+    & > :not(:first-child) {
+      position: absolute;
+      z-index: 2;
+      width: 100%;
+    }
+  }
+
+  &[data-is-static] .pickerOverlayWrapper {
+    position: static;
+    max-width: 250px;
+    aspect-ratio: 1 / 1;
+
+    > .pickerOverlay {
+      padding: 1rem;
+    }
+  }
+
+  .pickerOverlayWrapper {
+    min-width: 320px;
+  }
+
+  &[data-align-right='true'] {
+    .pickerOverlayWrapper {
+      right: 0;
+    }
+  }
+
+  .pickerOverlay {
+    margin-top: 6px;
+    background: white;
+    border-radius: ${e=>e.theme.borderRadius};
+    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);
+  }
+
+  .picker {
+    width: 100%;
+  }
+
+  .react-datepicker-popper {
+    .react-datepicker {
+      display: flex;
+      width: 340px;
+      height: 305px;
+      align-items: center;
+      justify-content: center;
+      border: none;
+      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),
+        (-2px 2px 5px rgba(67, 86, 100, 0.123689));
+    }
+
+    .svg {
+      cursor: pointer;
+      stroke: ${e=>e.theme.colors.gray800};
+    }
+    .react-datepicker__day {
+      width: 40px;
+    }
+
+    .react-datepicker__header {
+      border-bottom: 0;
+      background-color: white;
+    }
+
+    .react-datepicker__day--outside-month {
+      color: #e9e9e9;
+    }
+
+    .react-datepicker__day {
+      font-weight: ${e=>e.theme.sizes.fwBold};
+    }
+
+    .react-datepicker__day--selected,
+    .react-datepicker__day--today,
+    .react-datepicker__day--selected:hover,
+    .react-datepicker__day--keyboard-selected {
+      width: 32px;
+      height: 30px;
+      margin: 4px;
+      margin-bottom: -2px;
+      background: ${e=>e.theme.colors.primaryBase};
+      border-radius: 50%;
+    }
+
+    .react-datepicker__day-name {
+      width: 40px;
+    }
+
+    .react-datepicker__triangle {
+      display: none;
+    }
+
+    .react-datepicker__header.react-datepicker__header--custom {
+      svg {
+        stroke: #262626;
+      }
+      select {
+        background: ${e=>e.theme.colors.neutral100};
+        text-align: center;
+        &:not(:last-child) {
+          padding: 8px 10px;
+          margin-right: 15px;
+          border-radius: ${e=>e.theme.borderRadius};
+        }
+      }
+    }
+  }
+
+  /* DayPicker styles */
+
+  .DayPicker {
+    display: inline-block;
+    font-size: 1rem;
+  }
+
+  .DayPicker-wrapper {
+    position: relative;
+
+    flex-direction: row;
+    padding-bottom: 1em;
+
+    -webkit-user-select: none;
+
+    -moz-user-select: none;
+
+    -ms-user-select: none;
+
+    user-select: none;
+  }
+
+  .DayPicker-Months {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  .DayPicker-Month {
+    display: table;
+    margin: 0 16px;
+    margin-top: 16px;
+    border-collapse: collapse;
+    border-spacing: 0;
+
+    -webkit-user-select: none;
+
+    -moz-user-select: none;
+
+    -ms-user-select: none;
+
+    user-select: none;
+  }
+
+  .DayPicker-NavBar {
+    position: absolute;
+    top: 16px;
+    left: 0;
+    display: flex;
+    width: 100%;
+    height: 0;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 20px;
+  }
+
+  .DayPicker-NavButton {
+    width: 24px;
+    height: 24px;
+    margin-bottom: -47px;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 16px 16px;
+    color: #8b9898;
+    cursor: pointer;
+  }
+
+  .DayPicker-NavButton:hover {
+    opacity: 0.8;
+  }
+
+  .DayPicker-NavButton--prev {
+    //left: 2px;
+    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");
+  }
+
+  .DayPicker-NavButton--next {
+    //right: 2px;
+    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");
+  }
+
+  .DayPicker-NavButton--interactionDisabled {
+    display: none;
+  }
+
+  .DayPicker-Caption {
+    display: table-caption;
+    width: 100%;
+    height: 46px;
+    padding: 0 32px;
+  }
+
+  .DayPicker-Caption select {
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    text-align: left;
+  }
+
+  .DayPicker-Weekdays {
+    display: table-header-group;
+    margin-top: 1em;
+  }
+
+  .DayPicker-WeekdaysRow {
+    display: table-row;
+  }
+
+  .DayPicker-Weekday {
+    display: table-cell;
+    padding: 0.5em;
+    color: #8b9898;
+    font-size: 0.875em;
+    text-align: center;
+  }
+
+  .DayPicker-Weekday abbr[title] {
+    border-bottom: none;
+    text-decoration: none;
+  }
+
+  .DayPicker-Body {
+    display: table-row-group;
+  }
+
+  .DayPicker-Week {
+    display: table-row;
+  }
+
+  .DayPicker-Day {
+    display: table-cell;
+
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    cursor: pointer;
+    text-align: center;
+    vertical-align: middle;
+  }
+
+  .DayPicker-WeekNumber {
+    display: table-cell;
+    min-width: 1em;
+    padding: 0.5em;
+    border-right: 1px solid #eaecec;
+    color: #8b9898;
+    cursor: pointer;
+    font-size: 0.75em;
+    text-align: right;
+    vertical-align: middle;
+  }
+
+  .DayPicker--interactionDisabled .DayPicker-Day {
+    cursor: default;
+  }
+
+  .DayPicker-Footer {
+    padding-top: 0.5em;
+  }
+
+  .DayPicker-TodayButton {
+    border: none;
+    background-color: transparent;
+    background-image: none;
+    box-shadow: none;
+    color: #4a90e2;
+    cursor: pointer;
+    font-size: 0.875em;
+  }
+
+  /* Default modifiers */
+
+  .DayPicker-Day--today {
+    color: #d0021b;
+    font-weight: 700;
+  }
+
+  .DayPicker-Day--outside {
+    color: #8b9898;
+    cursor: default;
+  }
+
+  .DayPicker-Day--disabled {
+    color: #dce0e0;
+    cursor: default;
+    /* background-color: #eff1f1; */
+  }
+
+  /* Example modifiers */
+
+  .DayPicker-Day--sunday {
+    background-color: #f7f8f8;
+  }
+
+  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {
+    color: #dce0e0;
+  }
+
+  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
+      .DayPicker-Day--outside
+    ) {
+    position: relative;
+
+    background-color: ${e=>e.theme.colors.primaryBase};
+    color: #f0f8ff;
+    font-weight: ${e=>e.theme.sizes.fwBold};
+  }
+
+  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
+      .DayPicker-Day--outside
+    ):hover {
+    background-color: #51a0fa;
+  }
+
+  .DayPicker:not(.DayPicker--interactionDisabled)
+    .DayPicker-Day:not(.DayPicker-Day--disabled):not(
+      .DayPicker-Day--selected
+    ):not(.DayPicker-Day--outside):hover {
+    background-color: #f0f8ff;
+  }
+
+  /* DayPickerInput */
+
+  .DayPickerInput {
+    display: inline-block;
+  }
+
+  .DayPickerInput-OverlayWrapper {
+    position: relative;
+  }
+
+  .DayPickerInput-Overlay {
+    position: absolute;
+    z-index: 1;
+    left: 0;
+
+    background: white;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
+  }
+`,U=B.default.form`
+  display: flex;
+  width: 100%;
+
+  height: 46px;
+  align-items: center;
+  justify-content: space-between;
+  & > :first-child {
+    margin-right: 10px;
+  }
+
+  & * {
+    height: 46px;
+    padding: 10px 10px;
+    background: ${e=>e.theme.colors.neutral100};
+    border-radius: ${e=>e.theme.borderRadius};
+  }
+`,F=({alignRight:t=!0,placeholder:a,displayDateFormat:i,onChange:r,customInput:o,pickedDate:n,className:l,isStatic:d,disabledDays:s,modifiers:p,UnHideOnClickOutside:c,initialMonth:m,locale:u="en-PH"})=>{const g=e.useRef(!1),h=w.format,[f,x]=e.useState(m||new Date),b=e.useRef(null),y=e.useRef(null),v=O[u],k=e=>{c||b.current&&b.current.contains(e.target)||y.current&&y.current.hideDayPicker()},C=(new Date).getFullYear(),E=new Date(C-150,0),$=new Date(C+1,0),D=({date:e,onChange:t,monthLabels:a})=>{const i=[];for(let e=$.getFullYear();e>=E.getFullYear();e-=1)i.push(e);const r=function(e){const{year:a,month:i}=e.target.form;t(new Date(a.value,i.value))};return S.default.createElement("div",{className:"DayPicker-Caption"},S.default.createElement(U,null,S.default.createElement("select",{name:"month",onChange:r,value:e.getMonth()},a.map(((e,t)=>S.default.createElement("option",{key:e,value:t},e)))),S.default.createElement("select",{name:"year",onChange:r,value:e.getFullYear()},i.map((e=>S.default.createElement("option",{key:e,value:e},e))))))};return e.useEffect((()=>(document.addEventListener("mousedown",k,{passive:!0}),()=>{document.removeEventListener("mousedown",k,!1)})),[]),S.default.createElement(Q,{className:l,"data-align-right":t,ref:b,"data-is-static":d||void 0},S.default.createElement(z.default,{ref:y,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:o&&S.default.forwardRef(((e,t)=>S.default.createElement(o,Object.assign({},e)))),onDayPickerHide:()=>{g.current=!1},onDayPickerShow:()=>{g.current=!0},dayPickerProps:{month:f,className:"picker",selectedDays:n,canChangeMonth:!0,enableOutsideDaysClick:!d,firstDayOfWeek:1,captionElement:({date:e,localeUtils:t})=>{const a=null==t?void 0:t.getMonths();return S.default.createElement(D,{date:e,monthLabels:v||a,onChange:x})},disabledDays:s||void 0,modifiers:p},format:i||"yyyy-MM-dd",formatDate:(e,t)=>h(e,t),hideOnDayClick:!d,placeholder:a||"",onDayChange:e=>{var t;t=e,y.current&&!d&&y.current.hideDayPicker(),r&&r(t)},showOverlay:d}))},R=B.default.div`
+  display: flex;
+  align-items: center;
+  --font-weight-lg: ${e=>e.theme.sizes.fwBold};
+  --font-weight-md: ${e=>e.theme.sizes.fwRegular};
+  --font-weight-sm: ${e=>e.theme.sizes.fwRegular};
+
+  &[data-icon-position='left'] {
+    & > *:first-child {
+      margin-right: 8px;
+    }
+
+    & > *:last-child {
+      width: calc(100% - 24px);
+    }
+  }
+  &[data-icon-position='right'] {
+    & > *:first-child {
+      width: calc(100% - 24px);
+    }
+    & > *:last-child {
+      margin-left: 8px;
+    }
+  }
+
+  ${o.MediaQueries.mbDown} {
+    &[data-size='lg'] {
+      font-size: 16px;
+      line-height: 24px;
+      font-weight: var(--font-weight-lg);
+    }
+    &[data-size='md'] {
+      font-size: 14px;
+      line-height: 22px;
+      font-weight: var(--font-weight-md);
+    }
+    &[data-size='sm'] {
+      font-size: 13px;
+      line-height: 20px;
+      font-weight: var(----font-weight-sm);
+    }
+  }
+`,G=B.default.div`
+  position: relative;
+  width: 100%;
+
+  & div[role='slider'] {
+    -webkit-text-size-adjust: none;
+    -webkit-user-select: none;
+    &:focus {
+      outline: none;
+    }
+  }
+`,L=B.default.div`
+  position: absolute;
+  top: 19px;
+  width: 24px;
+  height: 24px;
+  color: ${e=>e.theme.colors.white};
+  border: 2px solid ${e=>e.theme.colors.white};
+  border-radius: 50%;
+  transform: translateY(-50%) translateX(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  background-color: ${e=>e.theme.colors.white};
+  color: ${e=>e.theme.colors.gray300};
+  border: 1px solid ${e=>e.theme.colors.gray300};
+
+  &[data-is-active='true'] {
+    background-color: ${e=>e.theme.colors.primaryBase};
+    color: ${e=>e.theme.colors.white};
+    border: none;
+  }
+`,H=B.default.div`
+  display: flex;
+  width: 100%;
+  height: 36px;
+
+  &[data-track-type='detail'] {
+    margin-top: 0;
+  }
+
+  &[data-track-type='detail'][data-step-passed='true'] > div {
+    border: 1px solid ${e=>e.theme.colors.primaryBase};
+    height: 0px;
+  }
+
+  &[data-track-type='detail'] > div {
+    border: 1px solid ${e=>e.theme.colors.gray200};
+    height: 0px;
+  }
+`,q=B.default.div`
+  width: 100%;
+  height: 5px;
+  align-self: center;
+  border-radius: 4px;
+  background-color: ${e=>e.theme.colors.gray200};
+`,W=B.default.div`
+  position: absolute;
+  top: 32px;
+  min-width: 100px;
+  text-align: center;
+  color: ${e=>e.theme.colors.gray500};
+  font-size: ${e=>e.theme.sizes.fsCaption2};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+
+  &[data-step-passed='true'] {
+    color: ${e=>e.theme.colors.gray800};
+  }
+`,V=B.default.div`
+  display: flex;
+  align-items: center;
+`,Y=B.default.div`
+  display: flex;
+  align-items: center;
+  font-size: ${e=>e.theme.sizes.fsCaption2};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+  color: ${e=>e.theme.colors.gray500};
+  cursor: pointer;
+
+  & > svg {
+    height: 10px;
+    width: 10px;
+    margin: 0 14px;
+  }
+
+  & > svg > path {
+    stroke: ${e=>e.theme.colors.gray500};
+  }
+
+  &[data-selected='true'] {
+    color: ${e=>e.theme.colors.primaryBase};
+  }
+`,Z=B.default.div`
+  position: absolute;
+  left: 0;
+  top: 19px;
+  height: 24px;
+  cursor: pointer;
+
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+
+  padding: 8px;
+  background-color: ${e=>e.theme.colors.white};
+`,X=B.default.div`
+  min-width: 24px;
+  height: 24px;
+  border: 2px solid ${e=>e.theme.colors.white};
+  border-radius: 50%;
+  margin-right: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  background-color: ${e=>e.theme.colors.white};
+  color: ${e=>e.theme.colors.gray300};
+  border: 1px solid ${e=>e.theme.colors.gray300};
+
+  &[data-is-active='true'] {
+    border: none;
+    background-color: ${e=>e.theme.colors.primaryBase};
+    color: ${e=>e.theme.colors.white};
+  }
+`,J=B.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  & > svg {
+    height: 20px;
+    width: 20px;
+    margin-right: 8px;
+
+    & > path {
+      stroke: ${e=>e.theme.colors.gray500};
+    }
+  }
+`,K=B.default.div`
+  color: ${e=>e.theme.colors.gray400};
+  font-size: ${e=>e.theme.sizes.fsCaption2};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+  margin-right: 8px;
+  flex: 0 0 auto;
+
+  &[data-step-passed='true'] {
+    color: ${e=>e.theme.colors.gray800};
+  }
+`,ee=B.default.div`
+  position: absolute;
+  top: 32px;
+  font-weight: ${e=>e.theme.sizes.fwRegular};
+  color: ${e=>e.theme.colors.gray400};
+  padding-right: 16px;
+`,te=S.default.forwardRef((({id:t,value:a,options:r,className:o,isDisabled:n,size:l="small",direction:d="vertical",onChange:s,dataEventCategory:p,dataEventAction:c,dataEventLabel:m},u)=>{const[g,f]=e.useState(a);e.useImperativeHandle(u,(()=>({reset(){f(a)}})));const x="small"===l?"md":"lg",b="vertical"===d?i.Stack:i.Group;return S.default.createElement(h.Radio.Group,{name:t,className:o,size:x,value:String(g),defaultValue:a,onChange:e=>{f(e),null==s||s(e)}},S.default.createElement(b,{spacing:"xl"},r.map((e=>S.default.createElement(h.Radio,{key:e.value,value:e.value,label:e.label,disabled:n,"data-event-category":p,"data-event-action":c,"data-event-label":m})))))})),ae=B.default.div`
+  --menu-width: 240px;
+  --menu-spacing: 28px 16px;
+  width: var(--menu-width);
+  height: 100vh;
+  padding: var(--menu-spacing);
+  background-color: ${e=>e.theme.colors.neutral50};
+  transition: ease-in-out 0.5s;
+
+  &[data-is-collapsed] {
+    --menu-width: 64px;
+    --menu-spacing: 28px 8px;
+  }
+`,ie=B.default.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+
+  svg {
+    transition: 0.4s ease-in-out;
+  }
+`,re=B.default.div`
+  cursor: pointer;
+  &[data-is-collapsed] {
+    transform: rotate(180deg);
+  }
+`,oe=B.default.figure`
+  display: flex;
+
+  > img,
+  svg,
+  picture {
+    width: 40px;
+    height: 40px;
+    margin-right: 1rem;
+    border-radius: 6px;
+    object-fit: cover;
+  }
+
+  > figcaption {
+    p + p {
+      margin-top: 2px;
+    }
+  }
+`,ne=({name:e,description:a,image:i,isDescriptionHidden:r})=>S.default.createElement(oe,null,i,!r&&S.default.createElement("figcaption",null,S.default.createElement(t.Text,{size:"p4",weight:"bold"},e),S.default.createElement(t.Text,{size:"p4"},a))),le=B.default.div`
+  display: flex;
+  align-items: center;
+  margin-top: 24px;
+  margin-bottom: 36px;
+
+  figcaption {
+    white-space: nowrap;
+  }
+
+  &[data-is-collapsed='true'] {
+    img {
+      max-width: 2rem;
+      max-height: 2rem;
+    }
+  }
+`,de=B.default.div`
+  display: flex;
+  align-items: center;
+  padding: 9px 21px;
+  margin-bottom: 4px;
+  border-radius: 6px;
+
+  &:not([data-is-link-active]) {
+    cursor: pointer;
+  }
+
+  p {
+    margin-left: 12px;
+  }
+
+  &[data-is-link-active] {
+    background: ${e=>e.theme.colors.primaryBase};
+  }
+
+  &[data-is-link-collapsed] {
+    justify-content: center;
+    margin-right: -14px;
+    margin-left: -14px;
+  }
+`,se=B.default.div`
+  position: relative;
+  width: 100%;
+  > .container {
+    display: flex;
+    width: 100%;
+    -ms-overflow-style: none;
+    overflow-x: auto;
+    scrollbar-width: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    .section {
+      display: flex;
+      width: 100%;
+      flex-direction: column;
+      flex-shrink: 0;
+      margin: auto;
+
+      > .grid-layout {
+        display: grid;
+        width: 100%;
+        grid-row-gap: 8px;
+
+        > .item-grid {
+          width: 100%;
+
+          > * {
+            margin: 0 auto;
+          }
+        }
+      }
+
+      .progress-bar {
+        display: grid;
+        height: 15px;
+        margin-bottom: 10px;
+
+        .items-progress {
+          position: relative;
+          display: flex;
+          width: 100%;
+          align-items: center;
+          justify-content: center;
+
+          .icon-status {
+            position: absolute;
+            display: flex;
+          }
+
+          .line {
+            width: 50%;
+            height: 2px;
+            background-color: ${e=>e.theme.colors.gray600};
+          }
+        }
+      }
+    }
+  }
+
+  .bullet-nav {
+    position: absolute;
+    z-index: ${e=>e.theme.zIndexes.belowHeader};
+    bottom: -30px;
+    left: 50%;
+    display: flex;
+    transform: translate(-50%, -50%);
+  }
+
+  .bullet-nav__link {
+    display: block;
+    width: 8px;
+    height: 8px;
+    padding: 0;
+    margin-right: 8px;
+    backface-visibility: hidden;
+    background-color: #e4e8ec;
+    border-radius: 50%;
+    cursor: pointer;
+    transition: all 0.3s;
+  }
+
+  .bullet-nav__link.active[data-scheme='hellosites'] {
+    background-color: ${e=>e.theme.colors.primary600};
+  }
+
+  .bullet-nav__link.active[data-scheme='marrybaby'] {
+    background-color: ${e=>e.theme.mbColors.pink};
+  }
+
+  .arrow-left {
+    position: absolute;
+    z-index: 10;
+    top: 50%;
+    left: -35px;
+    transform: translateY(-50%);
+    &[data-event-category] > * {
+      pointer-events: none;
+    }
+  }
+
+  .arrow-right {
+    position: absolute;
+    z-index: 10;
+    top: 50%;
+    right: -35px;
+    transform: translateY(-50%);
+    &[data-event-category] > * {
+      pointer-events: none;
+    }
+  }
+
+  .image-gallery-wrapper {
+    display: flex;
+    position: relative;
+    margin-top: 16px;
+    justify-content: center;
+    gap: 16px;
+    .image-block {
+      display: block;
+      width: 100%;
+      border: 2px solid transparent;
+      border-radius: 4px;
+    }
+    .image-block.active {
+      border-color: ${e=>e.theme.colors.primaryBase};
+    }
+    img {
+      height: 40px;
+      width: auto;
+      max-width: 100%;
+    }
+  }
+`,pe=B.default.div`
+  border-radius: ${e=>e.theme.borderRadius};
+  ${e=>e["data-is-in-card"]&&`\n  padding: 12px; \n  background-color: ${e["data-card-color"]};`}
+`,ce=B.default.div`
+  width: 13px;
+  height: 13px;
+  margin-right: 10px;
+  background-color: ${e=>e["data-color"]};
+  border-radius: 50%;
+`,me=B.default.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.gray800};
+  font-size: ${e=>e.theme.sizes.fsParagraph4};
+  font-weight: ${e=>e.theme.sizes.fwRegular};
+`,ue=B.default.div`
+  display: flex;
+  align-items: center;
+  margin-top: 4px;
+  color: ${e=>e.theme.colors.gray800};
+  font-size: ${e=>e.theme.sizes.fsHeading2};
+  font-weight: ${e=>e.theme.sizes.fwSemiBold};
+
+  & > svg {
+    width: 24px;
+    height: 24px;
+    margin-right: 12px;
+  }
+
+  &[data-size='small'] {
+    margin-left: 23px;
+    font-size: ${e=>e.theme.sizes.fsParagraph4};
+    font-weight: ${e=>e.theme.sizes.fwBold};
+  }
+`,ge=B.default.table`
+  --horizontal-spacing: ${e=>e.theme.horizontalPadding||"19px"};
+  --vertical-spacing: ${e=>e.theme.verticalPadding||"26px"};
+  width: 100%;
+  position: relative;
+`,he=B.default.td`
+  padding: var(--vertical-spacing) var(--horizontal-spacing);
+  vertical-align: middle;
+
+  &[data-text-align='left'] {
+    text-align: left;
+  }
+  &[data-text-align='right'] {
+    text-align: right;
+  }
+  &[data-text-align='center'] {
+    text-align: center;
+  }
+`,fe=B.default.tr`
+  border-bottom: 1px solid ${e=>e.theme.colors.gray100};
+
+  &[data-is-active='true'] {
+    background-color: ${e=>e.theme.colors.gray200};
+  }
+`,xe=({children:e,className:t,style:a,isActive:i,onRowClicked:r,rowId:o})=>S.default.createElement(fe,{className:t,"data-is-active":i,style:a,onClick:()=>{r&&r(o)}},e),be=B.default.thead`
+  th {
+    padding: var(--vertical-spacing) var(--horizontal-spacing);
+    text-align: left;
+
+    color: ${e=>e.theme.colors.gray500};
+    font-weight: ${e=>e.theme.sizes.fwBold};
+  }
+  &[data-is-sticky] {
+    th {
+      position: sticky;
+      top: 0;
+      background: white;
+      border-bottom: 2px solid
+        ${e=>e.theme.colors.gray200};
+    }
+  }
+`,ye=B.default.tbody`
+  position: relative;
+  &[data-is-striped] {
+    > tr:nth-child(odd) {
+      background-color: ${e=>e.theme.colors.neutral50};
+    }
+  }
+  &[data-is-hoverable] {
+    > tr:hover {
+      background-color: ${e=>e.theme.colors.neutral100};
+    }
+  }
+`;var ve=i.createStyles((e=>{const t=i.getStylesRef("itemLabel");return{root:{display:"inline-flex",maxWidth:"100%",borderBottom:`1px solid ${e.colors.neutral[1]}`,"-webkit-overflow-scrolling":"touch",overflowX:"auto",overflowY:"hidden","-ms-overflow-style":"none","scrollbar-width":"none","&::-webkit-scrollbar":{display:"none"},columnGap:e.spacing.lg},item:{display:"flex",alignItems:"center",paddingBottom:"4px","&:hover":{cursor:"pointer"},"&.active":{color:e.fn.primaryColor(),borderBottom:`3px solid ${e.fn.primaryColor()}`,bottom:"-1px",position:"relative",[`& .${t}`]:{}},"&[data-event-category] > *":{pointerEvents:"none"}},itemInner:{display:"flex",alignItems:"center"},label:{ref:t},icon:{marginRight:e.spacing.xs}}}));const we=B.default.div`
+  padding: 1rem;
+  background: ${e=>e.theme.colors.neutral100};
+  .survey-inner-wrapper {
+    padding: 1.25rem 1rem 1.5rem;
+    background: ${e=>e.theme.colors.white};
+    border-radius: ${e=>e.theme.borderRadius};
+    .survey-header {
+      border-bottom: 1px solid #dbdfe5;
+      margin-bottom: 12px;
+      .survey-header-text {
+        color: ${e=>e.theme.colors.gray500};
+      }
+    }
+
+    .survey-contact-submit {
+      width: 100%;
+      margin-bottom: 1.5rem;
+    }
+    .term-policy-container {
+      width: 70%;
+      min-width: 210px;
+      max-width: 100%;
+      margin: 0 auto 1.5rem;
+      text-align: center;
+    }
+
+    .survey-progress-wrapper {
+      width: calc(100% + 2rem);
+      height: 4px;
+      margin-bottom: 1rem;
+      margin-left: -1rem;
+      background: #e4e8ec;
+      .survey-progress {
+        width: 100%;
+        height: 100%;
+        background: #00b16a;
+        transform: scaleX(0);
+        transform-origin: left;
+        transition: transform ease-in-out 0.3s;
+      }
+    }
+
+    .survey-button-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      button {
+        justify-content: center;
+        &[data-has-icon='true'] {
+          svg {
+            width: 10px;
+            height: 10px;
+            margin-right: 10px;
+            vertical-align: unset;
+          }
+        }
+        &.survey-next-button {
+          &[data-has-icon='true'] {
+            svg {
+              margin-right: 0;
+              margin-left: 10px;
+            }
+          }
+        }
+      }
+      &[data-center='true'] {
+        justify-content: center;
+        button:only-child {
+          width: 200px;
+          max-width: 80%;
+        }
+      }
+      .survey-prev-button {
+        margin-right: 0.5rem;
+      }
+    }
+  }
+`,ke=B.default.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+
+  input {
+    position: relative;
+    width: 20px;
+    height: 20px;
+    flex-shrink: 0;
+    border: solid 1px ${e=>e.theme.colors.gray500};
+    margin-right: 8px;
+    border-radius: 100%;
+    cursor: inherit;
+    transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;
+
+    &:hover,
+    &:active {
+      border-color: ${e=>e.theme.colors.primaryBase};
+      box-shadow: 0 0 2px 2px
+        ${e=>e.theme.colors.primary600};
+    }
+
+    &:checked {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-color: ${e=>e.theme.colors.primaryBase};
+      &:after {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 14px;
+        height: 14px;
+        //left: 3px;
+        //position: absolute;
+        //top: 4px;
+        background-color: ${e=>e.theme.colors.primaryBase};
+        border-radius: 50%;
+        content: '';
+        transform: translate(-50%, -50%);
+      }
+    }
+  }
+
+  label {
+    width: calc(100% - 24px);
+    cursor: inherit;
+    font-weight: ${e=>e.theme.sizes.fwRegular};
+  }
+
+  &[data-disabled='true'] {
+    color: ${e=>e.theme.colors.gray300};
+    cursor: not-allowed;
+    input {
+      border-color: ${e=>e.theme.colors.gray300};
+
+      &:hover {
+        border-color: ${e=>e.theme.colors.gray300};
+        box-shadow: none;
+      }
+    }
+  }
+
+  padding: 16px 20px;
+  border: 0.5px solid transparent;
+  background: #fafafa;
+  border-radius: ${e=>e.theme.borderRadius};
+  &[data-checked='true'] {
+    border: 0.5px solid #2d87f3;
+    background: #f7f9fc;
+  }
+  input {
+    border: solid 2px #737373;
+    margin-right: 0;
+    background: white;
+    &[type='checkbox'] {
+      &:checked {
+        border: 0;
+        background: ${e=>e.theme.colors.primaryBase}
+          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")
+          no-repeat center center;
+        &:after {
+          display: none;
+        }
+      }
+    }
+  }
+
+  &[data-has-image='true'] {
+    position: relative;
+    display: block;
+    padding: 12px;
+    input {
+      position: absolute;
+      top: 20px;
+      right: 20px;
+    }
+    .choice-image-wrapper {
+      position: relative;
+      padding-top: 56.25%;
+      margin-bottom: 0.75rem;
+      img {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: ${e=>e.theme.borderRadius};
+        object-fit: cover;
+      }
+    }
+  }
+`,Ce=B.default.div`
+  position: relative;
+  width: 100%;
+  padding-top: min(400px, 100%);
+  .survey-thankyou-wrapper-inner {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    .survey-thankyou-icon {
+      width: 36%;
+      max-height: 50%;
+      margin-bottom: 1.5rem;
+    }
+    .survey-thankyou-title {
+      margin-bottom: 1rem;
+      text-align: center;
+    }
+    .survey-thankyou-subtitle {
+      text-align: center;
+      > * {
+        text-align: center;
+      }
+    }
+  }
+`,Ee=B.default.div`
+  .survey-question-text-wrapper {
+    margin-bottom: 24px;
+    .survey-question-title {
+      margin-bottom: 4px;
+    }
+    .survey-question-subtitle,
+    .survey-question-description {
+      color: ${e=>e.theme.colors.gray500};
+    }
+  }
+  .survey-question-image {
+    width: 100%;
+    margin-bottom: 12px;
+    border-radius: ${e=>e.theme.borderRadius};
+  }
+
+  .survey-question-answer-wrapper {
+    margin-bottom: 1.5rem;
+    .survey-question-options-wrapper {
+      display: grid;
+      grid-gap: 0.5rem;
+      grid-template-columns: 1fr;
+      &[data-has-image='true'] {
+        grid-gap: 0.8rem;
+        grid-template-columns: 1fr 1fr;
+      }
+      .survey-question-option-item {
+        label {
+          color: #262626;
+          font-size: 16px;
+          font-style: normal;
+          font-weight: normal;
+          line-height: 24px;
+        }
+      }
+    }
+    .survey-contact-input {
+      margin-bottom: 1rem;
+      &:first-child {
+        margin-top: 1rem;
+      }
+      label {
+        font-weight: 700;
+      }
+      input {
+        margin-top: 6px;
+      }
+    }
+  }
+`,$e=({size:e="small",label:t,name:a,checked:i,value:r,className:o,isDisabled:n=!1,onChange:l,hasImage:d,inputType:s,image:p})=>S.default.createElement(ke,{"data-disabled":n,className:o,"data-size":e,"data-checked":i,onClick:()=>{l(r)},"data-has-image":d},d&&S.default.createElement("div",{className:"choice-image-wrapper"},p&&S.default.createElement("img",{src:p,loading:"lazy"})),S.default.createElement("label",{onClick:e=>{e.preventDefault()},htmlFor:`${a}-${r}`},t),S.default.createElement("input",{type:s,checked:i,name:a,id:`${a}-${r}`,value:r,readOnly:!0})),De=({question:a,description:i,onOptionsChange:r,onTextOptionsChange:o,style:n,className:l})=>{const{type:p,title:c,subtitle:m,image:u,textOptions:g,options:h,name:f,is_multi_select:x}=a,b=!!(null==h?void 0:h.some((e=>e.image))),[y,v]=e.useState([]),[w,k]=e.useState((()=>(null==g?void 0:g.slice())||[]));return e.useEffect((()=>{r&&r(y.slice())}),[!!r,y]),e.useEffect((()=>{o&&o(w)}),[!!o,w]),S.default.createElement(Ee,{className:l,style:n},S.default.createElement("div",{className:"survey-question-text-wrapper"},c&&S.default.createElement(d.Heading,{"data-nosubtitle":!m,className:"survey-question-title",tag:"h4"},c),m&&S.default.createElement(t.Text,{className:"survey-question-subtitle",size:"p2"},m),i&&S.default.createElement(t.Text,{className:"survey-question-description",size:"p2"},i)),u&&S.default.createElement("img",{src:u,className:"survey-question-image",loading:"lazy"}),S.default.createElement("div",{className:"survey-question-answer-wrapper"},"radio"===p&&S.default.createElement("div",{"data-has-image":b,className:"survey-question-options-wrapper"},h.map((e=>{var t;return S.default.createElement($e,{inputType:"radio",label:e.label,name:f,key:`${f}-${e.value}`,checked:(null===(t=y[0])||void 0===t?void 0:t.value)===e.value,value:e.value,onChange:e=>{v([h.find((t=>t.value===e))])},className:"survey-question-option-item",image:e.image,hasImage:b})}))),"checkbox"===p&&S.default.createElement("div",{"data-has-image":b,className:"survey-question-options-wrapper"},h.map((e=>S.default.createElement($e,{inputType:"checkbox",label:e.label,name:f,key:`${f}-${e.value}`,checked:!!y.find((t=>t.value===e.value)),value:e.value,onChange:()=>{const t=y.findIndex((t=>t.value===e.value));v(t>=0?e=>(e.splice(t,1),e.slice()):x?t=>t.concat(e).slice():[e])},className:"survey-question-option-item survey-option-radio",image:e.image,hasImage:b})))),"textbox"===p&&w.map(((e,t)=>e.isTextArea?S.default.createElement(d.TextArea,{key:t,placeholder:e.placeholder,height:"150px",value:e.value,onChange:e=>k((a=>(a[t].value=e,a.slice())))}):S.default.createElement(s.Input,{key:t,value:e.value,name:e.name,size:"md",className:"survey-contact-input",label:e.label,placeholder:e.placeholder,onChange:e=>{k((a=>(a[t].value=e,a.slice())))},type:e.type})))))};var Se;!function(e){e[e.UNLIMITED=0]="UNLIMITED",e[e.EXACT_NUMBER=1]="EXACT_NUMBER",e[e.RANGE=2]="RANGE"}(Se||(Se={}));const Be=200,Me=B.default.div``,ze=B.default.div`
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+  opacity: 0.83;
+  transition: display ${Be}ms linear;
+
+  [data-floatmenu-open='true'] & {
+    animation: showBackgroundPanel ${Be}ms linear 0s normal forwards;
+  }
+
+  [data-floatmenu-open='false'] & {
+    animation: hideBackgroundPanel ${Be}ms linear 0s normal forwards;
+  }
+
+  @keyframes showBackgroundPanel {
+    0% {
+      opacity: 0;
+      width: 100vw;
+      height: 100vh;
+    }
+    100% {
+      opacity: 0.83;
+    }
+  }
+
+  @keyframes hideBackgroundPanel {
+    0% {
+      width: 100vw;
+      height: 100vh;
+    }
+    99% {
+      width: 100vw;
+      height: 100vh;
+    }
+    100% {
+      opacity: 0;
+      width: 0;
+      height: 0;
+    }
+  }
+`,Pe=B.default.div`
+  position: fixed;
+  right: 16px;
+  bottom: 40px;
+`,Te=B.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  transition: all ${Be}ms ease-in-out;
+  position: fixed;
+  bottom: 112px;
+  right: 16px;
+
+  // scale
+  [data-animation-type='scale'] & {
+    transform-origin: 100% 100%;
+  }
+
+  [data-animation-type='scale'][data-floatmenu-open='true'] & {
+    transform: scale(1);
+  }
+
+  [data-animation-type='scale'][data-floatmenu-open='false'] & {
+    transform: scale(0);
+    bottom: 46px;
+    right: 36px;
+  }
+`,Ie=B.default.div`
+  border-radius: 50%;
+  width: 56px;
+  height: 56px;
+  position: relative;
+  cursor: pointer;
+  margin-left: auto;
+  transition: all 0.1s linear;
+  -webkit-tap-highlight-color: transparent;
+  [data-site-type='hb'] & {
+    background-color: ${e=>e.theme.colors.primaryBase||e.theme.colors.primary};
+    &:hover {
+      background-color: ${e=>{var t,a;return e.theme.colors.primaryHover||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.blue_700)}};
+    }
+  }
+  [data-site-type='mb'] & {
+    background-color: #2d87f3;
+    &:hover {
+      background-color: #2c74df;
+    }
+  }
+
+  &:before {
+    content: '';
+    width: 2px;
+    height: 20px;
+    background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+    border-radius: 2px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  &:after {
+    content: '';
+    width: 20px;
+    height: 2px;
+    background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+    border-radius: 2px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  [data-floatmenu-open='true'] &:before,
+  [data-floatmenu-open='true'] &:after {
+    animation: toX ${Be}ms linear 0s normal forwards;
+  }
+
+  [data-floatmenu-open='false'] &:before,
+  [data-floatmenu-open='false'] &:after {
+    animation: toPlus ${Be}ms linear 0s normal forwards;
+  }
+
+  @keyframes toX {
+    0% {
+      transform: translate(-50%, -50%) rotateZ(0deg);
+    }
+    49% {
+      transform: translate(-50%, -50%) rotateZ(0deg);
+    }
+    50% {
+      width: 2px;
+      height: 2px;
+      transform: translate(-50%, -50%) rotateZ(45deg);
+    }
+    100% {
+      transform: translate(-50%, -50%) rotateZ(45deg);
+    }
+  }
+
+  @keyframes toPlus {
+    0% {
+      transform: translate(-50%, -50%) rotateZ(45deg);
+    }
+    49% {
+      transform: translate(-50%, -50%) rotateZ(45deg);
+    }
+    50% {
+      width: 2px;
+      height: 2px;
+      transform: translate(-50%, -50%) rotateZ(0deg);
+    }
+    100% {
+      transform: translate(-50%, -50%) rotateZ(0deg);
+    }
+  }
+`,Ne=B.default.div`
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  justify-content: flex-end;
+
+  width: fit-content;
+  margin-left: auto;
+
+  [data-floatmenu-open='true'] {
+    cursor: pointer;
+  }
+  [data-floatmenu-open='false'] {
+    pointer-events: none;
+  }
+
+  [data-animation-type='zoom'] &,
+  [data-animation-type='slide'] & {
+    position: absolute;
+    right: 0;
+    width: max-content;
+  }
+  // slide
+  [data-animation-type='slide'] & {
+    transition: all ${Be}ms ease-in;
+  }
+
+  [data-animation-type='slide'][data-floatmenu-open='true'] & {
+    animation: showItem ${Be}ms;
+  }
+  [data-animation-type='slide'][data-floatmenu-open='false'] & {
+    bottom: -64px !important;
+    animation: hideItemOnZoom ${250}ms normal forwards;
+  }
+
+  // zoom
+  [data-animation-type='zoom'][data-floatmenu-open='false'] & {
+    animation: hideItemOnZoom ${250}ms normal forwards;
+  }
+
+  @keyframes showItem {
+    0% {
+      opacity: 0;
+    }
+
+    100% {
+      opacity: 1;
+    }
+  }
+
+  @keyframes hideItemOnZoom {
+    0% {
+      transform: translateX(0);
+      opacity: 1;
+    }
+
+    99% {
+      transform: translateX(0);
+      opacity: 0.5;
+    }
+
+    100% {
+      transform: translateX(calc(100% + 16px));
+      opacity: 0;
+    }
+  }
+`,Ae=B.default.div`
+  font-size: 14px;
+
+  // zoom
+  [data-animation-type='zoom'] & {
+    transition: transform ${Be}ms ease-in-out;
+    transform-origin: 100% 0;
+  }
+
+  [data-animation-type='zoom'][data-floatmenu-open='true'] & {
+    transform: scale(1);
+  }
+
+  [data-animation-type='zoom'][data-floatmenu-open='false'] & {
+    transform: scale(0);
+  }
+
+  // slide
+  [data-animation-type='slide'] & {
+    transition: opacity ${Be}ms;
+  }
+  [data-animation-type='slide'][data-floatmenu-open='true'] & {
+    opacity: 1;
+  }
+  [data-animation-type='slide'][data-floatmenu-open='false'] & {
+    opacity: 0;
+  }
+`,_e=B.default.div`
+  border-radius: 50%;
+  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+
+  // zoom
+  [data-animation-type='zoom'] & {
+    transition: transform ${Be}ms ease-in-out;
+  }
+
+  [data-animation-type='zoom'][data-floatmenu-open='true'] & {
+    transform: scale(1);
+  }
+
+  [data-animation-type='zoom'][data-floatmenu-open='false'] & {
+    transform: scale(0);
+  }
+
+  > img {
+    width: 24px;
+    height: 24px;
+    object-fit: contain;
+  }
+`,je=B.default.div`
+  padding: 16px;
+  width: 375px;
+  word-wrap: break-word;
+  word-break: break-word;
+  ${o.MediaQueries.mbDown} {
+    width: 100%;
+  }
+  &[data-theme='helloSites'] {
+    background: ${e=>e.theme.colors.secondaryBase};
+    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);
+  }
+  &[data-theme='marryBaby'] {
+    border: none;
+    background: ${e=>e.theme.mbColors.pink};
+    border-radius: 12px 12px 0 0;
+  }
+  &[data-is-open='false'] {
+    display: none;
+  }
+  &[data-default-position='true'] {
+    position: fixed;
+    z-index: 1000;
+    bottom: 0;
+    right: 0;
+    ${o.MediaQueries.mbDown} {
+      left: 0;
+      right: unset;
+    }
+  }
+`,Oe=B.default.p`
+  position: relative;
+  padding-left: 24px;
+  color: ${e=>e.theme.colors.white};
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 22px;
+  &[data-has-content='true'] {
+    ::before {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      width: 16px;
+      height: 16px;
+      margin: auto 0;
+      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");
+    }
+  }
+`,Qe=B.default.p`
+  margin-top: 2px;
+  color: ${e=>e.theme.colors.white};
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  a {
+    color: ${e=>e.theme.colors.white};
+    text-decoration: none;
+    text-decoration-line: underline;
+  }
+`,Ue=B.default.div`
+  display: flex;
+  align-items: center;
+  margin-top: 8px;
+  gap: 16px;
+`,Fe=B.default.div`
+  padding: 7px 28px;
+  background: ${e=>e.theme.colors.white};
+  border-radius: ${e=>e.theme.borderRadius};
+  color: ${e=>e.theme.colors.secondaryBase};
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 18px;
+`,Re=B.default.a`
+  color: ${e=>e.theme.colors.white};
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 22px;
+  text-decoration: none;
+  text-decoration-line: underline;
+`,Ge=r.keyframes`
+  from {
+    transform: translateY(100%);
+    visibility: visible;
+  }
+
+  to {
+    transform: translateY(0);
+  }
+`,Le=r.keyframes`
+  from {
+    transform: translate(0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate(0, 100%);
+  }
+`,He=B.default.div`
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-items: center;
+  gap: 4px;
+
+  .mobile-navigation-label {
+    font-weight: 500;
+    font-size: 10px;
+    line-height: 16px;
+    color: ${m.theme.colors.gray600};
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 60px;
+    text-align: center;
+    ${o.MediaQueries.mbDown} {
+      max-width: 60px;
+    }
+  }
+
+  .mobile-navigation-icon {
+    position: relative;
+    height: 24px;
+    &[data-no-label='true'] {
+      border-radius: 50%;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      padding: 0px;
+      gap: 16px;
+      width: 40px;
+      height: 40px;
+    }
+  }
+
+  &[data-is-special='true'] {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 4px 12px 4px 6px;
+    gap: 4px;
+
+    min-width: 152px;
+    height: 32px;
+    /* Neutral/Neutral-50 */
+    background: ${m.theme.colors.primary50};
+    border-radius: 20px;
+    flex-grow: 1;
+    .mobile-navigation-icon {
+      &[data-no-label='true'] {
+        width: 24px;
+        height: 24px;
+      }
+    }
+    .mobile-navigation-label {
+      max-width: max-content;
+      color: ${m.theme.colors.primaryBase};
+    }
+  }
+
+  &[data-is-active='true'] {
+    .mobile-navigation-label {
+      color: ${m.theme.colors.primaryBase};
+    }
+  }
+
+  &[data-is-disabled='true'] {
+    opacity: 0.2;
+  }
+`,qe=B.default.div`
+  z-index: 100;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  max-height: 56px;
+  min-height: 56px;
+  display: flex;
+  height: 100%;
+  align-items: center;
+  justify-content: space-evenly;
+  background-color: ${m.theme.colors.white};
+  @supports (padding-bottom: env(safe-area-inset-bottom)) {
+    min-height: calc(56px + env(safe-area-inset-bottom));
+    max-height: calc(56px + env(safe-area-inset-bottom));
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+  & > div {
+    flex: 1;
+  }
+  a {
+    text-decoration: none;
+  }
+  &[data-is-collapsed='true'] {
+    animation: ${Le} 500ms ease-in-out forwards;
+  }
+
+  &[data-is-collapsed='false'] {
+    animation: ${Ge} 500ms ease-in-out forwards;
+  }
+  &[data-template='health-tool'] {
+    height: 44px;
+    max-height: 44px;
+    min-height: 44px;
+    justify-content: space-between;
+    & > div {
+      flex: 0;
+    }
+  }
+`,We=B.default.span`
+  position: absolute;
+  left: 100%;
+  transform: translate(-10px, calc(-50% + 3px));
+  background-color: ${m.theme.colors.green800};
+  border-radius: 32px;
+  border: 2px solid ${m.theme.colors.white};
+  padding: 1px 4px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 20px;
+  aspect-ratio: 1;
+  &[data-no-label='true'] {
+    left: 0;
+    transform: translate(22px, -50%);
+  }
+`;B.default.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 3px;
+  background-color: ${m.theme.colors.primaryBase};
+  transition: width 150ms linear;
+`,B.default.div`
+  a {
+    text-decoration: none;
+  }
+`;const Ve=e=>{var{badgeAmount:a,disabled:i=!1,hasBadge:r=!1,icon:o,isActive:n=!1,isSpecial:l=!1,label:d}=e,s=p.__rest(e,["badgeAmount","disabled","hasBadge","icon","isActive","isSpecial","label"]);return S.default.createElement(He,Object.assign({"data-is-special":l,"data-is-active":n,"data-is-disabled":i},s),S.default.createElement("div",{className:"mobile-navigation-icon","data-no-label":!Boolean(d)},r&&S.default.createElement(We,{"data-no-label":!Boolean(d)},S.default.createElement(t.Text,{size:"s5",weight:"semiBold",color:l?m.theme.colors.primaryBase:m.theme.colors.white},a)),o),d&&S.default.createElement("span",{className:"mobile-navigation-label"},d))},Ye=e=>{var{children:t,on:a="",isCollapsed:i=!1,template:r="homepage"}=e,o=p.__rest(e,["children","on","isCollapsed","template"]);return S.default.createElement(qe,Object.assign({on:a,"data-is-collapsed":i,"data-template":r},o),t)};Ye.Icon=Ve,B.default.div`
+  margin-top: 13px;
+  &[data-is-mobile='false'] {
+    display: flex;
+    width: 60%;
+    min-width: min(600px, 100%);
+    align-items: center;
+    & > :first-child {
+      margin-right: 18px;
+    }
+  }
+`,B.default.div`
+  &[data-is-mobile='false'] {
+    max-width: 540px;
+  }
+  ${o.MediaQueries.tdUp} {
+    padding-right: 120px;
+  }
+`,B.default.div`
+  display: flex;
+  align-items: flex-start;
+  margin-top: 10px;
+  color: ${e=>e.theme.colors.white};
+  font-size: ${e=>e.theme.sizes.fsParagraph4};
+  > img {
+    margin-top: 2px;
+    margin-right: 4px;
+  }
+  &[data-is-mobile='false'] {
+    margin-top: 12px;
+    > img {
+      width: 16px;
+      height: 16px;
+    }
+  }
+  &[data-is-mobile='true'] {
+    > img {
+      width: 14px;
+      height: 14px;
+    }
+  }
+`;const Ze=B.default.div`
+  position: absolute;
+  z-index: 0;
+  right: 0;
+  bottom: -50px;
+  display: flex;
+
+  align-items: center;
+
+  ${o.MediaQueries.mbUp} {
+    img {
+      width: 190px;
+      height: 155px;
+    }
+  }
+  ${o.MediaQueries.mbDown} {
+    width: 70px;
+  }
+`,Xe="hhgcomp-toolbanner-iconcontainer";d.getDefaultClassWrapper(Ze,Xe),B.default.div`
+  position: relative;
+  z-index: 1;
+  max-width: 100%;
+  ${o.MediaQueries.mbUp} {
+    padding: 23px 40px;
+    max-width: calc(100% - 210px);
+    &[data-is-side='true'] {
+      max-width: calc(100% - 120px);
+    }
+  }
+`;const Je=B.default.div`
+  position: relative;
+`,Ke="hhgcomp-toolbanner-inner";d.getDefaultClassWrapper(Je,Ke);const et=B.default.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background: ${e=>e.bgColor};
+  background-color: inherit;
+
+  &[data-site='marryBaby'] {
+    background-color: ${e=>e["data-banner-color"]||"#5EC08F"};
+    background-image: none;
+    padding-bottom: 0;
+    &[data-is-embedded='true'] {
+      border-top-left-radius: 16px;
+      border-top-right-radius: 16px;
+    }
+  }
+`,tt="hhgcomp-toolbanner-wrapper",at=d.getDefaultClassWrapper(et,tt),it=B.default.div`
+  width: 100%;
+  ${o.MediaQueries.mbDown} {
+    padding-bottom: 24px;
+  }
+
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+
+  &[data-site='marryBaby'] {
+    a {
+      text-decoration: underline;
+    }
+    ${o.MediaQueries.mbDown} {
+      padding-bottom: 0;
+    }
+  }
+
+  ${o.MediaQueries.tdDown} {
+    height: auto;
+    .${tt} {
+      .${Ke} {
+        display: flex;
+        align-items: center;
+        ${o.MediaQueries.mbDown} {
+          justify-content: space-between;
+        }
+        .${Xe} {
+          position: relative;
+          right: -50px;
+          bottom: -20px;
+          width: 110px;
+          min-width: 0;
+          height: auto;
+          min-height: 0;
+          align-self: flex-end;
+          margin-bottom: -20px;
+          ${o.MediaQueries.mbDown} {
+            right: unset;
+          }
+        }
+      }
+    }
+  }
+`,rt=B.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 16px 24px;
+  gap: 16px;
+  width: 100%;
+  background-color: ;
+  ${o.MediaQueries.mbDown} {
+    padding: 16px 0;
+  }
+`,ot=B.default.div`
+  background: #ffffff;
+  border-radius: 16px;
+  width: 48px;
+  height: 48px;
+  position: relative;
+
+  img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    max-width: 24px;
+    max-height: 24px;
+    transform: translate(-50%, -50%);
+  }
+`,nt=B.default.div`
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 0;
+  width: 100%;
+`,lt=B.default.div`
+  display: flex;
+  align-items: flex-start;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: -0.2px;
+  color: #f3f3f3;
+
+  > img {
+    margin-top: 2px;
+    margin-right: 4px;
+  }
+  &[data-is-mobile='false'] {
+    > img {
+      width: 16px;
+      height: 16px;
+    }
+  }
+  &[data-is-mobile='true'] {
+    > img {
+      width: 14px;
+      height: 14px;
+    }
+  }
+`,dt=({className:e,heading:r,color:o="blue",isMobile:n,bannerUrl:l,bannerUrlLarge:s,bannerColor:p,medicalReview:c={link:"#",reviewer:"",date:""},icon:m,style:u,siteType:g,isEmbeded:h})=>{var f,x;const{t:b}=a.useTranslations(),y=i.useMantineTheme(),v=n?l:s||l,w={pink:[8,6]},k=y.colors[o]||y.colors.blue,C=(null==c?void 0:c.reviewer)?S.default.createElement(t.Text,{size:"label2",color:"#fff",as:"div",className:"embedded-review",sx:{a:{textUnderlineOffset:"2px",color:"#fff",textDecoration:"underline"}}},S.default.createElement("div",{dangerouslySetInnerHTML:{__html:b("toolPage.toolReviewer",{expert_name:`<a href="${c.link}">${c.reviewer.trim()}</a>`,date:c.date})}})):null;return S.default.createElement(it,{"data-is-mobile":n,style:u,"data-site":g},S.default.createElement(at,{className:e,"data-banner-url":v,"data-is-mobile":n,"data-site":g,"data-banner-color":p,"data-is-embedded":h,bgColor:`linear-gradient(71deg, ${null==k?void 0:k[(null===(f=w[o])||void 0===f?void 0:f[0])||7]} -4.07%, ${null==k?void 0:k[(null===(x=w[o])||void 0===x?void 0:x[1])||4]} 90.13%)}`},"marryBaby"===g&&h?S.default.createElement(rt,null,S.default.createElement(ot,null,m),S.default.createElement(nt,null,S.default.createElement(d.Heading,{color:"white",tag:"h5",as:"h2"},r),c&&S.default.createElement(lt,{"data-is-mobile":n},C))):S.default.createElement(i.Flex,{gap:i.rem(24),align:"center",justify:"space-between",sx:{padding:`${i.rem(13)} ${i.rem(20)}`,gap:i.rem(24)}},S.default.createElement(i.Box,null,S.default.createElement(d.Heading,{tag:"h5",as:"h2",color:"#fff"},r),c&&S.default.createElement(t.Text,{size:"n1",as:"div"},C)),S.default.createElement(i.Flex,{justify:"center",align:"center",sx:e=>{var t,a;return{width:i.rem(64),height:i.rem(64),borderRadius:"50%",background:(null===(a=null===(t=e.colors)||void 0===t?void 0:t[o])||void 0===a?void 0:a[0])||e.colors.blue[0],flexShrink:0,img:{maxWidth:i.rem(48),maxHeight:i.rem(48)},[e.fn.smallerThan("sm")]:{width:i.rem(56),height:i.rem(56),img:{maxWidth:i.rem(40),maxHeight:i.rem(40)}}}}},m))))},st=B.default(v.Dropdown)`
+  border-color: ${e=>e.theme.mbColors.lightGray};
+  background-color: ${e=>e.theme.colors.white};
+  border-radius: 16px;
+  transition: all 0.2s ease;
+  &:hover {
+    border-color: ${e=>e.theme.mbColors.pink};
+    box-shadow: none;
+  }
+
+  & > ul {
+    z-index: ${d.Z_INDEX.menuSearchPopup};
+    max-height: 300px;
+    overflow-y: auto;
+  }
+
+  ${e=>e.groupedWithLabel&&r.css`
+      & > div:first-child {
+        color: ${e=>e.theme.mbColors.midGray};
+        font-size: 12px;
+      }
+    `}
+
+  &[data-dropdown-open='true'] {
+    border-color: ${e=>e.theme.mbColors.pink};
+  }
+`;B.default(d.PureInput)`
+  & input {
+    border-color: ${e=>e.theme.mbColors.lightGray};
+    background-color: ${e=>e.theme.colors.white};
+    border-radius: 16px;
+    transition: all 0.2s ease;
+    &:focus,
+    &:hover {
+      border-color: ${e=>e.theme.mbColors.pink};
+      box-shadow: none;
+    }
+  }
+
+  & .displayIcon {
+    pointer-events: none;
+  }
+`;const pt=B.default(s.Input)`
+  & label {
+    position: absolute;
+    z-index: 1;
+    top: 16px;
+
+    left: 16px;
+    color: ${e=>e.theme.mbColors.midGray};
+    pointer-events: none;
+    transition: all 0.2s ease;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 240px;
+
+    &[data-size='label2'] {
+      font-size: 12px;
+    }
+
+    ${o.MediaQueries.tdDown} {
+      max-width: 220px;
+    }
+  }
+  & input {
+    ::placeholder {
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+
+    ::-webkit-input-placeholder {
+      /* Chrome/Opera/Safari */
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+    ::-moz-placeholder {
+      /* Firefox 19+ */
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+    :-ms-input-placeholder {
+      /* IE 10+ */
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+    :-moz-placeholder {
+      /* Firefox 18- */
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+    height: ${e=>"sm"===e.size?48:72}px;
+    padding-top: 27px;
+    border-color: ${e=>e.theme.mbColors.lightGray};
+    background-color: ${e=>e.theme.colors.white};
+    border-radius: 16px;
+    transition: all 0.2s ease;
+    padding-top: ${e=>e.value?"38px":"27px"};
+
+    &:focus,
+    &:hover {
+      border-color: ${e=>e.theme.mbColors.pink};
+      box-shadow: none;
+    }
+  }
+
+  &[data-has-action-icon] {
+    input {
+      padding-top: ${e=>e.value?"38px":"27px"};
+      padding-bottom: ${e=>e.value?"16px":"27px"};
+    }
+
+    label {
+      position: absolute;
+      z-index: 1;
+      top: 16px;
+      padding-right: 46px;
+    }
+  }
+`,ct=B.default.div`
+  width: 100%;
+`,mt=B.default.div`
+  #due-date-dropdown {
+    z-index: 9;
+    width: 100%;
+    min-width: unset;
+    max-width: unset;
+
+    ${o.MediaQueries.mbDown} {
+      font-size: 14px;
+    }
+    ${o.MediaQueries.tdUp} {
+      font-size: 16px;
+      &[data-is-side='true'] {
+        font-size: 14px;
+      }
+    }
+    color: ${e=>e.theme.colors.gray800};
+    > div {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,ut=B.default(ct)`
+  .due-date-input {
+    width: 100%;
+    min-width: unset;
+    max-width: unset;
+    color: ${e=>e.theme.colors.gray800};
+  }
+  .due-date-calculate-button {
+    margin-right: auto;
+    margin-left: auto;
+  }
+  input {
+    &[data-is-side='true'] {
+      ${o.MediaQueries.tdUp} {
+        font-size: 14px;
+      }
+    }
+    ${o.MediaQueries.mbDown} {
+      font-size: 14px;
+    }
+    ${o.MediaQueries.tdUp} {
+      font-size: 16px;
+    }
+  }
+`;B.default.div`
+  display: flex;
+  align-items: right;
+
+  & > p {
+    display: inline-block;
+    border-bottom: solid 1px
+      ${e=>e.theme.colors.primaryBase};
+    margin-bottom: 24px;
+    margin-left: auto;
+    color: ${e=>e.theme.colors.primaryBase};
+    cursor: pointer;
+    font-size: 11px;
+    line-height: 16px;
+    text-align: right;
+  }
+`;const gt=B.default.img`
+  img& {
+    width: 16px;
+    height: 16px;
+  }
+`;var ht;B.default(gt)`
+  margin-right: 4px;
+`,exports.DueDateCalculatorType=void 0,(ht=exports.DueDateCalculatorType||(exports.DueDateCalculatorType={}))[ht.lastPeriod=0]="lastPeriod",ht[ht.conception=1]="conception",ht[ht.IVF=2]="IVF";const ft="yyyy-MM-dd",xt=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`;B.default.div`
+  padding: 0;
+  background-color: white;
+`,B.default.div`
+  padding-bottom: 2px;
+  margin: auto;
+  ${o.MediaQueries.mbUp} {
+    width: 100%;
+    padding: 24px;
+  }
+`;const bt=B.default.div`
+  &[data-is-side='true'] {
+    width: 100%;
+    margin-bottom: 0;
+  }
+  ${o.MediaQueries.mbDown} {
+    width: 100%;
+    margin-bottom: 0;
+  }
+
+  margin-bottom: 24px;
+
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+
+  .gender-selector {
+    & > :not(:last-child) {
+      margin-right: 16px;
+    }
+
+    & > div {
+      width: calc(50% - 8px);
+
+      ${o.MediaQueries.mbUp} {
+        max-width: 186px;
+        justify-self: left;
+      }
+    }
+  }
+`,yt=B.default.div`
+  margin-bottom: 20px;
+  width: 100%;
+
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+  .gender-selector {
+    & > div {
+      width: calc(50% - 8px);
+    }
+  }
+`,vt=B.default.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  ${o.MediaQueries.mbUp} {
+    padding: 0 16px;
+    &[data-is-side='true'] {
+      margin-top: 24px;
+    }
+  }
+
+  ${o.MediaQueries.mbDown} {
+    margin-top: 24px;
+    &[data-site='marryBaby'] {
+      margin-top: 12px;
+    }
+  }
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+
+  button {
+    width: 100%;
+    margin: auto;
+    ${o.MediaQueries.mbUp} {
+      max-width: 200px;
+    }
+  }
+`;B.default.div`
+  ${o.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+
+  padding-bottom: 60px;
+`,B.default.div`
+  & > :not(:last-child) {
+    margin-bottom: 28px;
+  }
+`,B.default.div`
+  ${o.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+
+  padding-top: 32px;
+
+  color: ${e=>e.theme.colors.gray800};
+  text-align: center;
+
+  & > :last-child {
+    margin-top: 8px;
+  }
+`,B.default.div`
+  margin-bottom: 32px;
+
+  ${o.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,B.default.div`
+  margin-bottom: 32px;
+
+  ${o.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,B.default.div`
+  margin-bottom: 16px;
+
+  ${o.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,B.default.div`
+  margin-bottom: 24px;
+
+  ${o.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,B.default.div`
+  margin-bottom: 56px;
+  line-height: 24px;
+
+  & > :first-child {
+    margin-bottom: 8px;
+  }
+
+  ${o.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,B.default.div`
+  margin-bottom: 56px;
+
+  & > :first-child {
+    margin-bottom: 8px;
+  }
+
+  ${o.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,B.default.div`
+  padding-top: 32px;
+
+  & > div {
+    margin-bottom: 24px;
+  }
+
+  ${o.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,B.default.div`
+  padding: 68px 0 56px 0;
+
+  ${o.MediaQueries.mbUp} {
+    padding: 84px 0 72px 0;
+  }
+`,B.default.div`
+  display: flex;
+  gap: 10px;
+  line-height: 1;
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
+  ${o.MediaQueries.mbUp} {
+    padding-right: 16px;
+    padding-bottom: 10px;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    &[data-is-side='true'] {
+      width: 100%;
+      margin-bottom: 15px;
+      justify-content: unset;
+      .label {
+        margin-bottom: 9px;
+      }
+    }
+  }
+
+  ${o.MediaQueries.mbDown} {
+    width: 100%;
+    margin-bottom: 15px;
+
+    .label {
+      margin-bottom: 9px;
+    }
+  }
+`;const wt=B.default.div`
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  .input-section {
+    display: flex;
+    flex-direction: column;
+  }
+
+  ${o.MediaQueries.mbDown} {
+    flex-direction: column;
+    .input-section {
+      width: 100%;
+    }
+  }
+`,kt=B.default.div`
+  position: relative;
+  width: calc(50% - 8px);
+
+  &[data-is-side='true'] {
+    .label {
+      margin-bottom: 9px;
+    }
+  }
+  ${o.MediaQueries.mbDown} {
+    .label {
+      margin-bottom: 9px;
+    }
+  }
+  margin-bottom: 24px;
+  #weight-gain-dropdown {
+    z-index: 9;
+    width: 100%;
+    min-width: unset;
+    max-width: unset;
+    color: ${e=>e.theme.colors.gray800};
+    & > ul {
+      z-index: 1;
+      max-height: 300px;
+      overflow-y: scroll;
+    }
+  }
+`,Ct=B.default.div`
+  margin-bottom: 24px;
+  width: 100%;
+
+  ${o.MediaQueries.mbUp} {
+    padding: 0 16px;
+  }
+  .card {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    & > :not(:last-child) {
+      margin-bottom: 8px;
+    }
+
+    .gender-selector {
+      row-gap: 12px;
+
+      & > :not(:last-child) {
+        margin-right: 16px;
+      }
+
+      & > div {
+        ${o.MediaQueries.mbUp} {
+          width: calc(18% - 4px);
+          max-width: 186px;
+          justify-self: left;
+        }
+
+        ${o.MediaQueries.mbDown} {
+          width: calc(31% - 8px);
+          max-width: 109px;
+          justify-self: left;
+        }
+      }
+    }
+
+    .gender-image {
+      width: 23px;
+      height: 36px;
+      object-fit: contain;
+    }
+  }
+  .note {
+    display: flex;
+    align-items: center;
+    padding-top: 8px;
+    padding-bottom: 16px;
+  }
+`,Et=B.default.form`
+  margin: auto;
+  ${o.MediaQueries.mbUp} {
+    width: 100%;
+    padding: 20px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+  }
+  ${o.MediaQueries.mbDown} {
+    padding: 16px;
+  }
+  .due-date-calculate-button {
+    width: 100%;
+    margin: 12px auto 0;
+    ${o.MediaQueries.mbUp} {
+      max-width: 200px;
+    }
+  }
+  &[data-is-side='true'] {
+    ${o.MediaQueries.mbUp} {
+      padding: 24px 40px 0px 40px;
+    }
+  }
+  .input-weight-form {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    padding: 0 16px;
+  }
+  .input-form {
+    display: flex;
+
+    ${o.MediaQueries.mbUp} {
+      margin-bottom: 24px;
+      width: calc(50% - 8px);
+    }
+    &[data-is-side='true'] {
+      ${o.MediaQueries.mbUp} {
+        margin-bottom: 8px;
+        width: 100%;
+      }
+    }
+    ${o.MediaQueries.mbDown} {
+      margin-bottom: 8px;
+    }
+    .label-text {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      -webkit-line-clamp: 2;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+    }
+  }
+  .input-form-pwg {
+    display: flex;
+    width: calc(50% - 8px);
+
+    ${o.MediaQueries.mbUp} {
+      margin-bottom: 24px;
+    }
+    &[data-is-side='true'] {
+      ${o.MediaQueries.mbUp} {
+        margin-bottom: 8px;
+      }
+    }
+    ${o.MediaQueries.mbDown} {
+      margin-bottom: 8px;
+      width: 100%;
+    }
+    .label-text {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      -webkit-line-clamp: 2;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+    }
+  }
+  .day-slider {
+    width: 100%;
+    ${o.MediaQueries.mbUp} {
+      width: calc(50% - 8px);
+      &[data-is-side='true'] {
+        width: 100%;
+      }
+    }
+  }
+`,$t="hhgcomp-embedtoolcard-content",Dt=d.getDefaultClassWrapper(Et,$t),St=B.default.div`
+  padding: 0;
+  background-color: white;
+  border: 1px solid #e4e8ec;
+  border-radius: 4px;
+
+  &[data-site='marryBaby'] {
+    background-color: ${e=>e.theme.mbColors.green};
+    border-radius: 16px;
+  }
+  .due-date-cal {
+    .${$t} {
+      ${o.MediaQueries.mbUp} {
+        padding: 24px;
+      }
+      ${o.MediaQueries.mbDown} {
+        padding: 16px;
+      }
+    }
+    display: table;
+    width: 100%;
+    .slider-due-date {
+      margin-bottom: 12px;
+      width: 100%;
+      margin-left: 0px;
+      margin-right: 0px;
+      .slider-outer-wrapper {
+        margin: 2rem -0.5rem 1rem;
+      }
+      &[data-theme='marryBaby'] {
+        padding: 1rem;
+        background: white;
+        border-radius: 1rem;
+        .slider-outer-wrapper {
+          gap: 12px;
+          display: flex;
+          align-items: center;
+          margin: 0.5rem;
+        }
+      }
+    }
+    .input-form {
+      display: flex;
+      ${o.MediaQueries.mbUp} {
+        width: calc(50% - 8px);
+        margin-bottom: 24px;
+      }
+      &[data-is-side='true'] {
+        ${o.MediaQueries.mbUp} {
+          margin-bottom: 12px;
+          width: 100%;
+        }
+      }
+      ${o.MediaQueries.mbDown} {
+        margin-bottom: 8px;
+      }
+    }
+  }
+  .heart-rate-cal {
+    .slider-heart-rate {
+      margin-bottom: 12px;
+      width: 100%;
+      margin-left: 0px;
+      margin-right: 0px;
+      .slider-outer-wrapper {
+        margin: 2rem -0.5rem 1rem;
+      }
+    }
+  }
+  .ovulation-cal {
+    display: flex;
+    /* padding-top: 24px; */
+    justify-content: space-between;
+    flex-wrap: wrap;
+    .slider-ovulation {
+      margin-bottom: 12px;
+      /* width: 100%; */
+      margin-left: 0px;
+      margin-right: 0px;
+      .slider-outer-wrapper {
+        margin: 2rem -0.5rem 1rem;
+      }
+      &[data-theme='marryBaby'] {
+        padding: 1rem;
+        background: white;
+        border-radius: 1rem;
+        .slider-outer-wrapper {
+          gap: 12px;
+          display: flex;
+          align-items: center;
+          margin: 0.5rem;
+        }
+      }
+    }
+    .input-form {
+      display: flex;
+      ${o.MediaQueries.mbUp} {
+        width: calc(50% - 8px);
+        margin-bottom: 24px;
+        &[data-is-side='true'] {
+          margin-bottom: 12px;
+          width: 100%;
+        }
+      }
+      ${o.MediaQueries.mbDown} {
+        margin-bottom: 8px;
+      }
+    }
+  }
+  .pwg-view-mobile {
+    &[data-is-side='true'] {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+    }
+    ${o.MediaQueries.mbDown} {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      padding: 16px 0;
+    }
+    .hide-asking-mobile {
+      gap: 10px;
+      &[data-is-side='true'] {
+        ${o.MediaQueries.mbUp} {
+          display: none;
+        }
+      }
+      ${o.MediaQueries.mbDown} {
+        display: none;
+      }
+    }
+    .hide-asking-desk {
+      gap: 10px;
+      &[data-is-side='true'] {
+        ${o.MediaQueries.mbUp} {
+          display: unset;
+        }
+      }
+      ${o.MediaQueries.mbUp} {
+        display: none;
+      }
+    }
+  }
+  input[type='date']::after {
+    width: 16px;
+    height: 16px;
+    background-image: url('https://hellobacsi.com/svg/calendar.svg');
+    background-repeat: no-repeat;
+    background-size: contain;
+    content: '';
+  }
+`,Bt=B.default(te)`
+  &[data-direction='horizontal'] div[data-type='circle'] {
+    margin-right: 8px;
+  }
+  label {
+    font-size: 14px;
+  }
+`,Mt=B.default(h.Button)`
+  margin: 0 auto 24px;
+  ${o.MediaQueries.mbUp} {
+    max-width: 200px;
+    margin: 24px auto;
+  }
+`,zt=B.default(d.PureInput)`
+  &.bmi--input {
+    + .bmi--input {
+      margin-top: 24px;
+    }
+    .inputLabel {
+      display: inline-block;
+      margin-bottom: 5px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+    .errorLabel {
+      line-height: 1.3;
+    }
+    input[type='radio'] {
+      padding: 0;
+    }
+    .bmi--input-radio_gender {
+      width: 100%;
+      gap: 16px;
+      > div {
+        ${o.MediaQueries.mbDown} {
+          width: calc(50% - 8px);
+        }
+        width: calc(33% - 8px);
+      }
+      & > div > div {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-content: center;
+        gap: 8px;
+        padding-block: 5px;
+      }
+    }
+    .bmi-side-embed {
+      > div {
+        ${o.MediaQueries.mbUp} {
+          width: calc(50% - 8px);
+        }
+      }
+    }
+    .radio-group-item-heading {
+      margin-top: 0;
+    }
+  }
+
+  ${o.MediaQueries.mbDown} {
+    &.bmi--input {
+      .bmi--input-radio_gender {
+        > div {
+          .gender-image {
+            width: 40px;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
+`,Pt=B.default.div`
+  width: 100%;
+`,Tt=B.default.div`
+  margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  input {
+    font-size: 12px;
+    ::placeholder {
+      color: #8c8c8c;
+      opacity: 1;
+    }
+  }
+  .input-label {
+    label {
+      display: inline-block;
+      margin-bottom: 9px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+  }
+`;B.default.div`
+  display: flex;
+  flex-direction: column;
+  #thr-dropdown {
+    z-index: 10;
+    width: 100%;
+    min-width: unset;
+    max-width: unset;
+    color: ${e=>e.theme.colors.gray800};
+    & > ul {
+      z-index: 1;
+      max-height: 300px;
+      overflow-y: scroll;
+    }
+  }
+`;const It=B.default.div`
+  ${o.MediaQueries.mbUp} {
+    display: flex;
+    width: 100%;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 12px;
+    > div {
+      width: 100%;
+    }
+    &[data-is-side='true'] {
+      ${o.MediaQueries.mbUp} {
+        display: flex;
+        flex-direction: column;
+        gap: 0px;
+      }
+    }
+  }
+  ${o.MediaQueries.mbDown} {
+    display: flex;
+    flex-direction: column;
+    gap: 0px;
+  }
+`,Nt=B.default.div`
+  padding-block: 40px;
+
+  &[data-theme='marryBaby'] {
+    padding-block: 0;
+    padding-top: 12px;
+  }
+`,At=B.default.form`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`,_t=B.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-top: auto;
+
+  .error-input input {
+    border: 1px solid ${e=>e.theme.colors.red700};
+  }
+`,jt=B.default(y.Label)`
+  display: inline-flex;
+  padding-bottom: 6px;
+  gap: 4px;
+`,Ot=B.default.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  > div {
+    width: 100%;
+  }
+`;B.default.div`
+  ${o.MediaQueries.mbUp} {
+    padding: 0 16px;
+  }
+
+  margin-bottom: 24px;
+
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+
+  .gender-selector {
+    & > :not(:last-child) {
+      margin-right: 16px;
+    }
+
+    & > div {
+      width: calc(50% - 8px);
+
+      ${o.MediaQueries.mbUp} {
+        max-width: 186px;
+        justify-self: left;
+      }
+    }
+  }
+`;const Qt=(e=0,t=0)=>{try{if(e&&t){const a=Number(t)/Math.pow(Number(e)/100,2);return Number(((e,t=2)=>Intl.NumberFormat(void 0,{maximumFractionDigits:t}).format(e))(a))}return 0}catch(e){}return 0},Ut=B.default.div`
+  padding: 36px;
+  padding-top: 0;
+  background-color: white;
+  ${o.MediaQueries.mbDown} {
+    padding: 16px;
+    padding-top: 0;
+  }
+  &[data-theme='marryBaby'] {
+    background-color: ${e=>e.theme.mbColors.green};
+    padding: 24px;
+    border-bottom-right-radius: 16px;
+    border-bottom-left-radius: 16px;
+    ${o.MediaQueries.mbDown} {
+      padding: 16px;
+    }
+  }
+`,Ft=B.default((({onSubmit:r,onError:o,schema:n,siteType:l})=>{const{t:p}=a.useTranslations(),c="mb"===i.useMantineTheme().other.template,{control:g,setValue:y,watch:v,handleSubmit:w,formState:{isSubmitted:k}}=x.useForm({resolver:f.yupResolver(n),mode:"onSubmit",defaultValues:{name:"",gender:u.Gender.Boy,measurementDate:new Date}}),C=v("weight"),E=v("height"),$=v("head"),D=e.useMemo((()=>k&&!C&&!E&&!$),[k,C,E,$]);e.useEffect((()=>{const e=Qt(E,C);y("bmi",String(e)||"0")}),[C,E]);const B=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return S.default.createElement(S.default.Fragment,null,S.default.createElement(Nt,{"data-theme":l},S.default.createElement(At,{onSubmit:w(r,o)},S.default.createElement(x.Controller,{control:g,name:"gender",render:({field:{onChange:e,value:t}})=>S.default.createElement(b.BabyGrowthGender,{onChange:e,value:t,siteType:l})}),"marryBaby"===l?S.default.createElement(S.default.Fragment,null,S.default.createElement(x.Controller,{control:g,name:"birthday",render:({field:{onChange:e,value:a},fieldState:{error:i}})=>S.default.createElement(_t,null,S.default.createElement(pt,{label:p("babyGrowth.input.birthday"),name:"birthday",size:"md",value:String(a),CustomInput:S.default.createElement(F,{onChange:e,placeholder:"dd/mm/yyyy",pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:t=>S.default.createElement(s.Input,Object.assign({onChange:e,className:(null==i?void 0:i.message)?"error-input":"",name:"birthday",size:"md"},t,{value:a&&M.default(a).format(d.DUE_DATE_FORMAT)}))}),actionIcon:S.default.createElement(t.Icon.CalendarMB,{size:32})}))}),S.default.createElement(Ot,null,S.default.createElement(x.Controller,{control:g,name:"height",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>S.default.createElement(_t,null,S.default.createElement(pt,{label:`${p("babyGrowth.height")} ${p("babyGrowth.cm")}`,name:"height",size:"md",value:String(t),CustomInput:S.default.createElement(s.Input,{className:D||(null==a?void 0:a.message)?"error-input":"",name:"height",size:"md",placeholder:"Nhập thông tin",value:String(t),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),S.default.createElement(x.Controller,{control:g,name:"weight",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>S.default.createElement(_t,null,S.default.createElement(pt,{label:`${p("babyGrowth.weight")} ${p("babyGrowth.kg")}`,name:"weight",size:"md",value:String(t),CustomInput:S.default.createElement(s.Input,{className:D||(null==a?void 0:a.message)?"error-input":"",name:"weight",size:"md",placeholder:"Nhập thông tin",value:String(t),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))})),S.default.createElement(Ot,null,S.default.createElement(x.Controller,{control:g,name:"head",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>S.default.createElement(_t,null,S.default.createElement(pt,{label:`${p("babyGrowth.headCircumference")} ${p("babyGrowth.cm")}`,name:"head",size:"md",value:String(t),CustomInput:S.default.createElement(s.Input,{className:D||(null==a?void 0:a.message)?"error-input":"",name:"head",size:"md",value:String(t),onChange:e,type:"number",placeholder:"Nhập thông tin",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),S.default.createElement(x.Controller,{control:g,name:"bmi",render:({field:{value:e}})=>S.default.createElement(_t,null,S.default.createElement(pt,{label:`${p("babyGrowth.input.bmi")} ${p("babyGrowth.kg.m2")}`,name:"date",size:"md",value:String(e),CustomInput:S.default.createElement(s.Input,{name:"bmi",size:"md",type:"number",value:String(e),isDisabled:!0,style:{color:"#9495A0"}})}))})),S.default.createElement(x.Controller,{control:g,name:"measurementDate",render:({field:{onChange:e,value:a},fieldState:{error:i}})=>S.default.createElement(_t,null,S.default.createElement(pt,{label:p("babyGrowth.input.measurementDate"),name:"date",size:"md",value:xt(a),CustomInput:S.default.createElement(F,{placeholder:a&&M.default(a).format(d.DUE_DATE_FORMAT),pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",onChange:e,disabledDays:{after:new Date},customInput:t=>S.default.createElement(s.Input,Object.assign({className:(null==i?void 0:i.message)&&"error-input",name:"measurementDate",size:"md",placeholder:a&&M.default(a).format(d.DUE_DATE_FORMAT),onChange:e},t,{value:a&&M.default(a).format(d.DUE_DATE_FORMAT)}))}),actionIcon:S.default.createElement(t.Icon.CalendarMB,{size:32})}))}),S.default.createElement(h.Button,{size:"lg",type:"submit",variant:c?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":B},p("babyGrowth.input.submit"))):S.default.createElement(S.default.Fragment,null,S.default.createElement(x.Controller,{control:g,name:"birthday",render:({field:{onChange:e,value:a},fieldState:{error:i}})=>S.default.createElement(_t,null,S.default.createElement(jt,{size:"label1",htmlFor:"birthday"},S.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},p("babyGrowth.input.birthday"))),S.default.createElement(F,{onChange:e,placeholder:"dd/mm/yyyy",pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:r=>S.default.createElement(s.Input,Object.assign({onChange:e,className:(null==i?void 0:i.message)?"error-input":"",name:"birthday",size:"md",actionIcon:S.default.createElement(t.Icon.Calendar,null)},r,{value:a&&M.default(a).format(d.DUE_DATE_FORMAT)}))}))}),S.default.createElement(Ot,null,S.default.createElement(x.Controller,{control:g,name:"height",render:({field:{onChange:e,value:a},fieldState:{error:i}})=>S.default.createElement(_t,null,S.default.createElement(jt,{size:"label1",htmlFor:"height"},S.default.createElement(t.Text,{size:"s4",weight:"semiBold"},p("babyGrowth.height")),S.default.createElement(t.Text,{as:"span",size:"n1",color:m.theme.colors.gray400},p("babyGrowth.cm"))),S.default.createElement(s.Input,{className:D||(null==i?void 0:i.message)?"error-input":"",name:"height",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),S.default.createElement(x.Controller,{control:g,name:"weight",render:({field:{onChange:e,value:a},fieldState:{error:i}})=>S.default.createElement(_t,null,S.default.createElement(jt,{size:"label1",htmlFor:"weight"},S.default.createElement(t.Text,{size:"s4",weight:"semiBold"},p("babyGrowth.weight")),S.default.createElement(t.Text,{as:"span",size:"n1",color:m.theme.colors.gray400},p("babyGrowth.kg"))),S.default.createElement(s.Input,{className:D||(null==i?void 0:i.message)?"error-input":"",name:"weight",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))})),S.default.createElement(Ot,null,S.default.createElement(x.Controller,{control:g,name:"head",render:({field:{onChange:e,value:a},fieldState:{error:i}})=>S.default.createElement(_t,null,S.default.createElement(jt,{size:"label1",htmlFor:"head"},S.default.createElement(t.Text,{size:"s4",weight:"semiBold"},p("babyGrowth.headCircumference")),S.default.createElement(t.Text,{as:"span",size:"n1",color:m.theme.colors.gray400},p("babyGrowth.cm"))),S.default.createElement(s.Input,{className:D||(null==i?void 0:i.message)?"error-input":"",name:"head",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),S.default.createElement(x.Controller,{control:g,name:"bmi",render:({field:{value:e}})=>S.default.createElement(_t,null,S.default.createElement(jt,{size:"label1",htmlFor:"bmi"},S.default.createElement(t.Text,{size:"s4",weight:"semiBold"},p("babyGrowth.input.bmi")),S.default.createElement(t.Text,{as:"span",size:"n1",color:m.theme.colors.gray400},p("babyGrowth.kg.m2"))),S.default.createElement(s.Input,{name:"bmi",size:"md",type:"number",value:String(e),isDisabled:!0}))})),S.default.createElement(x.Controller,{control:g,name:"measurementDate",render:({field:{onChange:e,value:a},fieldState:{error:i}})=>S.default.createElement(_t,null,S.default.createElement(jt,{size:"label1",htmlFor:"measurementDate"},S.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},p("babyGrowth.input.measurementDate"))),S.default.createElement(F,{placeholder:a&&M.default(a).format(d.DUE_DATE_FORMAT),pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",onChange:e,disabledDays:{after:new Date},customInput:r=>S.default.createElement(s.Input,Object.assign({className:(null==i?void 0:i.message)&&"error-input",name:"measurementDate",size:"md",placeholder:a&&M.default(a).format(d.DUE_DATE_FORMAT),onChange:e,actionIcon:S.default.createElement(t.Icon.Calendar,null)},r,{value:a&&M.default(a).format(d.DUE_DATE_FORMAT)}))}))}),S.default.createElement(h.Button,{size:"lg",type:"submit",variant:c?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":B},p("babyGrowth.input.submit"))))))}))`
+  padding-block: 0;
+`;B.default(dt)`
+  padding-inline: 20px;
+
+  img.embedded-icon {
+    width: 140px;
+    margin-left: 50%;
+    align-self: center;
+  }
+
+  ${o.MediaQueries.mbDown} {
+    padding-inline: 0;
+    img.embedded-icon {
+      width: 125px;
+      align-self: end;
+      margin-left: 0;
+      position: absolute;
+      transform: translateY(50%);
+    }
+    .embedded-review {
+      max-width: 200px;
+    }
+  }
+`;var Rt=i.createStyles(((e,t)=>{const{isMarryBaby:a,isSide:i,direction:r}=t;return{root:Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",display:"flex"},"auto"===r?{flexDirection:"row"}:{flexDirection:"column"===r?"column-reverse":"row"}),{gap:"8px",padding:"16px",borderRadius:a?"16px":"8px"}),!a&&{backgroundImage:`url(${g.CommonGAssets.getAssetPath("bgPattern/baby-poop.svg")})`,backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"}),{backgroundColor:a?e.colors.toneGreen.toString():e.colors[e.primaryColor][0],[e.fn.smallerThan("sm")]:Object.assign({},"auto"===r?{flexDirection:"column-reverse"}:{}),[e.fn.smallerThan("md")]:{borderRadius:a?"12px":"8px"},[e.fn.largerThan("md")]:{padding:"32px",gap:"20px"}}),inner:{display:"flex",gap:"16px",flexDirection:"column",flex:1},content:{display:"flex",flexDirection:"column",gap:"16px"},reviewText:{display:"flex",gap:"4px",a:{color:e.colors.gray[6],fontWeight:"bold","&:not(:hover)":{textDecoration:"none"}}},reviewTextIcon:{flexShrink:0,width:"16px",height:"16px",[e.fn.largerThan("sm")]:{marginTop:"2px"}},thumbnail:Object.assign(Object.assign({img:{objectFit:"contain",objectPosition:"bottom",width:"100%",height:"100%"}},"column"===r?{width:"80%",alignSelf:"center"}:"row"===r?{width:"40%"}:{}),{[e.fn.smallerThan("sm")]:Object.assign({},"auto"===r?{width:"80%",alignSelf:"center"}:{}),[e.fn.largerThan("sm")]:Object.assign({},"auto"===r?{width:"40%"}:{})}),action:{display:"flex",justifyContent:a?"center":"flex-start"},btn:{minWidth:a?"auto":"143px",width:i||a?"100%":"auto",[e.fn.smallerThan("md")]:{width:"100%"}},sponsorLogo:Object.assign(Object.assign({position:"absolute",top:0,height:40,objectFit:"contain",objectPosition:"top"},"column"===r?{left:"16px",height:40}:"row"===r?{height:50,right:"40px"}:{left:"16px",height:40}),{[e.fn.largerThan("sm")]:Object.assign({},"auto"===r?{height:50,right:"40px",left:"unset"}:{})})}}));const Gt=B.default.div`
+  display: flex;
+  width: 100%;
+
+  &[data-direction='vertical'] {
+    flex-direction: column;
+  }
+
+  &[data-direction='horizontal'] {
+    flex-wrap: wrap;
+  }
+`,Lt=B.default.div`
+  display: flex;
+
+  padding: 8px;
+
+  border-radius: ${e=>e.theme.borderRadius};
+  cursor: pointer;
+
+  & > div {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+  }
+
+  &[data-selected='true'] {
+    border: 1px solid #2d87f3;
+    background: white;
+
+    .radio-group-item-heading {
+      color: #2d87f3;
+    }
+  }
+  &[data-selected='false'] {
+    border: 1px solid #f2f2f2;
+    box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);
+    .radio-group-item-heading {
+      color: #262626;
+    }
+  }
+  &[data-disabled='true'] {
+    cursor: auto;
+  }
+
+  .radio-group-item-heading {
+    margin-top: 8px;
+    text-align: center;
+  }
+
+  .gender-image {
+    width: 23px;
+    height: 36px;
+    object-fit: contain;
+  }
+`,Ht=B.default(h.Button)`
+  margin: 0 auto 24px;
+  width: 100%;
+  ${o.MediaQueries.mbUp} {
+    max-width: 200px;
+  }
+`;B.default.div`
+  display: flex;
+  gap: 10px;
+  line-height: 1;
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
+  ${o.MediaQueries.mbUp} {
+    padding-right: 16px;
+    padding-bottom: 10px;
+    flex-wrap: wrap;
+    align-items: center;
+    &[data-is-side='true'] {
+      width: 100%;
+      justify-content: unset;
+      .label {
+        margin-bottom: 9px;
+      }
+    }
+  }
+  &[data-is-side='true'] {
+    ${o.MediaQueries.mbDown} {
+      width: 100%;
+      .label {
+        margin-bottom: 9px;
+      }
+    }
+  }
+  ${o.MediaQueries.mbDown} {
+    width: 100%;
+    .label {
+      margin-bottom: 9px;
+    }
+  }
+`,B.default(d.PureInput)`
+  &.bmi--input {
+    + .bmi--input {
+      margin-top: 24px;
+    }
+    .inputLabel {
+      display: inline-block;
+      margin-bottom: 5px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+    .errorLabel {
+      line-height: 1.3;
+    }
+    input[type='radio'] {
+      padding: 0;
+    }
+    .bmi--input-radio_gender {
+      width: 100%;
+      gap: 16px;
+      > div {
+        width: calc(50% - 8px);
+      }
+      & > div > div {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-content: center;
+        gap: 8px;
+        padding-block: 5px;
+      }
+    }
+    .radio-group-item-heading {
+      margin-top: 0;
+    }
+  }
+
+  ${o.MediaQueries.mbUp} {
+    &.bmi--input {
+      .bmi--input-radio_gender {
+        > div {
+          max-width: 186px;
+        }
+      }
+    }
+  }
+
+  ${o.MediaQueries.mbDown} {
+    &.bmi--input {
+      .bmi--input-radio_gender {
+        > div {
+          .gender-image {
+            width: 40px;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
+`;const qt=B.default.div``,Wt=B.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  input {
+    font-size: 12px;
+  }
+  .gender-option {
+    gap: 16px;
+    > div {
+      width: calc(50% - 8px);
+    }
+  }
+  .input-label {
+    label {
+      display: inline-block;
+      margin-bottom: 9px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+  }
+`,Vt=B.default.div`
+  ${o.MediaQueries.mbUp} {
+    display: flex;
+    width: 100%;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 24px;
+    > div {
+      width: 100%;
+    }
+  }
+
+  ${o.MediaQueries.mbDown} {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    margin-bottom: 8px;
+  }
+  &[data-is-side='true'] {
+    ${o.MediaQueries.mbUp} {
+      display: flex;
+      flex-direction: column-reverse;
+      gap: 0px;
+    }
+  }
+`,Yt=B.default(h.Button)`
+  margin: 0 auto 24px;
+  ${o.MediaQueries.mbUp} {
+    max-width: 200px;
+    margin: 24px auto;
+  }
+`;B.default(d.PureInput)`
+  &.bmi--input {
+    + .bmi--input {
+      margin-top: 24px;
+    }
+    .inputLabel {
+      display: inline-block;
+      margin-bottom: 5px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+    .errorLabel {
+      line-height: 1.3;
+    }
+    input[type='radio'] {
+      padding: 0;
+    }
+    .bmi--input-radio_gender {
+      width: 100%;
+      gap: 16px;
+      > div {
+        ${o.MediaQueries.mbDown} {
+          width: calc(50% - 8px);
+        }
+        width: calc(33% - 8px);
+      }
+      & > div > div {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-content: center;
+        gap: 8px;
+        padding-block: 5px;
+      }
+    }
+    .bmi-side-embed {
+      > div {
+        ${o.MediaQueries.mbUp} {
+          width: calc(50% - 8px);
+        }
+      }
+    }
+    .radio-group-item-heading {
+      margin-top: 0;
+    }
+  }
+
+  ${o.MediaQueries.mbDown} {
+    &.bmi--input {
+      .bmi--input-radio_gender {
+        > div {
+          .gender-image {
+            width: 40px;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
+`;const Zt=B.default.div``,Xt=B.default.div`
+  margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  input {
+    font-size: 12px;
+    ::placeholder {
+      color: #8c8c8c;
+      opacity: 1;
+    }
+  }
+  .gender-option {
+    gap: 16px;
+    > div {
+      width: calc(50% - 8px);
+    }
+  }
+  .input-label {
+    label {
+      display: inline-block;
+      margin-bottom: 9px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+  }
+`,Jt=B.default.div`
+  ${o.MediaQueries.mbUp} {
+    display: flex;
+    width: 100%;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 12px;
+    > div {
+      width: 100%;
+    }
+    &[data-is-side='true'] {
+      ${o.MediaQueries.mbUp} {
+        display: flex;
+        flex-direction: column;
+        gap: 0px;
+      }
+    }
+  }
+  ${o.MediaQueries.mbDown} {
+    display: flex;
+    flex-direction: column;
+    gap: 0px;
+  }
+`,Kt=({locale:i,onSubmit:r,isSide:o,siteType:n})=>{const{t:l}=a.useTranslations(),[p,c]=e.useState(new Date),[u,g]=e.useState(28),[f,x]=e.useState(7),b={cycle:u,periodDateStart:p,periodLength:f},y=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return S.default.createElement(S.default.Fragment,null,S.default.createElement(ut,{className:"input-form input-section","data-is-side":!0},"marryBaby"===n?S.default.createElement(pt,{label:l("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:xt(p),CustomInput:S.default.createElement(F,{onChange:e=>{c(e)},placeholder:"dd/mm/yyyy",pickedDate:p,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:w.addDays(new Date,-45),after:new Date},customInput:e=>S.default.createElement(s.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:p&&M.default(p).format(d.DUE_DATE_FORMAT)}))}),actionIcon:S.default.createElement(t.Icon.CalendarMB,{size:32})}):S.default.createElement(s.Input,{label:S.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},l("dueDatePage.lastPeriod.lastPeriodLabel")),value:xt(p),size:"md",name:"date",className:"due-date-input",CustomInput:S.default.createElement(F,{customInput:e=>S.default.createElement("input",Object.assign({},e,{type:"date",className:"due-date-input",value:xt(p)})),locale:i,pickedDate:p,displayDateFormat:E.DATE_FORMAT,onChange:e=>{c(e)},disabledDays:{before:w.addDays(new Date,-45),after:new Date},placeholder:"Chọn ngày"})})),S.default.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===n?"marryBaby":"","data-is-side":o},"marryBaby"===n?S.default.createElement(C.MarryBabyText,{type:"bodytext-3",color:m.theme.mbColors.midGray},l("ovulationPage.cycleLength")):S.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959"},l("ovulationPage.cycleLength")+" ",S.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},l("ovulationPage.dayUnit"))),S.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===n&&S.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:m.theme.colors.gray600},u),S.default.createElement(k.Slider,{containerStyle:{flex:1},min:21,max:45,step:1,value:u,onChange:g,labelAlwaysOn:"marryBaby"!==n,withControl:"marryBaby"!==n,label:"marryBaby"!==n?void 0:null}))),S.default.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===n?"marryBaby":"","data-is-side":o},"marryBaby"===n?S.default.createElement(C.MarryBabyText,{type:"bodytext-3",color:m.theme.mbColors.midGray},l("ovulationPage.periodDuration")):S.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959"},l("ovulationPage.periodDuration")+" ",S.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},l("ovulationPage.dayUnit"))),S.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===n&&S.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:m.theme.colors.gray600},f),S.default.createElement(k.Slider,{containerStyle:{flex:1},min:1,max:15,step:1,value:f,onChange:x,labelAlwaysOn:"marryBaby"!==n,withControl:"marryBaby"!==n,label:"marryBaby"!==n?void 0:null}))),S.default.createElement("div",{style:{width:"100%",display:"flex"}},S.default.createElement(h.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===n?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:y,onClick:()=>{localStorage.setItem("ovulationInfo",JSON.stringify(b)),r&&r({startDate:p,cycle:u,periodLength:f})},role:"button"},l("dueDatePage.lastPeriod.calculate"))))};var ea;!function(e){e[e.trackPeriod=0]="trackPeriod",e[e.conceive=1]="conceive",e[e.avoidPregnancy=2]="avoidPregnancy"}(ea||(ea={}));const ta=B.default.div`
+  flex: 1;
+`,aa=B.default.div`
+  padding: 0 10px;
+`,ia=B.default.div`
+  display: flex;
+  height: 80px;
+  align-items: center;
+  .calendar-month {
+    font-size: 16px;
+    flex: 1;
+    text-align: center;
+    strong {
+      margin-left: 5px;
+    }
+  }
+  ${o.MediaQueries.mbDown} {
+    height: 70px;
+  }
+`,ra=B.default.div`
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  row-gap: 2px;
+`,oa=B.default(ra)`
+  margin-bottom: 8px;
+`;B.default.div`
+  height: 40px;
+  width: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;const na=B.default.div`
+  font-size: 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: 1px solid ${e=>e.theme.colors.gray800};
+  font-weight: 300;
+`,la=B.default.div`
+  width: 18px;
+  position: relative;
+  &::before {
+    content: '';
+    position: absolute;
+    inset: 16px 0 0 0;
+    width: 1px;
+    left: 50%;
+    right: 50%;
+    background: ${e=>e.theme.colors.neutral100};
+  }
+`,da=B.default.div`
+  margin: 0 auto;
+`,sa=B.default.div`
+  position: relative;
+`,pa=B.default(ra)``,ca=B.default.div`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 34px;
+  ${o.MediaQueries.mbUp} {
+    height: 38px;
+  }
+  &[data-is-disabled='true'] {
+    opacity: 0.3;
+  }
+  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {
+    background-color: ${e=>e.theme.colors.gray100};
+  }
+  &:before {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background-color: ${e=>e.theme.colors.gray100};
+  }
+  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {
+    background-color: transparent;
+    &:before {
+      content: '';
+      left: 50%;
+      right: 0;
+    }
+  }
+
+  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],
+  &:hover[data-in-range='true']:is([data-has-range='false'] &) {
+    background-color: transparent;
+    &:before {
+      content: '';
+      left: 0;
+      right: 50%;
+    }
+  }
+`,ma=B.default.div`
+  position: relative;
+  font-weight: 600;
+  ${o.MediaQueries.mbDown} {
+    width: 32px;
+    height: 32px;
+  }
+  ${o.MediaQueries.mbUp} {
+    width: 36px;
+    height: 36px;
+  }
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  [data-is-disabled='true'] & {
+    cursor: not-allowed;
+  }
+  line-height: 1;
+  color: 1px solid ${e=>e.theme.colors.gray800};
+  [data-is-selected='true'] &,
+  [data-is-today='true'] &,
+  [data-is-selected='false']:hover & {
+    border-radius: 32px;
+  }
+  [data-is-selected='true'] & {
+    background-color: ${e=>e.theme.colors.primaryBase};
+    color: white;
+  }
+  [data-is-selected='false']:hover & {
+    background-color: ${e=>e.theme.colors.primary50};
+  }
+  [data-is-today='true'][data-is-selected='false'] & {
+    background-color: transparent;
+    border-radius: 32px;
+    border: 1px solid ${e=>e.theme.colors.primaryBase};
+  }
+`,ua=B.default.div`
+  display: block;
+  position: relative;
+  width: 270px;
+  input {
+    pointer-events: none;
+    caret-color: transparent;
+  }
+  ${o.MediaQueries.mbDown} {
+    width: 100%;
+  }
+`,ga=B.default.div`
+  display: flex;
+  position: absolute;
+  top: 46px;
+  left: 0;
+  width: 684px;
+  border: 1px solid ${e=>e.theme.colors.gray200};
+  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))
+    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))
+    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));
+  border-radius: ${e=>e.theme.borderRadius};
+  background-color: white;
+  z-index: 100;
+  padding-bottom: 16px;
+  align-items: stretch;
+  user-select: none;
+  ${o.MediaQueries.mbDown} {
+    width: 100%;
+  }
+`,ha=B.default.div`
+  display: flex;
+  gap: 20px;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  .icon-group {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    a,
+    svg {
+      width: 32px;
+      height: 32px;
+    }
+    .share {
+      width: 32px;
+      height: 32px;
+      padding: 8px;
+
+      &:hover {
+        background-color: ${e=>e.theme.colors.neutral50};
+      }
+
+      svg {
+        margin: 0;
+        width: 16px;
+        height: 16px;
+      }
+    }
+  }
+`,fa=B.default(b.Drawer)`
+  padding-bottom: 24px;
+  .share-container {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+  .icon-group {
+    margin-top: 12px;
+    display: flex;
+    gap: 16px;
+    img {
+      border-radius: 8px;
+    }
+  }
+  .input-group {
+    margin-top: 8px;
+    display: flex;
+    gap: 8px;
+    button {
+      padding: 10px;
+      &:hover {
+        background-color: ${e=>e.theme.colors.neutral50};
+      }
+    }
+    svg {
+      margin: 0;
+    }
+    a,
+    svg:not(.copy) {
+      width: 32px;
+      height: 32px;
+    }
+  }
+`,xa=B.default.div`
+  position: fixed;
+  z-index: 48;
+  bottom: 0;
+  left: 50%;
+  width: fit-content;
+  max-width: 100%;
+  background: none;
+  transform: translateX(-50%);
+  .close-sticky-button {
+    position: absolute;
+    display: flex;
+    width: 16px;
+    height: 16px;
+    align-items: center;
+    justify-content: center;
+    background: #bfbfbf;
+    border-radius: 50%;
+    color: white;
+
+    cursor: pointer;
+    font-size: 12px;
+    line-height: 12px;
+    transform: translate(50%, -50%);
+    top: 0;
+    right: 0;
+  }
+  opacity: 0;
+  pointer-events: none;
+  &[data-visible='true'] {
+    opacity: 1;
+    pointer-events: auto;
+  }
+`,ba=B.default.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  max-width: 100%;
+  width: fit-content;
+  height: fit-content;
+  margin-inline: auto;
+  /* margin: 1rem auto; */
+  &[data-no-wrapper='false'] {
+    border: 1px solid ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}};
+    background: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}};
+  }
+  &[data-no-wrapper='true'] {
+    line-height: 0;
+  }
+  &[data-header-bottom='true'] {
+    flex-direction: column-reverse;
+    background: none;
+    border: none;
+  }
+`,ya=B.default.div`
+  /* background: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}}; */
+  width: 100%;
+  padding: 0 5px 1.5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  text-transform: capitalize;
+  img {
+    height: 12px;
+    width: 12px;
+    max-width: 12px;
+    max-height: 12px;
+  }
+  &[data-header-bottom='true'] {
+    background: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}};
+  }
+  span {
+    font-size: 10px;
+    line-height: 12px;
+    color: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray400}};
+    font-weight: 400;
+  }
+`,va=B.default.div`
+  background-color: white;
+  background-image: url(${g.CommonGAssets.getAssetPath("close-blue.svg")});
+  background-repeat: no-repeat;
+  background-size: 10px;
+  background-position: center;
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  cursor: pointer;
+`,wa={},ka=e=>{if(wa[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([wa[e]]),delete wa[e]}))}},Ca=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],Ea=e.forwardRef((function({className:t,adUnitPath:r,size:o,divId:n,pos:l,sizeMapping:d,contentId:s,isHidden:p,hideIfHasSubot:c,isSticky:m,refreshInterval:h,customTargetings:f,style:x,adDefaultSize:b,noWrapper:y,showCloseBtn:v,onCloseAd:w,headerBottom:k,wrapperProps:C,locale:E,isMarryBaby:$},D){const B=h||(E===u.LOCALE.Vietnam&&l.some((e=>Ca.includes(e)))?30:void 0),{t:M}=a.useTranslations(),z=e.useRef(null),P=e.useRef(null),T=e.useRef(B);T.current=B;const[I,N]=e.useState(!1),A=()=>{T.current&&(null!==P.current&&clearInterval(P.current),P.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){wa[n]&&e.pubads().refresh([wa[n]])}))}),1e3*T.current))};if(e.useEffect((()=>()=>{ka(n),P.current&&clearInterval(P.current)}),[]),e.useEffect((()=>{A()}),[B]),e.useEffect((()=>{p||(({contentId:e,adUnitPath:t,size:a,divId:i,pos:r,sizeMapping:o,hideIfHasSubot:n,customTargetings:l,onSuccess:d})=>{if(!i||!document.getElementById(i))return console.error("divId is required");ka(i),window.googletag=window.googletag||{cmd:[]};const{googletag:s}=window;s.cmd.push((function(){const p=document.querySelector('meta[name="content_id"]'),c="string"==typeof e?e:null==p?void 0:p.content,m=s.defineSlot(t,a,i);if(m){try{l&&Object.keys(l).forEach((e=>{e&&(null==m||m.setTargeting(e,l[e]))}))}catch(e){console.error(e)}wa[i]=m,m.setTargeting("Pos",r),m.addService(s.pubads()),c&&m.setTargeting("Content_ID",c),o&&m.defineSizeMapping(o),n&&document.getElementById("subot--container")&&m.setTargeting("chatbot",!0),s.display(i),null==d||d()}}))})({contentId:s,adUnitPath:r,size:o,divId:n,pos:l,sizeMapping:d,hideIfHasSubot:c,customTargetings:f,onSuccess:A})}),[p]),I)return null;const _=S.default.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},S.default.createElement("div",{ref:D,id:n}),v&&S.default.createElement(va,{onClick:()=>{null==w||w(),N(!0)}}));if(m)return _;const j=b?b[0]:o?Array.isArray(o[0])?o[0][0]:o[0]:void 0,O=b?b[1]:o?Array.isArray(o[0])?o[0][1]:o[1]:void 0;return S.default.createElement(i.Box,Object.assign({},C,{className:t}),S.default.createElement(ba,{ref:z,className:t,style:x,"data-no-wrapper":!!y,"data-header-bottom":!!k},y?_:S.default.createElement(S.default.Fragment,null,S.default.createElement(ya,{"data-header-bottom":!!k},S.default.createElement("img",{src:$?g.CommonGAssets.getAssetPath("adsIcon-mb.svg"):g.CommonGAssets.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),S.default.createElement("span",null,M("adBanner.title"))),S.default.createElement("div",{style:{minWidth:j||"100%",minHeight:O||"100%",position:"relative"}},_))))})),$a=e.memo(Ea,((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),Da=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:g.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:g.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:g.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var Sa;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(Sa||(Sa={}));const Ba={DUE_DATE:Sa.DUE_DATE,BMI:Sa.BMI,BMR:Sa.BMR,OVULATION:Sa.OVULATION,IFRAME:Sa.IFRAME,PWG:Sa.PWG,THR:Sa.THR,BABY_VACCINE:Sa.BABY_VACCINE,BABY_GROWTH:Sa.BABY_GROWTH,BABY_POOP:Sa.BABY_POOP},Ma={[Ba.DUE_DATE]:g.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg")};var za,Pa,Ta,Ia;exports.BannerCategory=void 0,(za=exports.BannerCategory||(exports.BannerCategory={})).Pregnant="pregnant",za.Parenting="parenting",function(e){e.Option="option"}(Pa||(Pa={})),exports.OptionBannerStyleType=void 0,(Ta=exports.OptionBannerStyleType||(exports.OptionBannerStyleType={})).Button="button",Ta.Checkbox="checkbox",exports.BannerAction=void 0,(Ia=exports.BannerAction||(exports.BannerAction={})).ShowTool="showTool",Ia.ShowPremiumModal="showPremiumModal",Ia.ShowOptionBanner="showOptionBanner",Ia.Hide="hide";const Na={pregnancy:exports.BannerCategory.Pregnant,parenting:exports.BannerCategory.Parenting},Aa={[exports.BannerCategory.Pregnant]:"pregnant",[exports.BannerCategory.Parenting]:"parent"},_a=e.createContext({});var ja=i.createStyles((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:i.rem(32),padding:`${i.rem(6)} ${i.rem(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const Oa=e.createContext({}),Qa=e.forwardRef((function(e,a){var{label:r}=e,o=p.__rest(e,["label"]);return S.default.createElement("div",Object.assign({ref:a},o),S.default.createElement(i.Group,{noWrap:!0},S.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),S.default.createElement(t.Text,{size:"p3"},r)))})),Ua=e.forwardRef((function(e,a){var{label:i}=e,r=p.__rest(e,["label"]);return S.default.createElement("div",Object.assign({ref:a},r),S.default.createElement(t.Text,{size:"p3"},i))}));var Fa="fVk18fq",Ra="v8TCvUb",Ga="mx7T4V3";const La={myHealth:m.theme.mbColors.toneYellow,myCommunity:m.theme.mbColors.toneBlue,mySaved:m.theme.mbColors.toneGreen},Ha={helloSites:{myBooking:()=>g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}};exports.API_DATE_FORMAT=ft,exports.AdBlock=$a,exports.AffiliateIcon=T,exports.Body=({children:e,className:t,style:a,isHoverable:i,isStriped:r})=>S.default.createElement(ye,{className:t,style:a,"data-is-striped":r||void 0,"data-is-hoverable":i||void 0},e),exports.BookmarkedIcon=I,exports.Cell=({children:e,className:t,style:a,textAlign:i,isTableHead:r})=>S.default.createElement(he,{className:t,style:a,"data-text-align":i||"left",as:r?"th":"td"},e),exports.DatePicker=F,exports.DateToInputValue=xt,exports.DoctorInfo=ne,exports.FormControl=Tt,exports.FormControl$1=Wt,exports.FormControl$2=Xt,exports.HEALTH_TOOL_DEFAULT_IMG=Ma,exports.HEALTH_TOOL_TYPE=Ba,exports.Head=({isSticky:e,children:t,className:a,style:i})=>S.default.createElement(be,{className:a,"data-is-sticky":e||void 0,style:i},S.default.createElement(xe,null,t)),exports.Loading=({className:e,theme:i,hideText:r})=>{const{t:o}=a.useTranslations();return S.default.createElement("div",{className:`${P} ${e}`},S.default.createElement(t.Icon.Spinner,{isMarryBaby:"marryBaby"===i}),!r&&o("loading"))},exports.MAPPING_CATEGORY_PREMIUM_API_TYPE=Aa,exports.MAPPING_CATEGORY_PREMIUM_TYPE=Na,exports.MenuLink=({icon:e,isActive:a,children:i,isCollapsed:r,activeIcon:o,onLinkClick:n,textSize:l="base",textType:d="bold",textColorActive:s="#fff",textColor:p="#595959"})=>S.default.createElement(de,{"data-is-link-active":a||void 0,onClick:n,"data-is-link-collapsed":r||void 0},a&&o?o:e,!r&&S.default.createElement(t.Text,{size:l,weight:d,color:a?s:p},i)),exports.MobileBottomNavigation=Ye,exports.MobileBottomNavigationIcon=Ve,exports.NavigationCard=({type:t,themeName:i,className:r,onClick:o=(()=>{})})=>{const{t:n}=a.useTranslations(),l=e.useMemo((()=>{var e,a;return(null===(a=null===(e=Ha[i])||void 0===e?void 0:e[t])||void 0===a?void 0:a.call(e))||""}),[t,i]),d=e.useMemo((()=>"marryBaby"!==i?"transparent":La[t]),[t,i]);return S.default.createElement("div",{onClick:function(){o(t)},className:`${Fa} ${r}`},S.default.createElement("div",{className:Ga,style:{backgroundColor:d,backgroundImage:`url("${l}")`}}),S.default.createElement("h3",{className:Ra},n(`userProfile.nav.card.${t}`)))},exports.OvulationCalculator=({locale:i,onSubmitOvulation:r,isSide:o,siteType:n})=>{const{t:l}=a.useTranslations(),[d,s]=e.useState(ea.trackPeriod),p=[{label:l("ovulationPage.trackPeriod"),value:ea.trackPeriod},{label:l("ovulationPage.conceive"),value:ea.conceive},{label:l("ovulationPage.avoidPregnancy"),value:ea.avoidPregnancy}];return S.default.createElement(wt,null,S.default.createElement(ct,{className:"input-form input-section","data-is-side":!0},"marryBaby"===n?S.default.createElement(st,{groupedWithLabel:l("dueDatePage.calculationMethod"),options:p,placeholder:l("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:p[d],onChange:e=>{s(e.value)}}):S.default.createElement(S.default.Fragment,null,S.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},l("ovulationPage.objectives")),S.default.createElement(mt,{"data-is-side":o},S.default.createElement(v.Dropdown,{options:p,placeholder:l("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"md",value:p[d],onChange:e=>{s(e.value)}})))),S.default.createElement(Kt,{siteType:n,locale:i,onSubmit:({startDate:e,cycle:t,periodLength:a})=>{r&&r({method:d,periodDateStart:e,cycle:t,periodLength:a})},isSide:o}))},exports.PREFER_TOPICS=Da,exports.PremiumNewsletterModalContext=Oa,exports.RadioGroup=te,exports.Row=xe,exports.SideHeader=({isCollapsed:e,defaultLogo:t,onBackClick:a,customIcon:i})=>S.default.createElement(ie,null,S.default.createElement(n.Logo,{type:e?"logomark":t||"hellocare",customSize:{width:e?"24px":"77px",height:"24px"}}),S.default.createElement(re,{"data-is-collapsed":e||void 0,onClick:a},i||S.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 20 20",width:"20px",height:"20px"},S.default.createElement("path",{d:"M10 .75A9.25 9.25 0 1019.25 10 9.25 9.25 0 0010 .75z",fill:"none",stroke:"#d2d6dc",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),S.default.createElement("path",{d:"M11.44 6.53L8 10l3.48 3.47",fill:"none",stroke:"#737373",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})))),exports.SideMenu=({isCollapsed:e,className:t,style:a,children:i})=>S.default.createElement(ae,{style:a,className:t,"data-is-collapsed":e||void 0},i),exports.StyleForm=Ft,exports.StyledAcceptButton=Fe,exports.StyledAcceptCardContainer=je,exports.StyledActive=Ct,exports.StyledBabyGrowthWrapper=Ut,exports.StyledBreadcrumbContainer=V,exports.StyledBreadcrumbWrapper=Y,exports.StyledButton=Mt,exports.StyledButton$1=Ht,exports.StyledButton$2=Yt,exports.StyledButtonGroup=Ue,exports.StyledCalendarCellsWrapper=aa,exports.StyledCalendarDateGrid=pa,exports.StyledCalendarDayLabel=na,exports.StyledCalendarDayNumber=ma,exports.StyledCalendarDayNumberWrapper=ca,exports.StyledCalendarDaysOfWeek=oa,exports.StyledCalendarDaysWrapper=da,exports.StyledCalendarHead=ia,exports.StyledCalendarMonthSeparator=la,exports.StyledCalendarMonthWrapper=sa,exports.StyledCalendarWrapper=ta,exports.StyledCalendarWrapper$1=ga,exports.StyledCategoryCard=_,exports.StyledCheckboxGroup=j,exports.StyledContainer=St,exports.StyledContainer$1=Pt,exports.StyledContainer$2=qt,exports.StyledContainer$3=Zt,exports.StyledContent=Dt,exports.StyledDescription=Qe,exports.StyledDescriptionWrapper=me,exports.StyledDetailStep=Z,exports.StyledDetailStepDescription=ee,exports.StyledDetailStepIndicator=X,exports.StyledDetailStepIndicatorExternal=J,exports.StyledDetailStepLabel=K,exports.StyledDot=ce,exports.StyledDropDown=st,exports.StyledFixedAdBlock=xa,exports.StyledFloatButtonGroup=Me,exports.StyledFloatButtonGroupBackgroundPanel=ze,exports.StyledFloatButtonGroupButton=Ne,exports.StyledFloatButtonGroupButtonIcon=_e,exports.StyledFloatButtonGroupButtonLabel=Ae,exports.StyledFloatButtonGroupContent=Pe,exports.StyledFloatButtonGroupItemsWrapper=Te,exports.StyledFloatButtonGroupToggleIcon=Ie,exports.StyledFormInput=kt,exports.StyledIconText=R,exports.StyledInput=zt,exports.StyledInputForm=yt,exports.StyledInputWrapper=wt,exports.StyledLastPeriodFormContainer=ut,exports.StyledMethodContainer=ct,exports.StyledMethodSwitcherContainer=mt,exports.StyledPoliciesButton=Re,exports.StyledRadioGroup=Bt,exports.StyledRadioImageGroup=Gt,exports.StyledRadioImageItem=Lt,exports.StyledRow=It,exports.StyledRow$1=Vt,exports.StyledRow$2=Jt,exports.StyledScrollList=se,exports.StyledShareContainer=ha,exports.StyledShareDrawer=fa,exports.StyledSlider=G,exports.StyledStatisticContainer=pe,exports.StyledStatisticNumberWrapper=ue,exports.StyledStep=L,exports.StyledStepLabel=W,exports.StyledSubmitButton=vt,exports.StyledSurveyQuestionCard=we,exports.StyledSurveyThankyouCard=Ce,exports.StyledTextField=pt,exports.StyledTitleSection=Oe,exports.StyledTrack=q,exports.StyledTrackContainer=H,exports.StyledTwins=bt,exports.StyledWrapper=ua,exports.SurveyOrPremiumBannerContext=_a,exports.SurveyQuestionCard=({className:a,headerText:i,style:r,question:o,termAndPolicyText:n,prevText:d,nextText:s,isContactForm:p,isDisableNext:c,isDisablePrev:m,onPrevClick:u,onNextClick:g,isSubmitButton:h,isButtonCenter:f,progress:x,descriptionText:b})=>{var y,v,w;const[k,C]=e.useState([]),{is_multi_select:E,multi_select_option:$,from:D,to:B}=o,M=null==o?void 0:o.type,z="checkbox"===M&&(null===(y=o.options)||void 0===y?void 0:y.length)&&(!k||0===k.length||E&&$===Se.RANGE&&(k.length<D||k.length>B)||E&&$===Se.EXACT_NUMBER&&k.length!==D)||"radio"===M&&(null===(v=o.options)||void 0===v?void 0:v.length)&&(!k||0===k.length)||"textbox"===M&&(null===(w=o.textOptions)||void 0===w?void 0:w.length)&&(k.length<o.textOptions.length||k.some((e=>!e.value))),P="number"==typeof x?x>1?1:x<0?0:Number(x.toFixed(2)):-1,T=e.useRef(null),I=()=>"textbox"!==M||T.current.reportValidity();return S.default.createElement(we,{className:a,style:r},S.default.createElement("div",{className:"survey-inner-wrapper"},i&&S.default.createElement("div",{className:"survey-header"},S.default.createElement(t.Text,{className:"survey-header-text",size:"c2"},i)),S.default.createElement("form",{ref:T,onSubmit:e=>e.preventDefault()},S.default.createElement(De,{question:o,description:b,onOptionsChange:e=>{C(e)},onTextOptionsChange:e=>{C(e)}})),p&&s&&S.default.createElement(l.Button,{className:"survey-contact-submit",size:"lg",isDisabled:c||z,onClick:()=>I()&&g&&g(k)},s),n&&S.default.createElement("div",{className:"term-policy-container"},n),"number"==typeof x&&S.default.createElement("div",{className:"survey-progress-wrapper"},S.default.createElement("div",{className:"survey-progress",style:{transform:`scaleX(${P})`}})),(d||s)&&S.default.createElement("div",{"data-center":f,className:"survey-button-wrapper"},d&&S.default.createElement(l.Button,{className:"survey-prev-button",size:"lg",color:m?"primary":"secondary",isDisabled:m,icon:S.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},S.default.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:m?"#fff":"#2D87F3"})),onClick:u},d),!p&&s&&S.default.createElement(l.Button,{onClick:()=>I()&&g&&g(k),className:"survey-next-button",size:"lg",isDisabled:c||z},s," ",h?void 0:S.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},S.default.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},exports.TRANSITION_TIMING=Be,exports.Table=({children:e,className:t,style:a,horizontalPadding:i,verticalPadding:r})=>S.default.createElement(ge,{className:t,style:a,theme:{horizontalPadding:i,verticalPadding:r}},e),exports.ToolsBannerCard=dt,exports.UnbookmarkedIcon=N,exports.UserInfo=({isCollapsed:e,userName:t,role:a,avatar:i})=>S.default.createElement(le,{"data-is-collapsed":e||void 0},S.default.createElement(ne,{image:i,name:t,description:a,isDescriptionHidden:e})),exports._SuggestedTopic=Qa,exports._Topic=Ua,exports.getDueDateConception=e=>{const t=new Date(e);return t.setDate(t.getDate()+265),{startDate:e,dueDate:t,otherInfo:{method:exports.DueDateCalculatorType.conception+1,conception_date:w.format(e,ft),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}},exports.getDueDateIVF=(e,t)=>{const a=new Date(e);return a.setDate(a.getDate()+265-t),{startDate:e,dueDate:a,otherInfo:{method:exports.DueDateCalculatorType.IVF+1,ivf_transfer_date:w.format(e,ft),days_transfer:t,conception_date:null,first_day:null,cycle_length_days:null}}},exports.getDueDateLastPeriod=(e,t)=>{const a=t-21+272,i=new Date(e);return i.setDate(i.getDate()+a),{startDate:e,dueDate:i,otherInfo:{method:exports.DueDateCalculatorType.lastPeriod+1,first_day:w.format(e,ft),cycle_length_days:t,conception_date:null,ivf_transfer_date:null,days_transfer:null}}},exports.useStyles=A,exports.useStyles$1=ve,exports.useStyles$2=Rt,exports.useStyles$3=ja;