@hhgtech/hhg-components 1.26.0 → 1.26.1

package/build/{index.styled-e0a87673.js → index.styled-2b48824e.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./utils-e569bf8f.js"),t=require("styled-components"),i=require("./theme-ce9d039b.js"),o=require("./index.styled-4b1a7797.js"),a=require("react"),r=require("./useTranslations-6447873e.js"),l=require("./gAssets.js"),n=require("./tslib.es6-d90c1714.js"),s=require("./index-378c7b37.js"),d=require("./cookieHelper-3c5593ce.js"),p=require("slugify"),u=require("string-format"),c=require("./isProduction-531c781c.js"),m=require("./routing-5e42acf9.js"),g=require("dayjs"),h=require("dayjs/plugin/relativeTime");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=x(t),b=x(a),y=x(p),_=x(u),v=x(g),w=x(h);const E=f.default.div`
+"use strict";var e=require("@emotion/styled"),t=require("./utils-d555597e.js"),i=require("./theme-54f4dde4.js"),o=require("./index.styled-4821c538.js"),a=require("react"),r=require("./useTranslations-dcd5faaf.js"),l=require("./gAssets.js"),n=require("./tslib.es6-d2b93cc7.js"),s=require("./index-cfb03666.js"),d=require("./cookieHelper-ec53b348.js"),p=require("slugify"),u=require("string-format"),c=require("./isProduction-0fdd7dfe.js"),m=require("./routing-01f2972b.js"),g=require("dayjs"),h=require("dayjs/plugin/relativeTime");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=x(e),b=x(a),y=x(p),_=x(u),v=x(g),w=x(h);const E=f.default.div`
   position: fixed;
   left: 50%;
 
@@ -34,16 +34,16 @@
   &[data-type='form'] {
     width: 496px;
     height: 548px;
-    ${e.MediaQueries.mbDown} {
+    ${t.MediaQueries.mbDown} {
       width: 340px;
     }
   }
 
   &[data-type='confirm'] {
-    ${e.MediaQueries.mbDown} {
+    ${t.MediaQueries.mbDown} {
       width: calc(100% - 32px);
     }
-    ${e.MediaQueries.mbUp} {
+    ${t.MediaQueries.mbUp} {
       width: 100%;
       max-width: 407px;
     }
@@ -192,13 +192,13 @@
 
   &[data-type='welcome'] {
     position: fixed;
-    ${e.MediaQueries.mbDown} {
+    ${t.MediaQueries.mbDown} {
       width: 100%;
       height: 424px;
       bottom: 0;
       top: unset;
     }
-    ${e.MediaQueries.mbUp} {
+    ${t.MediaQueries.mbUp} {
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
@@ -210,14 +210,14 @@
 
   &[data-type='due-date'] {
     position: fixed;
-    ${e.MediaQueries.mbDown} {
+    ${t.MediaQueries.mbDown} {
       width: 100%;
       height: 100%;
       overflow-y: scroll;
       bottom: 0;
       top: unset;
     }
-    ${e.MediaQueries.mbUp} {
+    ${t.MediaQueries.mbUp} {
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
@@ -231,7 +231,7 @@
   .popup-content {
     z-index: 111;
     height: 100%;
-    ${e.MediaQueries.mbDown} {
+    ${t.MediaQueries.mbDown} {
       max-height: calc(100vh - var(--header-bottom, 64px));
     }
     overflow: auto;
@@ -249,7 +249,7 @@
 
   &[data-type='profile'] {
     /* min-height: 415px; */
-    ${e.MediaQueries.mbUp} {
+    ${t.MediaQueries.mbUp} {
       border-radius: ${e=>e.theme.borderRadius};
       box-shadow: 0px 4px 8px
         ${e=>e.theme.colors.gray200};
@@ -266,13 +266,13 @@
         filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
       }
     }
-    ${e.MediaQueries.mbDown} {
+    ${t.MediaQueries.mbDown} {
       position: fixed;
       left: 0;
       width: 100%;
       border-top: 1px solid ${i.theme.colors.neutral100};
     }
-    ${e.MediaQueries.mbUp} {
+    ${t.MediaQueries.mbUp} {
       width: 368px;
     }
   }
@@ -300,7 +300,7 @@
   height: 100%;
   align-items: center;
 
-  ${e.MediaQueries.mbUp} {
+  ${t.MediaQueries.mbUp} {
     background-color: transparent;
     &[data-type='welcome'] {
       background: rgba(38, 38, 38, 0.3);
@@ -310,7 +310,7 @@
     }
   }
 
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     background: rgba(38, 38, 38, 0.3);
   }
 
@@ -374,7 +374,7 @@
       visibility: visible;
       display: initial;
       &[data-type='profile'] {
-        ${e.MediaQueries.mbDown} {
+        ${t.MediaQueries.mbDown} {
           top: 100%;
         }
       }
@@ -390,7 +390,7 @@
     padding-right: 12px;
   }
   .mobile-only {
-    ${e.MediaQueries.mbUp} {
+    ${t.MediaQueries.mbUp} {
       display: none;
     }
   }
@@ -398,7 +398,7 @@
     padding-left: 10px;
     padding-right: 10px;
     display: none;
-    ${e.MediaQueries.mbUp} {
+    ${t.MediaQueries.mbUp} {
       display: block;
     }
   }
@@ -407,12 +407,12 @@
   text-align: center;
   .cancle-img {
     margin-top: 24px;
-    ${e.MediaQueries.mbDown} {
+    ${t.MediaQueries.mbDown} {
       width: 80px;
       height: 80px;
     }
 
-    ${e.MediaQueries.mbUp} {
+    ${t.MediaQueries.mbUp} {
       width: 100px;
       height: 100px;
     }
@@ -423,12 +423,12 @@
     color: ${e=>e.theme.colors.gray800};
     font-style: normal;
     font-weight: bold;
-    ${e.MediaQueries.mbDown} {
+    ${t.MediaQueries.mbDown} {
       font-size: 24px;
       line-height: 32px;
     }
 
-    ${e.MediaQueries.mbUp} {
+    ${t.MediaQueries.mbUp} {
       font-size: 32px;
       line-height: 42px;
     }
@@ -439,12 +439,12 @@
     color: ${e=>e.theme.colors.gray600};
     font-style: normal;
     font-weight: normal;
-    ${e.MediaQueries.mbDown} {
+    ${t.MediaQueries.mbDown} {
       font-size: 16px;
       line-height: 24px;
     }
 
-    ${e.MediaQueries.mbUp} {
+    ${t.MediaQueries.mbUp} {
       font-size: 16px;
       line-height: 24px;
     }
@@ -452,11 +452,11 @@
 `,ne=f.default.div`
   display: flex;
 
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     margin-top: 24px;
   }
 
-  ${e.MediaQueries.mbUp} {
+  ${t.MediaQueries.mbUp} {
     margin-top: 32px;
   }
   justify-content: space-around;
@@ -768,7 +768,7 @@
   margin-top: 10px;
   background: #ffffff;
   padding: 5px 15px;
-  ${e.MediaQueries.mbUp} {
+  ${t.MediaQueries.mbUp} {
     border-right: 1px solid #e4e8ec;
   }
 `,Pe=f.default.a`
@@ -821,14 +821,14 @@
   }
 `,Ge=f.default.div`
   margin: 15px 0;
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     display: none;
   }
 `,Ne=f.default.div`
   display: flex;
   position: absolute;
   right: 0;
-  ${e.MediaQueries.mbUp} {
+  ${t.MediaQueries.mbUp} {
     display: none;
   }
 `,Ue=f.default.div`
@@ -866,12 +866,13 @@
   padding: 6px;
   border-radius: 5px;
   margin-top: 20px;
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     display: none;
   }
 `;f.default.div`
   & > a:not(:last-child) > div {
-    border-bottom: 1px solid ${e=>e.theme.colors.neutral100};
+    border-bottom: 1px solid
+      ${e=>e.theme.colors.neutral100};
   }
 
   &[data-category-list-type='sub'] {
@@ -887,7 +888,7 @@
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
 
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     grid-template-columns: repeat(1, 1fr);
   }
 `,Qe=f.default.div`
@@ -911,14 +912,14 @@
     display: block;
     object-fit: contain;
   }
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     margin-bottom: 0;
     padding: 0;
     height: 100%;
     position: unset;
     width: 150px;
   }
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     width: 80px;
   }
 `,je=f.default.div`
@@ -934,7 +935,7 @@
   font-weight: 400;
   font-size: 14px;
   text-decoration: none;
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     display: none;
   }
 `,Ve=f.default.p`
@@ -942,7 +943,7 @@
   font-weight: 600;
   line-height: 1.6;
   color: ${e=>e.theme.colors.gray800};
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     padding: 0;
   }
 `,We=f.default.p`
@@ -957,7 +958,7 @@
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin-bottom: auto;
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     height: unset;
     padding: 0;
   }
@@ -967,7 +968,7 @@
   gap: 8px;
   flex: 1;
   z-index: 1;
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     gap: 4px;
   }
 `,Ke="hhgcomp-navigation-menucareitem-contentwrapper",qe=o.getDefaultClassWrapper(Ye,Ke),Xe=f.default.a`
@@ -982,8 +983,9 @@
   * {
     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);
+  ${t.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 {
@@ -991,7 +993,7 @@
       width: 100%;
     }
   }
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     padding-top: 16px;
     a {
       display: none;
@@ -1009,8 +1011,9 @@
       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);
+  ${t.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 {
@@ -1018,7 +1021,7 @@
       height: 80px;
     }
   }
-  ${e.MediaQueries.tdOnly} {
+  ${t.MediaQueries.tdOnly} {
     border: 1px solid ${i.theme.colors.neutral100};
   }
   .bg-svg {
@@ -1047,7 +1050,7 @@
     left: 0;
     z-index: -1;
   }
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     display: block;
     .bg-svg {
       right: -24px;
@@ -1057,7 +1060,7 @@
     }
   }
 
-  ${e.MediaQueries.mbUp} {
+  ${t.MediaQueries.mbUp} {
     display: grid;
     grid-gap: 10px;
     grid-template-columns: 1fr 3fr;
@@ -1086,7 +1089,7 @@
   justify-content: center;
   align-items: center;
   position: relative;
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     justify-content: end;
     min-height: 100px;
   }
@@ -1095,7 +1098,7 @@
   background: #ffffff;
   padding: 5px 15px;
   position: relative;
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     &:after {
       position: absolute;
       top: 0;
@@ -1123,7 +1126,7 @@
   img {
     padding-left: 5px;
   }
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     margin-left: auto;
   }
 `;f.default.div`
@@ -1144,7 +1147,7 @@
 
   grid-template-columns: repeat(4, 1fr);
   gap: 24px;
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     gap: 12px;
     grid-template-columns: 1fr;
   }
@@ -1173,7 +1176,7 @@
     top: 0;
     left: 0;
   }
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     width: 72px;
     padding-top: 100px;
   }
@@ -1184,16 +1187,18 @@
   line-height: 1.4;
   color: ${e=>e.theme.colors.gray800};
   flex: 1;
-  ${e.MediaQueries.tdUp} {
+  ${t.MediaQueries.tdUp} {
     display: none;
   }
 `;f.default.div`
   & > :not(:last-child) {
-    border-bottom: 1px solid ${e=>e.theme.colors.neutral100};
+    border-bottom: 1px solid
+      ${e=>e.theme.colors.neutral100};
   }
 
   & > div > :not(:last-child) {
-    border-bottom: 1px solid ${e=>e.theme.colors.neutral100};
+    border-bottom: 1px solid
+      ${e=>e.theme.colors.neutral100};
   }
 
   &[data-category-list-type='sub'] {
@@ -1212,11 +1217,11 @@
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 48px;
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     grid-template-columns: 1fr;
     grid-gap: 32px;
   }
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     grid-gap: 24px;
   }
 `,ut=f.default.div`
@@ -1239,7 +1244,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background-color: ${e=>e.theme.colors.secondaryBase};
+    background-color: ${i.theme.colors.secondaryBase};
     border-radius: 50%;
     color: white;
     font-size: 1em;
@@ -1249,7 +1254,7 @@
 
   &[data-is-marrybaby='true'] {
     .avatar-default {
-      background-color: ${e=>e.theme.mbColors.pink};
+      background-color: ${i.theme.mbColors.pink};
     }
   }
 `,ct=e=>{var{className:t,isMarryBaby:i,style:o,avatar:r,username:l,size:s}=e,d=n.__rest(e,["className","isMarryBaby","style","avatar","username","size"]);const{data:{env:{isMarryBaby:p}}}=a.useContext(be),u="boolean"==typeof i?i:p,[c,m]=a.useState(!1);return a.useEffect((()=>{const e=new Image;e.onerror=()=>{m(!0)},e.src=r}),[]),b.default.createElement(ut,Object.assign({"data-is-marrybaby":u,className:t,style:o,size:s},d),r&&!c?b.default.createElement("img",{loading:"lazy",src:r,className:"avatar",alt:"avatar",onError:()=>{m(!0)}}):b.default.createElement("div",{className:"avatar avatar-default"},l&&(null==l?void 0:l.length)>0?l[0].toUpperCase():"A"))},mt=f.default.div`
@@ -1296,13 +1301,14 @@
     display: block;
     width: 100%;
     height: 1px;
-    border-top: 1px dashed ${e=>e.theme.colors.neutral100};
+    border-top: 1px dashed
+      ${e=>e.theme.colors.neutral100};
     position: absolute;
     bottom: -24px;
-    ${e.MediaQueries.tdOnly} {
+    ${t.MediaQueries.tdOnly} {
       bottom: -16px;
     }
-    ${e.MediaQueries.mbDown} {
+    ${t.MediaQueries.mbDown} {
       bottom: -12px;
     }
   }
@@ -1311,7 +1317,7 @@
       display: none;
     }
   }
-  ${e.MediaQueries.tdUp} {
+  ${t.MediaQueries.tdUp} {
     &:nth-last-child(2) {
       &::after {
         display: none;
@@ -1353,7 +1359,7 @@
 
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     grid-template-columns: 1fr;
     gap: 12px;
   }
@@ -1373,7 +1379,7 @@
     right: 0;
     height: 100%;
     position: absolute;
-    ${e.MediaQueries.tdDown} {
+    ${t.MediaQueries.tdDown} {
       top: calc(51% - 68px);
       right: -8px;
     }
@@ -1383,7 +1389,7 @@
     display: flex;
     width: 100%;
   }
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     padding-top: 16px;
     display: flex;
     align-items: center;
@@ -1406,7 +1412,7 @@
     display: block;
     transform: translate(-50%, -50%);
   }
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     position: relative;
     top: unset;
     right: unset;
@@ -1435,7 +1441,7 @@
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin-bottom: auto;
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     display: none;
   }
 `,$t=f.default.div`
@@ -1443,10 +1449,10 @@
   flex-direction: column;
   flex: 1;
   z-index: 1;
-  ${e.MediaQueries.tdUp} {
+  ${t.MediaQueries.tdUp} {
     gap: 8px;
   }
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     gap: 4px;
     flex: 1;
   }
@@ -1499,13 +1505,13 @@
     display: flex;
     width: 100%;
   }
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     padding-top: 16px;
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
   }
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     padding-top: 0;
     padding-left: 80px;
     height: 96px;
@@ -1517,16 +1523,16 @@
       left: 16px;
     }
   }
-  ${e.MediaQueries.tdUp} {
+  ${t.MediaQueries.tdUp} {
     min-height: 296px;
   }
   .mobile-only {
-    ${e.MediaQueries.tdUp} {
+    ${t.MediaQueries.tdUp} {
       display: none;
     }
   }
   .desktop-only {
-    ${e.MediaQueries.tdDown} {
+    ${t.MediaQueries.tdDown} {
       display: none;
     }
   }
@@ -1548,12 +1554,12 @@
     display: block;
     transform: translate(-50%, -50%);
   }
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     position: relative;
     top: unset;
     right: unset;
   }
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     position: absolute;
     left: 32px;
     top: 28px;
@@ -1573,7 +1579,7 @@
     fill: ${e=>e.theme.mbColors.gray};
   }
 
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     background: none;
     width: 100%;
     font-weight: 400;
@@ -1601,7 +1607,7 @@
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   margin-bottom: auto;
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     display: none;
   }
 `,Pt=f.default.div`
@@ -1610,12 +1616,12 @@
   z-index: 1;
   align-items: flex-end;
   justify-content: flex-end;
-  ${e.MediaQueries.tdUp} {
+  ${t.MediaQueries.tdUp} {
     gap: 8px;
     flex-direction: row;
   }
 
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     align-items: flex-start;
     justify-content: flex-start;
     gap: 4px;
@@ -1625,10 +1631,10 @@
   flex-direction: column;
   flex: 1;
   z-index: 1;
-  ${e.MediaQueries.tdUp} {
+  ${t.MediaQueries.tdUp} {
     gap: 8px;
   }
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     gap: 4px;
     flex: 1;
     padding-left: 16px;
@@ -1638,12 +1644,12 @@
   flex-direction: row;
   flex: 1;
   z-index: 1;
-  ${e.MediaQueries.tdUp} {
+  ${t.MediaQueries.tdUp} {
     gap: 8px;
     justify-content: flex-end;
     align-items: flex-end;
   }
-  ${e.MediaQueries.tdDown} {
+  ${t.MediaQueries.tdDown} {
     flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;
@@ -1666,12 +1672,12 @@
     background-color: ${e=>e.theme.mbColors.lightPink};
   }
 
-  ${e.MediaQueries.mbUp} {
+  ${t.MediaQueries.mbUp} {
     &[data-sitewide-banner-shown='true'][data-collapsed='true'] {
       transform: translateY(-64px);
     }
   }
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     &[data-site-type='marryBaby'] {
       border-bottom: none;
     }
@@ -1740,11 +1746,11 @@
   justify-content: space-between;
   padding: 0 2rem;
   height: 69px;
-  ${e.MediaQueries.pcDown} {
+  ${t.MediaQueries.pcDown} {
     padding: 0 1rem;
   }
 
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     position: relative;
     height: 64px;
     background: white;
@@ -1755,7 +1761,7 @@
     width: 100%;
     margin: 0 auto;
     padding: 0 16px;
-    ${e.MediaQueries.tdUp} {
+    ${t.MediaQueries.tdUp} {
       max-width: 1064px;
     }
   }
@@ -1764,7 +1770,7 @@
   align-items: center;
   height: 100%;
   gap: 24px;
-  ${e.MediaQueries.pcDown} {
+  ${t.MediaQueries.pcDown} {
     gap: 16px;
   }
   &[data-site-type='marryBaby'] {
@@ -1777,13 +1783,13 @@
   flex-shrink: 0.6;
   .hhgcomp-navigation-itemnav-headeritem {
     gap: 2px;
-    ${e.MediaQueries.pcUp} {
+    ${t.MediaQueries.pcUp} {
       padding: 0 12px;
     }
-    ${e.MediaQueries.pcDown} {
+    ${t.MediaQueries.pcDown} {
       padding: 0 6px;
     }
-    ${e.MediaQueries.mbDown} {
+    ${t.MediaQueries.mbDown} {
       display: none;
     }
     a {
@@ -1808,11 +1814,11 @@
   gap: 12px;
   align-items: center;
   flex-shrink: 0;
-  ${e.MediaQueries.pcDown} {
+  ${t.MediaQueries.pcDown} {
     margin-left: 8px;
     gap: 8px;
   }
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     margin-left: 12px;
     gap: 10px;
   }
@@ -1828,7 +1834,7 @@
   top: 0;
   z-index: var(--header-z-index);
 
-  ${e.MediaQueries.mbDown} {
+  ${t.MediaQueries.mbDown} {
     width: 100vw;
     max-width: 100%;
   }