@rebuy/rebuy-hydrogen 3.0.0-beta.10 → 3.0.0-beta.11

package/dist/hooks/useRebuyTheme.d.ts

@@ -0,0 +1,21 @@
+export type RebuyThemeLinkOptions = {
+    /**
+     * Override the API key from the RebuyConfigContext.
+     * Useful if you need to specify a different key for styles
+     * than the one used for general API calls.
+     */
+    overrideApiKey?: string;
+};
+/**
+ * A hook that returns an array of link objects for the Rebuy theme stylesheet,
+ * suitable for Remix's links function. It attempts to use the API key from
+ * the RebuyConfigContext.
+ *
+ * @param   {RebuyThemeLinkOptions}                options - Optional override for apiKey.
+ * @returns {Array<{ href: string; rel: string }>}         An array containing the link object, or an empty array if prerequisites are not met.
+ */
+export declare const useRebuyTheme: (options?: RebuyThemeLinkOptions) => {
+    href: string;
+    rel: string;
+}[];
+//# sourceMappingURL=useRebuyTheme.d.ts.map

package/dist/hooks/useRebuyTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRebuyTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useRebuyTheme.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG;IAChC;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,UAAS,qBAA0B;;;GAsChE,CAAC"}

package/dist/index.css

@@ -1,38 +1,85 @@
 /* src/components/AddToCartBtn/AddToCartBtn.module.css */
