"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2551],{43967:function(e,t,r){r.d(t,{B:function(){return R},S:function(){return I},f:function(){return N}}),r(33271);var a=r(67294),i=r(85138),o=r(97564),n=r(66137),l=r(56817),s=r(58404),d=r(64523),c=r(17789),p=r(96768);r(86010),r(67841);var m=r(97583),g=r(51698),h=r(81566),u=r(90531),f=r(82222),x=r(10917);r(88438),r(86733),r(81884);var b=r(23493),y=r.n(b),v=r(25935),w=r(78577),k=r(65900),E=r(3026),$=r(52136),Z=r(4959),C=r(34707),D=r(43205),_=r(93524),B=r(82e3),z=r(6888),P=r(55196),M=r(35207);r(15259),r(75296),r(27361),r(23279);var L=r(34155);f.Z.a`
  display: flex;
  height: 125px;

  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  padding: 8px;

  border: 1px solid ${x.r.colors.neutral100};
  background-color: white;
  border-radius: ${x.r.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;
  }
`,f.Z.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;
      }
    }
  }
`,f.Z.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: ${x.r.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: ${x.r.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: ${x.r.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: ${x.r.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: ${x.r.colors.neutral100};
        text-align: center;
        &:not(:last-child) {
          padding: 8px 10px;
          margin-right: 15px;
          border-radius: ${x.r.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: ${x.r.colors.primaryBase};
    color: #f0f8ff;
    font-weight: ${x.r.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);
  }
`,f.Z.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: ${x.r.colors.neutral100};
    border-radius: ${x.r.borderRadius};
  }
`,f.Z.div`
  display: flex;
  align-items: center;
  --font-weight-lg: ${x.r.sizes.fwBold};
  --font-weight-md: ${x.r.sizes.fwRegular};
  --font-weight-sm: ${x.r.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;
    }
  }

  ${u.M.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);
    }
  }
`,a.forwardRef(({id:e,value:t,options:r,className:l,isDisabled:s,size:d="small",direction:c="vertical",onChange:p,dataEventCategory:m,dataEventAction:g,dataEventLabel:h},u)=>{let[f,x]=(0,a.useState)(t);(0,a.useImperativeHandle)(u,()=>({reset(){x(t)}}));let b="vertical"===c?o.K:n.Z;return a.createElement(i.R.Group,{name:e,className:l,size:"small"===d?"md":"lg",value:String(f),defaultValue:t,onChange:e=>{x(e),null==p||p(e)}},a.createElement(b,{spacing:"xl"},r.map(e=>a.createElement(i.R,{key:e.value,value:e.value,label:e.label,disabled:s,"data-event-category":m,"data-event-action":g,"data-event-label":h}))))}),f.Z.div`
  --menu-width: 240px;
  --menu-spacing: 28px 16px;
  width: var(--menu-width);
  height: 100vh;
  padding: var(--menu-spacing);
  background-color: ${x.r.colors.neutral50};
  transition: ease-in-out 0.5s;

  &[data-is-collapsed] {
    --menu-width: 64px;
    --menu-spacing: 28px 8px;
  }
`,f.Z.div`
  display: flex;
  align-items: baseline;
  justify-content: space-between;

  svg {
    transition: 0.4s ease-in-out;
  }
`,f.Z.div`
  cursor: pointer;
  &[data-is-collapsed] {
    transform: rotate(180deg);
  }
`,f.Z.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;
    }
  }
`;let S=(f.Z.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;
    }
  }
`,f.Z.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: ${x.r.colors.primaryBase};
  }

  &[data-is-link-collapsed] {
    justify-content: center;
    margin-right: -14px;
    margin-left: -14px;
  }
`,f.Z.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: ${x.r.colors.gray600};
          }
        }
      }
    }
  }

  .bullet-nav {
    position: absolute;
    z-index: ${x.r.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;
    &.active {
      &[data-scheme='hellosites'] {
        background-color: ${x.r.colors.primary600};
      }
      &[data-scheme='marrybaby'] {
        background-color: ${x.r.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: ${x.r.colors.primaryBase};
    }
    img {
      height: 40px;
      width: auto;
      max-width: 100%;
    }
  }
`),j=({status:e})=>{if("inActive"===e);else if("active"===e)return a.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},a.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),a.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"}));else if("done"===e)return a.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},a.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),a.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));return a.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none"},a.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}))},I=({row:e=2,column:t=3,isDotsShown:r=!0,isImageGalleryShown:i=!1,mode:o="infinity",type:n="separated",distanceOverlappedLeft:l={amount:0,unit:"pixel"},children:s,className:d,isProgressShown:c=!1,statusChildren:p,isArrowShown:m=!1,classNameLeftArrow:g,classNameRightArrow:h,dataEventCategory:u,dataEventAction:f,dataEventLabel:x,onChangePage:b,page:v,customPageWidth:w,scheme:k="hellosites",arrowType:E="Discover"})=>{let $="number"==typeof v,[Z,C]=(0,a.useState)($?v:0),D=[];a.Children.map(s,(r,i)=>{i%(e*t)==0&&D.push([]),D[D.length-1].push(a.cloneElement(r))});let _=(0,a.useRef)(),B=(0,a.useRef)(0),z=e=>{if(!_.current)return;let{clientWidth:t}=_.current,r=w||t,a="intertwined"===n?"percentage"===l.unit?e*r+l.amount/100*r*e:e*r+l.amount*r*e:e*r;_.current.scrollTo({top:0,left:a,behavior:"smooth"}),B.current=e,C(e)},P=e=>{if(!_.current)return;let{clientWidth:t}=_.current,r=w||t,a="intertwined"===n?"percentage"===l.unit?e*r+l.amount/100*r*e:e*r+l.amount*r*e:e*r;_.current.scrollTo({top:0,left:a,behavior:"smooth"}),B.current=e,C(e),b&&b(e)};(0,a.useEffect)(()=>{"number"==typeof v&&z(v)},[v]);let M=e=>{let t;if(!_.current)return;let{clientWidth:r}=_.current,a=w||r;t=0===Z?0:Z*a,"forward"===e&&(t===a*(D.length-1)?(C(D.length-1),t=a*(D.length-1),b&&b(D.length-1)):(C(Z+1),t+=a,b&&b(Z+1)),_.current.scrollTo({top:0,left:t,behavior:"smooth"})),"back"===e&&(0===t?(C(0),b&&b(0),t=0):(C(Z-1),b&&b(Z-1),t-=a),_.current.scrollTo({top:0,left:t,behavior:"smooth"}))},L=y()(()=>{if("infinity"===o){if(!_.current)return;let{clientWidth:e,scrollLeft:t}=_.current,r=Math.floor(t/(w||e));C(r),b&&b(r)}},400);return(0,a.useEffect)(()=>{if("snapped"===o){let e,t,r,a,i,o,s=!1,d=_.current,c=(o,n)=>{s=!0,r=!1,a=!1,e=o-d.offsetLeft,t=n-d.offsetTop,i=d.scrollLeft},p=e=>{c(e.pageX,e.pageY)},m=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},g=()=>{if(s=!1,r=!1,a=!1,!_.current)return;let{clientWidth:e}=_.current,t=w||e,i="ltr"===o?0!==B.current?B.current-1:B.current:"rtl"===o&&B.current<D.length-1?B.current+1:B.current,d="intertwined"===n?"percentage"===l.unit?i*t+l.amount/100*t*i:i*t+l.amount*t*i:i*t;_.current.scrollTo({top:0,left:d,behavior:"smooth"}),o="none",B.current!==i&&(B.current=i,C(i),b&&b(i))},h=(n,l)=>{if(!s)return;let c=n-d.offsetLeft,p=l-d.offsetTop,m=c-e,g=p-t;!r&&!a&&(g>20||g<-20)&&(r=!0),!r&&(m>20||m<-20)&&(a=!0,d.scrollLeft=i-m,m>0&&(o="ltr"),m<0&&(o="rtl"),0===m&&(o="none"))},u=e=>{a&&e.preventDefault(),h(e.pageX,e.pageY)},f=e=>{a&&e.preventDefault(),h(e.touches[0].pageX,e.touches[0].pageY)};return null==d||d.addEventListener("mousedown",p,{passive:!0}),null==d||d.addEventListener("touchstart",m,{passive:!0}),window.addEventListener("mouseup",g,{passive:!0}),window.addEventListener("touchend",g,{passive:!0}),null==d||d.addEventListener("mousemove",u,{passive:!0}),null==d||d.addEventListener("touchmove",f,{passive:!0}),()=>{null==d||d.removeEventListener("mousedown",p),null==d||d.removeEventListener("touchstart",m),window.removeEventListener("mouseup",g),window.removeEventListener("touchend",g),null==d||d.removeEventListener("mousemove",u),null==d||d.removeEventListener("touchmove",f)}}},[]),a.createElement(S,{className:d,"data-row":e,onScroll:L},m&&Z>0&&a.createElement("div",{className:`${g} arrow-left`,onClick:()=>M("back"),"data-event-category":u,"data-event-action":f,"data-event-label":x},"Care"===E?a.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},a.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},a.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),a.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),a.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),a.createElement("defs",null,a.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},a.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),a.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),a.createElement("feOffset",{dx:"-2",dy:"2"}),a.createElement("feGaussianBlur",{stdDeviation:"2.5"}),a.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),a.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),a.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),a.createElement("feOffset",{dx:"-1",dy:"1"}),a.createElement("feGaussianBlur",{stdDeviation:"1"}),a.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),a.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),a.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):a.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},a.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),a.createElement("div",{ref:_,className:"container",style:{overflowX:"snapped"===o||m?"hidden":"scroll"}},D.map((r,i)=>{let o=0;for(let e=0;e<i;e++)o+=D[e].length;return a.createElement("div",{key:i,className:"section",style:{marginLeft:"intertwined"===n&&0!==i?l.amount+""+("percentage"===l.unit?"%":"px"):"0px"}},1===e&&c&&a.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${t}, 1fr)`}},r.map((e,t)=>{let n=o+t,l=p.find(e=>e.index===n);return a.createElement("div",{className:"items-progress",key:t},0===t&&0===i?a.createElement("div",{className:"line",style:{visibility:"hidden"}}):a.createElement("div",{className:"line"}),a.createElement("div",{className:"icon-status"},a.createElement(j,{status:null==l?void 0:l.status})),i===D.length-1&&t===r.length-1?a.createElement("div",{className:"line",style:{visibility:"hidden"}}):a.createElement("div",{className:"line"}))})),a.createElement("div",{className:"grid-layout","data-index":i,style:{gridTemplateColumns:`repeat(${t}, 1fr)`,gridTemplateRows:`repeat(${e}, 1fr)`}},r.map((e,t)=>a.createElement(a.Fragment,{key:t},a.createElement("div",{className:"item-grid",key:t},e)))))})),m&&Z<D.length-1&&a.createElement("div",{className:`${h} arrow-right`,onClick:()=>M("forward"),"data-event-category":u,"data-event-action":f,"data-event-label":x}," ","Care"===E?a.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},a.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},a.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),a.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),a.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),a.createElement("defs",null,a.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},a.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),a.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),a.createElement("feOffset",{dx:"-2",dy:"2"}),a.createElement("feGaussianBlur",{stdDeviation:"2.5"}),a.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),a.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),a.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),a.createElement("feOffset",{dx:"-1",dy:"1"}),a.createElement("feGaussianBlur",{stdDeviation:"1"}),a.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),a.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),a.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):a.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},a.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),r&&a.createElement("ul",{className:"bullet-nav"},D.map((e,t)=>a.createElement("li",{key:t,className:"bullet-nav__item "},a.createElement("p",{onClick:()=>P(t),className:`bullet-nav__link scroll ${Z==t?"active":null}`,"data-scheme":k})))),i&&a.createElement("div",{className:"image-gallery-wrapper","data-test":D.length},D.slice(0,3).map((e,t)=>a.createElement("div",{className:`image-block ${Z==t?"active":null}`,key:t,onClick:()=>P(t),"data-scheme":k},e))))};f.Z.div`
  border-radius: ${x.r.borderRadius};
  ${e=>e["data-is-in-card"]&&`
  padding: 12px; 
  background-color: ${e["data-card-color"]};`}
`,f.Z.div`
  width: 13px;
  height: 13px;
  margin-right: 10px;
  background-color: ${e=>e["data-color"]};
  border-radius: 50%;
`,f.Z.div`
  display: flex;
  align-items: center;
  color: ${x.r.colors.gray800};
  font-size: ${x.r.sizes.fsParagraph4};
  font-weight: ${x.r.sizes.fwRegular};
`,f.Z.div`
  display: flex;
  align-items: center;
  margin-top: 4px;
  color: ${x.r.colors.gray800};
  font-size: ${x.r.sizes.fsHeading2};
  font-weight: ${x.r.sizes.fwSemiBold};

  & > svg {
    width: 24px;
    height: 24px;
    margin-right: 12px;
  }

  &[data-size='small'] {
    margin-left: 23px;
    font-size: ${x.r.sizes.fsParagraph4};
    font-weight: ${x.r.sizes.fwBold};
  }
`,f.Z.table`
  width: 100%;
  position: relative;
`,f.Z.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;
  }
`,f.Z.tr`
  border-bottom: 1px solid ${x.r.colors.gray100};

  &[data-is-active='true'] {
    background-color: ${x.r.colors.gray200};
  }
`,f.Z.thead`
  th {
    padding: var(--vertical-spacing) var(--horizontal-spacing);
    text-align: left;

    color: ${x.r.colors.gray500};
    font-weight: ${x.r.sizes.fwBold};
  }
  &[data-is-sticky] {
    th {
      position: sticky;
      top: 0;
      background: white;
      border-bottom: 2px solid ${x.r.colors.gray200};
    }
  }
`,f.Z.tbody`
  position: relative;
  &[data-is-striped] {
    > tr:nth-child(odd) {
      background-color: ${x.r.colors.neutral50};
    }
  }
  &[data-is-hoverable] {
    > tr:hover {
      background-color: ${x.r.colors.neutral100};
    }
  }
`,(0,l.k)(e=>{let t=(0,s.A)("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}`]:{}}},itemInner:{display:"flex",alignItems:"center"},label:{ref:t},icon:{marginRight:e.spacing.xs}}}),f.Z.div``,f.Z.div`
  width: 100vw;
  height: 100vh;
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: ${x.r.colors.white};
  opacity: 0.83;
  transition: display ${200}ms linear;

  [data-floatmenu-open='true'] & {
    animation: showBackgroundPanel ${200}ms linear 0s normal
      forwards;
  }

  [data-floatmenu-open='false'] & {
    animation: hideBackgroundPanel ${200}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;
    }
  }
`,f.Z.div`
  position: fixed;
  right: 16px;
  bottom: 40px;
`,f.Z.div`
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: all ${200}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;
  }
`,f.Z.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: ${x.r.colors.primaryBase};
    &:hover {
      background-color: ${x.r.colors.primaryHover};
    }
  }
  [data-site-type='mb'] & {
    background-color: #2d87f3;
    &:hover {
      background-color: #2c74df;
    }
  }

  &:before {
    content: '';
    width: 2px;
    height: 20px;
    background-color: ${x.r.colors.white};
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  &:after {
    content: '';
    width: 20px;
    height: 2px;
    background-color: ${x.r.colors.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 ${200}ms linear 0s normal forwards;
  }

  [data-floatmenu-open='false'] &:before,
  [data-floatmenu-open='false'] &:after {
    animation: toPlus ${200}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);
    }
  }
`,f.Z.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 ${200}ms ease-in;
  }

  [data-animation-type='slide'][data-floatmenu-open='true'] & {
    animation: showItem ${200}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;
    }
  }
`,f.Z.div`
  font-size: 14px;

  // zoom
  [data-animation-type='zoom'] & {
    transition: transform ${200}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 ${200}ms;
  }
  [data-animation-type='slide'][data-floatmenu-open='true'] & {
    opacity: 1;
  }
  [data-animation-type='slide'][data-floatmenu-open='false'] & {
    opacity: 0;
  }
`,f.Z.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: ${x.r.colors.white};

  // zoom
  [data-animation-type='zoom'] & {
    transition: transform ${200}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;
  }
`,f.Z.div`
  padding: 16px;
  width: 375px;
  word-wrap: break-word;
  word-break: break-word;
  ${u.M.mbDown} {
    width: 100%;
  }
  &[data-theme='helloSites'] {
    background: ${x.r.colors.secondaryBase};
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);
  }
  &[data-theme='marryBaby'] {
    border: none;
    background: ${x.r.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;
    ${u.M.mbDown} {
      left: 0;
      right: unset;
    }
  }
`,f.Z.p`
  position: relative;
  padding-left: 24px;
  color: ${x.r.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");
    }
  }
`,f.Z.p`
  margin-top: 2px;
  color: ${x.r.colors.white};
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  a {
    color: ${x.r.colors.white};
    text-decoration: none;
    text-decoration-line: underline;
  }
`,f.Z.div`
  display: flex;
  align-items: center;
  margin-top: 8px;
  gap: 16px;
`,f.Z.div`
  padding: 7px 28px;
  background: ${x.r.colors.white};
  border-radius: ${x.r.borderRadius};
  color: ${x.r.colors.secondaryBase};
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
`,f.Z.a`
  color: ${x.r.colors.white};
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
  text-decoration-line: underline;
`;let N=({SEOData:e={},locale:t="vi-VN",routerPathname:r,routerQuery:i,nextHead:o,siteType:n,seoCustom:l,userId:s,forcedCanonicalUrl:d})=>{var c,p,g,h,u,f,x,b,y,E,$,Z;let{totalPages:C,currentPage:D,SEOTitle:_="",SEODescription:B="",SEOImage:z,seoType:P,SEOImageWidth:M,SEOImageHeight:S,customMetaData:j=[],isIndexable:I=!0,hasNoCanonical:N=!1}=e,F=I&&k.y?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:G}=L.env,A=e.canonicalUrl||r;Object.keys(i).forEach(e=>{let t=i[e];t&&Array.isArray(t)&&(A=A.replace(`[...${e}]`,t.join("/")))});let R=t||"en-PH",O="helloSites"===n?w.v[R]:"www.marrybaby.vn",W=A.endsWith("/")?"":"/",H=(0,a.useMemo)(()=>{var r,i,o,n,l,s,d;let c="";if(e.apiMetaData&&"string"==typeof e.apiMetaData){let p=null===(r=e.apiMetaData)||void 0===r?void 0:r.match(/<title.*?>(.*)<\/title>/),m=` - Page ${D} of ${C}`,g=D&&1!==D&&p?e.apiMetaData.replace(p[0],p[0].includes("-")?p[0].replace("-",m+" - "):`<title>${p[1].concat(m)}</title>`).replace(`<link rel="canonical" href="/https://${O}${A}${W}" />`,`<link rel="canonical" href="/https://${O}${A}${W}?page=${D}" />`):e.apiMetaData;if(!(c=(0,v.ZP)(g,{trim:!0})).find(e=>{var t,r;return(null===(t=e.props)||void 0===t?void 0:t.property)==="og:image"||(null===(r=e.props)||void 0===r?void 0:r.property)==="og:image:secure_url"})){let r=`https://${O}/images/${t}.png`;c=[...c,a.createElement("meta",{key:"og:image",property:"og:image",content:(null===(i=e.openGraph)||void 0===i?void 0:i.image)||z||r||""}),a.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(o=e.openGraph)||void 0===o?void 0:o.image)||z||r}),a.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(n=e.openGraph)||void 0===n?void 0:n.imageWidth)&&String(null===(l=e.openGraph)||void 0===l?void 0:l.imageWidth)||M&&String(M)||"1200"}),a.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(s=e.openGraph)||void 0===s?void 0:s.imageHeight)&&String(null===(d=e.openGraph)||void 0===d?void 0:d.imageHeight)||S&&String(S)||"630"})]}}return c},[e.apiMetaData,e.openGraph,z,S,M,D,A,C,t,O]),T=`https://${O}/images/${t}.png`,V="marryBaby"===n?"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap":"km-KH"===t?"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap":"th-TH"===t?"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap":"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap";return a.createElement(o,null,a.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),a.createElement("link",{rel:"preload",href:V,as:"style"}),a.createElement("link",{rel:"stylesheet",href:V}),a.createElement("link",{rel:"preconnect",href:G}),a.createElement("meta",{charSet:"UTF-8"}),a.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),a.createElement("meta",{name:"google",content:"notranslate"}),a.createElement("meta",{name:"robots",content:F}),a.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),j.map((e,t)=>a.createElement("meta",Object.assign({key:t},e))),a.createElement("meta",{name:"theme-color",content:"helloSites"===n?"#2c87f3":"#e85388"}),a.createElement("meta",{name:"page_type",content:"Home"}),a.createElement("meta",{name:"page_platform",content:"WEB"}),a.createElement("meta",{name:"page_language",content:R}),a.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!H&&a.createElement(a.Fragment,null,"helloSites"===n?a.createElement("title",null,l?_:_+" - "+(null===(c=m.L[t])||void 0===c?void 0:c.SITE_NAME)):a.createElement("title",null,_),!N&&a.createElement("link",{rel:"canonical",href:`https://${O}${A}`}),a.createElement("meta",{name:"description",content:B||(null===(p=e.openGraph)||void 0===p?void 0:p.description)}),e.schemaData&&a.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:e.schemaData}}),a.createElement("meta",{property:"og:locale",content:t}),a.createElement("meta",{property:"og:type",content:P||"website"}),a.createElement("meta",{property:"og:title",content:(null===(g=e.openGraph)||void 0===g?void 0:g.title)||_}),a.createElement("meta",{property:"og:description",content:(null===(h=e.openGraph)||void 0===h?void 0:h.description)||B}),a.createElement("meta",{property:"og:url",content:`https://${O}${A}`}),a.createElement("meta",{property:"og:site_name",content:`https://${O}`}),a.createElement("meta",{property:"og:image",content:(null===(u=e.openGraph)||void 0===u?void 0:u.image)||z||T||""}),a.createElement("meta",{property:"og:image:secure_url",content:(null===(f=e.openGraph)||void 0===f?void 0:f.image)||z||T}),a.createElement("meta",{property:"og:image:width",content:(null===(x=e.openGraph)||void 0===x?void 0:x.imageWidth)&&String(null===(b=e.openGraph)||void 0===b?void 0:b.imageWidth)||M&&String(M)||"1200"}),a.createElement("meta",{property:"og:image:height",content:(null===(y=e.openGraph)||void 0===y?void 0:y.imageHeight)&&String(null===(E=e.openGraph)||void 0===E?void 0:E.imageHeight)||S&&String(S)||"630"}),a.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),a.createElement("meta",{name:"twitter:title",content:(null===($=e.twitter)||void 0===$?void 0:$.title)||_}),a.createElement("meta",{name:"twitter:description",content:B}),a.createElement("meta",{name:"twitter:image",content:(null===(Z=e.twitter)||void 0===Z?void 0:Z.image)||z})),("helloSites"===n?m.F[R]||[]:m.F.marryBaby).map((e,t)=>"link"===e.type?a.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?a.createElement("meta",{key:t,name:e.name,content:e.content}):null),Array.isArray(H)&&d?H.filter(e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel):H,d&&a.createElement("link",{rel:"canonical",href:d}),!e.hasNoAmp&&"vi-VN"!==t&&a.createElement("link",{rel:"amphtml",href:`https://${O}${A}${W}?amp=1`}),s&&"undefined"!=typeof window?a.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${s}'});`}}):null)};f.Z.div`
  flex: 1;
