@ikas/storefront 0.0.165-alpha.19 → 0.0.165-alpha.2

package/build/index.js

@@ -17883,13 +17883,13 @@ var FacebookPixel = /** @class */ (function () {
             console.error(err);
         }
     };
-    FacebookPixel.addToCart = function (item, quantity, eventId) {
+    FacebookPixel.addToCart = function (item, quantity) {
         try {
             !isServer &&
                 window.fbq &&
                 window.fbq("track", "AddToCart", item instanceof IkasProductDetail
                     ? productToFBPItem(item, quantity)
-                    : orderLineItemToFBPItem(item, quantity), { eventId: eventId });
+                    : orderLineItemToFBPItem(item, quantity));
             return;
         }
         catch (err) {
@@ -17907,11 +17907,11 @@ var FacebookPixel = /** @class */ (function () {
             console.error(err);
         }
     };
-    FacebookPixel.purchase = function (checkout, eventId) {
+    FacebookPixel.purchase = function (checkout, orderId) {
         try {
             !isServer &&
                 window.fbq &&
-                window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout), { eventId: eventId });
+                window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout));
             return;
         }
         catch (err) {
@@ -22521,7 +22521,7 @@ var IkasCartStore = /** @class */ (function () {
         this.addItem = function (variant, product, initialQuantity) {
             if (initialQuantity === void 0) { initialQuantity = 1; }
             return __awaiter(_this, void 0, void 0, function () {
-                var existingItem, input, cart, eventId, err_2;
+                var existingItem, input, cart, err_2;
                 var _a, _b, _c;
                 return __generator(this, function (_d) {
                     switch (_d.label) {
@@ -22560,10 +22560,7 @@ var IkasCartStore = /** @class */ (function () {
                             _d.sent();
                             _d.label = 3;
                         case 3:
-                            if (this.cart) {
-                                eventId = this.cart.id + "-" + this.cart.updatedAt;
-                                Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity, eventId);
-                            }
+                            Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity);
                             return [3 /*break*/, 5];
                         case 4:
                             err_2 = _d.sent();
@@ -22575,7 +22572,7 @@ var IkasCartStore = /** @class */ (function () {
             });
         };
         this.changeItemQuantity = function (item, quantity) { return __awaiter(_this, void 0, void 0, function () {
-            var input, cart, eventId, oldQuantity, err_3;
+            var input, cart, oldQuantity, err_3;
             var _a, _b, _c;
             return __generator(this, function (_d) {
                 switch (_d.label) {
@@ -22609,15 +22606,12 @@ var IkasCartStore = /** @class */ (function () {
                         _d.label = 3;
                     case 3:
                         this.removeCardIfEmpty();
-                        if (this.cart) {
-                            eventId = this.cart.id + "-" + this.cart.updatedAt;
-                            oldQuantity = item.quantity;
-                            if (oldQuantity > quantity) {
-                                Analytics.removeFromCart(item, oldQuantity - quantity);
-                            }
-                            else {
-                                Analytics.addToCart(item, quantity - oldQuantity, eventId);
-                            }
+                        oldQuantity = item.quantity;
+                        if (oldQuantity > quantity) {
+                            Analytics.removeFromCart(item, oldQuantity - quantity);
+                        }
+                        else {
+                            Analytics.addToCart(item, quantity - oldQuantity);
                         }
                         return [3 /*break*/, 5];
                     case 4:
@@ -22898,14 +22892,6 @@ var CheckoutViewModel = /** @class */ (function () {
                         this.checkShippingCountries();
                         _b.label = 2;
                     case 2:
-                        // Skip shipping if there is only 1 shipping method
-                        if (this.step === CheckoutStep.SHIPPING &&
-                            this.checkout.availableShippingMethods.length === 1) {
-                            this.step = CheckoutStep.PAYMENT;
-                            this.router.replace("/checkout/" + this.checkout.id + "?step=" + this.step, undefined, {
-                                shallow: true,
-                            });
-                        }
                         if (!(this.step === CheckoutStep.PAYMENT ||
                             this.step === CheckoutStep.SUCCESS)) return [3 /*break*/, 4];
                         return [4 /*yield*/, this.listPaymentGateways()];
@@ -24121,9 +24107,9 @@ var Analytics = /** @class */ (function () {
             console.error(err);
         }
     };
-    Analytics.addToCart = function (item, quantity, eventId) {
+    Analytics.addToCart = function (item, quantity) {
         try {
-            FacebookPixel.addToCart(item, quantity, eventId);
+            FacebookPixel.addToCart(item, quantity);
             GoogleTagManager.addToCart(item, quantity);
         }
         catch (err) {
@@ -24151,11 +24137,11 @@ var Analytics = /** @class */ (function () {
             console.error(err);
         }
     };
-    Analytics.purchase = function (checkout, eventId) {
+    Analytics.purchase = function (checkout, orderId) {
         try {
             localStorage.removeItem(LS_BEGIN_CHECKOUT_KEY);
-            FacebookPixel.purchase(checkout, eventId);
-            GoogleTagManager.purchase(checkout, eventId);
+            FacebookPixel.purchase(checkout, orderId);
+            GoogleTagManager.purchase(checkout, orderId);
         }
         catch (err) {
             console.error(err);
@@ -24967,15 +24953,11 @@ var IkasCustomerStore = /** @class */ (function () {
     };
     IkasCustomerStore.prototype.onProductView = function (productId, variantId) {
         return __awaiter(this, void 0, void 0, function () {
-            var existingItem, isSuccess;
+            var isSuccess;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         if (!this.customer) return [3 /*break*/, 2];
-                        existingItem = this._lastViewedProducts.find(function (lvp) { return lvp.productId === productId; });
-                        if (existingItem) {
-                            return [2 /*return*/];
-                        }
                         return [4 /*yield*/, IkasCustomerAPI.saveLastViewedProducts({
                                 customerId: this.customer.id,
                                 products: [
@@ -27631,25 +27613,15 @@ var IkasProductDetail = /** @class */ (function () {
     });
     Object.defineProperty(IkasProductDetail.prototype, "href", {
         get: function () {
-            var _this = this;
             var metaData = this.product.metaData;
             if (!(metaData === null || metaData === void 0 ? void 0 : metaData.slug))
                 return "";
-            var variantParams = this.product.variantTypes
-                .map(function (pvt) {
-                var vt = pvt.variantType;
-                var selectedVariant = vt.values.find(function (vv) {
-                    return _this.selectedVariantValues.some(function (svv) { return svv.id === vv.id; });
-                });
-                if (selectedVariant)
-                    return vt.slug + "=" + selectedVariant.slug;
-            })
-                .filter(function (param) { return !!param; })
-                .join("&");
-            if (variantParams)
-                return "/" + metaData.slug + "?" + variantParams;
-            else
-                return "/" + metaData.slug;
+            if (this.product.hasVariant) {
+                return "/" + metaData.slug + "-" + this.selectedVariantValues
+                    .map(function (vv) { return vv.slug; })
+                    .join("-");
+            }
+            return "/" + metaData.slug;
         },
         enumerable: false,
         configurable: true
@@ -27696,7 +27668,6 @@ var IkasProductDetail = /** @class */ (function () {
         configurable: true
     });
     IkasProductDetail.prototype.selectVariantValue = function (variantValue) {
-        var _this = this;
         var _a;
         var metaData = this.product.metaData;
         var selectedVariantValues = this.selectedVariantValues.map(function (vv) {
@@ -27705,20 +27676,9 @@ var IkasProductDetail = /** @class */ (function () {
             return vv;
         });
         this.selectedVariantValues = selectedVariantValues;
-        var variantParams = this.product.variantTypes
-            .map(function (pvt) {
-            var vt = pvt.variantType;
-            var selectedVariant = vt.values.find(function (vv) {
-                return _this.selectedVariantValues.some(function (svv) { return svv.id === vv.id; });
-            });
-            if (selectedVariant)
-                return vt.slug + "=" + selectedVariant.slug;
-        })
-            .filter(function (param) { return !!param; })
-            .join("&");
-        var newUrl = "/" + metaData.slug;
-        if (variantParams)
-            newUrl = "/" + metaData.slug + "?" + variantParams;
+        var newUrl = "/" + metaData.slug + "-" + this.selectedVariantValues
+            .map(function (vv) { return vv.slug; })
+            .join("-");
         if (newUrl === window.location.pathname)
             return;
         var isShallow = process.env.NODE_ENV !== "production";
@@ -33295,33 +33255,15 @@ function createProductSchema(productDetail) {
     var _a, _b;
     try {
         var isBrowser = typeof window !== "undefined";
-        // TODO this code copy-pasted, organize this block
         if (isBrowser) {
-            var urlParams_1 = new URLSearchParams(window.location.search);
-            var vid_1 = urlParams_1.get("vid");
+            var urlParams = new URLSearchParams(window.location.search);
+            var vid_1 = urlParams.get("vid");
             if (vid_1) {
                 var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
                 if (variant) {
                     productDetail.selectedVariantValues = variant.variantValues;
                 }
             }
-            else {
-                var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
-                var selectedVariantValues_1 = [];
-                productVariantTypeSlugs.forEach(function (slug, vtIndex) {
-                    var productVariantType = productDetail.product.variantTypes[vtIndex];
-                    var variantValueSlug = urlParams_1.get(slug);
-                    if (variantValueSlug) {
-                        var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
-                        if (variantValue)
-                            selectedVariantValues_1.push(variantValue);
-                    }
-                });
-                if (selectedVariantValues_1.length ===
-                    productDetail.selectedVariantValues.length) {
-                    productDetail.selectedVariantValues = selectedVariantValues_1;
-                }
-            }
         }
         var productUrl = isBrowser
             ? "https://" + window.location.hostname + productDetail.href
@@ -33395,7 +33337,36 @@ function createCategoryBreadcrumbSchema(pageSpecificDataStr) {
     catch (_a) { }
 }
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".style-module_IkasPage__ATOib {\n  position: relative;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  visibility: hidden; }\n";
 var styles = {"IkasPage":"style-module_IkasPage__ATOib"};
+styleInject(css_248z);
 
 var IkasPage = mobxReactLite.observer(function (_a) {
     var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, addOgpMetas = _a.addOgpMetas;
@@ -33559,7 +33530,7 @@ var IkasPageDataProvider = /** @class */ (function () {
     IkasPageDataProvider.prototype.getPageSpecificData = function () {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var slug, metaDataList, metaData, handleProductPage, handleBrandPage, handleCategoryPage, handleBlogPage, handleBlogCategoryPage, _c;
+            var slug, metaDataList, metaData, handleBrandPage, handleCategoryPage, handleBlogPage, handleBlogCategoryPage, _c;
             var _this = this;
             return __generator(this, function (_d) {
                 switch (_d.label) {
@@ -33588,47 +33559,12 @@ var IkasPageDataProvider = /** @class */ (function () {
                     case 2: return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(slug)];
                     case 3:
                         metaDataList = _d.sent();
-                        if (!metaDataList || !metaDataList.length)
-                            return [2 /*return*/];
+                        if (!metaDataList || !metaDataList.length) {
+                            return [2 /*return*/, this.getPageSpecificProduct()];
+                        }
                         _d.label = 4;
                     case 4:
                         metaData = metaDataList[0];
-                        if (!metaData.targetId)
-                            return [2 /*return*/];
-                        handleProductPage = function () { return __awaiter(_this, void 0, void 0, function () {
-                            var productsResponse, product, displayedVariantType, inStockVariant;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
-                                            productIdList: [metaData.targetId],
-                                            priceListId: IkasStorefrontConfig.priceListId,
-                                            salesChannelId: IkasStorefrontConfig.salesChannelId,
-                                        })];
-                                    case 1:
-                                        productsResponse = _a.sent();
-                                        if (!(productsResponse === null || productsResponse === void 0 ? void 0 : productsResponse.data.length)) {
-                                            return [2 /*return*/];
-                                        }
-                                        product = productsResponse.data[0];
-                                        this.pageSpecificData = new IkasProductDetail(product, product.variants[0].variantValues);
-                                        // Select the first displayed in stock variant
-                                        if (this.pageSpecificData.displayedVariantTypes.length) {
-                                            displayedVariantType = this
-                                                .pageSpecificData.displayedVariantTypes[0];
-                                            if (displayedVariantType.displayedVariantValues.length) {
-                                                inStockVariant = displayedVariantType.displayedVariantValues.find(function (dvv) { return dvv.hasStock; });
-                                                if (inStockVariant) {
-                                                    this.pageSpecificData.selectedVariantValues =
-                                                        inStockVariant.variant.variantValues;
-                                                }
-                                            }
-                                        }
-                                        this.pageType = exports.IkasThemePageType.PRODUCT;
-                                        this.setPageMetaData(metaData);
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); };
                         handleBrandPage = function () { return __awaiter(_this, void 0, void 0, function () {
                             var brandsResponse, brand;
                             return __generator(this, function (_a) {
@@ -33720,7 +33656,7 @@ var IkasPageDataProvider = /** @class */ (function () {
                     case 6: return [2 /*return*/, _d.sent()];
                     case 7: return [4 /*yield*/, handleCategoryPage()];
                     case 8: return [2 /*return*/, _d.sent()];
-                    case 9: return [4 /*yield*/, handleProductPage()];
+                    case 9: return [4 /*yield*/, this.getPageSpecificProduct()];
                     case 10: return [2 /*return*/, _d.sent()];
                     case 11: return [4 /*yield*/, handleBlogPage()];
                     case 12: return [2 /*return*/, _d.sent()];
@@ -33732,6 +33668,91 @@ var IkasPageDataProvider = /** @class */ (function () {
             });
         });
     };
+    IkasPageDataProvider.prototype.getPageSpecificProduct = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var slug, getProductMetaData, metaDataResponse, productsResponse, product, isMainProductSlug, selectedVariantValues, variantSlugPart, _i, _a, variant, values, slugPart, displayedVariantType, inStockVariant;
+            var _this = this;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        slug = this.pageParams.slug;
+                        if (!slug) {
+                            console.log("Slug not found for getPageSpecificProduct");
+                        }
+                        getProductMetaData = function (slug) { return __awaiter(_this, void 0, void 0, function () {
+                            var metaDataList, splitParts, newSlug;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        if (!slug)
+                                            return [2 /*return*/];
+                                        return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(slug)];
+                                    case 1:
+                                        metaDataList = _a.sent();
+                                        if (!(!metaDataList || !metaDataList.length)) return [3 /*break*/, 3];
+                                        splitParts = slug.split("-");
+                                        newSlug = splitParts.slice(0, splitParts.length - 1).join("-");
+                                        return [4 /*yield*/, getProductMetaData(newSlug)];
+                                    case 2: return [2 /*return*/, _a.sent()];
+                                    case 3: return [2 /*return*/, {
+                                            metaData: metaDataList[0],
+                                            slug: slug,
+                                        }];
+                                }
+                            });
+                        }); };
+                        return [4 /*yield*/, getProductMetaData(slug)];
+                    case 1:
+                        metaDataResponse = _b.sent();
+                        if (!metaDataResponse)
+                            return [2 /*return*/];
+                        return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
+                                productIdList: [metaDataResponse.metaData.targetId],
+                                priceListId: IkasStorefrontConfig.priceListId,
+                                salesChannelId: IkasStorefrontConfig.salesChannelId,
+                            })];
+                    case 2:
+                        productsResponse = _b.sent();
+                        if (!(productsResponse === null || productsResponse === void 0 ? void 0 : productsResponse.data.length))
+                            return [2 /*return*/];
+                        product = productsResponse.data[0];
+                        isMainProductSlug = slug.length === metaDataResponse.slug.length;
+                        selectedVariantValues = [];
+                        if (!isMainProductSlug) {
+                            variantSlugPart = slug.slice(metaDataResponse.slug.length + 1);
+                            for (_i = 0, _a = product.variants; _i < _a.length; _i++) {
+                                variant = _a[_i];
+                                values = variant.variantValues;
+                                slugPart = values.map(function (vv) { return vv.slug; }).join("-");
+                                if (slugPart === variantSlugPart) {
+                                    selectedVariantValues = values;
+                                    break;
+                                }
+                            }
+                        }
+                        this.pageSpecificData = new IkasProductDetail(product, selectedVariantValues.length
+                            ? selectedVariantValues
+                            : product.variants[0].variantValues);
+                        // Select the first displayed in stock variant
+                        if (!selectedVariantValues.length &&
+                            this.pageSpecificData.displayedVariantTypes.length) {
+                            displayedVariantType = this.pageSpecificData
+                                .displayedVariantTypes[0];
+                            if (displayedVariantType.displayedVariantValues.length) {
+                                inStockVariant = displayedVariantType.displayedVariantValues.find(function (dvv) { return dvv.hasStock; });
+                                if (inStockVariant) {
+                                    this.pageSpecificData.selectedVariantValues =
+                                        inStockVariant.variant.variantValues;
+                                }
+                            }
+                        }
+                        this.pageType = exports.IkasThemePageType.PRODUCT;
+                        this.setPageMetaData(metaDataResponse.metaData);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
     IkasPageDataProvider.prototype.getPageComponentPropValues = function (pageComponent) {
         return __awaiter(this, void 0, void 0, function () {
             var component, result, setPageComponentPropValue;
@@ -33999,31 +34020,14 @@ var IkasPageDataProvider = /** @class */ (function () {
         var _propValue = propValue;
         var productDetail = new IkasProductDetail(_propValue.product, _propValue.selectedVariantValues);
         if (isBrowser) {
-            var urlParams_1 = new URLSearchParams(window.location.search);
-            var vid_1 = urlParams_1.get("vid");
+            var urlParams = new URLSearchParams(window.location.search);
+            var vid_1 = urlParams.get("vid");
             if (vid_1) {
                 var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
                 if (variant) {
                     productDetail.selectedVariantValues = variant.variantValues;
                 }
             }
-            else {
-                var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
-                var selectedVariantValues_1 = [];
-                productVariantTypeSlugs.forEach(function (slug, vtIndex) {
-                    var productVariantType = productDetail.product.variantTypes[vtIndex];
-                    var variantValueSlug = urlParams_1.get(slug);
-                    if (variantValueSlug) {
-                        var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
-                        if (variantValue)
-                            selectedVariantValues_1.push(variantValue);
-                    }
-                });
-                if (selectedVariantValues_1.length ===
-                    productDetail.selectedVariantValues.length) {
-                    productDetail.selectedVariantValues = selectedVariantValues_1;
-                }
-            }
         }
         return new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues, router);
     };
@@ -37371,7 +37375,9 @@ var BridgeMessageType;
     BridgeMessageType["UPDATE_THEME_SETTINGS"] = "UPDATE_THEME_SETTINGS";
 })(BridgeMessageType || (BridgeMessageType = {}));
 
+var css_248z$1 = ".style-module_FormSectionTitle__2LxF2 {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center; }\n  .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0 {\n    flex: 1 1 auto;\n    padding-bottom: 16px;\n    color: var(--checkout-primary-text-color);\n    font-size: 20px;\n    line-height: 32px; }\n    .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0.style-module_WithSubTitle__36X7i {\n      line-height: auto;\n      padding-bottom: 0; }\n\n.style-module_SubTitle__2UOsH {\n  color: var(--checkout-secondary-text-color);\n  font-size: 14px;\n  padding-bottom: 16px;\n  padding-top: 2px; }\n\n.style-module_Grid__1eODF {\n  display: grid;\n  grid-gap: 16px;\n  grid-template-columns: 1fr; }\n  .style-module_Grid__1eODF.style-module_Grid2__1HTRV {\n    grid-template-columns: repeat(2, 1fr); }\n  .style-module_Grid__1eODF.style-module_Grid3__uN7io {\n    grid-template-columns: repeat(3, 1fr); }\n  @media only screen and (max-width: 768px) {\n    .style-module_Grid__1eODF {\n      grid-template-columns: 1fr !important; } }\n\n@keyframes style-module_fadeInFromRight__L_PAx {\n  from {\n    opacity: 0;\n    transform: translateY(10px); }\n  to {\n    opacity: 1;\n    transform: translateY(0); } }\n\n.style-module_FormItem__1o0fc {\n  width: 100%; }\n  .style-module_FormItemWrapper__2NOxU {\n    width: 100%;\n    position: relative; }\n    .style-module_FormItemWrapper__2NOxU .style-module_RightContent__1fjX9 {\n      position: absolute;\n      height: 100%;\n      top: 0;\n      right: 0; }\n  .style-module_FormItemInputWrapper__2eOdJ {\n    position: relative;\n    width: 100%; }\n    .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabel__2Tx0b {\n      color: var(--checkout-secondary-text-color);\n      position: absolute;\n      top: 0;\n      left: 17px;\n      width: 100%;\n      z-index: 1;\n      user-select: none;\n      pointer-events: none;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      transition: transform .1s;\n      transform: translateY(18px);\n      font-size: 0.85em;\n      line-height: 22px; }\n      .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabelTop__1nOBq {\n        transform: translateY(8px);\n        font-size: 0.7em; }\n    .style-module_FormItemInputWrapper__2eOdJ input,\n    .style-module_FormItemInputWrapper__2eOdJ select,\n    .style-module_FormItemInputWrapper__2eOdJ textarea {\n      border: 1px solid var(--checkout-border-color);\n      background-color: var(--checkout-primary-bg-color);\n      color: var(--checkout-primary-text-color);\n      background-clip: padding-box;\n      border-radius: 8px;\n      display: block;\n      width: 100%;\n      height: 56px;\n      padding: 8px 16px;\n      outline: none;\n      transition: padding .1s, border-color .5s, box-shadow .5s;\n      box-shadow: 0 0 0 1px transparent;\n      -moz-appearance: none;\n      -webkit-appearance: none; }\n      .style-module_FormItemInputWrapper__2eOdJ input:focus,\n      .style-module_FormItemInputWrapper__2eOdJ select:focus,\n      .style-module_FormItemInputWrapper__2eOdJ textarea:focus {\n        box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n        border-color: var(--checkout-button-bg-color); }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Bottom__3s4pZ,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Bottom__3s4pZ,\n      .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Bottom__3s4pZ {\n        padding-top: 1.2em;\n        padding-bottom: 0.2em; }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Error__nif12,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Error__nif12,\n      .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Error__nif12 {\n        box-shadow: 0 0 0 1px var(--checkout-error-color);\n        border-color: var(--checkout-error-color); }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_WithTooltip__1KRSQ,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_WithTooltip__1KRSQ,\n      .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_WithTooltip__1KRSQ {\n        padding-right: 40px; }\n      .style-module_FormItemInputWrapper__2eOdJ input::-ms-expand,\n      .style-module_FormItemInputWrapper__2eOdJ select::-ms-expand,\n      .style-module_FormItemInputWrapper__2eOdJ textarea::-ms-expand {\n        display: none; }\n      .style-module_FormItemInputWrapper__2eOdJ input::placeholder,\n      .style-module_FormItemInputWrapper__2eOdJ select::placeholder,\n      .style-module_FormItemInputWrapper__2eOdJ textarea::placeholder {\n        color: var(--checkout-secondary-text-color) !important; }\n    .style-module_FormItemInputWrapper__2eOdJ textarea {\n      min-height: 120px; }\n    .style-module_FormItemInputWrapper__2eOdJ .style-module_ArrowContainer__27ejm {\n      position: absolute;\n      right: 1px;\n      padding-right: 0.5em;\n      top: 1px;\n      height: calc(100% - 2px);\n      display: flex;\n      align-items: center;\n      color: var(--checkout-secondary-text-color);\n      background-color: var(--checkout-primary-bg-color);\n      z-index: 2;\n      border-radius: 6px; }\n    .style-module_FormItemInputWrapper__2eOdJ .PhoneInput {\n      display: flex;\n      align-items: center; }\n    .style-module_FormItemInputWrapper__2eOdJ .PhoneInputInput {\n      padding-left: 64px; }\n      .style-module_FormItemInputWrapper__2eOdJ .PhoneInputInput::placeholder {\n        color: var(--checkout-secondary-text-color) !important;\n        font-size: 14px !important; }\n    .style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountry {\n      position: absolute;\n      align-self: stretch;\n      display: flex;\n      align-items: center;\n      top: 26px;\n      left: 16px; }\n    .style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountrySelect {\n      border: none;\n      display: inline-flex;\n      width: 60px;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      z-index: 1;\n      border: 0;\n      opacity: 0;\n      cursor: pointer; }\n    .style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountryIcon {\n      width: calc(1em * 1.5);\n      height: 1em; }\n    .style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountrySelectArrow {\n      display: block;\n      content: '';\n      width: 0.3em;\n      height: 0.3em;\n      margin-left: 0.35em;\n      border-style: solid;\n      border-color: inherit;\n      border-top-width: 0;\n      border-bottom-width: 1px;\n      border-left-width: 0;\n      border-right-width: 1px;\n      transform: rotate(45deg);\n      opacity: 0.45; }\n    .style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountryIconImg {\n      width: 24px; }\n  .style-module_FormItem__1o0fc .style-module_ErrorMsg__3How6 {\n    color: var(--checkout-error-color);\n    font-size: 12px;\n    margin-top: 8px;\n    animation-name: style-module_fadeInFromRight__L_PAx;\n    animation-duration: .3s; }\n  .style-module_FormItem__1o0fc.style-module_PhoneError__2FrSf input {\n    box-shadow: 0 0 0 1px var(--checkout-error-color) !important;\n    border-color: var(--checkout-error-color) !important; }\n\n.style-module_FormItemWrapper__2NOxU {\n  position: relative; }\n\n.style-module_FormItemTooltipContainer__13wpt {\n  width: 16px;\n  height: 16px;\n  border-radius: 100%;\n  color: white;\n  background-color: var(--checkout-secondary-text-color);\n  position: absolute;\n  top: 0;\n  right: 16px;\n  bottom: 0;\n  margin: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px !important;\n  line-height: 16px !important;\n  cursor: pointer; }\n";
 var styles$1 = {"FormSectionTitle":"style-module_FormSectionTitle__2LxF2","Title":"style-module_Title__2PxW0","WithSubTitle":"style-module_WithSubTitle__36X7i","SubTitle":"style-module_SubTitle__2UOsH","Grid":"style-module_Grid__1eODF","Grid2":"style-module_Grid2__1HTRV","Grid3":"style-module_Grid3__uN7io","FormItem":"style-module_FormItem__1o0fc","FormItemWrapper":"style-module_FormItemWrapper__2NOxU","RightContent":"style-module_RightContent__1fjX9","FormItemInputWrapper":"style-module_FormItemInputWrapper__2eOdJ","FieldLabel":"style-module_FieldLabel__2Tx0b","FieldLabelTop":"style-module_FieldLabelTop__1nOBq","Bottom":"style-module_Bottom__3s4pZ","Error":"style-module_Error__nif12","WithTooltip":"style-module_WithTooltip__1KRSQ","ArrowContainer":"style-module_ArrowContainer__27ejm","ErrorMsg":"style-module_ErrorMsg__3How6","fadeInFromRight":"style-module_fadeInFromRight__L_PAx","PhoneError":"style-module_PhoneError__2FrSf","FormItemTooltipContainer":"style-module_FormItemTooltipContainer__13wpt"};
+styleInject(css_248z$1);
 
 var FormItemViewModel = /** @class */ (function () {
     function FormItemViewModel(props) {
@@ -59710,7 +59716,9 @@ var Select = mobxReactLite.observer(function (_a) {
             React.createElement(SVGCaretDown, null))));
 });
 
+var css_248z$2 = ".style-module_Button__1UPMN {\n  cursor: pointer;\n  user-select: none;\n  border: 1px transparent solid;\n  border-radius: 8px;\n  font-weight: 600 !important;\n  text-align: center;\n  position: relative;\n  transition: all .2s;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_Button__1UPMN:focus {\n    outline: 0; }\n  .style-module_Button__1UPMN.style-module_Large__2wPlw {\n    height: 56px;\n    padding: 0 24px; }\n  .style-module_Button__1UPMN.style-module_Medium__3t0pu {\n    height: 48px;\n    padding: 0 16px; }\n  .style-module_Button__1UPMN.style-module_Dark__1Z_hs {\n    background-color: var(--checkout-button-bg-color);\n    color: var(--checkout-button-text-color); }\n  .style-module_Button__1UPMN.style-module_Disabled__3HYF_ {\n    background-color: var(--checkout-button-disabled-bg-color);\n    color: var(--checkout-button-disabled-text-color);\n    pointer-events: none; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_Button__1UPMN.style-module_FullWidthMobile__3MTFv {\n      width: 100%; } }\n  .style-module_Button__1UPMN.style-module_Line__1kche {\n    background-color: transparent;\n    border-color: var(--checkout-border-color);\n    color: var(--checkout-button-bg-color); }\n    .style-module_Button__1UPMN.style-module_Line__1kche .style-module_loader__3v6kq {\n      border-left: 0.5em solid var(--checkout-button-bg-color); }\n  .style-module_Button__1UPMN .style-module_loader__3v6kq,\n  .style-module_Button__1UPMN .style-module_loader__3v6kq:after {\n    border-radius: 50%;\n    width: 5em;\n    height: 5em; }\n  .style-module_Button__1UPMN .style-module_loader__3v6kq {\n    font-size: 6px;\n    position: relative;\n    text-indent: -9999em;\n    border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-left: 0.5em solid var(--checkout-button-text-color);\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: style-module_load8__2z7nj 1.1s infinite linear;\n    animation: style-module_load8__2z7nj 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__2z7nj {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n\n@keyframes style-module_load8__2z7nj {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n";
 var styles$2 = {"Button":"style-module_Button__1UPMN","Large":"style-module_Large__2wPlw","Medium":"style-module_Medium__3t0pu","Dark":"style-module_Dark__1Z_hs","Disabled":"style-module_Disabled__3HYF_","FullWidthMobile":"style-module_FullWidthMobile__3MTFv","Line":"style-module_Line__1kche","loader":"style-module_loader__3v6kq","load8":"style-module_load8__2z7nj"};
+styleInject(css_248z$2);
 
 var Button = mobxReactLite.observer(function (_a) {
     var text = _a.text, style = _a.style, onClick = _a.onClick, size = _a.size, isLoading = _a.isLoading, isDisabled = _a.isDisabled, isLine = _a.isLine;
@@ -59729,7 +59737,9 @@ var SVGCheck = function (_a) {
         React.createElement("path", { fill: "currentColor", d: "M12.6 8.1l-3.7-3.8 1-1.1 2.7 2.7 5.5-5.4 1 1z" })));
 };
 
+var css_248z$3 = ".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 8px 0;\n  cursor: pointer;\n  user-select: none;\n  align-items: center; }\n  .style-module_CheckboxWrapper__2tSbx.style-module_WithoutPadding__3Azhr {\n    padding: 0; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n    flex: 0 0 auto;\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 12px; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 4px;\n    border: 1px solid var(--checkout-border-color);\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n      border: 10px solid var(--checkout-button-bg-color); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: var(--checkout-button-text-color);\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n    flex: 1 1 auto;\n    font-weight: normal;\n    color: var(--checkout-secondary-text-color); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabelError__FmdxF {\n    color: var(--checkout-error-color); }\n";
 var styles$3 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","WithoutPadding":"style-module_WithoutPadding__3Azhr","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC","CheckboxLabelError":"style-module_CheckboxLabelError__FmdxF"};
+styleInject(css_248z$3);
 
 var Checkbox = mobxReactLite.observer(function (_a) {
     var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
@@ -59756,7 +59766,9 @@ var Checkbox = mobxReactLite.observer(function (_a) {
         !!label && React.createElement("div", { className: labelClasses.join(" ") }, label)));
 });
 
+var css_248z$4 = ".style-module_NotificationBox__1XbTC {\n  padding: 16px;\n  border-radius: 8px;\n  color: var(--checkout-primary-text-color);\n  display: flex; }\n  .style-module_NotificationBox__1XbTC.style-module_Error__2muwO {\n    border: 1px solid var(--checkout-error-color);\n    background-color: var(--checkout-error-light-color); }\n    .style-module_NotificationBox__1XbTC.style-module_Error__2muwO svg {\n      color: var(--checkout-error-color); }\n  .style-module_NotificationBox__1XbTC.style-module_Warning__1BFJi {\n    border: 1px solid var(--checkout-warning-color);\n    background-color: var(--checkout-warning-light-color); }\n    .style-module_NotificationBox__1XbTC.style-module_Warning__1BFJi svg {\n      color: var(--checkout-warning-color); }\n  .style-module_NotificationBox__1XbTC.style-module_Success__3E9Q7 {\n    border: 1px solid var(--checkout-success-color);\n    background-color: var(--checkout-success-light-color); }\n    .style-module_NotificationBox__1XbTC.style-module_Success__3E9Q7 svg {\n      color: var(--checkout-success-color); }\n  .style-module_NotificationBox__1XbTC .style-module_Left__2oQNx {\n    flex: 0 0 auto;\n    padding-right: 10px;\n    display: flex;\n    align-items: center;\n    height: 24px; }\n  .style-module_NotificationBox__1XbTC .style-module_Center__3DJ2K {\n    flex: 1 1 auto; }\n    .style-module_NotificationBox__1XbTC .style-module_Center__3DJ2K .style-module_Title__1Ae11 {\n      font-size: 16px;\n      font-weight: 600;\n      margin-bottom: 4px; }\n  .style-module_NotificationBox__1XbTC .style-module_Right__Uf0Z6 {\n    flex: 0 0 auto;\n    padding-left: 10px;\n    color: var(--checkout-secondary-text-color);\n    cursor: pointer;\n    display: flex; }\n    .style-module_NotificationBox__1XbTC .style-module_Right__Uf0Z6 svg {\n      color: var(--checkout-secondary-text-color); }\n";
 var styles$4 = {"NotificationBox":"style-module_NotificationBox__1XbTC","Error":"style-module_Error__2muwO","Warning":"style-module_Warning__1BFJi","Success":"style-module_Success__3E9Q7","Left":"style-module_Left__2oQNx","Center":"style-module_Center__3DJ2K","Title":"style-module_Title__1Ae11","Right":"style-module_Right__Uf0Z6"};
+styleInject(css_248z$4);
 
 var SVGWarning = function (_a) {
     var className = _a.className;
@@ -59861,13 +59873,21 @@ var Errors = function (_a) {
 };
 var Errors$1 = mobxReactLite.observer(Errors);
 
+var css_248z$5 = ".common-module_FormSectionTitle___Mykh {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center; }\n  .common-module_FormSectionTitle___Mykh .common-module_Title__3JTHt {\n    flex: 1 1 auto;\n    padding-bottom: 16px;\n    color: var(--checkout-primary-text-color);\n    font-size: 20px;\n    line-height: 32px; }\n    .common-module_FormSectionTitle___Mykh .common-module_Title__3JTHt.common-module_WithSubTitle__1VHWv {\n      line-height: auto;\n      padding-bottom: 0; }\n\n.common-module_SubTitle__1H4kH {\n  color: var(--checkout-secondary-text-color);\n  font-size: 14px;\n  padding-bottom: 16px;\n  padding-top: 2px; }\n\n.common-module_Grid__2CuvH {\n  display: grid;\n  grid-gap: 16px;\n  grid-template-columns: 1fr; }\n  .common-module_Grid__2CuvH.common-module_Grid2__9CCag {\n    grid-template-columns: repeat(2, 1fr); }\n  .common-module_Grid__2CuvH.common-module_Grid3__3p0jJ {\n    grid-template-columns: repeat(3, 1fr); }\n  @media only screen and (max-width: 768px) {\n    .common-module_Grid__2CuvH {\n      grid-template-columns: 1fr !important; } }\n\n@keyframes common-module_fadeInFromRight__3RYk5 {\n  from {\n    opacity: 0;\n    transform: translateY(10px); }\n  to {\n    opacity: 1;\n    transform: translateY(0); } }\n";
 var commonStyles = {"FormSectionTitle":"common-module_FormSectionTitle___Mykh","Title":"common-module_Title__3JTHt","WithSubTitle":"common-module_WithSubTitle__1VHWv","SubTitle":"common-module_SubTitle__1H4kH","Grid":"common-module_Grid__2CuvH","Grid2":"common-module_Grid2__9CCag","Grid3":"common-module_Grid3__3p0jJ","fadeInFromRight":"common-module_fadeInFromRight__3RYk5"};
+styleInject(css_248z$5);
 
+var css_248z$6 = ".style-module_CheckoutPage__A_f2V {\n  all: unset;\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 16px !important;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex;\n  color: var(--checkout-primary-text-color);\n  background-color: var(--checkout-primary-bg-color); }\n  .style-module_CheckoutPage__A_f2V input::placeholder, .style-module_CheckoutPage__A_f2V textarea::placeholder {\n    all: unset; }\n  .style-module_CheckoutPage__A_f2V a, .style-module_CheckoutPage__A_f2V a:hover, .style-module_CheckoutPage__A_f2V a:focus, .style-module_CheckoutPage__A_f2V a:active {\n    color: inherit; }\n  .style-module_CheckoutPage__A_f2V * {\n    box-sizing: border-box !important;\n    font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 16px;\n    letter-spacing: normal;\n    font-weight: normal;\n    line-height: unset; }\n  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n    width: 50%;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: 20px;\n    padding-right: 64px;\n    background-color: var(--checkout-primary-bg-color); }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n      width: 100%;\n      min-width: 400px;\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100vh; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n        width: 100%;\n        height: 100px; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n            height: 48px; } }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n        flex: 0 0 auto;\n        height: 50px;\n        background-color: transparent;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n          font-size: 14px;\n          color: var(--checkout-secondary-text-color);\n          cursor: pointer;\n          user-select: none; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n            color: var(--checkout-primary-text-color); }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterBullet__1dD9S {\n          margin: 0 12px;\n          color: var(--checkout-secondary-text-color); }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n            width: 100%; }\n            .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n              text-align: center; } }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 {\n        display: flex;\n        justify-content: space-between;\n        padding-left: 78px;\n        padding-top: 5px;\n        width: 100%; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_Address__2tYiR {\n          font-size: 16px; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_Address__2tYiR .style-module_Text__FkGkR {\n            font-size: 14px; }\n            .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_Address__2tYiR .style-module_Text__FkGkR.style-module_WithMBottom__TQbZL {\n              margin-bottom: 12px; }\n            .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_Address__2tYiR .style-module_Text__FkGkR.style-module_Gray__3vyMM {\n              color: var(--checkout-secondary-text-color); }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_EditBtn__3aAlL {\n          cursor: pointer;\n          user-select: none;\n          align-self: flex-start; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_EditBtn__3aAlL:hover {\n            text-decoration: underline; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 {\n            padding-top: 0;\n            justify-content: flex-end; }\n            .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_Address__2tYiR {\n              display: none; } }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AddressStepInfoMobile__uwl92 {\n        display: none; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AddressStepInfoMobile__uwl92 {\n            display: block;\n            padding-top: 16px; } }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AddressStepInfoMobile__uwl92 .style-module_Address__2tYiR {\n          font-size: 16px; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AddressStepInfoMobile__uwl92 .style-module_Address__2tYiR .style-module_Text__FkGkR {\n            font-size: 14px; }\n            .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AddressStepInfoMobile__uwl92 .style-module_Address__2tYiR .style-module_Text__FkGkR.style-module_WithMBottom__TQbZL {\n              margin-bottom: 12px; }\n            .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AddressStepInfoMobile__uwl92 .style-module_Address__2tYiR .style-module_Text__FkGkR.style-module_Gray__3vyMM {\n              color: var(--checkout-secondary-text-color); }\n      @media only screen and (max-width: 1000px) {\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_ErrorContainer__3B5Gx {\n          padding: 0 24px; } }\n      @media only screen and (max-width: 480px) {\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_ErrorContainer__3B5Gx {\n          padding: 0 10px; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n      width: 100%;\n      height: 96px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-weight: 500;\n      font-size: 20px;\n      margin-bottom: 44px; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n        flex: 1 1 auto; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n        width: calc(100% - 24px);\n        max-width: 200px;\n        height: 64px;\n        position: relative;\n        user-select: none;\n        cursor: pointer; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n          object-fit: contain;\n          object-position: left;\n          pointer-events: none; }\n        @media only screen and (max-width: 1280px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n            max-width: 150px; } }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_LoginText__3FSC9 {\n        font-size: 14px;\n        text-align: right;\n        flex: 0 0 auto; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_LoginText__3FSC9 span {\n          color: var(--checkout-secondary-text-color); }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_LoginBtn__XVF05 {\n        margin-left: 4px;\n        font-weight: bold;\n        user-select: none;\n        cursor: pointer;\n        font-weight: 500; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_CustomerInfo__3aAq9 {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_CustomerInfo__3aAq9 .style-module_Name__11iSh {\n          font-size: 20px;\n          font-weight: 600; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_CustomerInfo__3aAq9 .style-module_Email__1AITY {\n          font-weight: 500;\n          font-size: 14px;\n          user-select: none;\n          color: var(--checkout-secondary-text-color); }\n      @media only screen and (max-width: 1000px) {\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n          height: 72px;\n          margin-bottom: 0;\n          padding: 0 24px; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_CustomerInfo__3aAq9 .style-module_Name__11iSh {\n            font-size: 15px; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_CustomerInfo__3aAq9 .style-module_Email__1AITY {\n            font-size: 13px; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_LoginText__3FSC9 {\n            display: flex;\n            flex-direction: column;\n            padding-bottom: 0; }\n            .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_LoginText__3FSC9 .style-module_LoginCta__2sZZF {\n              display: none; } }\n    @media only screen and (min-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n        display: none; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n      padding-bottom: 16px; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n        width: 100%;\n        justify-content: center;\n        padding-right: 0px;\n        padding-left: 0px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n          width: 100%;\n          min-width: auto;\n          max-width: 100%; } }\n  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n    width: 50%;\n    min-height: 100%;\n    flex: 0 0 auto;\n    background-color: var(--checkout-secondary-bg-color);\n    display: flex;\n    padding-left: 64px;\n    padding-right: 20px;\n    position: sticky;\n    top: 0;\n    overflow-y: auto; }\n    .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n      width: 100%;\n      max-width: 600px;\n      padding-top: 168px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between; }\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 .style-module_PoweredBy__2kV_J {\n        width: 100%;\n        padding: 16px 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        color: var(--checkout-primary-text-color);\n        user-select: none; }\n        .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 .style-module_PoweredBy__2kV_J span {\n          font-size: 14px;\n          line-height: 20px;\n          color: var(--checkout-secondary-text-color);\n          margin-right: 8px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 .style-module_PoweredBy__2kV_J a {\n          display: flex;\n          align-items: center; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n        display: none; } }\n\n.style-module_LightText__3dSVB {\n  color: var(--checkout-secondary-text-color); }\n\n.style-module_ReactTooltipWrap__2hp2P {\n  max-width: 300px; }\n";
 var styles$5 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-module_Left__2dWz6","LeftContent":"style-module_LeftContent__1Tyb7","Space":"style-module_Space__1e2de","Footer":"style-module_Footer__ebdyg","FooterItem":"style-module_FooterItem__1ofBc","FooterBullet":"style-module_FooterBullet__1dD9S","AdressStepInfo":"style-module_AdressStepInfo__27aR0","Address":"style-module_Address__2tYiR","Text":"style-module_Text__FkGkR","WithMBottom":"style-module_WithMBottom__TQbZL","Gray":"style-module_Gray__3vyMM","EditBtn":"style-module_EditBtn__3aAlL","AddressStepInfoMobile":"style-module_AddressStepInfoMobile__uwl92","ErrorContainer":"style-module_ErrorContainer__3B5Gx","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","LoginText":"style-module_LoginText__3FSC9","LoginBtn":"style-module_LoginBtn__XVF05","CustomerInfo":"style-module_CustomerInfo__3aAq9","Name":"style-module_Name__11iSh","Email":"style-module_Email__1AITY","LoginCta":"style-module_LoginCta__2sZZF","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5","PoweredBy":"style-module_PoweredBy__2kV_J","LightText":"style-module_LightText__3dSVB","ReactTooltipWrap":"style-module_ReactTooltipWrap__2hp2P"};
+styleInject(css_248z$6);
 
+var css_248z$7 = ".style-module_SelectBoxContainer__1T9C7 {\n  margin-bottom: 16px; }\n\n.style-module_SelectBoxError__2diiS {\n  color: var(--checkout-error-color);\n  font-size: 12px;\n  margin-top: 8px;\n  animation-name: style-module_fadeInFromRight__9YMxj;\n  animation-duration: .3s; }\n\n.style-module_SelectBox__1xZZi {\n  padding: 16px;\n  width: 100%;\n  transition: all .2s;\n  border-radius: 8px;\n  cursor: pointer;\n  border: 1px solid var(--checkout-border-color);\n  box-shadow: 0 0 0 1px transparent; }\n  .style-module_SelectBox__1xZZi .style-module_TopContent__oUtcc {\n    display: flex;\n    align-items: center;\n    user-select: none; }\n    .style-module_SelectBox__1xZZi .style-module_TopContent__oUtcc .style-module_Label__1I8Bm {\n      flex: 1 1 auto;\n      margin-left: 16px; }\n    .style-module_SelectBox__1xZZi .style-module_TopContent__oUtcc .style-module_RightContent__2Ob1u {\n      flex: 0 0 auto;\n      margin-left: 16px; }\n  .style-module_SelectBox__1xZZi .style-module_BottomContent__1AMWK {\n    padding-top: 16px;\n    width: 100%; }\n  .style-module_SelectBox__1xZZi.style-module_Selected__Ipn0q {\n    box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n    border-color: var(--checkout-button-bg-color);\n    background-color: var(--checkout-card-bg-color); }\n    .style-module_SelectBox__1xZZi.style-module_Selected__Ipn0q.style-module_Error__2TFZc {\n      box-shadow: 0 0 0 1px var(--checkout-error-color);\n      border-color: var(--checkout-error-color); }\n";
 var styles$6 = {"SelectBoxContainer":"style-module_SelectBoxContainer__1T9C7","SelectBoxError":"style-module_SelectBoxError__2diiS","fadeInFromRight":"style-module_fadeInFromRight__9YMxj","SelectBox":"style-module_SelectBox__1xZZi","TopContent":"style-module_TopContent__oUtcc","Label":"style-module_Label__1I8Bm","RightContent":"style-module_RightContent__2Ob1u","BottomContent":"style-module_BottomContent__1AMWK","Selected":"style-module_Selected__Ipn0q","Error":"style-module_Error__2TFZc"};
+styleInject(css_248z$7);
 
+var css_248z$8 = ".style-module_CheckboxWrapper__3CzTt {\n  width: 100%;\n  display: flex;\n  padding: 0.5em 0;\n  cursor: pointer;\n  user-select: none;\n  align-items: center; }\n  .style-module_CheckboxWrapper__3CzTt.style-module_WithoutPadding__2le2B {\n    padding: 0; }\n  .style-module_CheckboxWrapper__3CzTt.style-module_WithoutLabel__1s1q8 {\n    padding: 0;\n    width: auto; }\n  .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxContainer__lWDtJ {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 16px; }\n  .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxBorder__EYjFT {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 100%;\n    border: 1px solid var(--checkout-border-color);\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxBorder__EYjFT.style-module_Checked__2kb9S {\n      border: 10px solid var(--checkout-button-bg-color); }\n  .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxTick__149cN {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: var(--checkout-button-text-color);\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxTick__149cN.style-module_Visible__gf4pv {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxLabel__D36H4 {\n    flex: 1 1 auto;\n    font-weight: normal; }\n  .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxLabelError__1x08H {\n    color: var(--checkout-error-color); }\n";
 var styles$7 = {"CheckboxWrapper":"style-module_CheckboxWrapper__3CzTt","WithoutPadding":"style-module_WithoutPadding__2le2B","WithoutLabel":"style-module_WithoutLabel__1s1q8","CheckboxContainer":"style-module_CheckboxContainer__lWDtJ","CheckboxBorder":"style-module_CheckboxBorder__EYjFT","Checked":"style-module_Checked__2kb9S","CheckboxTick":"style-module_CheckboxTick__149cN","Visible":"style-module_Visible__gf4pv","CheckboxLabel":"style-module_CheckboxLabel__D36H4","CheckboxLabelError":"style-module_CheckboxLabelError__1x08H"};
+styleInject(css_248z$8);
 
 var Toggle = mobxReactLite.observer(function (_a) {
     var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
@@ -60450,7 +60470,9 @@ var TaxNumber = mobxReactLite.observer(function (_a) {
     return (React.createElement(FormItem, { type: FormItemType.TEXT, label: t("checkout-page:taxNumber"), value: ((_b = vm.address) === null || _b === void 0 ? void 0 : _b.taxNumber) || "", onChange: vm.onTaxNumberChange }));
 });
 
+var css_248z$9 = ".style-module_AddressText__2J31s {\n  padding-left: 32px;\n  color: var(--checkout-secondary-text-color); }\n\n.style-module_CancelEdit__2MXfO {\n  font-size: 16px;\n  padding-bottom: 16px;\n  cursor: pointer;\n  user-select: none; }\n\n.style-module_EditAddressActions__1TY0T {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: 16px;\n  margin-top: 16px; }\n";
 var styles$8 = {"AddressText":"style-module_AddressText__2J31s","CancelEdit":"style-module_CancelEdit__2MXfO","EditAddressActions":"style-module_EditAddressActions__1TY0T"};
+styleInject(css_248z$9);
 
 var CustomerAddressesViewModel = /** @class */ (function () {
     function CustomerAddressesViewModel(vm, addressType) {
@@ -60657,7 +60679,9 @@ var CheckoutStepInfo = function (_a) {
 };
 var CheckoutStepInfo$1 = mobxReactLite.observer(CheckoutStepInfo);
 
+var css_248z$a = ".style-module_BackButtonContainer__2bAOw {\n  display: flex;\n  justify-content: center;\n  position: relative; }\n  .style-module_BackButtonContainer__2bAOw a {\n    line-height: 0.9em; }\n\n.style-module_Actions__3fU7l {\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_Actions__3fU7l {\n      flex-direction: column-reverse;\n      justify-content: flex-start; }\n      .style-module_Actions__3fU7l a {\n        margin-top: 1em; } }\n\n.style-module_StepShipping__3nOPT {\n  margin-top: 8px; }\n\n.style-module_InfoBox__kyrCZ.style-module_Dimmed__3dkFw {\n  opacity: 0.5; }\n\n.style-module_GiftSection__2phwh {\n  margin-top: 32px; }\n\n.style-module_ShippingPrice__KaEps {\n  font-weight: 600; }\n";
 var styles$9 = {"BackButtonContainer":"style-module_BackButtonContainer__2bAOw","Actions":"style-module_Actions__3fU7l","StepShipping":"style-module_StepShipping__3nOPT","InfoBox":"style-module_InfoBox__kyrCZ","Dimmed":"style-module_Dimmed__3dkFw","GiftSection":"style-module_GiftSection__2phwh","ShippingPrice":"style-module_ShippingPrice__KaEps"};
+styleInject(css_248z$a);
 
 var CheckoutStepShipping = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
@@ -60741,7 +60765,9 @@ var SVGVisa = function (_a) {
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.1646 8.50906L9.38648 13.0517L9.19726 12.1285L8.56074 9.06697C8.45083 8.6454 8.13222 8.51949 7.73778 8.50488H4.80909L4.78613 8.64332C5.49848 8.81584 6.135 9.06488 6.69361 9.37375L8.30822 15.1595L10.2296 15.1574L13.088 8.50836H11.1646V8.50906Z", fill: "#1A1876" })));
 };
 
+var css_248z$b = ".style-module_CardLogo__1jFyp {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding-right: 16px; }\n";
 var styles$a = {"CardLogo":"style-module_CardLogo__1jFyp"};
+styleInject(css_248z$b);
 
 var CreditCardForm = mobxReactLite.observer(function (_a) {
     var _b;
@@ -60774,7 +60800,9 @@ var CreditCardForm = mobxReactLite.observer(function (_a) {
             React.createElement(FormItem, { name: "cvc", autocomplete: "cc-csc", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardCVC"), value: cardData.cvv, onChange: vm.onCvcChange, errorText: t("checkout-page:cardCVCError"), tooltipText: t("checkout-page:cardCVCTooltip"), hasError: vm.isErrorsVisible && !cardData.validationResult.cvv }))));
 });
 
+var css_248z$c = ".style-module_Installments__aM2lS {\n  margin-top: 32px; }\n  .style-module_Installments__aM2lS .style-module_Title__15N6L {\n    font-size: 16px;\n    line-height: 24px;\n    margin-bottom: 16px; }\n  .style-module_Installments__aM2lS .style-module_Container__12sJp {\n    border: 1px solid var(--checkout-border-color);\n    border-radius: 8px;\n    background: var(--checkout-primary-bg-color); }\n    .style-module_Installments__aM2lS .style-module_Container__12sJp .style-module_Row__dxeKi {\n      height: 56px;\n      display: flex;\n      align-items: center;\n      padding: 0 16px;\n      border-bottom: 1px solid var(--checkout-border-color); }\n      .style-module_Installments__aM2lS .style-module_Container__12sJp .style-module_Row__dxeKi:last-of-type {\n        border-bottom: none; }\n      .style-module_Installments__aM2lS .style-module_Container__12sJp .style-module_Row__dxeKi .style-module_InstallmentInfo__G8QDB {\n        flex: 1 1 auto; }\n        .style-module_Installments__aM2lS .style-module_Container__12sJp .style-module_Row__dxeKi .style-module_InstallmentInfo__G8QDB .style-module_InstallmentCount__22FOH {\n          font-size: 16px; }\n        .style-module_Installments__aM2lS .style-module_Container__12sJp .style-module_Row__dxeKi .style-module_InstallmentInfo__G8QDB .style-module_InstallmentPrice__1cJHw {\n          font-size: 12px;\n          color: var(--checkout-secondary-text-color); }\n      .style-module_Installments__aM2lS .style-module_Container__12sJp .style-module_Row__dxeKi .style-module_Price__3gzwQ {\n        flex: 0 0 auto;\n        font-weight: 600;\n        font-size: 16px;\n        line-height: 24px; }\n";
 var styles$b = {"Installments":"style-module_Installments__aM2lS","Title":"style-module_Title__15N6L","Container":"style-module_Container__12sJp","Row":"style-module_Row__dxeKi","InstallmentInfo":"style-module_InstallmentInfo__G8QDB","InstallmentCount":"style-module_InstallmentCount__22FOH","InstallmentPrice":"style-module_InstallmentPrice__1cJHw","Price":"style-module_Price__3gzwQ"};
+styleInject(css_248z$c);
 
 var Installments = mobxReactLite.observer(function (_a) {
     var _b;
@@ -60792,7 +60820,9 @@ var Installments = mobxReactLite.observer(function (_a) {
             React.createElement("div", { className: styles$b.Price }, formatMoney(ip.totalPrice, vm.checkout.cart.currencyCode)))); }))));
 });
 
+var css_248z$d = ".style-module_PaymentLogoContainer__224HZ {\n  margin-left: 10px;\n  font-size: 0.7em; }\n  .style-module_PaymentLogoContainer__224HZ img {\n    height: 20px; }\n\n.style-module_AdditionalPrice__gW28c {\n  color: var(--checkout-primary-text-color);\n  font-weight: 600; }\n";
 var styles$c = {"PaymentLogoContainer":"style-module_PaymentLogoContainer__224HZ","AdditionalPrice":"style-module_AdditionalPrice__gW28c"};
+styleInject(css_248z$d);
 
 var PaymentGateways = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
@@ -60844,7 +60874,9 @@ var BillingAddress = mobxReactLite.observer(function (_a) {
         vm.useDifferentAddress && (React.createElement(CustomerAddresses$1, { vm: customerAddressesViewModel }))));
 });
 
+var css_248z$e = ".style-module_StepPayment__3STxe {\n  margin-top: 8px; }\n  .style-module_StepPayment__3STxe .style-module_TermsLabelSpan__35xVC {\n    color: var(--checkout-primary-text-color); }\n    .style-module_StepPayment__3STxe .style-module_TermsLabelSpan__35xVC:hover {\n      text-decoration: underline; }\n  .style-module_StepPayment__3STxe .style-module_SecurePaymentContainer__8jSz4 {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 24px;\n    color: var(--checkout-secondary-text-color); }\n    .style-module_StepPayment__3STxe .style-module_SecurePaymentContainer__8jSz4 .style-module_Lock__2gl_x {\n      color: #CFCED3;\n      margin-right: 8px;\n      display: flex;\n      align-items: center;\n      position: relative;\n      top: -1px; }\n";
 var styles$d = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC","SecurePaymentContainer":"style-module_SecurePaymentContainer__8jSz4","Lock":"style-module_Lock__2gl_x"};
+styleInject(css_248z$e);
 
 var SVGLock = function (_a) {
     var className = _a.className;
@@ -60890,7 +60922,9 @@ var CheckoutStepPayment = mobxReactLite.observer(function (_a) {
             React.createElement("span", null, t("checkout-page:securePaymentTooltip"))))));
 });
 
+var css_248z$f = ".style-module_Container__2_f6f {\n  width: 100%;\n  height: 44px;\n  background-color: white;\n  border-radius: 8px;\n  display: flex;\n  justify-content: flex-end;\n  position: relative; }\n  .style-module_Container__2_f6f input {\n    width: calc(100% - 2px);\n    height: 100%;\n    padding: 10px 16px;\n    outline: none;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    transition: all .5s;\n    box-shadow: 0 0 0 1px transparent;\n    border: 1px solid transparent;\n    border-radius: 9px;\n    margin-left: 1px;\n    color: var(--checkout-primary-text-color);\n    position: absolute;\n    top: 0px;\n    left: 0px;\n    padding-right: calc(33% + 16px); }\n    .style-module_Container__2_f6f input::placeholder {\n      color: var(--checkout-secondary-text-color) !important; }\n    .style-module_Container__2_f6f input:focus {\n      box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n      border-color: var(--checkout-button-bg-color); }\n  .style-module_Container__2_f6f .style-module_Button__38WsW {\n    flex: 0 0 auto;\n    height: 100%;\n    width: 33%;\n    color: var(--checkout-button-text-color);\n    background-color: var(--checkout-button-bg-color);\n    border-radius: 8px;\n    font-weight: 600;\n    text-align: center;\n    position: relative;\n    transition: all .2s;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    user-select: none;\n    cursor: pointer; }\n    .style-module_Container__2_f6f .style-module_Button__38WsW .style-module_loader__2oUyh,\n    .style-module_Container__2_f6f .style-module_Button__38WsW .style-module_loader__2oUyh:after {\n      border-radius: 50%;\n      width: 5em;\n      height: 5em; }\n    .style-module_Container__2_f6f .style-module_Button__38WsW .style-module_loader__2oUyh {\n      font-size: 4px;\n      position: relative;\n      text-indent: -9999em;\n      border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n      border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n      border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n      border-left: 0.5em solid var(--checkout-button-text-color);\n      -webkit-transform: translateZ(0);\n      -ms-transform: translateZ(0);\n      transform: translateZ(0);\n      -webkit-animation: style-module_load8__2JtWU 1.1s infinite linear;\n      animation: style-module_load8__2JtWU 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__2JtWU {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n\n@keyframes style-module_load8__2JtWU {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n";
 var styles$e = {"Container":"style-module_Container__2_f6f","Button":"style-module_Button__38WsW","loader":"style-module_loader__2oUyh","load8":"style-module_load8__2JtWU"};
+styleInject(css_248z$f);
 
 var InputWithButton = function (_a) {
     var value = _a.value, placeholder = _a.placeholder, buttonLabel = _a.buttonLabel, isLoading = _a.isLoading, onClick = _a.onClick, onChange = _a.onChange;
@@ -60908,7 +60942,9 @@ var InputWithButton = function (_a) {
 };
 var InputWithButton$1 = mobxReactLite.observer(InputWithButton);
 
+var css_248z$g = ".style-module_CheckoutItem__2JjSt {\n  display: flex;\n  width: 100%;\n  margin-bottom: 24px; }\n  .style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG {\n    flex: 0 0 auto;\n    width: 114px;\n    height: 114px;\n    position: relative;\n    margin-right: 16px; }\n    .style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG .style-module_Image__w2Q_P {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      border-radius: 8px; }\n  .style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l {\n    position: relative; }\n    .style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l .style-module_Name__nPgw1 {\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--checkout-primary-text-color);\n      line-height: 24px;\n      max-height: 48px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical; }\n    .style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l .style-module_LightText__2P69D {\n      font-size: 14px;\n      color: var(--checkout-secondary-text-color);\n      line-height: 20px;\n      margin-top: 2px; }\n  .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 {\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    color: var(--checkout-primary-text-color);\n    position: absolute;\n    top: 90px; }\n    .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 .style-module_GrayPrice__2wDyJ {\n      font-size: 14px;\n      color: var(--checkout-secondary-text-color);\n      text-decoration: line-through;\n      margin-right: 8px; }\n";
 var styles$f = {"CheckoutItem":"style-module_CheckoutItem__2JjSt","ImageContainer":"style-module_ImageContainer__2K2RG","Image":"style-module_Image__w2Q_P","Right":"style-module_Right__2HN2l","Name":"style-module_Name__nPgw1","LightText":"style-module_LightText__2P69D","Price":"style-module_Price__1Vw31","GrayPrice":"style-module_GrayPrice__2wDyJ"};
+styleInject(css_248z$g);
 
 var CartItem = mobxReactLite.observer(function (_a) {
     var _b;
@@ -60928,7 +60964,9 @@ var CartItem = mobxReactLite.observer(function (_a) {
                 formatMoney(cartItem.finalPriceWithQuantity, currencyCode)))));
 });
 
+var css_248z$h = ".style-module_TooltipContainer__1IW8v {\n  width: 16px;\n  height: 16px;\n  border-radius: 100%;\n  color: white;\n  background-color: var(--checkout-secondary-text-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px !important;\n  cursor: pointer;\n  position: relative; }\n  .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6 {\n    position: absolute;\n    margin: auto;\n    color: white;\n    background-color: #404040;\n    border-radius: 4px;\n    padding: 12px;\n    font-size: 12px;\n    display: none;\n    width: 280px;\n    text-align: center;\n    z-index: 999;\n    font-size: 16px !important; }\n    .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6 .style-module_TooltipArrow__1l6q_ {\n      background-color: #404040;\n      width: 12px;\n      height: 12px;\n      transform: rotate(45deg);\n      position: absolute;\n      margin: auto;\n      border-radius: 2px; }\n    .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Top__1_7C6 {\n      bottom: 26px; }\n      .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Top__1_7C6 .style-module_TooltipArrow__1l6q_ {\n        bottom: -4px;\n        left: 0;\n        right: 0; }\n    .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Bottom__2qCpQ {\n      top: 26px; }\n      .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Bottom__2qCpQ .style-module_TooltipArrow__1l6q_ {\n        top: -4px;\n        left: 0;\n        right: 0; }\n    .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Left__1T6gj {\n      right: 26px; }\n      .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Left__1T6gj .style-module_TooltipArrow__1l6q_ {\n        right: -4px;\n        top: 0;\n        bottom: 0; }\n    .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Right__uCMMF {\n      left: 26px; }\n      .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Right__uCMMF .style-module_TooltipArrow__1l6q_ {\n        left: -4px;\n        top: 0;\n        bottom: 0; }\n  .style-module_TooltipContainer__1IW8v:hover .style-module_Tooltip__1Pxw6 {\n    display: inline-flex; }\n";
 var styles$g = {"TooltipContainer":"style-module_TooltipContainer__1IW8v","Tooltip":"style-module_Tooltip__1Pxw6","TooltipArrow":"style-module_TooltipArrow__1l6q_","Top":"style-module_Top__1_7C6","Bottom":"style-module_Bottom__2qCpQ","Left":"style-module_Left__1T6gj","Right":"style-module_Right__uCMMF"};
+styleInject(css_248z$h);
 
 var Tooltip = function (_a) {
     var text = _a.text, className = _a.className, style = _a.style;
@@ -60956,7 +60994,9 @@ var SVGGift = function (_a) {
                 React.createElement("rect", { width: "16", height: "16", fill: "white" })))));
 };
 
+var css_248z$i = "@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__30RcF {\n    width: 100%;\n    background-color: var(--checkout-card-bg-color); } }\n\n.style-module_CartSummary__30RcF.style-module_AllowExpand__3kDXF {\n  border-top: 1px solid var(--checkout-border-color); }\n\n.style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 48px;\n  padding: 0 24px;\n  width: 100%;\n  border-bottom: 1px solid var(--checkout-border-color);\n  transition: border-bottom .3s;\n  user-select: none;\n  background-color: var(--checkout-primary-bg-color); }\n  .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv {\n    display: flex;\n    align-items: center;\n    font-size: 16px;\n    font-weight: 600; }\n  .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ {\n    font-weight: 600;\n    display: flex;\n    align-items: center; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ .style-module_PriceText__1ePGb {\n      font-weight: 600;\n      margin-right: 8px; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ .style-module_ArrowDown__2ET-d {\n      transition: all .3s;\n      display: flex;\n      align-items: center; }\n      .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ .style-module_ArrowDown__2ET-d.style-module_Rotated__3sgbm {\n        transform: rotate(-180deg); }\n\n.style-module_CartSummary__30RcF .style-module_DetailsContainer__FBBIP {\n  overflow: hidden;\n  width: 100%;\n  transition: height .3s ease-in-out; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_CartSummary__30RcF .style-module_DetailsContainer__FBBIP {\n      padding: 0 24px; } }\n\n.style-module_CartSummary__30RcF .style-module_Details__3-X_i {\n  overflow: hidden; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_CartSummary__30RcF .style-module_Details__3-X_i {\n      padding-top: 24px; } }\n\n.style-module_CartSummary__30RcF .style-module_Divider__2d0Zk {\n  width: 100%;\n  height: 1px;\n  margin: auto;\n  background-color: var(--checkout-border-color); }\n\n.style-module_CartSummary__30RcF .style-module_ActionTextBtn__FXJQX {\n  color: var(--checkout-primary-text-color);\n  user-select: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center; }\n  .style-module_CartSummary__30RcF .style-module_ActionTextBtn__FXJQX:hover {\n    text-decoration: underline; }\n  .style-module_CartSummary__30RcF .style-module_ActionTextBtn__FXJQX.style-module_NoUnderline__34-1r:hover {\n    text-decoration: none; }\n  .style-module_CartSummary__30RcF .style-module_ActionTextBtn__FXJQX.style-module_Light__WFzH8 {\n    color: var(--checkout-secondary-text-color); }\n\n.style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr {\n  padding: 24px 0;\n  border-bottom: 1px solid var(--checkout-border-color); }\n  .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 10px; }\n    .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF {\n      color: var(--checkout-secondary-text-color);\n      display: flex;\n      align-items: center; }\n    .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ:last-of-type {\n      margin-bottom: 0; }\n\n.style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 12px; }\n  .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Title__16M5E {\n    font-size: 20px;\n    font-weight: 600; }\n  .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TotalPrice__2s7DC {\n    font-size: 20px;\n    font-weight: 600; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt {\n      height: 64px;\n      margin-top: 0px; } }\n\n.style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 {\n  display: flex;\n  align-items: center;\n  padding: 4px 4px 4px 8px;\n  background-color: white;\n  border-radius: 6px;\n  margin-left: 12px;\n  font-size: 14px;\n  line-height: 20px; }\n  .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_CouponCode__3rgOu {\n    font-size: 14px; }\n  .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_ClearCoupon__1Rx4A {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    color: var(--checkout-secondary-text-color); }\n    .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_ClearCoupon__1Rx4A svg {\n      transform: scale(0.8); }\n\n.style-module_CartSummary__30RcF .style-module_NotificationContainer__Zblek {\n  margin-bottom: 14px; }\n\n.style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd {\n  margin-top: 24px;\n  width: calc(100% - 2px);\n  margin-left: 1px; }\n  .style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd .style-module_Title__16M5E {\n    font-size: 16px;\n    color: var(--checkout-primary-text-color);\n    margin-bottom: 8px; }\n  .style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd .style-module_CheckoutNoteDisplay__kTFTx {\n    color: var(--checkout-secondary-text-color); }\n  .style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd.style-module_Success__2vqWA {\n    margin-top: 0; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd {\n      margin-top: 0px; } }\n\n.style-module_CartSummary__30RcF .style-module_GiftLabel__2f-wC {\n  display: flex;\n  align-items: center; }\n  .style-module_CartSummary__30RcF .style-module_GiftLabel__2f-wC span {\n    margin-left: 8px; }\n\n.style-module_CartSummary__30RcF .style-module_PoweredBy__1hgWQ {\n  width: 100%;\n  height: 50px;\n  justify-content: center;\n  align-items: center;\n  color: var(--checkout-primary-text-color);\n  display: none; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_CartSummary__30RcF .style-module_PoweredBy__1hgWQ {\n      display: flex; } }\n  .style-module_CartSummary__30RcF .style-module_PoweredBy__1hgWQ span {\n    font-size: 14px;\n    line-height: 20px;\n    color: var(--checkout-secondary-text-color);\n    margin-right: 8px; }\n  .style-module_CartSummary__30RcF .style-module_PoweredBy__1hgWQ a {\n    display: flex;\n    align-items: center; }\n";
 var styles$h = {"CartSummary":"style-module_CartSummary__30RcF","AllowExpand":"style-module_AllowExpand__3kDXF","ExpandHeader":"style-module_ExpandHeader__2ICjA","Left":"style-module_Left__A54sv","Price":"style-module_Price__sosrJ","PriceText":"style-module_PriceText__1ePGb","ArrowDown":"style-module_ArrowDown__2ET-d","Rotated":"style-module_Rotated__3sgbm","DetailsContainer":"style-module_DetailsContainer__FBBIP","Details":"style-module_Details__3-X_i","Divider":"style-module_Divider__2d0Zk","ActionTextBtn":"style-module_ActionTextBtn__FXJQX","NoUnderline":"style-module_NoUnderline__34-1r","Light":"style-module_Light__WFzH8","SubTotalInfo":"style-module_SubTotalInfo__1QMnr","InfoRow":"style-module_InfoRow__3eZdJ","Label":"style-module_Label__3E7LF","TotalContainer":"style-module_TotalContainer__36DNt","TitleContainer":"style-module_TitleContainer__3ptQE","Title":"style-module_Title__16M5E","TotalPrice":"style-module_TotalPrice__2s7DC","AppliedCoupon":"style-module_AppliedCoupon__37qv8","CouponCode":"style-module_CouponCode__3rgOu","ClearCoupon":"style-module_ClearCoupon__1Rx4A","NotificationContainer":"style-module_NotificationContainer__Zblek","CheckoutNoteContainer":"style-module_CheckoutNoteContainer__zQQjd","CheckoutNoteDisplay":"style-module_CheckoutNoteDisplay__kTFTx","Success":"style-module_Success__2vqWA","GiftLabel":"style-module_GiftLabel__2f-wC","PoweredBy":"style-module_PoweredBy__1hgWQ"};
+styleInject(css_248z$i);
 
 var SVGIkas = function (_a) {
     var className = _a.className;
@@ -61189,7 +61229,9 @@ var Note = mobxReactLite.observer(function (_a) {
             isSuccessStep ? (React.createElement("div", { className: styles$h.CheckoutNoteDisplay }, vm.checkout.note)) : (React.createElement(FormItem, { style: { width: "100%" }, type: FormItemType.TEXT_AREA, disableResize: true, label: "", value: vm.checkout.note || "", onChange: onCheckoutNoteChange }))))));
 });
 
+var css_248z$j = ".style-module_StepSuccess__36Zg4 {\n  padding-top: 24px; }\n  .style-module_StepSuccess__36Zg4 .style-module_SuccessTitleContainer__3fT9P {\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center; }\n    .style-module_StepSuccess__36Zg4 .style-module_SuccessTitleContainer__3fT9P .style-module_SuccessTitle__2cVxj {\n      font-size: 28px;\n      font-weight: 600;\n      margin-left: 16px; }\n  .style-module_StepSuccess__36Zg4 .style-module_SuccessSubTitle__2UvWI {\n    margin: auto;\n    margin-bottom: 32px; }\n  .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-gap: 48px; }\n    .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoTitle__2Whku {\n      font-size: 16px;\n      line-height: 24px;\n      margin-bottom: 12px; }\n    .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoText__1LHFw {\n      font-size: 14px;\n      color: var(--checkout-secondary-text-color);\n      display: flex;\n      align-items: center; }\n    .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoTextBold__21977 {\n      font-weight: 600;\n      color: var(--checkout-primary-text-color); }\n    .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk.style-module_WithBorder__1aBHw {\n      border-bottom: 1px solid var(--checkout-border-color);\n      padding-bottom: 24px; }\n    .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_CardLogoContainer__3tymO {\n      display: flex;\n      align-items: center;\n      margin-right: 4px; }\n  .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    margin: auto;\n    margin-top: 24px; }\n    .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ .style-module_HelpText__39LA1 {\n      display: flex;\n      align-items: center;\n      color: var(--checkout-secondary-text-color);\n      flex-wrap: wrap; }\n      .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ .style-module_HelpText__39LA1 .style-module_Cta__3sxNK {\n        color: var(--checkout-primary-text-color);\n        margin-left: 4px; }\n        .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ .style-module_HelpText__39LA1 .style-module_Cta__3sxNK:hover {\n          cursor: pointer;\n          text-decoration: underline; }\n    @media only screen and (max-width: 400px) {\n      .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ {\n        flex-direction: column; }\n        .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ .style-module_HelpText__39LA1 {\n          margin-bottom: 12px; }\n          .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ .style-module_HelpText__39LA1 .style-module_Cta__3sxNK {\n            margin-left: 0; } }\n  .style-module_StepSuccess__36Zg4 .style-module_OrderStatus__CPd7s {\n    padding: 4px 8px;\n    border-radius: 6px;\n    margin-top: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    display: inline-flex; }\n    .style-module_StepSuccess__36Zg4 .style-module_OrderStatus__CPd7s.style-module_Yellow__1mZZm {\n      color: var(--checkout-warning-color);\n      background-color: var(--checkout-warning-light-color);\n      border: 1px solid var(--checkout-warning-color); }\n    .style-module_StepSuccess__36Zg4 .style-module_OrderStatus__CPd7s.style-module_Green__2qwNg {\n      color: var(--checkout-success-color);\n      background-color: var(--checkout-success-light-color);\n      border: 1px solid var(--checkout-success-color); }\n    .style-module_StepSuccess__36Zg4 .style-module_OrderStatus__CPd7s.style-module_Red__TKRy8 {\n      color: var(--checkout-error-color);\n      background-color: var(--checkout-error-light-color);\n      border: 1px solid var(--checkout-error-color); }\n  @media only screen and (max-width: 1000px) {\n    .style-module_StepSuccess__36Zg4 {\n      padding-left: 24px;\n      padding-right: 24px; }\n      .style-module_StepSuccess__36Zg4 .style-module_SuccessTitleContainer__3fT9P {\n        margin-bottom: 12px; }\n        .style-module_StepSuccess__36Zg4 .style-module_SuccessTitleContainer__3fT9P .style-module_SuccessTitle__2cVxj {\n          font-size: 20px; }\n      .style-module_StepSuccess__36Zg4 .style-module_SuccessSubTitle__2UvWI {\n        max-width: 400px;\n        margin-left: 56px; } }\n  @media only screen and (max-width: 400px) {\n    .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk {\n      grid-template-columns: 1fr;\n      grid-gap: 24px; }\n    .style-module_StepSuccess__36Zg4 .style-module_SuccessSubTitle__2UvWI {\n      margin-left: 0; } }\n";
 var styles$i = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitleContainer":"style-module_SuccessTitleContainer__3fT9P","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","WithBorder":"style-module_WithBorder__1aBHw","CardLogoContainer":"style-module_CardLogoContainer__3tymO","Actions":"style-module_Actions__3ZXaJ","HelpText":"style-module_HelpText__39LA1","Cta":"style-module_Cta__3sxNK","OrderStatus":"style-module_OrderStatus__CPd7s","Yellow":"style-module_Yellow__1mZZm","Green":"style-module_Green__2qwNg","Red":"style-module_Red__TKRy8"};
+styleInject(css_248z$j);
 
 var SVGSuccessCircle = function (_a) {
     var className = _a.className;
@@ -61198,7 +61240,9 @@ var SVGSuccessCircle = function (_a) {
         React.createElement("path", { d: "M12 20L18 26L28.0005 15.9998", stroke: "white", "stroke-width": "3.2", "stroke-linecap": "round" })));
 };
 
+var css_248z$k = ".style-module_ExpandableSection__2JTCI {\n  border-bottom: 1px solid var(--checkout-border-color); }\n  .style-module_ExpandableSection__2JTCI .style-module_Top__3j_E0 {\n    padding: 24px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    user-select: none; }\n    .style-module_ExpandableSection__2JTCI .style-module_Top__3j_E0 .style-module_Title__2w3G9 {\n      font-weight: 600;\n      font-size: 20px;\n      line-height: 32px; }\n    .style-module_ExpandableSection__2JTCI .style-module_Top__3j_E0 .style-module_HideBtn__xC3Ix {\n      font-size: 14px;\n      cursor: pointer;\n      user-select: none; }\n  .style-module_ExpandableSection__2JTCI .style-module_Content__3TXDF {\n    padding-bottom: 24px; }\n";
 var styles$j = {"ExpandableSection":"style-module_ExpandableSection__2JTCI","Top":"style-module_Top__3j_E0","Title":"style-module_Title__2w3G9","HideBtn":"style-module_HideBtn__xC3Ix","Content":"style-module_Content__3TXDF"};
+styleInject(css_248z$k);
 
 var ExpandableSection = function (_a) {
     var title = _a.title, children = _a.children;
@@ -61221,7 +61265,9 @@ var SVGCross$1 = function (_a) {
         React.createElement("path", { fill: "currentColor", d: "M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" })));
 };
 
+var css_248z$l = ".style-module_ModalContainer__3JCG6 {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(6px);\n  z-index: 9999;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {\n    border-radius: 8px;\n    background-color: white;\n    color: var(--checkout-primary-text-color);\n    min-width: 400px;\n    max-width: 750px;\n    max-height: 90%;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden; }\n    .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {\n      flex: 0 0 auto;\n      padding: 16px;\n      font-size: 18px;\n      border-bottom: 1px solid var(--checkout-border-color);\n      display: flex;\n      justify-content: space-between;\n      align-items: center; }\n      .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs .style-module_CloseButton__3VdYY {\n        cursor: pointer;\n        display: flex;\n        align-items: center; }\n    .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalContent__2jGi3 {\n      flex: 1 1 auto;\n      padding: 24px;\n      overflow-y: auto; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {\n        max-width: unset;\n        max-height: unset;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 0; }\n        .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {\n          padding: 1.5em; } }\n";
 var styles$k = {"ModalContainer":"style-module_ModalContainer__3JCG6","Modal":"style-module_Modal__s3oha","ModalHeader":"style-module_ModalHeader__vEeDs","CloseButton":"style-module_CloseButton__3VdYY","ModalContent":"style-module_ModalContent__2jGi3"};
+styleInject(css_248z$l);
 
 var Modal = mobxReactLite.observer(function (_a) {
     var title = _a.title, onClose = _a.onClose, modalContent = _a.modalContent;
@@ -61251,7 +61297,6 @@ var StepSuccess = mobxReactLite.observer(function (_a) {
     var t = useTranslation().t;
     var _f = React.useState(false), isContactModalVisible = _f[0], setContactModalVisible = _f[1];
     React.useEffect(function () {
-        var _a;
         if (typeof localStorage !== "undefined") {
             var lsCartId = localStorage.getItem(CART_LS_KEY);
             var lsCheckoutId = localStorage.getItem(CHECKOUT_LS_KEY);
@@ -61260,7 +61305,7 @@ var StepSuccess = mobxReactLite.observer(function (_a) {
             if (lsCheckoutId && lsCheckoutId === vm.checkout.id)
                 localStorage.removeItem(CHECKOUT_LS_KEY);
         }
-        Analytics.purchase(vm.checkout, ((_a = vm.successTransaction) === null || _a === void 0 ? void 0 : _a.id) || "");
+        Analytics.purchase(vm.checkout, vm.checkout.orderNumber);
     }, []);
     var customerName = (((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.firstName) || "") +
         " " +
@@ -61478,33 +61523,18 @@ var OrderStatus = mobxReactLite.observer(function (_a) {
     })) === null || _d === void 0 ? void 0 : _d.text : ""));
 });
 
-var IMAGE_SIZES = [
-    180,
-    360,
-    540,
-    720,
-    900,
-    1080,
-    1296,
-    1512,
-    1728,
-    1950,
-    2560,
-    3840,
-];
 var Image = function (_a) {
     var image = _a.image, others = __rest(_a, ["image"]);
     var loader = function (_a) {
         var width = _a.width;
-        var closest = IMAGE_SIZES.reduce(function (prev, curr) {
-            return Math.abs(curr - width) < Math.abs(prev - width) ? curr : prev;
-        });
-        return image.getSrc(closest);
+        return image.getSrc(width);
     };
-    return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image", unoptimized: true })));
+    return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
 };
 
+var css_248z$m = ".style-module_StepContainer__1O2dD {\n  width: 100%; }\n  .style-module_StepContainer__1O2dD .style-module_Step__1iOYA {\n    width: 100%; }\n    .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 {\n      padding: 24px 0;\n      border-top: 1px solid var(--checkout-border-color); }\n      .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2.style-module_First__cAzdJ {\n        border-top: none; }\n      .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleTop__3zfsj {\n        display: flex;\n        align-items: center; }\n        .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleTop__3zfsj.style-module_WithRightContent__2fqb1 {\n          align-items: flex-start; }\n      .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q {\n        width: 32px;\n        height: 32px;\n        border-radius: 100%;\n        border: 1px solid var(--checkout-button-bg-color);\n        color: var(--checkout-button-bg-color);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 16px;\n        flex: 0 0 auto;\n        font-size: 20px; }\n        .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q.style-module_Selected__3j91L {\n          background-color: var(--checkout-button-bg-color);\n          color: var(--checkout-button-text-color); }\n          .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q.style-module_Selected__3j91L svg {\n            transform: scale(1.5);\n            position: relative;\n            right: -1px; }\n      .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitle__10YDP {\n        font-size: 22px;\n        color: var(--checkout-primary-text-color);\n        flex: 0 0 auto;\n        font-weight: 600;\n        line-height: 32px; }\n        .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitle__10YDP.style-module_Light__15wSX {\n          color: var(--checkout-button-disabled-text-color); }\n      .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleRightContent__2Q43m {\n        flex: 1 1 auto; }\n  .style-module_StepContainer__1O2dD .style-module_StepContent__20QIi {\n    padding-bottom: 24px;\n    padding-left: 48px;\n    width: 100%; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_StepContainer__1O2dD {\n      padding: 0 24px; }\n      .style-module_StepContainer__1O2dD .style-module_StepContent__20QIi {\n        padding-left: 0px; } }\n";
 var styles$l = {"StepContainer":"style-module_StepContainer__1O2dD","Step":"style-module_Step__1iOYA","StepTitleContainer":"style-module_StepTitleContainer__2GUg2","First":"style-module_First__cAzdJ","StepTitleTop":"style-module_StepTitleTop__3zfsj","WithRightContent":"style-module_WithRightContent__2fqb1","StepCircle":"style-module_StepCircle__36A5q","Selected":"style-module_Selected__3j91L","StepTitle":"style-module_StepTitle__10YDP","Light":"style-module_Light__15wSX","StepTitleRightContent":"style-module_StepTitleRightContent__2Q43m","StepContent":"style-module_StepContent__20QIi"};
+styleInject(css_248z$m);
 
 var StepContainer = mobxReactLite.observer(function (_a) {
     var steps = _a.steps, stepContent = _a.stepContent;
@@ -61553,7 +61583,9 @@ var Step = /** @class */ (function () {
     return Step;
 }());
 
+var css_248z$n = ".style-module_Actions__ttsEZ {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: 16px; }\n\n.style-module_Description__3BMvk {\n  margin-bottom: 24px; }\n";
 var styles$m = {"Actions":"style-module_Actions__ttsEZ","Description":"style-module_Description__3BMvk"};
+styleInject(css_248z$n);
 
 var StockError = mobxReactLite.observer(function (_a) {
     var vm = _a.vm, error = _a.error;
@@ -61593,7 +61625,9 @@ var StockError = mobxReactLite.observer(function (_a) {
                     }, text: t("checkout-page:actions.continue"), isLoading: isLoading, onClick: onContinueClick }))) }));
 });
 
+var css_248z$o = ".style-module_Container__1f6or {\n  width: 100vw;\n  height: 100vh;\n  background-color: var(--checkout-primary-bg-color);\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_Container__1f6or .style-module_loader__VCfEE,\n  .style-module_Container__1f6or .style-module_loader__VCfEE:after {\n    border-radius: 50%;\n    width: 5em;\n    height: 5em; }\n  .style-module_Container__1f6or .style-module_loader__VCfEE {\n    font-size: 6px;\n    position: relative;\n    text-indent: -9999em;\n    border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-left: 0.5em solid var(--checkout-button-bg-color);\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: style-module_load8__3N32j 1.1s infinite linear;\n    animation: style-module_load8__3N32j 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__3N32j {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n\n@keyframes style-module_load8__3N32j {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n";
 var styles$n = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
+styleInject(css_248z$o);
 
 var FullscreenLoading = function () {
     return (React.createElement("div", { className: styles$n.Container },
@@ -61711,7 +61745,7 @@ var Steps = mobxReactLite.observer(function (_a) {
             React.createElement(StepSummaryAddress, { vm: vm }))) : undefined),
         new Step(t("checkout-page:shipping"), vm.step === CheckoutStep.SHIPPING, vm.step === CheckoutStep.PAYMENT, vm.step === CheckoutStep.PAYMENT ? (React.createElement("div", { className: styles$5.AdressStepInfo },
             React.createElement(StepSummaryShipping, { vm: vm }),
-            vm.checkout.availableShippingMethods.length > 1 && (React.createElement("div", { className: styles$5.EditBtn, onClick: vm.onBackToShippingClick }, t("checkout-page:actions.edit"))))) : undefined, vm.step === CheckoutStep.PAYMENT ? (React.createElement("div", { className: styles$5.AddressStepInfoMobile },
+            React.createElement("div", { className: styles$5.EditBtn, onClick: vm.onBackToShippingClick }, t("checkout-page:actions.edit")))) : undefined, vm.step === CheckoutStep.PAYMENT ? (React.createElement("div", { className: styles$5.AddressStepInfoMobile },
             React.createElement(StepSummaryShipping, { vm: vm }))) : undefined),
         new Step(t("checkout-page:payment"), vm.step === CheckoutStep.PAYMENT, false),
     ];
@@ -62260,6 +62294,21 @@ var Page$1 = function (_a) {
 var index$1 = mobxReactLite.observer(Page$1);
 var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
+        // const targetTypes = [
+        //   IkasHTMLMetaDataTargetType.BRAND,
+        //   IkasHTMLMetaDataTargetType.CATEGORY,
+        // ];
+        // const metaData = await IkasHTMLMetaDataAPI.listHTMLMetaData(
+        //   undefined,
+        //   undefined,
+        //   targetTypes
+        // );
+        // metaData.map((m) => ({
+        //   params: {
+        //     slug: m.slug,
+        //     originalSlug: m.slug,
+        //   },
+        // }))
         return [2 /*return*/, {
                 paths: [],
                 fallback: "blocking",