-.AddToCartBtn_button {
-  padding: 8px 16px;
-  border-radius: 4px;
-  font-size: 16px;
-  color: #fff;
-  background-color: #000;
+.AddToCartBtn_rebuy-cart-button {
+  padding: var(--rb-spacing-unit-2x, 8px) var(--rb-spacing-unit-4x, 16px);
+  border-radius: var(--rb-border-radius-button, 4px);
+  font-size: var(--rb-font-size-large, 16px);
+  font-weight: var(--rb-font-weight-medium);
+  line-height: var(--rb-line-height-normal);
+  color: var(--rb-color-button-primary-text, #fff);
+  background-color: var(--rb-color-button-primary-background, #000);
   border: none;
+  border-width: var(--rb-border-width-button);
+  border-style: solid;
+  border-color: var(--rb-color-button-primary-border);
   cursor: pointer;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 8px;
-}
-.AddToCartBtn_button:disabled {
-  opacity: 0.5;
+  gap: var(--rb-spacing-unit-2x, 8px);
+  text-align: center;
+  transition:
+    background-color 0.2s ease,
+    border-color 0.2s ease,
+    color 0.2s ease,
+    box-shadow 0.2s ease,
+    opacity 0.2s ease;
+}
+.AddToCartBtn_rebuy-cart-button:hover {
+  background-color: var(--rb-color-button-primary-background-hover, #333);
+  border-color: var(--rb-color-button-primary-border-hover, var(--rb-color-button-primary-border));
+  color: var(--rb-color-button-primary-text-hover, var(--rb-color-button-primary-text, #fff));
+}
+.AddToCartBtn_rebuy-cart-button:focus {
+  outline: none;
+  background-color: var(--rb-color-button-primary-background-focus, var(--rb-color-button-primary-background, #000));
+  border-color: var(--rb-color-button-primary-border-focus, var(--rb-color-button-primary-border));
+  color: var(--rb-color-button-primary-text-focus, var(--rb-color-button-primary-text, #fff));
+  box-shadow: 0 0 0 var(--rb-focus-ring-width, 3px) var(--rb-color-focus-ring-alpha-25, rgb(0 123 255 / 25%));
+}
+.AddToCartBtn_rebuy-cart-button:active {
+  background-color: var(--rb-color-button-primary-background-active, var(--rb-color-button-primary-background, #000));
+  border-color: var(--rb-color-button-primary-border-active, var(--rb-color-button-primary-border));
+  color: var(--rb-color-button-primary-text-active, var(--rb-color-button-primary-text, #fff));
+}
+.AddToCartBtn_rebuy-cart-button:disabled {
+  opacity: var(--rb-opacity-disabled, 0.5);
   cursor: not-allowed;
 }
-.AddToCartBtn_button:hover {
-  background-color: #333;
+.AddToCartBtn_rebuy-cart-button__container form {
+  max-width: 100%;
 }
 
 /* src/components/ProductPrice/ProductPrice.module.css */
-.ProductPrice_priceContainer {
+.ProductPrice_rebuy-product-price {
   display: flex;
-  align-items: center;
-  gap: 8px;
+  align-items: baseline;
+  gap: var(--rb-spacing-unit-2x, 0.5em);
+  font-size: var(--rb-font-size-medium, 1em);
+  line-height: var(--rb-line-height-normal, 1);
+  color: var(--rb-color-text-price-default, #333);
 }
-.ProductPrice_compareAtPrice {
-  opacity: 0.5;
+.ProductPrice_rebuy-product-price__current {
+  font-weight: var(--rb-font-weight-medium, 500);
+  color: var(--rb-color-text-price-default, #333);
+}
+.ProductPrice_rebuy-product-price__current--sale {
+  color: var(--rb-color-text-price-sale, #f00);
+}
+.ProductPrice_rebuy-product-price__compare-at {
+  color: var(--rb-color-text-price-compare-at, #666);
+  text-decoration: line-through;
+  font-size: var(--rb-font-size-small, 0.875em);
 }
 
-/* src/components/VariantSelect/VariantSelect.module.css */
-.VariantSelect_select {
+/* src/components/QuantityInput/QuantityInput.module.css */
+.QuantityInput_rebuy-quantity__container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: var(--rb-spacing-unit-1x, 4px) 0;
+}
+.QuantityInput_rebuy-quantity__select {
   width: 100%;
   padding: 8px;
   border: 1px solid #ccc;
@@ -40,37 +87,319 @@
   font-size: 16px;
   color: #333;
   background-color: #fff;
+  appearance: auto;
+}
+
+/* src/components/Title/Title.module.css */
+.Title_rebuy-title {
+  font-family: var(--rb-font-family-base);
+  font-weight: var(--rb-font-weight-bold);
+  line-height: var(--rb-line-height-tight);
+  color: var(--rb-color-text-default);
+  margin: 0;
+  padding: 0;
+}
+
+/* src/components/VariantSelect/VariantSelect.module.css */
+.VariantSelect_rebuy-variant__container {
+  position: relative;
+}
+.VariantSelect_rebuy-variant__select {
+  width: 100%;
+  padding: var(--rb-spacing-unit-2x) var(--rb-spacing-unit-5x) var(--rb-spacing-unit-2x) var(--rb-spacing-unit-3x);
+  height: var(--rb-size-input-height-medium);
+  border: var(--rb-border-width-input) solid var(--rb-color-border-input-default);
+  border-radius: var(--rb-border-radius-input);
+  font-size: var(--rb-font-size-medium);
+  color: var(--rb-color-text-input);
+  background-color: var(--rb-color-background-input);
+  cursor: pointer;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+.VariantSelect_rebuy-variant__select:hover {
+  border-color: var(--rb-color-border-input-hover, var(--rb-color-border-input-focus));
+}
+.VariantSelect_rebuy-variant__select:focus {
+  outline: none;
+  border-color: var(--rb-color-border-input-focus);
+  box-shadow: 0 0 0 var(--rb-focus-ring-width) var(--rb-color-focus-ring-alpha-25);
+}
+.VariantSelect_rebuy-variant__select:disabled {
+  color: var(--rb-color-text-disabled);
+  background-color: var(--rb-color-background-disabled);
+  border-color: var(--rb-color-border-disabled);
+  cursor: not-allowed;
+  opacity: var(--rb-opacity-disabled);
+}
+.VariantSelect_rebuy-variant__select-optgroup-label {
+  font-style: italic;
+  color: var(--rb-color-text-muted);
+}
+.VariantSelect_rebuy-variant__select-option {
+  color: var(--rb-color-text-input);
+  background-color: var(--rb-color-background-input);
+}
+.VariantSelect_rebuy-variant__buttons {
+  display: flex;
+  flex-flow: row wrap;
+  gap: 0.5em;
+}
+.VariantSelect_rebuy-variant__button {
+  padding: 8px 16px;
+  border-radius: 4px;
+  font-size: 16px;
+  color: #000;
+  background-color: transparent;
+  border: 1px solid #ccc;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  min-width: 80px;
+}
+.VariantSelect_rebuy-variant__button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.VariantSelect_rebuy-variant__button:hover {
+  background-color: #f5f5f5;
+}
+.VariantSelect_rebuy-variant__button--selected {
+  background-color: #f0f0f0;
+  border-color: #999;
 }
 
 /* src/components/ProductCard/ProductCard.module.css */
-.ProductCard_container {
+.ProductCard_rebuy-product-card__container {
+  height: 100%;
+  background-color: var(--rb-color-background-surface-primary, transparent);
+  border-width: var(--rb-border-width-thin, 1px);
+  border-style: solid;
+  border-color: var(--rb-color-border-default, #f0f4f8);
+  border-radius: var(--rb-border-radius-card, 1em);
+  padding: var(--rb-spacing-unit-3x, 1em);
+  overflow: hidden;
+}
+.ProductCard_rebuy-product-card {
   display: flex;
-  flex-direction: column;
-  gap: 24px;
-  max-width: 256px;
   height: 100%;
+  gap: var(--rb-spacing-unit-2x, 1em);
+}
+.ProductCard_rebuy-product-card__content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rb-spacing-unit-1x, 0.5em);
+}
+.ProductCard_rebuy-product-card__header {
+  width: 100%;
+}
+.ProductCard_rebuy-product-card[data-layout=grid] {
+  flex-direction: column;
   justify-content: space-between;
+  max-width: 256px;
 }
-.ProductCard_productInfo {
-  display: grid;
-  gap: 4px;
+.ProductCard_rebuy-product-card[data-layout=grid] > div:first-child {
+  width: 100%;
+}
+.ProductCard_rebuy-product-card[data-layout=grid] .ProductCard_rebuy-product-card__info {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rb-spacing-unit-1x, 0.5em);
+  width: 100%;
   align-items: start;
 }
+.ProductCard_rebuy-product-card[data-layout=grid] .ProductCard_rebuy-product-card__content {
+  flex: 1;
+}
+.ProductCard_rebuy-product-card[data-layout=list] {
+  flex-direction: row;
+  align-items: flex-start;
+}
+.ProductCard_rebuy-product-card[data-layout=list] > div:first-child {
+  flex: 0 0 40%;
+  max-width: 40%;
+}
+.ProductCard_rebuy-product-card[data-layout=list] .ProductCard_rebuy-product-card__info {
+  flex: 1;
+  padding-left: var(--rb-spacing-unit-3x, 1em);
+  display: flex;
+  flex-direction: column;
+  gap: var(--rb-spacing-unit-1x, 0.5em);
+}
+.ProductCard_rebuy-product-card[data-layout=list] .ProductCard_rebuy-product-card__content {
+  flex: 1;
+}
+.ProductCard_rebuy-product-card[data-layout=line] {
+  flex-direction: row;
+  align-items: center;
+}
+.ProductCard_rebuy-product-card[data-layout=line] > div:first-child {
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+.ProductCard_rebuy-product-card[data-layout=line] .ProductCard_rebuy-product-card__info {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-left: var(--rb-spacing-unit-3x, 1em);
+  gap: var(--rb-spacing-unit-2x, 1em);
+}
+.ProductCard_rebuy-product-card[data-layout=line] .ProductCard_rebuy-product-card__content {
+  flex: 1;
+  margin-right: var(--rb-spacing-unit-3x, 1.5em);
+}
+.ProductCard_rebuy-product-card__actions {
+  width: 100%;
+  margin-top: var(--rb-spacing-unit-3x, 1rem);
+  display: flex;
+  flex-direction: column;
+  gap: var(--rb-spacing-unit-1x, 0.5em);
+}
+.ProductCard_rebuy-product-card[data-layout=line] .ProductCard_rebuy-product-card__actions {
+  flex: 0 0 auto;
+  margin-top: 0;
+  align-items: center;
+}
+.ProductCard_rebuy-product-card__media-link {
+  display: block;
+  text-decoration: none;
+  border-radius: var(--rb-border-radius-medium, 0.5em);
+  overflow: hidden;
+}
+.ProductCard_rebuy-product-card[data-layout=grid] .ProductCard_rebuy-product-card__media-link {
+  margin-bottom: var(--rb-spacing-unit-3x, 1em);
+}
+.ProductCard_rebuy-product-card[data-layout=list] .ProductCard_rebuy-product-card__media-link,
+.ProductCard_rebuy-product-card[data-layout=line] .ProductCard_rebuy-product-card__media-link {
+  margin-bottom: 0;
+}
+.ProductCard_rebuy-product-card__image {
+  display: block;
+  width: 100%;
+  height: auto;
+  object-fit: cover;
+  border-radius: var(--rb-border-radius-medium, 0.5em);
+  transition: transform 0.3s ease-out;
+}
+@media (width >= 576px) {
+  .ProductCard_rebuy-product-card__image {
+    max-width: 400px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+.ProductCard_rebuy-product-card__media-link:hover .ProductCard_rebuy-product-card__image,
+.ProductCard_rebuy-product-card__media-link:focus .ProductCard_rebuy-product-card__image {
+  transform: scale(1.05);
+}
+.ProductCard_rebuy-product-card__title {
+  margin: 0;
+}
+.ProductCard_rebuy-product-card__title-link {
+  text-decoration: none;
+  color: var(--rb-color-text-product-title, var(--rb-color-text-default, #000));
+}
+.ProductCard_rebuy-product-card__title-link:hover,
+.ProductCard_rebuy-product-card__title-link:focus {
+  color: var(--rb-color-text-link-hover, #000);
+  text-decoration: underline;
+}
+.ProductCard_rebuy-product-card__actions-variant-select {
+  width: 100%;
+}
+.ProductCard_rebuy-product-card__actions-variant-select[data-layout=line] {
+  display: none;
+}
+.ProductCard_rebuy-product-card__variant-select {
+}
+.ProductCard_rebuy-product-card__variant-select[data-layout=grid],
+.ProductCard_rebuy-product-card__variant-select[data-layout=list] {
+  display: none;
+}
+.ProductCard_rebuy-product-card__variant-select[data-layout=line] {
+  margin-top: var(--rb-spacing-unit-2x, 1em);
+}
+.ProductCard_rebuy-product-card__actions-quantity,
+.ProductCard_rebuy-product-card__actions-button {
+  width: 100%;
+}
+.ProductCard_rebuy-product-card__vendor {
+  font-size: var(--rb-font-size-small, 0.875em);
+  color: var(--rb-color-text-muted, #6b7280);
+}
+.ProductCard_rebuy-product-card__variant-title {
+  font-size: var(--rb-font-size-small, 0.875em);
+  color: var(--rb-color-text-muted-variant, #666);
+  margin-bottom: var(--rb-spacing-unit-half, 0.25em);
+}
+.ProductCard_rebuy-product-card__review {
+  display: flex;
+  align-items: center;
+  margin: var(--rb-spacing-unit-1x, 0.5em) 0;
+}
+.ProductCard_rebuy-product-card__star-rating {
+  position: relative;
+  display: inline-block;
+}
+.ProductCard_rebuy-product-card__star-rating-value {
+  position: absolute;
+  left: -9999px;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+.ProductCard_rebuy-product-card__star-rating-background {
+  display: inline-block;
+  width: 80px;
+  height: 16px;
+  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0L10.3 5.2H16L11.1 8.5L12.8 14L8 10.5L3.2 14L4.9 8.5L0 5.2H5.7L8 0Z' fill='%23e0e0e0'/%3E%3C/svg%3E");
+  background-repeat: repeat-x;
+  background-size: 16px;
+}
+.ProductCard_rebuy-product-card__star-rating-foreground {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-block;
+  height: 16px;
+  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0L10.3 5.2H16L11.1 8.5L12.8 14L8 10.5L3.2 14L4.9 8.5L0 5.2H5.7L8 0Z' fill='%23FFD700'/%3E%3C/svg%3E");
+  background-repeat: repeat-x;
+  background-size: 16px;
+}
+.ProductCard_rebuy-product-card__review-count {
+  margin-left: var(--rb-spacing-unit-1x, 0.5em);
+  font-size: var(--rb-font-size-small, 0.875em);
+  color: var(--rb-color-text-muted-review, #666);
+}
+.ProductCard_rebuy-product-card__review-count-parenthesis,
+.ProductCard_rebuy-product-card__review-count-number,
+.ProductCard_rebuy-product-card__review-count-label {
+  font-size: var(--rb-font-size-extra-small, 0.75em);
+  color: var(--rb-color-text-muted-review, #666);
+}
+.ProductCard_rebuy-product-card__description {
+  font-size: var(--rb-font-size-small, 0.875em);
+  line-height: var(--rb-line-height-base, 1.4);
+  color: var(--rb-color-text-body, #333);
+  margin-top: var(--rb-spacing-unit-1x, 0.5em);
+}
 
 /* src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.module.css */
 .RebuyCompleteTheLook_container {
-  padding: 2rem 1rem;
-  margin: 1rem 0;
+  padding: 2rem 1em;
+  margin: 1em 0;
   background-color: #f0f4f8;
-  border-radius: 1rem;
+  border-radius: 1em;
   @media (width >= 768px) {
-    padding: 4rem;
+    padding: 4em;
   }
 }
 .RebuyCompleteTheLook_productGrid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-  gap: 2rem;
+  gap: 2em;
   list-style: none;
   padding: 0;
   margin: 0;
@@ -293,4 +622,232 @@
   gap: 32px;
   list-style: none;
 }
+
+/* src/components/ProductCarousel/ProductCarousel.module.css */
+.ProductCarousel_rebuy-carousel {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+}
+.ProductCarousel_rebuy-carousel__container {
+  display: flex;
+  transition: transform 0.3s ease;
+}
+.ProductCarousel_rebuy-carousel__slide {
+  flex: 0 0 100%;
+}
+.ProductCarousel_rebuy-carousel__controls {
+  display: flex;
+  justify-content: center;
+  gap: 1em;
+  margin-top: 1em;
+}
+.ProductCarousel_rebuy-carousel__prev,
+.ProductCarousel_rebuy-carousel__next {
+  background-color: #f5f5f5;
+  border: none;
+  border-radius: 50%;
+  width: 2.5em;
+  height: 2.5em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: #333;
+  font-size: 1.2em;
+}
+.ProductCarousel_rebuy-carousel__prev:hover,
+.ProductCarousel_rebuy-carousel__next:hover {
+  background-color: #e0e0e0;
+}
+.ProductCarousel_rebuy-carousel__pagination {
+  display: flex;
+  justify-content: center;
+  gap: 0.5em;
+  margin-top: 1em;
+}
+.ProductCarousel_rebuy-carousel__dot {
+  width: 0.75em;
+  height: 0.75em;
+  border-radius: 50%;
+  background-color: #ccc;
+  cursor: pointer;
+  border: none;
+  padding: 0;
+}
+.ProductCarousel_rebuy-carousel__dot[data-active=true] {
+  background-color: #333;
+}
+.ProductCarousel_rebuy-carousel:empty {
+  display: none;
+}
+.ProductCarousel_rebuy-carousel__grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1.5em;
+  width: 100%;
+}
+.ProductCarousel_rebuy-carousel__grid[data-columns="1"] > div {
+  flex: 0 0 100%;
+}
+.ProductCarousel_rebuy-carousel__grid[data-columns="2"] > div {
+  flex: 0 0 calc(50% - 0.75em);
+}
+.ProductCarousel_rebuy-carousel__grid[data-columns="3"] > div {
+  flex: 0 0 calc(33.33% - 1em);
+}
+.ProductCarousel_rebuy-carousel__grid[data-columns="4"] > div {
+  flex: 0 0 calc(25% - 1.125em);
+}
+.ProductCarousel_rebuy-carousel__grid[data-columns="5"] > div {
+  flex: 0 0 calc(20% - 1.2em);
+}
+.ProductCarousel_rebuy-carousel__grid[data-columns="6"] > div {
+  flex: 0 0 calc(16.66% - 1.25em);
+}
+
+/* src/components/Timer/Timer.module.css */
+.Timer_rebuy-timer__container {
+  margin: 0 auto;
+  padding: 10px;
+  background-color: #f8f8f8;
+  border-radius: 4px;
+  width: 80%;
+}
+.Timer_rebuy-timer__text {
+  font-size: 16px;
+  display: flex;
+  gap: 0.5em;
+  justify-content: center;
+  align-items: center;
+  margin: 0 auto;
+  flex-wrap: wrap;
+  text-align: center;
+}
+.Timer_rebuy-timer__title {
+  font-weight: 500;
+}
+.Timer_rebuy-timer__display {
+  font-weight: 700;
+  font-size: 18px;
+  font-family: monospace;
+  color: #d9534f;
+  white-space: nowrap;
+}
+.Timer_rebuy-timer__display--urgent {
+  animation: Timer_pulse 1s infinite;
+}
+.Timer_rebuy-timer__minutes,
+.Timer_rebuy-timer__seconds {
+  display: inline-block;
+  min-width: 24px;
+  text-align: center;
+}
+.Timer_rebuy-timer__separator {
+  margin: 0 2px;
+}
+@keyframes Timer_pulse {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@media (width <= 576px) {
+  .Timer_rebuy-timer__text {
+    flex-direction: column;
+    gap: 0.25em;
+  }
+  .Timer_rebuy-timer__display {
+    margin-top: 0.25em;
+  }
+}
+
+/* src/widgets/RebuyWidget/RebuyWidget.module.css */
+.RebuyWidget_rebuy-widget__container {
+  width: 100%;
+}
+.RebuyWidget_rebuy-widget__popup-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgb(0 0 0 / 50%);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 9999;
+}
+.RebuyWidget_rebuy-widget__popup-content {
+  background-color: white;
+  border-radius: 8px;
+  max-width: 90%;
+  max-height: 90vh;
+  overflow-y: auto;
+  position: relative;
+  box-shadow: 0 4px 20px rgb(0 0 0 / 15%);
+}
+.RebuyWidget_rebuy-widget__content {
+  padding: 2em;
+}
+.RebuyWidget_rebuy-widget__inner-content {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5em;
+}
+.RebuyWidget_rebuy-widget__description {
+  text-align: center;
+}
+.RebuyWidget_rebuy-widget__modal-close {
+  position: absolute;
+  top: 1em;
+  right: 1em;
+  background: transparent;
+  border: none;
+  font-size: 1.5em;
+  cursor: pointer;
+  z-index: 1;
+  color: #333;
+  width: 2em;
+  height: 2em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+}
+.RebuyWidget_rebuy-widget__modal-close:hover {
+  background-color: rgb(0 0 0 / 5%);
+}
+.RebuyWidget_rebuy-widget__product-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1.5em;
+  width: 100%;
+}
+.RebuyWidget_rebuy-widget__product-grid[data-columns="1"] > div {
+  flex: 0 0 100%;
+}
+.RebuyWidget_rebuy-widget__product-grid[data-columns="2"] > div {
+  flex: 0 0 calc(50% - 0.75em);
+}
+.RebuyWidget_rebuy-widget__product-grid[data-columns="3"] > div {
+  flex: 0 0 calc(33.33% - 1em);
+}
+.RebuyWidget_rebuy-widget__product-grid[data-columns="4"] > div {
+  flex: 0 0 calc(25% - 1.125em);
+}
+.RebuyWidget_rebuy-widget__product-grid[data-columns="5"] > div {
+  flex: 0 0 calc(20% - 1.2em);
+}
+.RebuyWidget_rebuy-widget__product-grid[data-columns="6"] > div {
+  flex: 0 0 calc(16.66% - 1.25em);
+}
+.RebuyWidget_rebuy-widget__product-grid:empty {
+  display: none;
+}
 /*# sourceMappingURL=index.css.map */