`,f.Z.div`
  padding: 0 10px;
`,f.Z.div`
  display: flex;
  height: 80px;
  align-items: center;
  .calendar-month {
    font-size: 16px;
    flex: 1;
    text-align: center;
    strong {
      margin-left: 5px;
    }
  }
  ${u.M.mbDown} {
    height: 70px;
  }
`;let F=f.Z.div`
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  row-gap: 2px;
`;(0,f.Z)(F)`
  margin-bottom: 8px;
`,f.Z.div`
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
`,f.Z.div`
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: 1px solid ${x.r.colors.gray800};
  font-weight: 300;
`,f.Z.div`
  width: 18px;
  position: relative;
  &::before {
    content: '';
    position: absolute;
    inset: 16px 0 0 0;
    width: 1px;
    left: 50%;
    right: 50%;
    background: ${x.r.colors.neutral100};
  }
`,f.Z.div`
  margin: 0 auto;
`,f.Z.div`
  position: relative;
`,f.Z.div`
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  ${u.M.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: ${x.r.colors.gray100};
  }
  &:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: ${x.r.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%;
    }
  }
`,f.Z.div`
  position: relative;
  font-weight: 600;
  ${u.M.mbDown} {
    width: 32px;
    height: 32px;
  }
  ${u.M.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 ${x.r.colors.gray800};
  [data-is-selected='true'] &,
  [data-is-today='true'] &,
  [data-is-selected='false']:hover & {
    border-radius: 32px;
  }
  [data-is-selected='true'] & {
    background-color: ${x.r.colors.primaryBase};
    color: white;
  }
  [data-is-selected='false']:hover & {
    background-color: ${x.r.colors.primary50};
  }
  [data-is-today='true'][data-is-selected='false'] & {
    background-color: transparent;
    border-radius: 32px;
    border: 1px solid ${x.r.colors.primaryBase};
  }
`,E.Z,Z.Z,C.Z,$.Z,f.Z.div`
  display: block;
  position: relative;
  width: 270px;
  input {
    pointer-events: none;
    caret-color: transparent;
  }
  ${u.M.mbDown} {
    width: 100%;
  }
`,f.Z.div`
  display: flex;
  position: absolute;
  top: 46px;
  left: 0;
  width: 684px;
  border: 1px solid ${x.r.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: ${x.r.borderRadius};
  background-color: white;
  z-index: 100;
  padding-bottom: 16px;
  align-items: stretch;
  user-select: none;
  ${u.M.mbDown} {
    width: 100%;
  }
`;var G={breadcrumb:"WUqzfRb",separator:"MnVGtSY",textLink:"NclbhXQ"};let A=({LinkComponent:e,page:t,isLast:r,onChangePage:i})=>{let{label:o,value:n,isDropdown:l,dropdownItems:s,dataEventCategory:d,dataEventAction:c,dataEventLabel:p}=t;return l?a.createElement(z.D,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:i,className:"collapsed-breadcrumb"}):a.createElement("div",{className:G.textLink,title:"string"!=typeof o?n:o,"data-last":r},e&&a.createElement(e,{"data-event-category":d,"data-event-action":c,"data-event-label":p,href:n||"#"},o))},R=({className:e,pages:t,size:r,LinkComponent:i="a",onChangePage:o,separator:n})=>{let l=(0,a.useMemo)(()=>t.map((e,r)=>{if(t.length>4){if(r>1&&r<t.length-2)return null;if(1===r)return Object.assign(Object.assign({},e),{isDropdown:1===r,dropdownItems:t.slice(1,t.length-2)})}return e}).filter(Boolean),[t]);return a.createElement("div",{"data-size":r,className:`${G.breadcrumb} ${e||""}`},l.map((e,t)=>{let s=t+1===l.length;return a.createElement(a.Fragment,{key:t},a.createElement(A,{LinkComponent:i,page:e,isLast:s,onChangePage:o}),!s&&(e.separator||n||a.createElement("div",{className:G.separator,"data-size":r})))}))};f.Z.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: ${x.r.colors.neutral50};
      }

      svg {
        margin: 0;
        width: 16px;
        height: 16px;
      }
    }
  }
`,(0,f.Z)(P.D)`
  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: ${x.r.colors.neutral50};
      }
    }
    svg {
      margin: 0;
    }
    a,
    svg:not(.copy) {
      width: 32px;
      height: 32px;
    }
  }
`,f.Z.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;
  }
`;let O=f.Z.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 ${x.r.colors.neutral50};
    background: ${x.r.colors.neutral50};
  }
  &[data-no-wrapper='true'] {
    line-height: 0;
  }
  &[data-header-bottom='true'] {
    flex-direction: column-reverse;
    background: none;
    border: none;
  }
`,W=f.Z.div`
  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: ${x.r.colors.neutral50};
  }
  span {
    font-size: 10px;
    line-height: 12px;
    color: ${x.r.colors.gray400};
    font-weight: 400;
  }
`,H=f.Z.div`
  background-color: white;
  background-image: url(${g.C.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;
`,T={},V=({contentId:e,adUnitPath:t,size:r,divId:a,pos:i,sizeMapping:o,hideIfHasSubot:n,customTargetings:l,onSuccess:s})=>{if(!a||!document.getElementById(a))return console.error("divId is required");U(a),window.googletag=window.googletag||{cmd:[]};let{googletag:d}=window;d.cmd.push(function(){let c=document.querySelector('meta[name="content_id"]'),p="string"==typeof e?e:null==c?void 0:c.content,m=d.defineSlot(t,r,a);if(m){try{l&&Object.keys(l).forEach(e=>{e&&(null==m||m.setTargeting(e,l[e]))})}catch(e){console.error(e)}T[a]=m,m.setTargeting("Pos",i),m.addService(d.pubads()),p&&m.setTargeting("Content_ID",p),o&&m.defineSizeMapping(o),n&&document.getElementById("subot--container")&&m.setTargeting("chatbot",!0),d.display(a),null==s||s()}})},U=e=>{if(T[e]){window.googletag=window.googletag||{cmd:[]};let{googletag:t}=window;t.cmd.push(function(){t.destroySlots([T[e]]),delete T[e]})}},X=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],Y=(0,a.forwardRef)(function({className:e,adUnitPath:t,size:r,divId:i,pos:o,sizeMapping:n,contentId:l,isHidden:s,hideIfHasSubot:c,isSticky:p,refreshInterval:m,customTargetings:h,style:u,adDefaultSize:f,noWrapper:x,showCloseBtn:b,onCloseAd:y,headerBottom:v,wrapperProps:w,locale:k,isMarryBaby:E},$){let Z=m||(k===M.L.Vietnam&&o.some(e=>X.includes(e))?30:void 0),{t:C}=(0,B.u)(),D=(0,a.useRef)(null),_=(0,a.useRef)(null),z=(0,a.useRef)(Z);z.current=Z;let[P,L]=(0,a.useState)(!1),S=()=>{z.current&&(null!==_.current&&clearInterval(_.current),_.current=window.setInterval(()=>{window.googletag=window.googletag||{cmd:[]};let{googletag:e}=window;e.cmd.push(function(){T[i]&&e.pubads().refresh([T[i]])})},1e3*z.current))};if((0,a.useEffect)(()=>()=>{U(i),_.current&&clearInterval(_.current)},[]),(0,a.useEffect)(()=>{S()},[Z]),(0,a.useEffect)(()=>{s||V({contentId:l,adUnitPath:t,size:r,divId:i,pos:o,sizeMapping:n,hideIfHasSubot:c,customTargetings:h,onSuccess:S})},[s]),P)return null;let j=a.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},a.createElement("div",{ref:$,id:i}),b&&a.createElement(H,{onClick:()=>{null==y||y(),L(!0)}}));if(p)return j;let I=f?f[0]:r?Array.isArray(r[0])?r[0][0]:r[0]:void 0,N=f?f[1]:r?Array.isArray(r[0])?r[0][1]:r[1]:void 0;return a.createElement(d.x,Object.assign({},w,{className:e}),a.createElement(O,{ref:D,className:e,style:u,"data-no-wrapper":!!x,"data-header-bottom":!!v},x?j:a.createElement(a.Fragment,null,a.createElement(W,{"data-header-bottom":!!v},a.createElement("img",{src:E?g.C.getAssetPath("adsIcon-mb.svg"):g.C.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),a.createElement("span",null,C("adBanner.title"))),a.createElement("div",{style:{minWidth:I||"100%",minHeight:N||"100%",position:"relative"}},j))))});(0,a.memo)(Y,(e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className),f.Z.div`
  padding: 20px;
  border-radius: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='1600' height='1024' viewBox='0 0 1600 1024' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_158_52300)'%3E%3Ccircle cx='889' cy='38' r='217' fill='%23BCDEFF'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_158_52300)'%3E%3Ccircle cx='402' cy='-38' r='402' fill='%23E3F2FF'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_158_52300)'%3E%3Ccircle cx='1147.5' cy='-38.5' r='180.5' fill='%23B3EED5'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_158_52300' x='472' y='-379' width='834' height='834' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_158_52300'/%3E%3C/filter%3E%3Cfilter id='filter1_f_158_52300' x='-300' y='-740' width='1404' height='1404' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='150' result='effect1_foregroundBlur_158_52300'/%3E%3C/filter%3E%3Cfilter id='filter2_f_158_52300' x='767' y='-419' width='761' height='761' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_158_52300'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: top;

  ${u.M.mbDown} {
    padding: 16px;
  }
`,f.Z.div`
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  position: relative;
  .header-title {
    color: ${x.r.colors.gray800};
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.4px;
    width: calc(100% - 60px);

    svg {
      position: absolute;
    }

    ${u.M.mbDown} {
      font-size: 16px;
      line-height: 24px;
    }
  }
  .header-site {
    background: linear-gradient(
      257deg,
      #12bfd6 19.24%,
      #2d87f3 47.1%,
      #262626 78.95%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 20px;
  }
  .header-avatar {
    position: absolute;
    right: -40px;
    top: -52px;
  }
`,f.Z.div`
  display: flex;
  gap: 9px;
  flex-direction: column;
`,f.Z.div`
  display: flex;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid ${x.r.colors.white};
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;

  ${u.M.mbDown} {
    padding: 8px 10px;
  }

  .question-text {
    color: ${x.r.colors.gray800};
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;

    ${u.M.mbDown} {
      font-size: 14px;
      line-height: 22px;
    }
  }

  svg {
    margin-top: 3px;
  }
`,f.Z.div`
  position: relative;
  margin-top: 20px;
  ${u.M.mbDown} {
    margin-top: 8px;
  }
  .submitBtn {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    .mantine-Button-leftIcon {
      margin: 0;
    }
  }
  .rightSection {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background-color: ${x.r.colors.neutral100};
  }
`,f.Z.input`
  width: 100%;
  height: 44px;
  padding: 4px 4px 4px 24px;
  border-radius: 48px;
  border-radius: 48px;
  border: 1px solid #79e4dc;
  background: ${x.r.colors.white};
  box-shadow: 0px 4px 12px 0px rgba(136, 205, 254, 0.24);
  &:focus {
    box-shadow: 0px 0px 0px 2px #91caff;
    border-color: #2d87f3;
  }
`,f.Z.div`
  display: flex;
  flex-direction: column;
  padding: 1rem;
  gap: 8px;
  background-color: ${x.r.colors.white};
  border-radius: 12px;
  border: 1px solid ${x.r.colors.neutral100};
`,f.Z.div`
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 3px;
`,f.Z.span`
  font-weight: 600;
`,(0,f.Z)(c.C)`
  &.mantine-Badge-root {
    background-color: #f7f9fc;
  }

  line-height: 1rem;
  color: #111111;
  align-self: flex-start;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 600;
`,(0,f.Z)(D.B)`
  &.mantine-Button-root {
    border-radius: 12px;
    border: 1px solid ${x.r.colors.blue100};
    background-color: ${x.r.colors.blue50};
    color: ${x.r.colors.primaryBase};
    padding: 10px 16px;

    &:hover {
      border: 1px solid ${x.r.colors.blue100};
      background-color: ${x.r.colors.blue50};
    }
  }
`,f.Z.div`
  display: flex;
  align-items: center;
  gap: 1rem;
`,f.Z.div`
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 4px;
`,f.Z.div`
  color: #111111;
  font-size: 0.6875rem;
  font-weight: 600;
`,f.Z.div`
  font-size: 0.9375rem;
  line-height: 1.5rem;
`,f.Z.span`
  font-weight: 600;
`,f.Z.span`
  color: ${x.r.colors.gray600};
  font-weight: 400;
`,f.Z.div`
  display: flex;
  align-items: center;
  gap: 1rem;
`,f.Z.div`
  font-weight: 600;
  font-size: 0.9375rem;
  color: ${x.r.colors.primaryBase};
`,f.Z.div`
  display: grid;
  grid-template-columns: 1fr 2px 1fr;
  column-gap: ${(0,p.h)(16)};
`,f.Z.div`
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: ${(0,p.h)(24)};

  .span-2 {
    grid-column: 1 / span 2;
  }
`,f.Z.div`
  display: flex;
  flex-direction: column;
  gap: ${(0,p.h)(2)};
  align-items: ${({layout:e})=>"vertical"===e?"left":"center"};
`,f.Z.div`
  font-size: ${(0,p.h)(15)};
  font-weight: 600;
  color: #111111;
  line-height: ${(0,p.h)(24)};
`,f.Z.div`
  color: ${x.r.colors.gray700};
  font-weight: 400;
  line-height: ${(0,p.h)(20)};
  font-size: ${(0,p.h)(13)};
`,(0,a.createContext)(null),f.Z.div`
  display: inline-flex;
  border: 1px solid ${x.r.colors.neutral100};
  padding: 0.5rem 0.75rem;
  color: ${x.r.colors.gray800};
  text-align: center;
  font-size: 0.8125rem;
  border-radius: 12px;
  line-height: 1.25rem;
  background-color: ${x.r.colors.white};
  white-space: nowrap;
  cursor: pointer;

  &.active {
    border: 1px solid ${x.r.colors.blue100};
    background-color: ${x.r.colors.blue50};
  }
`,f.Z.div`
  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    display: none;
  }

  &::-webkit-scrollbar-track {
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
  }
`,f.Z.div`
  display: inline-flex;
  border: 1px solid ${x.r.colors.neutral100};
  padding: 0.5rem 0.75rem;
  color: ${x.r.colors.gray800};
  text-align: center;
  font-size: 0.8125rem;
  border-radius: ${(0,p.h)(18)};
  line-height: 1.25rem;
  background-color: ${x.r.colors.white};
  white-space: nowrap;
  cursor: pointer;

  &.active {
    border: 1px solid ${x.r.colors.blue100};
    background-color: ${x.r.colors.blue50};
  }
`,f.Z.div`
  display: flex;
  flex-direction: column;
  gap: 8px;
`,f.Z.div`
  display: flex;
  gap: 8px;
`,f.Z.div`
  &::-webkit-scrollbar {
    display: none;
  }

  &::-webkit-scrollbar-track {
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
  }
`,f.Z.div`
  padding: 1rem;
  display: grid;
  grid-template-columns: 1fr 84px;
  background-color: ${x.r.colors.white};
  gap: 0.75rem;

  .logo {
    width: 84px;
    border-radius: 8px;
    overflow: hidden;

    img {
      width: 84px;
      border-radius: 8px;
      overflow: hidden;
    }
  }

  /* grid-rows-1 grid-cols-2 order-2 w-[84px] */

  .title {
    font-size: 0.9375rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.2px;
    color: #1e1e1e;
  }

  .description {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    color: ${x.r.colors.gray600};
    letter-spacing: -0.3px;

    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .info {
    gap: 4px;
    display: flex;
    flex-direction: column;
  }
`,(0,f.Z)(_.I)`
  width: 84px;
  height: 84px;
  padding: 0;
  object-fit: contain;
  object-position: center;
  flex-shrink: 0;
  aspect-ratio: 1;
  align-self: baseline;
`,(0,f.Z)(_.I)`
  width: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 375/190;
`,f.Z.div`
  background-color: ${e=>e.theme.colors.white};
`,f.Z.div`
  color: ${e=>e.theme.colors.neutral800};
`,f.Z.div`
  color: ${e=>e.theme.colors.neutral800};
`,f.Z.div`
  display: flex;
  gap: 12px;
  padding: 12px 0px;

  .icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
  }

  .text-regular {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    color: ${e=>e.theme.colors.gray600};
  }

  .text-medium {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: ${e=>e.theme.colors.gray800};
  }
  b {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: ${e=>e.theme.colors.gray800};
  }
`;let q=f.Z.div`
  background-color: #fff;
`,K=(0,f.Z)(_.I)`
  width: 100%;
  object-fit: contain;
  object-position: center;
  aspect-ratio: 375/190;
`,Q=f.Z.div`
  padding: 1.5rem 1rem;

  .description {
    margin-top: 0.5rem;
  }
`,J=f.Z.h1`
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: #111111;
`,ee=f.Z.p`
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: ${x.r.colors.gray700};
`;function et({generalInfo:e,backupSrc:t,className:r,contentClassName:i,children:o}){return a.createElement(q,{className:r},a.createElement(K,{backupSrc:t,src:e.banner||e.logo,alt:"product"}),a.createElement(Q,{className:i},a.createElement("div",null,a.createElement(J,null,e.name),e.description&&a.createElement(ee,{className:"description"},e.description)),o))}et.Container=q,et.Image=K,et.Content=Q,et.Title=J,et.Description=ee,f.Z.div`
  border-radius: 12px;
  padding: 0.875rem 0.75rem;
  background-color: ${x.r.colors.neutral50};
  cursor: pointer;
`,f.Z.div`
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
`,(0,f.Z)(h.T)`
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
`,(0,f.Z)(h.T)`
  font-size: ${(0,p.h)(11)};
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
`,f.Z.div`
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
`,f.Z.div`
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 12px;
  background-color: ${x.r.colors.neutral50};
  padding: 16px 8px;
  gap: 8px;
`,f.Z.div`
  display: flex;
  flex-direction: column;
  gap: 4px;
`,f.Z.div`
  display: flex;
  flex-direction: column;

  label {
    margin-bottom: ${(0,p.h)(8)};
  }

  .error-text {
    margin-top: ${(0,p.h)(12)};
  }
`,f.Z.div`
  display: flex;
  gap: ${(0,p.h)(4)};

  svg {
    cursor: pointer;
    width: ${(0,p.h)(48)};
    height: ${(0,p.h)(48)};
  }

  &.read-only {
    svg {
      cursor: default;
    }
  }
`,f.Z.div`
  padding: ${(0,p.h)(2)} ${(0,p.h)(8)};
  border-radius: ${(0,p.h)(20)};
  background-color: ${x.r.colors.yellow50};
  width: fit-content;
  margin-top: ${(0,p.h)(12)};
`,f.Z.div`
  display: flex;
  align-items: center;
  gap: ${(0,p.h)(8)};
  padding: ${(0,p.h)(10)} ${(0,p.h)(8)};
  background-color: ${x.r.colors.neutral50};
  border-radius: ${(0,p.h)(8)};
`,f.Z.div`
  display: flex;
  flex-direction: column;
  justify-content: space-between;
`}}]);