@hhgtech/hhg-components 1.28.26 → 1.28.28

package/build/index.styled-86c3180a.js

@@ -0,0 +1,1755 @@
+"use strict";var e=require("styled-components"),t=require("@mantine/core"),i=require("./screenSizeContext-a6dd41f9.js"),o=require("./index.styles-5b4ce3f7.js"),a=require("react"),r=require("./theme-3f0985a0.js"),d=require("./tslib.es6-5f2b74ff.js"),n=require("./index-85ea987c.js"),l=require("./routing-9196855e.js"),p=require("dayjs"),s=require("dayjs/plugin/relativeTime"),x=require("./index-dc09ac1e.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=g(e),m=g(a),c=g(p),f=g(s);const h=u.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;
+`,y=u.default.div`
+  position: relative;
+  display: inline-block;
+`,b=u.default.div`
+  position: relative;
+`,v=u.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));
+    }
+  }
+`,w=u.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};
+  }
+`,$=u.default.div`
+  position: fixed;
+  z-index: 20;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  cursor: default;
+`;var M=t.createStyles((()=>({root:{textDecoration:"none"},indicatorRoot:{marginRight:t.rem(10)},iconText:{color:"#fff"}})));const S=u.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  `}
+`,k=u.default.div`
+  position: absolute;
+  right: 0;
+  transition: all 0.5s ease-in-out;
+  overflow-y: auto;
+  padding-bottom: 70px;
+
+  &[data-open='true'] {
+    z-index: 200;
+    top: 120%;
+    opacity: 1;
+    visibility: visible;
+  }
+
+  &[data-open='false'] {
+    display: none;
+  }
+
+  .popup-content {
+    z-index: 111;
+    height: 100%;
+    border: 1px solid #0000001a;
+    ${i.MediaQueries.mbDown} {
+      > div {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+      }
+    }
+  }
+
+  /* min-height: 415px; */
+  ${i.MediaQueries.mbUp} {
+    width: 320px;
+  }
+  ${i.MediaQueries.mbDown} {
+    position: fixed;
+    left: 0;
+    width: 100%;
+  }
+`,C="hhgcomp-navprofilebutton-popup",Q=o.getDefaultClassWrapper(k,C),D=u.default.div`
+  position: fixed;
+  z-index: 150;
+  top: var(--header-bottom, 56px);
+  left: 0;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+
+  ${i.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);
+    }
+  }
+
+  ${i.MediaQueries.mbDown} {
+    background: rgba(38, 38, 38, 0.3);
+  }
+
+  &[data-type='welcome'] {
+    top: 0;
+  }
+
+  &[data-open='false'] {
+    display: none;
+  }
+`,z="hhgcomp-navprofilebutton-popupwrapper";o.getDefaultClassWrapper(D,z);const B=u.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;
+  }
+`,E=u.default.div`
+  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;
+    }
+    .${C} {
+      z-index: 200;
+      top: 120%;
+      opacity: 1;
+      visibility: visible;
+      display: initial;
+      ${i.MediaQueries.mbDown} {
+        top: 100%;
+      }
+    }
+    .${z} {
+      display: initial;
+    }
+  }
+`,j=u.default.a`
+  display: inline-flex;
+  .login-btn[data-color='tertiary'][data-size='md'] {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  .mobile-only {
+    ${i.MediaQueries.mbUp} {
+      display: none;
+    }
+  }
+  .login-btn {
+    display: none;
+    ${i.MediaQueries.mbUp} {
+      display: block;
+    }
+  }
+`,T=u.default.div`
+  padding: 16px;
+  border-radius: 16px;
+  background-color: white;
+  hr {
+    border-color: ${({theme:e})=>e.colors.neutral100};
+    border-bottom-width: 0px;
+    border-style: solid;
+  }
+`,U=u.default.div`
+  display: block;
+  background-color: white;
+  border: 1px solid transparent;
+  transition: all 300ms linear;
+  cursor: pointer;
+  position: relative;
+
+  ${t=>t.hasSubmenu&&e.css`
+      cursor: pointer;
+    `}
+
+  &[data-is-open='true'] {
+    & + div {
+      margin-top: 8px;
+    }
+  }
+
+  border-left-width: 0;
+  border-right-width: 0;
+  &[data-is-open='true'] {
+    & + div {
+      margin-top: 0;
+    }
+    .nav-menu-item:last-child {
+      border-bottom-color: ${({theme:e})=>e.colors.neutral100};
+    }
+  }
+  .nav-menu-item {
+    background-color: ${({theme:e})=>e.colors.neutral50};
+  }
+
+  .nav-menu-item {
+    padding-left: 38px;
+  }
+`,I=u.default.div`
+  display: flex;
+  align-items: center;
+  height: 48px;
+  border: 1px solid transparent;
+  transition: all 300ms;
+  border-radius: 8px;
+
+  &:hover {
+    background-color: ${e=>e.theme.colors.neutral150};
+  }
+  &[data-active='true'] {
+    background-color: ${e=>e.theme.colors.blue50};
+  }
+`,L=u.default.div`
+  margin-left: auto;
+
+  svg {
+    fill: ${e=>e.theme.colors.gray600};
+    transition: transform 300ms;
+  }
+
+  &[data-is-open='true'] svg {
+    transform: rotate(180deg);
+  }
+`,_=u.default.div`
+  overflow: hidden;
+  max-height: 0;
+  transition: max-height 0.3s ease-out;
+
+  [data-is-open='true'] & {
+    max-height: 500px;
+    transition-timing-function: ease-in;
+  }
+`,O=u.default.div`
+  background-color: white;
+  text-align: center;
+  .cancle-img {
+    margin-top: 24px;
+    ${i.MediaQueries.mbDown} {
+      width: 80px;
+      height: 80px;
+    }
+
+    ${i.MediaQueries.mbUp} {
+      width: 100px;
+      height: 100px;
+    }
+  }
+
+  h2 {
+    margin-top: 32px;
+    color: ${e=>e.theme.colors.gray800};
+    font-style: normal;
+    font-weight: bold;
+    ${i.MediaQueries.mbDown} {
+      font-size: 24px;
+      line-height: 32px;
+    }
+
+    ${i.MediaQueries.mbUp} {
+      font-size: 32px;
+      line-height: 42px;
+    }
+  }
+
+  p {
+    margin-top: 8px;
+    color: ${e=>e.theme.colors.gray600};
+    font-style: normal;
+    font-weight: normal;
+    ${i.MediaQueries.mbDown} {
+      font-size: 16px;
+      line-height: 24px;
+    }
+
+    ${i.MediaQueries.mbUp} {
+      font-size: 16px;
+      line-height: 24px;
+    }
+  }
+`,P=u.default.div`
+  display: flex;
+
+  ${i.MediaQueries.mbDown} {
+    margin-top: 24px;
+  }
+
+  ${i.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      ":""}
+`,N=m.default.createContext({}),R=99,A=210,G=u.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;
+  }
+`;u.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;
+    }
+  }
+`,u.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;
+    }
+  }
+`,u.default.div`
+  margin-top: 64px;
+`,u.default.div`
+  padding: 24px 0;
+`,u.default.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+
+  & > div:first-child {
+    margin-right: 8px;
+  }
+`,u.default.div`
+  z-index: ${A};
+  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);
+`,u.default.div`
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: flex-start;
+  padding: 48px 0;
+`,u.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;
+  }
+`,u.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;
+    }
+  }
+`,u.default.div`
+  display: none;
+`,u.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};
+  }
+`,u.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};
+  }
+`,u.default.div`
+  display: flex;
+  align-items: center;
+
+  margin-left: 10px;
+`,u.default.div`
+  position: absolute;
+  top: 16px;
+  right: 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+`,u.default.div`
+  display: block;
+`,u.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;
+      }
+    }
+  }
+`,u.default.div`
+  width: 20%;
+  height: 2px;
+
+  background-color: ${e=>e.theme.mbColors.pink};
+  border-radius: 2px;
+`;const H=u.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;
+    }
+  }
+`,W=u.default.div`
+  display: block;
+  overflow-y: auto;
+  flex: 1;
+  padding-bottom: 16px;
+  &::-webkit-scrollbar {
+    width: 0;
+    display: none;
+  }
+`,q=a.memo((()=>m.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},m.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"})))),V=u.default.div`
+  padding-right: 1rem;
+  margin-top: 10px;
+  background: #ffffff;
+  padding: 5px 15px;
+  ${i.MediaQueries.mbUp} {
+    border-right: 1px solid #e4e8ec;
+  }
+`,Y=u.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,
+  &[data-theme='marryBaby'][data-active='true'] {
+    p {
+      color: ${e=>e.theme.mbColors.pink};
+    }
+    .icon {
+      background-color: ${e=>e.theme.mbColors.lightPink};
+    }
+  }
+  &[data-theme='helloSites']:hover,
+  &[data-theme='helloSites'][data-active='true'] {
+    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%;
+      }
+    }
+  }
+`,F=u.default.div`
+  margin: 15px 0;
+  ${i.MediaQueries.mbDown} {
+    display: none;
+  }
+`,Z=u.default.div`
+  display: flex;
+  position: absolute;
+  right: 0;
+  ${i.MediaQueries.mbUp} {
+    display: none;
+  }
+`,K=u.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};
+  }
+`,J=u.default.div`
+  display: flex;
+  align-items: center;
+  margin-left: 10px;
+`,X=u.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;
+  ${i.MediaQueries.mbDown} {
+    display: none;
+  }
+`;u.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 ee=u.default.div`
+  display: grid;
+
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+  margin-bottom: 3.5rem;
+  ${i.MediaQueries.tdDown} {
+    grid-template-columns: repeat(1, 1fr);
+  }
+`,te=u.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;
+  }
+  ${i.MediaQueries.tdDown} {
+    margin-bottom: 0;
+    padding: 0;
+    height: 100%;
+    position: unset;
+    width: 150px;
+  }
+  ${i.MediaQueries.mbDown} {
+    width: 80px;
+  }
+`,ie=u.default.div`
+  background-color: #ffffff;
+  border-radius: 4px;
+  width: 100%;
+  height: 100%;
+`,oe=u.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;
+  ${i.MediaQueries.tdDown} {
+    display: none;
+  }
+`,ae=u.default.p`
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.6;
+  color: ${e=>e.theme.colors.gray800};
+  ${i.MediaQueries.tdDown} {
+    padding: 0;
+  }
+`,re=u.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;
+  ${i.MediaQueries.tdDown} {
+    height: unset;
+    padding: 0;
+  }
+`,de=u.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  flex: 1;
+  z-index: 1;
+  ${i.MediaQueries.tdDown} {
+    gap: 4px;
+  }
+`,ne="hhgcomp-navigation-menucareitem-contentwrapper",le=o.getDefaultClassWrapper(de,ne),pe=u.default.a`
+  text-decoration: none;
+  border-radius: 4px;
+  background: ${r.theme.colors.white};
+  position: relative;
+  overflow: hidden;
+  padding: 16px;
+  display: flex;
+  padding-top: 166px;
+  * {
+    pointer-events: none;
+  }
+  ${i.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%;
+    }
+  }
+  ${i.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;
+    > .${ne} {
+      flex: 1;
+    }
+    img {
+      width: 150px;
+    }
+  }
+  ${i.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;
+    }
+  }
+  ${i.MediaQueries.tdOnly} {
+    border: 1px solid ${r.theme.colors.neutral100};
+  }
+  .bg-svg {
+    width: 100%;
+    max-width: 245px;
+    height: 100%;
+    top: 0;
+    right: -40px;
+    position: absolute;
+    display: inline-block;
+  }
+`,se=u.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;
+  }
+  ${i.MediaQueries.mbDown} {
+    display: block;
+    .bg-svg {
+      right: -24px;
+      left: unset;
+      top: 0;
+      transform: rotateY(180deg);
+    }
+  }
+
+  ${i.MediaQueries.mbUp} {
+    display: grid;
+    grid-gap: 10px;
+    grid-template-columns: 1fr 3fr;
+  }
+`,xe=u.default.div`
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 24px;
+  color: ${e=>e.theme.colors.gray600};
+  margin-bottom: 15px;
+`,ge=u.default.div`
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 26px;
+  color: #000000;
+  margin-bottom: 4px;
+`,ue=u.default.div`
+  background: #fff;
+  padding: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50px;
+`,me=u.default.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  ${i.MediaQueries.mbDown} {
+    justify-content: end;
+    min-height: 100px;
+  }
+`,ce=u.default.div`
+  margin-top: 10px;
+  background: #ffffff;
+  padding: 5px 15px;
+  position: relative;
+  ${i.MediaQueries.mbDown} {
+    &:after {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 4px;
+      background-color: ${e=>e.theme.colors.neutral100};
+      content: '';
+    }
+  }
+`,fe=u.default.div`
+  margin: 15px 0;
+  display: flex;
+`,he=u.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;
+  }
+  ${i.MediaQueries.mbDown} {
+    margin-left: auto;
+  }
+`;u.default.div`
+  &[data-category-list-type='sub'] {
+    padding-bottom: 72px;
+  }
+
+  &[data-is-displayed='false'] {
+    display: none;
+  }
+`,u.default.div`
+  & > div {
+    width: 100%;
+    margin-bottom: 8px;
+  }
+`;const ye=u.default.div`
+  display: grid;
+
+  grid-template-columns: repeat(4, 1fr);
+  gap: 24px;
+  ${i.MediaQueries.tdDown} {
+    gap: 12px;
+    grid-template-columns: 1fr;
+  }
+`,be=u.default.a`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  * {
+    pointer-events: none;
+  }
+`,ve=u.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;
+  }
+  ${i.MediaQueries.tdDown} {
+    width: 72px;
+    padding-top: 100px;
+  }
+`,we=u.default.p`
+  font-size: 16px;
+  font-weight: 400;
+  padding: 4px 15px;
+  line-height: 1.4;
+  color: ${e=>e.theme.colors.gray800};
+  flex: 1;
+  ${i.MediaQueries.tdUp} {
+    display: none;
+  }
+`;u.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;
+  }
+`,u.default.div`
+  & > div {
+    width: 100%;
+    margin-bottom: 8px;
+  }
+`;const $e=u.default.div`
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 48px;
+  ${i.MediaQueries.tdDown} {
+    grid-template-columns: 1fr;
+    grid-gap: 32px;
+  }
+  ${i.MediaQueries.mbDown} {
+    grid-gap: 24px;
+  }
+`,Me=u.default.div`
+  padding: 5px;
+  flex: 1;
+`,Se=u.default.img`
+  width: 88px;
+  height: 88px;
+  border-radius: 4px;
+  object-fit: cover;
+`,ke=u.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;
+  }
+`,Ce=u.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;
+  }
+`,Qe=u.default.div`
+  font-size: 12px;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.gray600};
+`,De=u.default.div`
+  font-size: 12px;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.gray600};
+`,ze=u.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;
+    ${i.MediaQueries.tdOnly} {
+      bottom: -16px;
+    }
+    ${i.MediaQueries.mbDown} {
+      bottom: -12px;
+    }
+  }
+  &:last-child {
+    &::after {
+      display: none;
+    }
+  }
+  ${i.MediaQueries.tdUp} {
+    &:nth-last-child(2) {
+      &::after {
+        display: none;
+      }
+    }
+  }
+`,Be=u.default.div`
+  display: flex;
+  gap: 10px;
+  vertical-align: middle;
+  align-items: center;
+`,Ee=u.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;
+  }
+`,je=u.default.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  column-gap: 5px;
+`,Te=u.default.div`
+  display: flex;
+  gap: 4px;
+  flex-direction: column;
+`;c.default.extend(f.default);u.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 Ue=u.default.div`
+  display: grid;
+
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+  margin-bottom: 3.5rem;
+  ${i.MediaQueries.tdDown} {
+    grid-template-columns: repeat(1, 1fr);
+  }
+`,Ie=u.default.a`
+  text-decoration: none;
+  display: flex;
+  align-items: center;
+`;u.default.div`
+  &[data-is-display='false'] {
+    display: none;
+  }
+`;const Le=u.default.div`
+  display: grid;
+
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+  ${i.MediaQueries.tdDown} {
+    grid-template-columns: 1fr;
+    gap: 12px;
+  }
+`,_e=u.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;
+    ${i.MediaQueries.tdDown} {
+      top: calc(51% - 68px);
+      right: -8px;
+    }
+  }
+  padding: 180px 24px 16px;
+  a {
+    display: flex;
+    width: 100%;
+  }
+  ${i.MediaQueries.tdDown} {
+    padding-top: 16px;
+    display: flex;
+    align-items: center;
+  }
+`,Oe=u.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%);
+  }
+  ${i.MediaQueries.tdDown} {
+    position: relative;
+    top: unset;
+    right: unset;
+  }
+`,Pe=u.default.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primaryBase};
+  font-weight: 400;
+  font-size: 14px;
+  text-decoration: none;
+`,Ne=u.default.p`
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.4;
+  color: ${e=>e.theme.colors.gray800};
+`,Re=u.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;
+  ${i.MediaQueries.tdDown} {
+    display: none;
+  }
+`,Ae=u.default.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  z-index: 1;
+  ${i.MediaQueries.tdUp} {
+    gap: 8px;
+  }
+  ${i.MediaQueries.tdDown} {
+    gap: 4px;
+    flex: 1;
+  }
+`,Ge=u.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%;
+  }
+  ${i.MediaQueries.tdDown} {
+    padding-top: 16px;
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+  }
+  ${i.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;
+    }
+  }
+  ${i.MediaQueries.tdUp} {
+    min-height: 296px;
+  }
+  .mobile-only {
+    ${i.MediaQueries.tdUp} {
+      display: none;
+    }
+  }
+  .desktop-only {
+    ${i.MediaQueries.tdDown} {
+      display: none;
+    }
+  }
+`,He=u.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%);
+  }
+  ${i.MediaQueries.tdDown} {
+    position: relative;
+    top: unset;
+    right: unset;
+  }
+  ${i.MediaQueries.mbDown} {
+    position: absolute;
+    left: 32px;
+    top: 28px;
+  }
+`,We=u.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};
+  }
+
+  ${i.MediaQueries.tdDown} {
+    background: none;
+    width: 100%;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 18px;
+    color: ${e=>e.theme.mbColors.pink};
+    padding-left: 16px;
+  }
+`,qe=u.default.p`
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 24px;
+  letter-spacing: -0.2px;
+  color: ${e=>e.theme.colors.gray800};
+`,Ve=u.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;
+  ${i.MediaQueries.tdDown} {
+    display: none;
+  }
+`,Ye=u.default.div`
+  display: flex;
+  flex: 1;
+  z-index: 1;
+  align-items: flex-end;
+  justify-content: flex-end;
+  ${i.MediaQueries.tdUp} {
+    gap: 8px;
+    flex-direction: row;
+  }
+
+  ${i.MediaQueries.tdDown} {
+    align-items: flex-start;
+    justify-content: flex-start;
+    gap: 4px;
+  }
+`,Fe=u.default.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  z-index: 1;
+  ${i.MediaQueries.tdUp} {
+    gap: 8px;
+  }
+  ${i.MediaQueries.tdDown} {
+    gap: 4px;
+    flex: 1;
+    padding-left: 16px;
+  }
+`,Ze=u.default.div`
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  z-index: 1;
+  ${i.MediaQueries.tdUp} {
+    gap: 8px;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
+  ${i.MediaQueries.tdDown} {
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+  }
+`,Ke=u.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};
+  }
+
+  ${i.MediaQueries.mbUp} {
+    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {
+      transform: translateY(-64px);
+    }
+  }
+  ${i.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: ${R};
+    }
+
+    &[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;
+    }
+  }
+`,Je=u.default.div`
+  display: flex;
+  height: 100%;
+  align-items: center;
+
+  justify-content: space-between;
+  padding: 0 2rem;
+  height: 56px;
+  ${i.MediaQueries.pcDown} {
+    padding: 0 1rem;
+  }
+
+  ${i.MediaQueries.mbDown} {
+    position: relative;
+    height: 56px;
+    background: white;
+    gap: 2px;
+  }
+
+  &[data-site-type='marryBaby'] {
+    width: 100%;
+    margin: 0 auto;
+    padding: 0 16px;
+    ${i.MediaQueries.tdUp} {
+      max-width: 1064px;
+    }
+  }
+`,Xe=u.default.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  gap: 24px;
+  ${i.MediaQueries.pcDown} {
+    flex-shrink: 0;
+    gap: 16px;
+  }
+  ${i.MediaQueries.pcDown} {
+    gap: 12px;
+  }
+  &[data-site-type='marryBaby'] {
+    gap: 26px;
+  }
+`,et=u.default.div``,tt=u.default.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  flex-shrink: 0;
+  /* gap: 16px; */
+  ${i.MediaQueries.tdDown} {
+    flex-shrink: 0.6;
+  }
+  .hhgcomp-navigation-itemnav-headeritem {
+    gap: 2px;
+    ${i.MediaQueries.pcUp} {
+      padding: 0 10px;
+    }
+    ${i.MediaQueries.pcDown} {
+      padding: 0 6px;
+    }
+    ${i.MediaQueries.mbDown} {
+      display: none;
+    }
+    a {
+      text-decoration: none;
+    }
+  }
+`;u.default.div`
+  .fake-search-input {
+    pointer-events: none;
+    input {
+      line-height: 20px;
+      padding-top: 10px;
+      padding-bottom: 10px;
+    }
+  }
+`;const it=u.default.div`
+  margin-left: 16px;
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  flex-shrink: 0;
+  ${i.MediaQueries.pcDown} {
+    margin-left: 8px;
+    gap: 8px;
+  }
+  ${i.MediaQueries.mbDown} {
+    margin-left: 0;
+    gap: 10px;
+  }
+`,ot=u.default.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  &[data-site-type='marryBaby'] {
+    gap: 26px;
+  }
+`,at=u.default.div`
+  --header-z-index: 305;
+  top: 0;
+  z-index: var(--header-z-index);
+
+  ${i.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;
+  }
+`;u.default.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`,u.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,d,n,l,p;const{siteType:s,configs:{statics:g}}=a.useContext(N);if(!e)return null;const u=[g.TOGETHER_URL_FE,null===(i=e.community)||void 0===i?void 0:i.slug].join("/"),f=[u,e.slug].join("/"),h=e.createdAt,y=h?isNaN(new Date(h).getTime())?null:new Date(h):null,b=y?c.default(y).toNow(!0):h;return m.default.createElement(ze,{href:f,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":f},m.default.createElement(Me,null,m.default.createElement(Be,null,m.default.createElement(x.UserAvatar,{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===(d=e.author)||void 0===d?void 0:d.username)}),m.default.createElement(Te,null,m.default.createElement(ke,{"data-theme":s},null===(n=e.author)||void 0===n?void 0:n.name),m.default.createElement(je,null,m.default.createElement(Ce,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":u,onClick:e=>{e.preventDefault(),location.href=u},"data-theme":s},null===(l=e.community)||void 0===l?void 0:l.name),m.default.createElement(De,null,"•"),m.default.createElement(Qe,{"data-theme":s},b)))),m.default.createElement(Ee,null,e.title)),!!(null===(p=e.photos)||void 0===p?void 0:p.length)&&m.default.createElement(Se,{loading:"lazy",src:e.photos[0]}))},exports.NavigationContext=N,exports.NavigationProvider=e=>{var{children:t}=e,i=d.__rest(e,["children"]);const[r,p]=m.default.useState((()=>i.currentUrl||`https://${"marryBaby"===i.siteType?o.domainLocalesMarryBaby[i.locale||"en-PH"]:n.domainLocales[i.locale||"en-PH"]}${"together"===i.projectType?"/community":"ecom"===i.projectType?"/ecom":"care"===i.projectType?"/care":""}/`));a.useEffect((()=>{const e=()=>{p(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),d="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===o,p="marryBaby"!==o&&"marryBaby"!==t&&n.CARE_LOCALES.includes(e),s=r&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==o&&n.CARE_BOOKING_LOCALES.includes(e),x="marryBaby"===t||n.TOGETHER_LOCALES.includes(e),g="marryBaby"!==o&&n.ECOM_LOCALES.includes(e),u="marryBaby"!==o&&n.ECOM_LOCALES.includes(e);let m=l.getCurrentBaseUrl(e,"marryBaby"===o);"undefined"!=typeof window&&(m.includes("//id.")&&(m=m.replace("id.","")),m.includes("//staging-id.")&&(m=m.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:a,enableSearchBar:d,enableNavCare:p,enableNavCareBooking:s,enableNavTogether:x,enableNavEcom:g,enableProfileEcom:u,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:m,CARE_URL_FE:`${m}/care`,TOGETHER_URL_FE:`${m}/community`,SSO_URL:l.getCurrentSsoUrl(e,"marryBaby"===o),TOGETHER_API:l.getTogetherApiDomain(),DISCOVER_API:l.getDiscoverApiDomain(e)}}}),[e,t,i]))({locale:i.locale,projectType:i.projectType,isMobile:i.isMobile,siteType:i.siteType,enableBookingBtn:i.enableBookingBtn});return m.default.createElement(N.Provider,{value:Object.assign(Object.assign({},i),{configs:Object.assign(Object.assign({},s),i.configs),currentUrl:i.currentUrl||r})},t)},exports.SearchIcon=q,exports.StyleSelectionPopup=v,exports.StyledAvatar=B,exports.StyledBtnView=oe,exports.StyledBtnView$1=Pe,exports.StyledBtnView$2=We,exports.StyledButtonGroup=P,exports.StyledContainer=at,exports.StyledContainerItems=ee,exports.StyledContainerItems$1=ye,exports.StyledContainerItems$2=$e,exports.StyledContainerItems$3=Ue,exports.StyledContainerItems$4=Le,exports.StyledContainerNoPosts=se,exports.StyledContent=Fe,exports.StyledContentLeft=ue,exports.StyledContentWrapper=le,exports.StyledContentWrapper$1=Ae,exports.StyledContentWrapper$2=Ye,exports.StyledDes=re,exports.StyledDes$1=Re,exports.StyledDes$2=Ve,exports.StyledDescription=xe,exports.StyledDisplayWrapper=S,exports.StyledHeader=Je,exports.StyledHeaderWrapper=Ke,exports.StyledHeading=F,exports.StyledHeading$1=fe,exports.StyledIconNav=Z,exports.StyledImageCard=te,exports.StyledImageCard$1=ve,exports.StyledImageCard$2=Oe,exports.StyledImageCard$3=He,exports.StyledImageCardInner=ie,exports.StyledImageWrapper=E,exports.StyledImageWrapper$1=J,exports.StyledItem=Y,exports.StyledItem$1=pe,exports.StyledItem$2=be,exports.StyledItem$3=Ie,exports.StyledItem$4=_e,exports.StyledItem$5=Ge,exports.StyledItemAll=K,exports.StyledItemGridLeft=V,exports.StyledItemGridRight=ce,exports.StyledLanguageChangeLink=h,exports.StyledLeft=me,exports.StyledLeftGroup=Xe,exports.StyledLoggedOutAnchor=j,exports.StyledLogoWrapper=et,exports.StyledMasterMenuContainer=G,exports.StyledNavFooterSubMenu=_,exports.StyledNavMenu=T,exports.StyledNavMenuItem=U,exports.StyledNavMenuItemContent=I,exports.StyledNavMenuItemDropdown=L,exports.StyledOption=w,exports.StyledPopup=Q,exports.StyledPopup$1=O,exports.StyledPopupBackground=$,exports.StyledProfileNavGroup=it,exports.StyledRightGroup=tt,exports.StyledSelectionContainer=y,exports.StyledSelectionLabel=b,exports.StyledServiceListMenuSearchInputWrapper=H,exports.StyledTitle=ae,exports.StyledTitle$1=ge,exports.StyledTitle$2=we,exports.StyledTitle$3=Ne,exports.StyledTitle$4=qe,exports.StyledViewMore=X,exports.StyledViewMore$1=he,exports.StyledWrapMenuItems=ot,exports.StyledWrapName=Ze,exports.StyledWrapper=W,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.useStyles=M;