@sonic-equipment/ui 0.0.76 → 0.0.78

package/dist/styles.css

@@ -39,6 +39,7 @@
   --line-height-22: 1.375rem;
   --line-height-24: 1.5rem;
   --line-height-28: 1.75rem;
+  --line-height-32: 2rem;
   --line-height-38: 2.375rem;
   --line-height-42: 2.625rem;
   --line-height-44: 2.75rem;
@@ -1339,7 +1340,6 @@
   .carousel-module-ealh- .carousel-module-IftbN {
     position: relative;
     display: block;
-    overflow: visible;
     opacity: 0;
   }
 
@@ -1347,6 +1347,10 @@
       opacity: 1;
     }
 
+  .carousel-module-ealh- .carousel-module-IftbN.carousel-module-tPg7k {
+      overflow: visible;
+    }
+
   .carousel-module-ealh- .carousel-module-IftbN.carousel-module-tPg7k::before,
       .carousel-module-ealh- .carousel-module-IftbN.carousel-module-tPg7k::after {
         position: absolute;
@@ -2406,6 +2410,315 @@
     }
 }
 
+:root {
+  /*
+  --swiper-pagination-color: var(--swiper-theme-color);
+  --swiper-pagination-left: auto;
+  --swiper-pagination-right: 8px;
+  --swiper-pagination-bottom: 8px;
+  --swiper-pagination-top: auto;
+  --swiper-pagination-fraction-color: inherit;
+  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
+  --swiper-pagination-progressbar-size: 4px;
+  --swiper-pagination-bullet-size: 8px;
+  --swiper-pagination-bullet-width: 8px;
+  --swiper-pagination-bullet-height: 8px;
+  --swiper-pagination-bullet-border-radius: 50%;
+  --swiper-pagination-bullet-inactive-color: #000;
+  --swiper-pagination-bullet-inactive-opacity: 0.2;
+  --swiper-pagination-bullet-opacity: 1;
+  --swiper-pagination-bullet-horizontal-gap: 4px;
+  --swiper-pagination-bullet-vertical-gap: 6px;
+  */
+}
+.swiper-pagination {
+  position: absolute;
+  text-align: center;
+  transition: 300ms opacity;
+  transform: translate3d(0, 0, 0);
+  z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+.swiper-pagination-disabled > .swiper-pagination,
+.swiper-pagination.swiper-pagination-disabled {
+  display: none !important;
+}
+/* Common Styles */
+.swiper-pagination-fraction,
+.swiper-pagination-custom,
+.swiper-horizontal > .swiper-pagination-bullets,
+.swiper-pagination-bullets.swiper-pagination-horizontal {
+  bottom: var(--swiper-pagination-bottom, 8px);
+  top: var(--swiper-pagination-top, auto);
+  left: 0;
+  width: 100%;
+}
+/* Bullets */
+.swiper-pagination-bullets-dynamic {
+  overflow: hidden;
+  font-size: 0;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transform: scale(0.33);
+  position: relative;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullet {
+  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
+  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
+  display: inline-block;
+  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
+  background: var(--swiper-pagination-bullet-inactive-color, #000);
+  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
+}
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  -webkit-appearance: none;
+          -moz-appearance: none;
+       appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+.swiper-pagination-bullet:only-child {
+  display: none !important;
+}
+.swiper-pagination-bullet-active {
+  opacity: var(--swiper-pagination-bullet-opacity, 1);
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+}
+.swiper-vertical > .swiper-pagination-bullets,
+.swiper-pagination-vertical.swiper-pagination-bullets {
+  right: var(--swiper-pagination-right, 8px);
+  left: var(--swiper-pagination-left, auto);
+  top: 50%;
+  transform: translate3d(0px, -50%, 0);
+}
+.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
+  display: block;
+}
+.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+}
+.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  display: inline-block;
+  transition: 200ms transform,
+        200ms top;
+}
+.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
+}
+.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  left: 50%;
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transition: 200ms transform,
+        200ms left;
+}
+.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transition: 200ms transform,
+    200ms right;
+}
+/* Fraction */
+.swiper-pagination-fraction {
+  color: var(--swiper-pagination-fraction-color, inherit);
+}
+/* Progress */
+.swiper-pagination-progressbar {
+  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
+  position: absolute;
+}
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  transform: scale(0);
+  transform-origin: left top;
+}
+.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  transform-origin: right top;
+}
+.swiper-horizontal > .swiper-pagination-progressbar,
+.swiper-pagination-progressbar.swiper-pagination-horizontal,
+.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
+  width: 100%;
+  height: var(--swiper-pagination-progressbar-size, 4px);
+  left: 0;
+  top: 0;
+}
+.swiper-vertical > .swiper-pagination-progressbar,
+.swiper-pagination-progressbar.swiper-pagination-vertical,
+.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
+  width: var(--swiper-pagination-progressbar-size, 4px);
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+.swiper-pagination-lock {
+  display: none;
+}
+
+.usp-carousel-module-UCbpX {
+  --image-max-width: 368px;
+
+  position: relative;
+}
+
+  .usp-carousel-module-UCbpX .usp-carousel-module-msaeJ {
+    position: absolute;
+    z-index: 1;
+    bottom: 24px;
+    left: 50%;
+    display: inline-flex;
+    width: -moz-fit-content;
+    width: fit-content;
+    transform: translateX(-50%);
+  }
+
+  @media (width >= 768px) {
+    .usp-carousel-module-UCbpX .usp-carousel-module-msaeJ {
+      left: calc(
+        ((100% - var(--image-max-width)) / 2) + var(--image-max-width)
+      );
+    }
+  }
+
+  @media (width >= 1440px) {.usp-carousel-module-UCbpX {
+    --image-max-width: 555px
+}
+  }
+
+  .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb {
+    --text-font-size: var(--font-size-16);
+    --text-line-height: 1.5;
+    --header-font-size: var(--font-size-32);
+    --icon-size: 3rem;
+
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    background-color: var(--color-brand-light-gray);
+  }
+
+  .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module--Vdc3 {
+      width: var(--image-max-width);
+      aspect-ratio: 555 / 509;
+    }
+
+  .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module--Vdc3 .usp-carousel-module-F-WAS {
+        -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 635 583" xmlns="http://www.w3.org/2000/svg"><g fill="%23EDEDED" fill-rule="evenodd"><path d="M365.923 0h-35.081v583H536.173l93.453-307.124c13.743-45.135-3.038-93.887-41.519-120.795L365.923 0z" fill-rule="nonzero"/><path d="M0 0h365.923v583H0z"/></g></svg>');
+                mask-image: url('data:image/svg+xml,<svg viewBox="0 0 635 583" xmlns="http://www.w3.org/2000/svg"><g fill="%23EDEDED" fill-rule="evenodd"><path d="M365.923 0h-35.081v583H536.173l93.453-307.124c13.743-45.135-3.038-93.887-41.519-120.795L365.923 0z" fill-rule="nonzero"/><path d="M0 0h365.923v583H0z"/></g></svg>');
+        -webkit-mask-repeat: no-repeat;
+                mask-repeat: no-repeat;
+      }
+
+  .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module-2fygw {
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      padding: 40px 44px 24px;
+    }
+
+  .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module-2fygw .usp-carousel-module-AOJJg {
+        display: grid;
+        padding-bottom: 24px;
+        margin-top: calc(60px - var(--padding-block));
+        place-items: center;
+      }
+
+  .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module-2fygw .usp-carousel-module-AOJJg .usp-carousel-module-Diy2d {
+          display: block;
+          width: var(--icon-size);
+          height: var(--icon-size);
+          margin-bottom: 10px;
+        }
+
+  .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module-2fygw .usp-carousel-module-AOJJg .usp-carousel-module--xcF2 {
+          margin-top: 0;
+          margin-bottom: var(--space-24);
+          font-size: var(--header-font-size);
+          font-weight: var(--font-weight-bold);
+          line-height: 1;
+        }
+
+  .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module-2fygw .usp-carousel-module-AOJJg .usp-carousel-module-tq8R8 {
+          margin: 0;
+          font-size: var(--text-font-size);
+          line-height: var(--text-line-height);
+        }
+
+  .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module-2fygw .usp-carousel-module-L5Kmv {
+        position: absolute;
+        bottom: 0;
+        left: ((100% - var(--image-max-width)) / 2);
+        display: flex;
+        justify-content: center;
+        margin-top: 36px;
+      }
+
+  @media (width >= 768px) {
+
+  .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb {
+      flex-direction: row
+  }
+        .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module-2fygw .usp-carousel-module-L5Kmv {
+          margin-top: auto;
+        }
+    }
+
+  @media (width >= 1440px) {
+
+  .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb {
+      --image-max-width: 555px;
+      --text-line-height: var(--line-height-32);
+      --header-font-size: var(--font-size-44);
+      --text-font-size: var(--font-size-24);
+      --icon-size: 4.5rem
+  }
+          /* stylelint-disable-next-line max-nesting-depth */
+          .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module-2fygw .usp-carousel-module-AOJJg .usp-carousel-module-Diy2d {
+            margin-bottom: var(--space-16);
+          }
+    }
+
 .images-grid-module-i5868 {
   display: grid;
   gap: var(--space-12);
@@ -2417,10 +2730,13 @@
     display: flex;
     aspect-ratio: 1;
     background-color: var(--color-gray-100);
-    mix-blend-mode: multiply;
     outline: none;
   }
 
