@hhgtech/hhg-components 1.27.52 → 1.27.53

package/build/index.styled-fce8e2f7.js

@@ -0,0 +1,1866 @@
+"use strict";var e=require("./utils-7af126d6.js"),t=require("styled-components"),i=require("./theme-007b209f.js"),o=require("./utils-c3a382bb.js"),a=require("react"),r=require("./useTranslations-1f9f0574.js"),n=require("./gAssets.js"),d=require("./tslib.es6-6ee1dc31.js"),l=require("./index-3186b4c2.js"),p=require("./routing-7ba54726.js"),s=require("dayjs"),x=require("dayjs/plugin/relativeTime");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=g(t),h=g(a),u=g(s),c=g(x);const f=m.default.div`
+  position: fixed;
+  left: 50%;
+
+  padding: 0 16px 32px;
+  background-color: ${e=>e.theme.colors.white};
+  border-radius: ${e=>e.theme.borderRadius};
+  box-shadow: 0px 4px 8px ${e=>e.theme.colors.gray200};
+  transform: translate(-50%, -50%);
+  transition: all 0.5s ease-in-out;
+  visibility: hidden;
+
+  &[data-open='true'] {
+    z-index: 400;
+    top: 50%;
+    opacity: 1;
+    visibility: visible;
+  }
+
+  &[data-open='false'] {
+    top: -50%;
+  }
+
+  &[data-type='lead'] {
+    width: 332px;
+    height: 460px;
+
+    div {
+      top: -15px;
+      right: -15px;
+    }
+  }
+
+  &[data-type='form'] {
+    width: 496px;
+    height: 548px;
+    ${e.MediaQueries.mbDown} {
+      width: 340px;
+    }
+  }
+
+  &[data-type='confirm'] {
+    ${e.MediaQueries.mbDown} {
+      width: calc(100% - 32px);
+    }
+    ${e.MediaQueries.mbUp} {
+      width: 100%;
+      max-width: 407px;
+    }
+  }
+
+  .popup-content {
+    position: relative;
+    z-index: 111;
+    height: 100%;
+    padding: 16px;
+  }
+
+  .close-button {
+    position: absolute;
+    top: 16px;
+    right: 0;
+    cursor: pointer;
+
+    img {
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+    }
+  }
+`,y=m.default.div`
+  position: fixed;
+  z-index: 110;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  background: rgba(38, 38, 38, 0.3);
+
+  &[data-open='false'] {
+    display: none;
+  }
+`,b=m.default.a`
+  display: inline-flex;
+  position: relative;
+  flex-direction: row;
+  align-items: center;
+  padding: 7px 11px;
+  gap: 2px;
+
+  background: ${e=>e.theme.colors.white};
+  border: 1px solid ${e=>e.theme.colors.neutral100};
+  border-radius: 20px;
+
+  color: ${e=>e.theme.colors.gray600};
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 18px;
+  text-decoration: none;
+
+  cursor: pointer;
+`,v=m.default.div`
+  position: relative;
+  display: inline-block;
+`,w=m.default.div`
+  position: relative;
+`,$=m.default.div`
+  position: absolute;
+  z-index: 21;
+  top: 100%;
+  right: 0;
+  width: 327px;
+  padding: 8px;
+  background: white;
+  border-radius: 4px;
+  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));
+
+  &[data-is-open='false'] {
+    display: none;
+  }
+  &[data-show-indicator='true'] {
+    &:before {
+      position: absolute;
+      right: 11px;
+      bottom: 100%;
+      width: 0;
+      height: 0;
+      border: 0.5rem solid transparent;
+      border-top: none;
+      border-bottom-color: #fff;
+      content: '';
+      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
+    }
+  }
+`,M=m.default.div`
+  display: flex;
+  height: 40px;
+  align-items: center;
+  justify-content: space-between;
+
+  padding: 0 16px;
+  border-radius: ${e=>e.theme.borderRadius};
+  cursor: pointer;
+
+  .check-icon {
+    width: 16px;
+    height: 16px;
+  }
+  &[data-selected='false'] {
+    background-color: ${e=>e.theme.colors.gray100};
+  }
+`,k=m.default.div`
+  position: fixed;
+  z-index: 20;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  cursor: default;
+`,C=m.default.div`
+  ${e=>`\n    ${0!==e.lowerBound?`@media (max-width: ${e.lowerBound-1}px) { display: none; }`:""}\n    ${0!==e.upperBound?`@media (min-width: ${e.upperBound}px) { display: none; }`:""}\n  `}
+`,S=m.default.div`
+  position: absolute;
+  right: 0;
+  background-color: ${e=>e.theme.colors.white};
+
+  &[data-animation='true'] {
+    transition: all 0.5s ease-in-out;
+  }
+
+  &[data-open='true'] {
+    z-index: 200;
+    top: 120%;
+    opacity: 1;
+    visibility: visible;
+  }
+
+  &[data-open='false'] {
+    display: none;
+  }
+
+  &[data-type='lead'] {
+    width: 332px;
+    height: 460px;
+
+    div {
+      top: -15px;
+      right: -15px;
+    }
+  }
+
+  &[data-type='welcome'] {
+    position: fixed;
+    ${e.MediaQueries.mbDown} {
+      width: 100%;
+      height: 424px;
+      bottom: 0;
+      top: unset;
+    }
+    ${e.MediaQueries.mbUp} {
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 100%;
+      min-height: 445px;
+      max-width: 407px;
+    }
+  }
+
+  &[data-type='due-date'] {
+    position: fixed;
+    ${e.MediaQueries.mbDown} {
+      width: 100%;
+      height: 100%;
+      overflow-y: scroll;
+      bottom: 0;
+      top: unset;
+    }
+    ${e.MediaQueries.mbUp} {
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 100vw;
+      height: 55vw;
+      max-height: 598px;
+      max-width: 1080px;
+    }
+  }
+
+  .popup-content {
+    z-index: 111;
+    height: 100%;
+    ${e.MediaQueries.mbDown} {
+      max-height: calc(100vh - var(--header-bottom, 64px));
+    }
+    overflow: auto;
+  }
+
+  &[data-type='form'] {
+    width: 496px;
+    height: 548px;
+  }
+
+  &[data-type='confirm'] {
+    width: 380px;
+    height: 252px;
+  }
+
+  &[data-type='profile'] {
+    /* min-height: 415px; */
+    ${e.MediaQueries.mbUp} {
+      border-radius: ${e=>e.theme.borderRadius};
+      box-shadow: 0px 4px 8px
+        ${e=>e.theme.colors.gray200};
+      &:before {
+        position: absolute;
+        right: 11px;
+        bottom: 100%;
+        width: 0;
+        height: 0;
+        border: 0.5rem solid transparent;
+        border-top: none;
+        border-bottom-color: #fff;
+        content: '';
+        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
+      }
+    }
+    ${e.MediaQueries.mbDown} {
+      position: fixed;
+      left: 0;
+      width: 100%;
+      border-top: 1px solid ${i.theme.colors.neutral100};
+    }
+    ${e.MediaQueries.mbUp} {
+      width: 368px;
+    }
+  }
+
+  .close-button {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+
+    img {
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+    }
+  }
+`,Q="hhgcomp-navprofilebutton-popup",z=o.getDefaultClassWrapper(S,Q),B=m.default.div`
+  position: fixed;
+  z-index: 150;
+  top: var(--header-bottom, 69px);
+  left: 0;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+
+  ${e.MediaQueries.mbUp} {
+    background-color: transparent;
+    &[data-type='welcome'] {
+      background: rgba(38, 38, 38, 0.3);
+    }
+    &[data-type='due-date'] {
+      background: rgba(38, 38, 38, 0.3);
+    }
+  }
+
+  ${e.MediaQueries.mbDown} {
+    background: rgba(38, 38, 38, 0.3);
+  }
+
+  &[data-type='welcome'] {
+    top: 0;
+  }
+
+  &[data-open='false'] {
+    display: none;
+  }
+`,D="hhgcomp-navprofilebutton-popupwrapper";o.getDefaultClassWrapper(B,D);const E=m.default.div`
+  width: 40px;
+  height: 40px;
+  cursor: pointer;
+
+  img {
+    border-radius: 50%;
+  }
+
+  .avatar {
+    width: 40px;
+    height: 40px;
+    object-fit: cover;
+  }
+
+  .avatar-default {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: ${e=>e.theme.colors.secondaryBase};
+    border-radius: 50%;
+    color: white;
+    font-size: 20px;
+    font-weight: bold;
+  }
+`,j=m.default.a`
+  display: inline-flex;
+  position: relative;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  flex-shrink: 0;
+  cursor: pointer;
+
+  .user-close-icon {
+    display: none;
+  }
+  &:focus-within {
+    .user-close-icon {
+      display: block;
+    }
+    .user-avatar {
+      display: none;
+    }
+    .${Q} {
+      z-index: 200;
+      top: 120%;
+      opacity: 1;
+      visibility: visible;
+      display: initial;
+      &[data-type='profile'] {
+        ${e.MediaQueries.mbDown} {
+          top: 100%;
+        }
+      }
+    }
+    .${D} {
+      display: initial;
+    }
+  }
+`,P=m.default.a`
+  display: inline-flex;
+  .login-btn[data-color='tertiary'][data-size='md'] {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  .mobile-only {
+    ${e.MediaQueries.mbUp} {
+      display: none;
+    }
+  }
+  .login-btn {
+    display: none;
+    ${e.MediaQueries.mbUp} {
+      display: block;
+    }
+  }
+`;var U="fVk18fq",T="v8TCvUb",A="mx7T4V3";const N={myHealth:i.theme.mbColors.toneYellow,myCommunity:i.theme.mbColors.toneBlue,mySaved:i.theme.mbColors.toneGreen},I={helloSites:{myBooking:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>n.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>n.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>n.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},_=99,G=300,L=400,O=210,R=m.default.div`
+  background-color: white;
+  text-align: center;
+  .cancle-img {
+    margin-top: 24px;
+    ${e.MediaQueries.mbDown} {
+      width: 80px;
+      height: 80px;
+    }
+
+    ${e.MediaQueries.mbUp} {
+      width: 100px;
+      height: 100px;
+    }
+  }
+
+  h2 {
+    margin-top: 32px;
+    color: ${e=>e.theme.colors.gray800};
+    font-style: normal;
+    font-weight: bold;
+    ${e.MediaQueries.mbDown} {
+      font-size: 24px;
+      line-height: 32px;
+    }
+
+    ${e.MediaQueries.mbUp} {
+      font-size: 32px;
+      line-height: 42px;
+    }
+  }
+
+  p {
+    margin-top: 8px;
+    color: ${e=>e.theme.colors.gray600};
+    font-style: normal;
+    font-weight: normal;
+    ${e.MediaQueries.mbDown} {
+      font-size: 16px;
+      line-height: 24px;
+    }
+
+    ${e.MediaQueries.mbUp} {
+      font-size: 16px;
+      line-height: 24px;
+    }
+  }
+`,H=m.default.div`
+  display: flex;
+
+  ${e.MediaQueries.mbDown} {
+    margin-top: 24px;
+  }
+
+  ${e.MediaQueries.mbUp} {
+    margin-top: 32px;
+  }
+  justify-content: space-around;
+  button {
+    flex: 1;
+    margin: 4px;
+  }
+
+  ${e=>"marryBaby"===e.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""}
+`,W=h.default.createContext({}),q=m.default.div`
+  position: fixed;
+  z-index: 201;
+  top: calc(100% + 1px); // border 1px
+  width: 100%;
+  height: calc(100vh - var(--header-bottom));
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: white;
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 0;
+  left: 0;
+  .hhgcomp-navigation-popupwrapper-menuwrapper {
+    position: unset;
+  }
+`;m.default.div`
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  width: 100%;
+  height: 72px;
+  align-items: flex-start;
+  justify-content: center;
+
+  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
+
+  .button-image {
+    stroke-color: blue;
+  }
+
+  &[data-site-type='marryBaby'] {
+    padding: 0 16px;
+    .category-button {
+      width: 100%;
+      height: 48px;
+    }
+  }
+`,m.default.div`
+  display: flex;
+
+  &[data-card-array-no-margin-style='true'] {
+    margin: 8px 0;
+
+    & > div {
+      width: 0;
+      flex: 1;
+      margin: 0 -1px;
+    }
+  }
+
+  &[data-card-array-no-margin-style='false'] {
+    margin: 8px -4px;
+
+    & > div {
+      flex: 1;
+      margin: 0 4px;
+    }
+  }
+`,m.default.div`
+  margin-top: 64px;
+`,m.default.div`
+  padding: 24px 0;
+`,m.default.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+
+  & > div:first-child {
+    margin-right: 8px;
+  }
+`,m.default.div`
+  z-index: ${O};
+  align-items: center;
+
+  border: 1px solid ${e=>e.theme.colors.neutral50};
+  background-color: ${e=>e.theme.colors.white};
+  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),
+    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),
+    0px 0px 1px rgba(0, 0, 0, 0.04);
+`,m.default.div`
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: flex-start;
+  padding: 48px 0;
+`,m.default.div`
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: flex-start;
+  &[data-disabled-divider='false'] {
+    border-right: 1px solid #e4e8ec;
+  }
+`,m.default.div`
+  width: 20%;
+  padding-right: 16px;
+  margin-bottom: 12px;
+
+  & > a {
+    color: ${e=>e.theme.colors.gray800};
+    font-size: ${e=>e.theme.sizes.fsParagraph4};
+    font-weight: ${e=>e.theme.sizes.fwRegular};
+    line-height: 22px;
+  }
+
+  & > a:hover {
+    color: ${e=>e.theme.colors.primaryBase};
+  }
+
+  .iconMenu {
+    display: flex;
+    align-items: center;
+
+    > .imageContainer {
+      display: flex;
+      width: 32px;
+      min-width: 32px;
+      align-items: center;
+      margin-right: 16px;
+    }
+  }
+`,m.default.div`
+  display: none;
+`,m.default.div`
+  width: 33%;
+  height: 48px;
+  padding-right: 16px;
+  margin-bottom: 12px;
+
+  & > a {
+    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};
+    line-height: 22px;
+
+    & > :first-child {
+      margin-right: 16px;
+    }
+  }
+
+  & > a > p:hover {
+    color: ${e=>e.theme.colors.primaryBase};
+  }
+`,m.default.div`
+  display: flex;
+  align-items: center;
+
+  padding-right: 16px;
+  margin-bottom: 12px;
+  color: ${e=>e.theme.colors.primaryBase};
+  font-size: ${e=>e.theme.sizes.fsParagraph4};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+  line-height: 24px;
+
+  &[data-theme='marryBaby'] {
+    color: ${e=>e.theme.mbColors.pink};
+  }
+`,m.default.div`
+  display: flex;
+  align-items: center;
+
+  margin-left: 10px;
+`,m.default.div`
+  position: absolute;
+  top: 16px;
+  right: 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+`,m.default.div`
+  display: block;
+`,m.default.div`
+  .categories__spotlight {
+    display: grid;
+    margin: 16px;
+    margin-bottom: 32px;
+    grid-gap: 8px;
+    grid-template-columns: 1fr 1fr;
+
+    a {
+      text-decoration: none;
+    }
+  }
+
+  .categoryCard {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    align-items: center;
+    padding: 16px;
+    border-radius: ${e=>e.theme.borderRadius};
+    color: ${e=>e.theme.colors.primaryBase};
+
+    svg {
+      margin-bottom: 4px;
+    }
+
+    &.active {
+      background: ${e=>e.theme.colors.primaryBase};
+      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);
+      color: white;
+    }
+
+    &:not(.active) {
+      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),
+        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
+    }
+  }
+
+  .amp__menu-header {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+
+    svg {
+      margin-left: 16px;
+    }
+
+    > div {
+      align-self: center;
+
+      &:nth-child(2) {
+        justify-self: center;
+      }
+    }
+  }
+
+  .logo {
+    margin: 22px 0;
+  }
+
+  .categories {
+    margin: 0 16px;
+
+    li {
+      display: block;
+      width: 100%;
+
+      + li {
+        border-top: 1px solid
+          ${e=>e.theme.colors.neutral100};
+      }
+
+      a {
+        display: block;
+        margin: 12px 0;
+        color: ${e=>e.theme.colors.gray800};
+        text-decoration: none;
+      }
+    }
+  }
+`,m.default.div`
+  width: 20%;
+  height: 2px;
+
+  background-color: ${e=>e.theme.mbColors.pink};
+  border-radius: 2px;
+`;const V=m.default.div`
+  padding: 16px;
+  padding-bottom: 12px;
+  .fake-search-input {
+    pointer-events: none;
+    input {
+      line-height: 20px;
+      padding-top: 10px;
+      padding-bottom: 10px;
+    }
+  }
+  &[data-theme='marryBaby'] {
+    input {
+      background: ${e=>e.theme.mbColors.lightGray};
+      border-radius: 16px;
+      border: none;
+    }
+  }
+`,Y=m.default.div`
+  display: block;
+  overflow-y: auto;
+  flex: 1;
+  padding-bottom: 16px;
+  &::-webkit-scrollbar {
+    width: 0;
+    display: none;
+  }
+`,F=a.memo((()=>h.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"})))),Z=m.default.div`
+  padding-right: 1rem;
+  margin-top: 10px;
+  background: #ffffff;
+  padding: 5px 15px;
+  ${e.MediaQueries.mbUp} {
+    border-right: 1px solid #e4e8ec;
+  }
+`,K=m.default.a`
+  padding: 10px 0;
+  position: relative;
+
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  color: ${e=>e.theme.colors.gray800};
+  * {
+    pointer-events: none;
+  }
+  p {
+    font-size: 16px;
+    font-weight: 400;
+    padding: 0 0.4rem;
+  }
+
+  &[data-theme='marryBaby']:hover {
+    p {
+      color: ${e=>e.theme.mbColors.pink};
+    }
+    .icon {
+      background-color: ${e=>e.theme.mbColors.lightPink};
+    }
+  }
+  &[data-theme='helloSite']:hover {
+    p {
+      color: ${e=>e.theme.colors.primaryActive};
+    }
+  }
+  a {
+  }
+
+  &[data-theme='marryBaby'] {
+    .icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      max-width: 40px;
+      width: 100%;
+      height: 40px;
+      border-radius: 50%;
+      background-color: ${e=>e.theme.mbColors.lightGray};
+      img {
+        border-radius: 50%;
+      }
+    }
+  }
+`,J=m.default.div`
+  margin: 15px 0;
+  ${e.MediaQueries.mbDown} {
+    display: none;
+  }
+`,X=m.default.div`
+  display: flex;
+  position: absolute;
+  right: 0;
+  ${e.MediaQueries.mbUp} {
+    display: none;
+  }
+`,ee=m.default.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primaryBase};
+  font-size: ${e=>e.theme.sizes.fsParagraph4};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 600;
+  &[data-event-category] * {
+    pointer-events: none;
+  }
+  &[data-theme='marryBaby'] {
+    color: ${e=>e.theme.mbColors.pink};
+  }
+`,te=m.default.div`
+  display: flex;
+  align-items: center;
+  margin-left: 10px;
+`,ie=m.default.a`
+  border: 1px solid ${e=>e.theme.colors.primaryBase};
+  &[data-theme='marryBaby'] {
+    border: 1px solid ${e=>e.theme.mbColors.pink};
+
+    svg path {
+      stroke: ${e=>e.theme.mbColors.pink};
+    }
+  }
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 6px;
+  border-radius: 5px;
+  margin-top: 20px;
+  ${e.MediaQueries.mbDown} {
+    display: none;
+  }
+`;m.default.div`
+  & > a:not(:last-child) > div {
+    border-bottom: 1px solid
+      ${e=>e.theme.colors.neutral100};
+  }
+
+  &[data-category-list-type='sub'] {
+    padding-bottom: 72px;
+  }
+
+  &[data-is-displayed='false'] {
+    display: none;
+  }
+`;const oe=m.default.div`
+  display: grid;
+
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+
+  ${e.MediaQueries.tdDown} {
+    grid-template-columns: repeat(1, 1fr);
+  }
+`,ae=m.default.div`
+  height: 152px; // 120 + 16 * 2
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 3;
+  overflow: hidden;
+  border-radius: 4px;
+  padding: 16px;
+  width: 100%;
+
+  .img-container {
+    width: 100%;
+    height: 100%;
+  }
+  img {
+    width: 100%;
+    height: 100%;
+    display: block;
+    object-fit: contain;
+  }
+  ${e.MediaQueries.tdDown} {
+    margin-bottom: 0;
+    padding: 0;
+    height: 100%;
+    position: unset;
+    width: 150px;
+  }
+  ${e.MediaQueries.mbDown} {
+    width: 80px;
+  }
+`,re=m.default.div`
+  background-color: #ffffff;
+  border-radius: 4px;
+  width: 100%;
+  height: 100%;
+`,ne=m.default.div`
+  display: flex;
+  margin-top: 1rem;
+  align-items: center;
+  color: ${e=>e.theme.colors.primaryBase};
+  font-weight: 400;
+  font-size: 14px;
+  text-decoration: none;
+  ${e.MediaQueries.tdDown} {
+    display: none;
+  }
+`,de=m.default.p`
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.6;
+  color: ${e=>e.theme.colors.gray800};
+  ${e.MediaQueries.tdDown} {
+    padding: 0;
+  }
+`,le=m.default.p`
+  font-size: 14px;
+  line-height: 1.6;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.gray600};
+  height: 40px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  margin-bottom: auto;
+  ${e.MediaQueries.tdDown} {
+    height: unset;
+    padding: 0;
+  }
+`,pe=m.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  flex: 1;
+  z-index: 1;
+  ${e.MediaQueries.tdDown} {
+    gap: 4px;
+  }
+`,se="hhgcomp-navigation-menucareitem-contentwrapper",xe=o.getDefaultClassWrapper(pe,se),ge=m.default.a`
+  text-decoration: none;
+  border-radius: 4px;
+  background: ${i.theme.colors.white};
+  position: relative;
+  overflow: hidden;
+  padding: 16px;
+  display: flex;
+  padding-top: 166px;
+  * {
+    pointer-events: none;
+  }
+  ${e.MediaQueries.tdUp} {
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),
+      0px 0px 1px rgba(0, 0, 0, 0.04);
+    gap: 30px;
+    flex-direction: column;
+    a {
+      display: flex;
+      width: 100%;
+    }
+  }
+  ${e.MediaQueries.tdDown} {
+    padding-top: 16px;
+    a {
+      display: none;
+    }
+    grid-template-columns: 2fr 1fr;
+    gap: 10px;
+    display: grid;
+    max-height: 110px;
+    display: flex;
+    flex-direction: row-reverse;
+    > .${se} {
+      flex: 1;
+    }
+    img {
+      width: 150px;
+    }
+  }
+  ${e.MediaQueries.mbDown} {
+    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),
+      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
+    display: flex;
+    flex-direction: row-reverse;
+    img {
+      width: 80px;
+      height: 80px;
+    }
+  }
+  ${e.MediaQueries.tdOnly} {
+    border: 1px solid ${i.theme.colors.neutral100};
+  }
+  .bg-svg {
+    width: 100%;
+    max-width: 245px;
+    height: 100%;
+    top: 0;
+    right: -40px;
+    position: absolute;
+    display: inline-block;
+  }
+`,me=m.default.div`
+  padding: 16px;
+  border-radius: 8px;
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+  a {
+    text-decoration: none;
+  }
+
+  .bg-svg {
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+  }
+  ${e.MediaQueries.mbDown} {
+    display: block;
+    .bg-svg {
+      right: -24px;
+      left: unset;
+      top: 0;
+      transform: rotateY(180deg);
+    }
+  }
+
+  ${e.MediaQueries.mbUp} {
+    display: grid;
+    grid-gap: 10px;
+    grid-template-columns: 1fr 3fr;
+  }
+`,he=m.default.div`
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 24px;
+  color: ${e=>e.theme.colors.gray600};
+  margin-bottom: 15px;
+`,ue=m.default.div`
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 26px;
+  color: #000000;
+  margin-bottom: 4px;
+`,ce=m.default.div`
+  background: #fff;
+  padding: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50px;
+`,fe=m.default.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  ${e.MediaQueries.mbDown} {
+    justify-content: end;
+    min-height: 100px;
+  }
+`,ye=m.default.div`
+  margin-top: 10px;
+  background: #ffffff;
+  padding: 5px 15px;
+  position: relative;
+  ${e.MediaQueries.mbDown} {
+    &:after {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 4px;
+      background-color: ${e=>e.theme.colors.neutral100};
+      content: '';
+    }
+  }
+`,be=m.default.div`
+  margin: 15px 0;
+  display: flex;
+`,ve=m.default.a`
+  padding-left: 10px;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  font-weight: 400;
+  font-size: 14px;
+  color: ${e=>e.theme.colors.primaryBase};
+  &[data-theme='marryBaby'] {
+    color: ${e=>e.theme.mbColors.pink};
+  }
+  img {
+    padding-left: 5px;
+  }
+  ${e.MediaQueries.mbDown} {
+    margin-left: auto;
+  }
+`;m.default.div`
+  &[data-category-list-type='sub'] {
+    padding-bottom: 72px;
+  }
+
+  &[data-is-displayed='false'] {
+    display: none;
+  }
+`,m.default.div`
+  & > div {
+    width: 100%;
+    margin-bottom: 8px;
+  }
+`;const we=m.default.div`
+  display: grid;
+
+  grid-template-columns: repeat(4, 1fr);
+  gap: 24px;
+  ${e.MediaQueries.tdDown} {
+    gap: 12px;
+    grid-template-columns: 1fr;
+  }
+`,$e=m.default.a`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  * {
+    pointer-events: none;
+  }
+`,Me=m.default.div`
+  border-radius: 5px;
+  display: block;
+  overflow: hidden;
+  padding-top: 140%;
+  width: 100%;
+  position: relative;
+  height: 0;
+  img {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    display: block;
+    object-fit: cover;
+    top: 0;
+    left: 0;
+  }
+  ${e.MediaQueries.tdDown} {
+    width: 72px;
+    padding-top: 100px;
+  }
+`,ke=m.default.p`
+  font-size: 16px;
+  font-weight: 400;
+  padding: 4px 15px;
+  line-height: 1.4;
+  color: ${e=>e.theme.colors.gray800};
+  flex: 1;
+  ${e.MediaQueries.tdUp} {
+    display: none;
+  }
+`;m.default.div`
+  & > :not(:last-child) {
+    border-bottom: 1px solid
+      ${e=>e.theme.colors.neutral100};
+  }
+
+  & > div > :not(:last-child) {
+    border-bottom: 1px solid
+      ${e=>e.theme.colors.neutral100};
+  }
+
+  &[data-category-list-type='sub'] {
+    padding-bottom: 72px;
+  }
+
+  &[data-is-displayed='false'] {
+    display: none;
+  }
+`,m.default.div`
+  & > div {
+    width: 100%;
+    margin-bottom: 8px;
+  }
+`;const Ce=m.default.div`
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 48px;
+  ${e.MediaQueries.tdDown} {
+    grid-template-columns: 1fr;
+    grid-gap: 32px;
+  }
+  ${e.MediaQueries.mbDown} {
+    grid-gap: 24px;
+  }
+`,Se=m.default.div`
+  width: ${e=>e.size||40}px;
+  height: ${e=>e.size||40}px;
+  flex-shrink: 0;
+  cursor: pointer;
+
+  img {
+    border-radius: 50%;
+  }
+
+  .avatar {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .avatar-default {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: ${e=>e.theme.colors.secondaryBase};
+    border-radius: 50%;
+    color: white;
+    font-size: 1em;
+    font-weight: bold;
+    line-height: 1;
+  }
+
+  &[data-is-marrybaby='true'] {
+    .avatar-default {
+      background-color: ${e=>e.theme.mbColors.pink};
+    }
+  }
+`,Qe=e=>{var{className:t,isMarryBaby:i,style:r,avatar:n,username:l,size:p}=e,s=d.__rest(e,["className","isMarryBaby","style","avatar","username","size"]);const{data:{env:{isMarryBaby:x}}}=a.useContext(o.TogetherComponentGlobalContext),g="boolean"==typeof i?i:x,[m,u]=a.useState(!1);return a.useEffect((()=>{const e=new Image;e.onerror=()=>{u(!0)},e.src=n}),[]),h.default.createElement(Se,Object.assign({"data-is-marrybaby":g,className:t,style:r,size:p},s),n&&!m?h.default.createElement("img",{loading:"lazy",src:n,className:"avatar",alt:"avatar",onError:()=>{u(!0)}}):h.default.createElement("div",{className:"avatar avatar-default"},l&&(null==l?void 0:l.length)>0?l[0].toUpperCase():"A"))},ze=m.default.div`
+  padding: 5px;
+  flex: 1;
+`,Be=m.default.img`
+  width: 88px;
+  height: 88px;
+  border-radius: 4px;
+  object-fit: cover;
+`,De=m.default.div`
+  font-size: 12px;
+  font-weight: 600;
+  color: ${e=>e.theme.colors.gray800};
+  text-decoration: none;
+  &[data-theme='marryBaby'] {
+    font-weight: 400;
+    letter-spacing: -0.2px;
+  }
+`,Ee=m.default.div`
+  text-decoration: none;
+  font-size: 12px;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.primaryBase};
+  &[data-theme='marryBaby'] {
+    font-weight: 400;
+    letter-spacing: -0.2px;
+  }
+`,je=m.default.div`
+  font-size: 12px;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.gray600};
+`,Pe=m.default.div`
+  font-size: 12px;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.gray600};
+`,Ue=m.default.a`
+  display: flex;
+  gap: 10px;
+  text-decoration: none;
+  position: relative;
+  &::after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 1px;
+    border-top: 1px dashed
+      ${e=>e.theme.colors.neutral100};
+    position: absolute;
+    bottom: -24px;
+    ${e.MediaQueries.tdOnly} {
+      bottom: -16px;
+    }
+    ${e.MediaQueries.mbDown} {
+      bottom: -12px;
+    }
+  }
+  &:last-child {
+    &::after {
+      display: none;
+    }
+  }
+  ${e.MediaQueries.tdUp} {
+    &:nth-last-child(2) {
+      &::after {
+        display: none;
+      }
+    }
+  }
+`,Te=m.default.div`
+  display: flex;
+  gap: 10px;
+  vertical-align: middle;
+  align-items: center;
+`,Ae=m.default.div`
+  margin-top: 8px;
+  font-size: 16px;
+  font-weight: 600;
+  color: ${e=>e.theme.colors.gray800};
+  &[data-theme='marryBaby'] {
+    margin-top: 12px;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 24px;
+    letter-spacing: -0.2px;
+  }
+`,Ne=m.default.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  column-gap: 5px;
+`,Ie=m.default.div`
+  display: flex;
+  gap: 4px;
+  flex-direction: column;
+`;u.default.extend(c.default);m.default.div`
+  &[data-is-display='false'] {
+    display: none;
+  }
+`;const _e=m.default.div`
+  display: grid;
+
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+  ${e.MediaQueries.tdDown} {
+    grid-template-columns: 1fr;
+    gap: 12px;
+  }
+`,Ge=m.default.a`
+  text-decoration: none;
+  border-radius: 4px;
+  background: ${e=>e.theme.colors.primary50};
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  * {
+    pointer-events: none;
+  }
+  .bg-svg {
+    width: 245px;
+    top: 0;
+    right: 0;
+    height: 100%;
+    position: absolute;
+    ${e.MediaQueries.tdDown} {
+      top: calc(51% - 68px);
+      right: -8px;
+    }
+  }
+  padding: 180px 24px 16px;
+  a {
+    display: flex;
+    width: 100%;
+  }
+  ${e.MediaQueries.tdDown} {
+    padding-top: 16px;
+    display: flex;
+    align-items: center;
+  }
+`,Le=m.default.div`
+  width: 64px;
+  height: 64px;
+  background: white;
+  position: absolute;
+  right: 25px;
+  top: 35px;
+  z-index: 3;
+  border-radius: 50%;
+  img {
+    position: absolute;
+    width: 64px;
+    height: 64px;
+    top: 50%;
+    left: 50%;
+    display: block;
+    transform: translate(-50%, -50%);
+  }
+  ${e.MediaQueries.tdDown} {
+    position: relative;
+    top: unset;
+    right: unset;
+  }
+`,Oe=m.default.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primaryBase};
+  font-weight: 400;
+  font-size: 14px;
+  text-decoration: none;
+`,Re=m.default.p`
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.4;
+  color: ${e=>e.theme.colors.gray800};
+`,He=m.default.p`
+  font-size: 14px;
+  line-height: 1.4;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.gray600};
+  height: 40px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  margin-bottom: auto;
+  ${e.MediaQueries.tdDown} {
+    display: none;
+  }
+`,We=m.default.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  z-index: 1;
+  ${e.MediaQueries.tdUp} {
+    gap: 8px;
+  }
+  ${e.MediaQueries.tdDown} {
+    gap: 4px;
+    flex: 1;
+  }
+`,qe=m.default.a`
+  text-decoration: none;
+  border-radius: 12px;
+
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  * {
+    pointer-events: none;
+  }
+  .bg-svg {
+    top: 0;
+    left: 0;
+    position: absolute;
+  }
+
+  .dot-svg {
+    width: 40px;
+    height: 30px;
+    top: 36px;
+    left: 16px;
+    position: absolute;
+    stroke-width: 0;
+  }
+
+  &[data-color='pink'] {
+    background: ${e=>e.theme.mbColors.tonePink};
+    .bg-svg {
+      fill: ${e=>e.theme.mbColors.peach};
+    }
+  }
+  &[data-color='orange'] {
+    background: ${e=>e.theme.mbColors.toneYellow};
+    .bg-svg {
+      fill: ${e=>e.theme.mbColors.orange};
+    }
+  }
+  &[data-color='green'] {
+    background: ${e=>e.theme.mbColors.toneGreen};
+    .bg-svg {
+      fill: ${e=>e.theme.mbColors.mint};
+    }
+  }
+
+  padding: 180px 24px 16px;
+  a {
+    display: flex;
+    width: 100%;
+  }
+  ${e.MediaQueries.tdDown} {
+    padding-top: 16px;
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+  }
+  ${e.MediaQueries.mbDown} {
+    padding-top: 0;
+    padding-left: 80px;
+    height: 96px;
+    align-items: flex-start;
+    justify-content: center;
+    flex-direction: column;
+    .dot-svg {
+      top: 22px;
+      left: 16px;
+    }
+  }
+  ${e.MediaQueries.tdUp} {
+    min-height: 296px;
+  }
+  .mobile-only {
+    ${e.MediaQueries.tdUp} {
+      display: none;
+    }
+  }
+  .desktop-only {
+    ${e.MediaQueries.tdDown} {
+      display: none;
+    }
+  }
+`,Ve=m.default.div`
+  width: 48px;
+  height: 48px;
+  background: white;
+  position: absolute;
+  right: 25px;
+  top: 35px;
+  z-index: 3;
+  border-radius: 50%;
+  img {
+    position: absolute;
+    width: 36px;
+    height: 36px;
+    top: 50%;
+    left: 50%;
+    display: block;
+    transform: translate(-50%, -50%);
+  }
+  ${e.MediaQueries.tdDown} {
+    position: relative;
+    top: unset;
+    right: unset;
+  }
+  ${e.MediaQueries.mbDown} {
+    position: absolute;
+    left: 32px;
+    top: 28px;
+  }
+`,Ye=m.default.div`
+  display: flex;
+  align-items: center;
+  background: white;
+  font-weight: 400;
+  font-size: 14px;
+  text-decoration: none;
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+
+  svg path {
+    fill: ${e=>e.theme.mbColors.gray};
+  }
+
+  ${e.MediaQueries.tdDown} {
+    background: none;
+    width: 100%;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 18px;
+    color: ${e=>e.theme.mbColors.pink};
+    padding-left: 16px;
+  }
+`,Fe=m.default.p`
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 24px;
+  letter-spacing: -0.2px;
+  color: ${e=>e.theme.colors.gray800};
+`,Ze=m.default.p`
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: -0.2px;
+  color: ${e=>e.theme.colors.gray600};
+  height: 54px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  margin-bottom: auto;
+  ${e.MediaQueries.tdDown} {
+    display: none;
+  }
+`,Ke=m.default.div`
+  display: flex;
+  flex: 1;
+  z-index: 1;
+  align-items: flex-end;
+  justify-content: flex-end;
+  ${e.MediaQueries.tdUp} {
+    gap: 8px;
+    flex-direction: row;
+  }
+
+  ${e.MediaQueries.tdDown} {
+    align-items: flex-start;
+    justify-content: flex-start;
+    gap: 4px;
+  }
+`,Je=m.default.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  z-index: 1;
+  ${e.MediaQueries.tdUp} {
+    gap: 8px;
+  }
+  ${e.MediaQueries.tdDown} {
+    gap: 4px;
+    flex: 1;
+    padding-left: 16px;
+  }
+`,Xe=m.default.div`
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  z-index: 1;
+  ${e.MediaQueries.tdUp} {
+    gap: 8px;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
+  ${e.MediaQueries.tdDown} {
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+  }
+`,et=m.default.div`
+  z-index: 201;
+  width: 100%;
+  align-items: center;
+
+  background-color: ${e=>e.theme.colors.white};
+
+  transition: height 0.3s, transform 0.3s;
+
+  &[data-site-type='helloSites'] {
+    border-bottom: 1px solid
+      ${e=>e.theme.colors.neutral100};
+  }
+  &[data-sponsored='true'] {
+    border-bottom: none;
+  }
+  &[data-marry-baby-tone='pink'] {
+    background-color: ${e=>e.theme.mbColors.lightPink};
+  }
+
+  ${e.MediaQueries.mbUp} {
+    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {
+      transform: translateY(-64px);
+    }
+  }
+  ${e.MediaQueries.mbDown} {
+    &[data-site-type='marryBaby'] {
+      border-bottom: none;
+    }
+
+    &[data-fixed-bar='true'] {
+      position: fixed;
+      transform: translateY(0);
+    }
+
+    &[data-fixed-bar='false'] {
+      position: absolute;
+    }
+
+    &[data-collapsed='true'] {
+      transform: translateY(-100%);
+      transition: transform 0.5s;
+    }
+    &[data-collapsed='false'] {
+      transform: translateY(0);
+      transition: transform 0.5s;
+    }
+
+    .top-bar-header {
+      line-height: normal;
+    }
+
+    &[data-header-type='home'] {
+      z-index: ${_};
+    }
+
+    &[data-header-type='popup'] {
+      position: absolute;
+      z-index: ${G};
+    }
+
+    &[data-header-type='popup-sub-level'] {
+      position: absolute;
+      z-index: ${L};
+    }
+
+    &[data-is-displayed='false'] {
+      //display: none;
+      visibility: hidden;
+    }
+  }
+
+  .marry-baby {
+    input {
+      background: ${e=>e.theme.mbColors.lightGray};
+      border-radius: 16px;
+      border: none;
+    }
+    max-width: 172px;
+  }
+  &[data-site-type='marryBaby'] {
+    .close-btn {
+      top: 16px;
+      right: 16px;
+    }
+  }
+`,tt=m.default.div`
+  display: flex;
+  height: 100%;
+  align-items: center;
+
+  justify-content: space-between;
+  padding: 0 2rem;
+  height: 69px;
+  ${e.MediaQueries.pcDown} {
+    padding: 0 1rem;
+  }
+
+  ${e.MediaQueries.mbDown} {
+    position: relative;
+    height: 64px;
+    background: white;
+    gap: 1rem;
+  }
+
+  &[data-site-type='marryBaby'] {
+    width: 100%;
+    margin: 0 auto;
+    padding: 0 16px;
+    ${e.MediaQueries.tdUp} {
+      max-width: 1064px;
+    }
+  }
+`,it=m.default.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  gap: 24px;
+  ${e.MediaQueries.pcDown} {
+    flex-shrink: 0;
+    gap: 16px;
+  }
+  &[data-site-type='marryBaby'] {
+    gap: 26px;
+  }
+`,ot=m.default.div``,at=m.default.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  flex-shrink: 0;
+  gap: 26px;
+  ${e.MediaQueries.tdDown} {
+    flex-shrink: 0.6;
+  }
+  .hhgcomp-navigation-itemnav-headeritem {
+    gap: 2px;
+    ${e.MediaQueries.pcUp} {
+      padding: 0 10px;
+    }
+    ${e.MediaQueries.pcDown} {
+      padding: 0 6px;
+    }
+    ${e.MediaQueries.mbDown} {
+      display: none;
+    }
+    a {
+      text-decoration: none;
+    }
+  }
+`;m.default.div`
+  .fake-search-input {
+    pointer-events: none;
+    input {
+      line-height: 20px;
+      padding-top: 10px;
+      padding-bottom: 10px;
+    }
+  }
+`;const rt=m.default.div`
+  margin-left: 16px;
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  flex-shrink: 0;
+  ${e.MediaQueries.pcDown} {
+    margin-left: 8px;
+    gap: 8px;
+  }
+  ${e.MediaQueries.mbDown} {
+    margin-left: 12px;
+    gap: 10px;
+  }
+`,nt=m.default.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  &[data-site-type='marryBaby'] {
+    gap: 26px;
+  }
+`,dt=m.default.div`
+  --header-z-index: 305;
+  top: 0;
+  z-index: var(--header-z-index);
+
+  ${e.MediaQueries.mbDown} {
+    width: 100vw;
+    max-width: 100%;
+  }
+  --amp-site-wide-closed: 2px;
+
+  -webkit-transform: translateZ(0);
+  position: sticky;
+
+  &.nav-open {
+    margin-top: 64px;
+  }
+
+  &:not(.nav-open) {
+    --amp-site-wide-closed: 66px;
+  }
+  pointer-events: none;
+  > section * {
+    pointer-events: auto;
+  }
+`;m.default.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`,m.default.a`
+  &[data-is-active='true'] {
+    color: unset;
+  }
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 22px;
+  text-decoration: none;
+`,exports.Item=({post:e,index:t=0})=>{var i,o,r,n,d,l,p;const{siteType:s,configs:{statics:x}}=a.useContext(W);if(!e)return null;const g=[x.TOGETHER_URL_FE,null===(i=e.community)||void 0===i?void 0:i.slug].join("/"),m=[g,e.slug].join("/"),c=e.createdAt,f=c?isNaN(new Date(c).getTime())?null:new Date(c):null,y=f?u.default(f).toNow(!0):c;return h.default.createElement(Ue,{href:m,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":m},h.default.createElement(ze,null,h.default.createElement(Te,null,h.default.createElement(Qe,{avatar:null===(o=e.author)||void 0===o?void 0:o.avatar,username:(null===(r=e.author)||void 0===r?void 0:r.name)||(null===(n=e.author)||void 0===n?void 0:n.username)}),h.default.createElement(Ie,null,h.default.createElement(De,{"data-theme":s},null===(d=e.author)||void 0===d?void 0:d.name),h.default.createElement(Ne,null,h.default.createElement(Ee,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":g,onClick:e=>{e.preventDefault(),location.href=g},"data-theme":s},null===(l=e.community)||void 0===l?void 0:l.name),h.default.createElement(Pe,null,"•"),h.default.createElement(je,{"data-theme":s},y)))),h.default.createElement(Ae,null,e.title)),!!(null===(p=e.photos)||void 0===p?void 0:p.length)&&h.default.createElement(Be,{loading:"lazy",src:e.photos[0]}))},exports.NavigationCard=({type:e,themeName:t,className:i,onClick:o=(()=>{})})=>{const{t:n}=r.useTranslations(),d=a.useMemo((()=>{var i,o;return(null===(o=null===(i=I[t])||void 0===i?void 0:i[e])||void 0===o?void 0:o.call(i))||""}),[e,t]),l=a.useMemo((()=>"marryBaby"!==t?"transparent":N[e]),[e,t]);return h.default.createElement("div",{onClick:function(){o(e)},className:`${U} ${i}`},h.default.createElement("div",{className:A,style:{backgroundColor:l,backgroundImage:`url("${d}")`}}),h.default.createElement("h3",{className:T},n(`userProfile.nav.card.${e}`)))},exports.NavigationContext=W,exports.NavigationProvider=e=>{var{children:t}=e,i=d.__rest(e,["children"]);const[r,n]=h.default.useState((()=>i.currentUrl||`https://${"marryBaby"===i.siteType?o.domainLocalesMarryBaby[i.locale||"en-PH"]:l.domainLocales[i.locale||"en-PH"]}${"together"===i.projectType?"/community":"ecom"===i.projectType?"/ecom":"care"===i.projectType?"/care":""}/`));a.useEffect((()=>{const e=()=>{n(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const s=(({locale:e,projectType:t,isMobile:i,siteType:o,enableBookingBtn:r})=>a.useMemo((()=>{const a=!(!i&&"profile"===t),n="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===o,d="marryBaby"!==o&&"marryBaby"!==t&&l.CARE_LOCALES.includes(e),s=r&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==o&&l.CARE_BOOKING_LOCALES.includes(e),x="marryBaby"===t||l.TOGETHER_LOCALES.includes(e),g="marryBaby"!==o&&l.ECOM_LOCALES.includes(e),m="ecom"===t;let h=p.getCurrentBaseUrl(e,"marryBaby"===o);"undefined"!=typeof window&&(h.includes("//id.")&&(h=h.replace("id.","")),h.includes("//staging-id.")&&(h=h.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:a,enableSearchBar:n,enableNavCare:d,enableNavCareBooking:s,enableNavTogether:x,enableNavEcom:g,enableProfileEcom:m,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:h,CARE_URL_FE:`${h}/care`,TOGETHER_URL_FE:`${h}/community`,SSO_URL:p.getCurrentSsoUrl(e,"marryBaby"===o),TOGETHER_API:p.getTogetherApiDomain(),DISCOVER_API:p.getDiscoverApiDomain(e)}}}),[e,t,i]))({locale:i.locale,projectType:i.projectType,isMobile:i.isMobile,siteType:i.siteType,enableBookingBtn:i.enableBookingBtn});return h.default.createElement(W.Provider,{value:Object.assign(Object.assign({},i),{configs:Object.assign(Object.assign({},s),i.configs),currentUrl:i.currentUrl||r})},t)},exports.SearchIcon=F,exports.StyleSelectionPopup=$,exports.StyledAvatar=E,exports.StyledBtnView=ne,exports.StyledBtnView$1=Oe,exports.StyledBtnView$2=Ye,exports.StyledButtonGroup=H,exports.StyledContainer=dt,exports.StyledContainerItems=oe,exports.StyledContainerItems$1=we,exports.StyledContainerItems$2=Ce,exports.StyledContainerItems$3=_e,exports.StyledContainerNoPosts=me,exports.StyledContent=Je,exports.StyledContentLeft=ce,exports.StyledContentWrapper=xe,exports.StyledContentWrapper$1=We,exports.StyledContentWrapper$2=Ke,exports.StyledDes=le,exports.StyledDes$1=He,exports.StyledDes$2=Ze,exports.StyledDescription=he,exports.StyledDisplayWrapper=C,exports.StyledHeader=tt,exports.StyledHeaderWrapper=et,exports.StyledHeading=J,exports.StyledHeading$1=be,exports.StyledIconNav=X,exports.StyledImageCard=ae,exports.StyledImageCard$1=Me,exports.StyledImageCard$2=Le,exports.StyledImageCard$3=Ve,exports.StyledImageCardInner=re,exports.StyledImageWrapper=j,exports.StyledImageWrapper$1=te,exports.StyledItem=K,exports.StyledItem$1=ge,exports.StyledItem$2=$e,exports.StyledItem$3=Ge,exports.StyledItem$4=qe,exports.StyledItemAll=ee,exports.StyledItemGridLeft=Z,exports.StyledItemGridRight=ye,exports.StyledLanguageChangeLink=b,exports.StyledLeft=fe,exports.StyledLeftGroup=it,exports.StyledLoggedOutAnchor=P,exports.StyledLogoWrapper=ot,exports.StyledMasterMenuContainer=q,exports.StyledOption=M,exports.StyledPopup=z,exports.StyledPopup$1=R,exports.StyledPopup$2=f,exports.StyledPopupBackground=k,exports.StyledPopupWrapper=y,exports.StyledProfileNavGroup=rt,exports.StyledRightGroup=at,exports.StyledSelectionContainer=v,exports.StyledSelectionLabel=w,exports.StyledServiceListMenuSearchInputWrapper=V,exports.StyledTitle=de,exports.StyledTitle$1=ue,exports.StyledTitle$2=ke,exports.StyledTitle$3=Re,exports.StyledTitle$4=Fe,exports.StyledViewMore=ie,exports.StyledViewMore$1=ve,exports.StyledWrapMenuItems=nt,exports.StyledWrapName=Xe,exports.StyledWrapper=Y,exports.TOGETHER_PATHS={COMMUNITIES:"community?website_url={websiteUrl}",MENU_TOPIC:"topic?community_id={communityId}&website_url={websiteUrl}",GET_USER_POSTS:"profile/posts?website_url={websiteUrl}"},exports.UserAvatar=Qe;