+  .images-grid-module-i5868 .images-grid-module-nY9-n .images-grid-module-TahRy {
+      mix-blend-mode: multiply;
+    }
+
   .images-grid-module-i5868 .images-grid-module-nY9-n.images-grid-module-Ruktz {
       cursor: pointer;
     }
@@ -2494,6 +2810,20 @@
     gap: var(--space-24);
   }
 
+  .product-details-page-layout-module-IQFIn .product-details-page-layout-module-duq6v {
+    position: relative;
+    left: -10px;
+    width: 100dvw;
+  }
+
+  @media (width >= 768px) {
+    .product-details-page-layout-module-IQFIn .product-details-page-layout-module-duq6v {
+      position: relative;
+      left: auto;
+      width: auto;
+    }
+  }
+
   @media (width >= 1024px) {
     .product-details-page-layout-module-IQFIn .product-details-page-layout-module--7oUp {
       gap: var(--space-24);
@@ -2596,19 +2926,44 @@
     height: 20px;
   }
 
-.product-details-panel-module-BqSmY {
-  color: var(--color-brand-dark-gray);
-  font-size: 16px;
-  font-stretch: normal;
-  font-style: normal;
-  font-weight: normal;
-  letter-spacing: normal;
-  line-height: 1.5;
+.product-details-panel-module-qO4Hi {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
 }
 
-.product-details-panel-module-J060x {
-  margin-bottom: var(--space-24);
-}
+  .product-details-panel-module-qO4Hi .product-details-panel-module-s42w- {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .product-details-panel-module-qO4Hi .product-details-panel-module-5AUJ4 {
+    display: flex;
+    width: 100%;
+    align-items: flex-end;
+    justify-content: space-between;
+  }
+
+  .product-details-panel-module-qO4Hi .product-details-panel-module-5AUJ4 .product-details-panel-module-IZCrY {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+  .product-details-panel-module-qO4Hi .product-details-panel-module-BqSmY {
+    color: var(--color-brand-dark-gray);
+    font-size: 16px;
+    font-stretch: normal;
+    font-style: normal;
+    font-weight: normal;
+    letter-spacing: normal;
+    line-height: 1.5;
+  }
+
+  .product-details-panel-module-qO4Hi .product-details-panel-module-J060x {
+    margin-bottom: var(--space-24);
+  }
 
 .filter-section-module-q1Ob8 {
   --border-bottom: 1px solid var(--color-brand-medium-gray);
@@ -2769,118 +3124,6 @@
       height: 12px;
     }
 
-.category-card-module-4NUjH {
-  all: unset;
-  display: grid;
-  width: 88px;
-  cursor: pointer;
-  padding-inline: 10px;
-  place-items: center;
-  -webkit-tap-highlight-color: transparent;
-}
-
-  .category-card-module-4NUjH,
-  .category-card-module-4NUjH * {
-    box-sizing: border-box;
-  }
-
-  .category-card-module-4NUjH .category-card-module-LEhh3 {
-    display: flex;
-    align-items: center;
-    margin-top: var(--space-8);
-    margin-bottom: 0;
-    gap: 2px;
-    transition: color 0.2s ease;
-  }
-
-  .category-card-module-4NUjH .category-card-module-LEhh3 span {
-      display: block;
-      font-size: var(--font-size-12);
-      font-style: italic;
-      font-weight: var(--font-weight-bold);
-      line-height: 1;
-      text-align: center;
-      text-transform: uppercase;
-      word-break: break-word;
-    }
-
-  .category-card-module-4NUjH .category-card-module-LEhh3 .category-card-module-hL4-A {
-      display: block;
-      margin-bottom: 1px;
-      color: var(--color-brand-red);
-    }
-
-  .category-card-module-4NUjH[data-pressed] .category-card-module-RxWMW, .category-card-module-4NUjH[data-hovered] .category-card-module-RxWMW, .category-card-module-4NUjH[data-focused] .category-card-module-RxWMW {
-      scale: 1.15;
-    }
-
-  .category-card-module-4NUjH[data-pressed] .category-card-module-LEhh3, .category-card-module-4NUjH[data-hovered] .category-card-module-LEhh3, .category-card-module-4NUjH[data-focused] .category-card-module-LEhh3 {
-      color: var(--color-brand-red);
-    }
-
-  .category-card-module-4NUjH[data-pressed] .category-card-module-LEhh3, .category-card-module-4NUjH[data-hovered] .category-card-module-LEhh3, .category-card-module-4NUjH[data-focused] .category-card-module-LEhh3, .category-card-module-4NUjH.category-card-module-vJ7vB .category-card-module-LEhh3 {
-      color: var(--color-brand-red);
-    }
-
-  .category-card-module-4NUjH .category-card-module-oNTrK {
-    position: relative;
-    display: flex;
-    width: 62px;
-    aspect-ratio: 1 / 1;
-  }
-
-  .category-card-module-4NUjH .category-card-module-oNTrK .category-card-module-RxWMW {
-      position: relative;
-      z-index: 5;
-      margin: auto;
-      aspect-ratio: 1;
-      mix-blend-mode: multiply;
-      transition: scale 0.2s ease;
-    }
-
-  .category-card-module-4NUjH .category-card-module-oNTrK::after {
-      position: absolute;
-      width: 52px;
-      border-radius: 100%;
-      margin: auto;
-      aspect-ratio: 1 / 1;
-      background-color: var(--color-brand-light-gray);
-      content: '';
-      inset: 0;
-    }
-
-  @media (width >= 768px) {
-    .category-card-module-4NUjH .category-card-module-oNTrK {
-      width: 74px;
-    }
-
-      .category-card-module-4NUjH .category-card-module-oNTrK::after {
-        width: 62px;
-      }
-  }
-
-  @media (width >= 1024px) {.category-card-module-4NUjH {
-    padding-inline: 0
-}
-  }
-
-  @media (width >= 1440px) {.category-card-module-4NUjH {
-    width: 95px
-}
-
-    .category-card-module-4NUjH .category-card-module-oNTrK {
-      width: 96px;
-    }
-
-      .category-card-module-4NUjH .category-card-module-oNTrK::after {
-        width: 80px;
-      }
-
-    .category-card-module-4NUjH .category-card-module-LEhh3 {
-      margin-top: var(--space-16);
-    }
-  }
-
 & .promo-card-module-e2oii {
   display: block;
   height: 122px;
@@ -3040,6 +3283,118 @@
     margin-top: var(--space-32);
   }
 
+.category-card-module-4NUjH {
+  all: unset;
+  display: grid;
+  width: 88px;
+  cursor: pointer;
+  padding-inline: 10px;
+  place-items: center;
+  -webkit-tap-highlight-color: transparent;
+}
+
+  .category-card-module-4NUjH,
+  .category-card-module-4NUjH * {
+    box-sizing: border-box;
+  }
+
+  .category-card-module-4NUjH .category-card-module-LEhh3 {
+    display: flex;
+    align-items: center;
+    margin-top: var(--space-8);
+    margin-bottom: 0;
+    gap: 2px;
+    transition: color 0.2s ease;
+  }
+
+  .category-card-module-4NUjH .category-card-module-LEhh3 span {
+      display: block;
+      font-size: var(--font-size-12);
+      font-style: italic;
+      font-weight: var(--font-weight-bold);
+      line-height: 1;
+      text-align: center;
+      text-transform: uppercase;
+      word-break: break-word;
+    }
+
+  .category-card-module-4NUjH .category-card-module-LEhh3 .category-card-module-hL4-A {
+      display: block;
+      margin-bottom: 1px;
+      color: var(--color-brand-red);
+    }
+
+  .category-card-module-4NUjH[data-pressed] .category-card-module-RxWMW, .category-card-module-4NUjH[data-hovered] .category-card-module-RxWMW, .category-card-module-4NUjH[data-focused] .category-card-module-RxWMW {
+      scale: 1.15;
+    }
+
+  .category-card-module-4NUjH[data-pressed] .category-card-module-LEhh3, .category-card-module-4NUjH[data-hovered] .category-card-module-LEhh3, .category-card-module-4NUjH[data-focused] .category-card-module-LEhh3 {
+      color: var(--color-brand-red);
+    }
+
+  .category-card-module-4NUjH[data-pressed] .category-card-module-LEhh3, .category-card-module-4NUjH[data-hovered] .category-card-module-LEhh3, .category-card-module-4NUjH[data-focused] .category-card-module-LEhh3, .category-card-module-4NUjH.category-card-module-vJ7vB .category-card-module-LEhh3 {
+      color: var(--color-brand-red);
+    }
+
+  .category-card-module-4NUjH .category-card-module-oNTrK {
+    position: relative;
+    display: flex;
+    width: 62px;
+    aspect-ratio: 1 / 1;
+  }
+
+  .category-card-module-4NUjH .category-card-module-oNTrK .category-card-module-RxWMW {
+      position: relative;
+      z-index: 5;
+      margin: auto;
+      aspect-ratio: 1;
+      mix-blend-mode: multiply;
+      transition: scale 0.2s ease;
+    }
+
+  .category-card-module-4NUjH .category-card-module-oNTrK::after {
+      position: absolute;
+      width: 52px;
+      border-radius: 100%;
+      margin: auto;
+      aspect-ratio: 1 / 1;
+      background-color: var(--color-brand-light-gray);
+      content: '';
+      inset: 0;
+    }
+
+  @media (width >= 768px) {
+    .category-card-module-4NUjH .category-card-module-oNTrK {
+      width: 74px;
+    }
+
+      .category-card-module-4NUjH .category-card-module-oNTrK::after {
+        width: 62px;
+      }
+  }
+
+  @media (width >= 1024px) {.category-card-module-4NUjH {
+    padding-inline: 0
+}
+  }
+
+  @media (width >= 1440px) {.category-card-module-4NUjH {
+    width: 95px
+}
+
+    .category-card-module-4NUjH .category-card-module-oNTrK {
+      width: 96px;
+    }
+
+      .category-card-module-4NUjH .category-card-module-oNTrK::after {
+        width: 80px;
+      }
+
+    .category-card-module-4NUjH .category-card-module-LEhh3 {
+      margin-top: var(--space-16);
+    }
+  }
+
 .product-listing-page-module-dmIHF .product-listing-page-module-Oz76Z {
     margin-bottom: 44px;
   }
@@ -3055,7 +3410,7 @@
     .product-listing-page-module-dmIHF .product-listing-page-module-XxGrr .product-listing-page-module-aQzHr {
       width: 100%;
     }
-  .product-listing-page-module-dmIHF .product-listing-page-module-XxGrr .product-listing-page-module-F7bxy >*, .product-listing-page-module-dmIHF .product-listing-page-module-XxGrr .product-listing-page-module-aQzHr >* {
+  .product-listing-page-module-dmIHF .product-listing-page-module-XxGrr .product-listing-page-module-F7bxy > *, .product-listing-page-module-dmIHF .product-listing-page-module-XxGrr .product-listing-page-module-aQzHr > * {
         display: flex;
         width: 100%;
         justify-content: center;
@@ -3097,7 +3452,7 @@
         width: initial;
       }
 
-        .product-listing-page-module-dmIHF .product-listing-page-module-XxGrr .product-listing-page-module-F7bxy >*, .product-listing-page-module-dmIHF .product-listing-page-module-XxGrr .product-listing-page-module-aQzHr >* {
+        .product-listing-page-module-dmIHF .product-listing-page-module-XxGrr .product-listing-page-module-F7bxy > *, .product-listing-page-module-dmIHF .product-listing-page-module-XxGrr .product-listing-page-module-aQzHr > * {
           width: initial;
         }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.76",
+  "version": "0.0.78",
   "type": "module",
   "license": "MIT",
   "engines": {

package/dist/src/carousel/category-carousel/connected-category-carousel.d.ts

@@ -1 +0,0 @@
-export declare function ConnectedCategoryCarousel(): import("react/jsx-runtime").JSX.Element | null;