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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/build/analytics/analytics.d.ts +2 -2
  2. package/build/analytics/facebookPixel.d.ts +2 -2
  3. package/build/index.es.js +112 -147
  4. package/build/index.js +112 -147
  5. package/build/models/ui/product-detail/index.d.ts +1 -3
  6. package/build/utils/providers/page-data.d.ts +2 -2
  7. package/package.json +7 -7
  8. package/build/index.css +0 -1483
  9. package/build/index.es.css +0 -1483
package/build/index.js CHANGED
@@ -17883,13 +17883,13 @@ var FacebookPixel = /** @class */ (function () {
17883
17883
  console.error(err);
17884
17884
  }
17885
17885
  };
17886
- FacebookPixel.addToCart = function (item, quantity, eventId) {
17886
+ FacebookPixel.addToCart = function (item, quantity) {
17887
17887
  try {
17888
17888
  !isServer &&
17889
17889
  window.fbq &&
17890
17890
  window.fbq("track", "AddToCart", item instanceof IkasProductDetail
17891
17891
  ? productToFBPItem(item, quantity)
17892
- : orderLineItemToFBPItem(item, quantity), { eventId: eventId });
17892
+ : orderLineItemToFBPItem(item, quantity));
17893
17893
  return;
17894
17894
  }
17895
17895
  catch (err) {
@@ -17907,11 +17907,11 @@ var FacebookPixel = /** @class */ (function () {
17907
17907
  console.error(err);
17908
17908
  }
17909
17909
  };
17910
- FacebookPixel.purchase = function (checkout, eventId) {
17910
+ FacebookPixel.purchase = function (checkout, orderId) {
17911
17911
  try {
17912
17912
  !isServer &&
17913
17913
  window.fbq &&
17914
- window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout), { eventId: eventId });
17914
+ window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout));
17915
17915
  return;
17916
17916
  }
17917
17917
  catch (err) {
@@ -22521,7 +22521,7 @@ var IkasCartStore = /** @class */ (function () {
22521
22521
  this.addItem = function (variant, product, initialQuantity) {
22522
22522
  if (initialQuantity === void 0) { initialQuantity = 1; }
22523
22523
  return __awaiter(_this, void 0, void 0, function () {
22524
- var existingItem, input, cart, eventId, err_2;
22524
+ var existingItem, input, cart, err_2;
22525
22525
  var _a, _b, _c;
22526
22526
  return __generator(this, function (_d) {
22527
22527
  switch (_d.label) {
@@ -22560,10 +22560,7 @@ var IkasCartStore = /** @class */ (function () {
22560
22560
  _d.sent();
22561
22561
  _d.label = 3;
22562
22562
  case 3:
22563
- if (this.cart) {
22564
- eventId = this.cart.id + "-" + this.cart.updatedAt;
22565
- Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity, eventId);
22566
- }
22563
+ Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity);
22567
22564
  return [3 /*break*/, 5];
22568
22565
  case 4:
22569
22566
  err_2 = _d.sent();
@@ -22575,7 +22572,7 @@ var IkasCartStore = /** @class */ (function () {
22575
22572
  });
22576
22573
  };
22577
22574
  this.changeItemQuantity = function (item, quantity) { return __awaiter(_this, void 0, void 0, function () {
22578
- var input, cart, eventId, oldQuantity, err_3;
22575
+ var input, cart, oldQuantity, err_3;
22579
22576
  var _a, _b, _c;
22580
22577
  return __generator(this, function (_d) {
22581
22578
  switch (_d.label) {
@@ -22609,15 +22606,12 @@ var IkasCartStore = /** @class */ (function () {
22609
22606
  _d.label = 3;
22610
22607
  case 3:
22611
22608
  this.removeCardIfEmpty();
22612
- if (this.cart) {
22613
- eventId = this.cart.id + "-" + this.cart.updatedAt;
22614
- oldQuantity = item.quantity;
22615
- if (oldQuantity > quantity) {
22616
- Analytics.removeFromCart(item, oldQuantity - quantity);
22617
- }
22618
- else {
22619
- Analytics.addToCart(item, quantity - oldQuantity, eventId);
22620
- }
22609
+ oldQuantity = item.quantity;
22610
+ if (oldQuantity > quantity) {
22611
+ Analytics.removeFromCart(item, oldQuantity - quantity);
22612
+ }
22613
+ else {
22614
+ Analytics.addToCart(item, quantity - oldQuantity);
22621
22615
  }
22622
22616
  return [3 /*break*/, 5];
22623
22617
  case 4:
@@ -22898,14 +22892,6 @@ var CheckoutViewModel = /** @class */ (function () {
22898
22892
  this.checkShippingCountries();
22899
22893
  _b.label = 2;
22900
22894
  case 2:
22901
- // Skip shipping if there is only 1 shipping method
22902
- if (this.step === CheckoutStep.SHIPPING &&
22903
- this.checkout.availableShippingMethods.length === 1) {
22904
- this.step = CheckoutStep.PAYMENT;
22905
- this.router.replace("/checkout/" + this.checkout.id + "?step=" + this.step, undefined, {
22906
- shallow: true,
22907
- });
22908
- }
22909
22895
  if (!(this.step === CheckoutStep.PAYMENT ||
22910
22896
  this.step === CheckoutStep.SUCCESS)) return [3 /*break*/, 4];
22911
22897
  return [4 /*yield*/, this.listPaymentGateways()];
@@ -24121,9 +24107,9 @@ var Analytics = /** @class */ (function () {
24121
24107
  console.error(err);
24122
24108
  }
24123
24109
  };
24124
- Analytics.addToCart = function (item, quantity, eventId) {
24110
+ Analytics.addToCart = function (item, quantity) {
24125
24111
  try {
24126
- FacebookPixel.addToCart(item, quantity, eventId);
24112
+ FacebookPixel.addToCart(item, quantity);
24127
24113
  GoogleTagManager.addToCart(item, quantity);
24128
24114
  }
24129
24115
  catch (err) {
@@ -24151,11 +24137,11 @@ var Analytics = /** @class */ (function () {
24151
24137
  console.error(err);
24152
24138
  }
24153
24139
  };
24154
- Analytics.purchase = function (checkout, eventId) {
24140
+ Analytics.purchase = function (checkout, orderId) {
24155
24141
  try {
24156
24142
  localStorage.removeItem(LS_BEGIN_CHECKOUT_KEY);
24157
- FacebookPixel.purchase(checkout, eventId);
24158
- GoogleTagManager.purchase(checkout, eventId);
24143
+ FacebookPixel.purchase(checkout, orderId);
24144
+ GoogleTagManager.purchase(checkout, orderId);
24159
24145
  }
24160
24146
  catch (err) {
24161
24147
  console.error(err);
@@ -24967,15 +24953,11 @@ var IkasCustomerStore = /** @class */ (function () {
24967
24953
  };
24968
24954
  IkasCustomerStore.prototype.onProductView = function (productId, variantId) {
24969
24955
  return __awaiter(this, void 0, void 0, function () {
24970
- var existingItem, isSuccess;
24956
+ var isSuccess;
24971
24957
  return __generator(this, function (_a) {
24972
24958
  switch (_a.label) {
24973
24959
  case 0:
24974
24960
  if (!this.customer) return [3 /*break*/, 2];
24975
- existingItem = this._lastViewedProducts.find(function (lvp) { return lvp.productId === productId; });
24976
- if (existingItem) {
24977
- return [2 /*return*/];
24978
- }
24979
24961
  return [4 /*yield*/, IkasCustomerAPI.saveLastViewedProducts({
24980
24962
  customerId: this.customer.id,
24981
24963
  products: [
@@ -27599,11 +27581,9 @@ var IkasNavigationLink = /** @class */ (function () {
27599
27581
  }());
27600
27582
 
27601
27583
  var IkasProductDetail = /** @class */ (function () {
27602
- function IkasProductDetail(product, selectedVariantValues, router) {
27603
- this.router = null;
27584
+ function IkasProductDetail(product, selectedVariantValues) {
27604
27585
  this.product = new IkasProduct(product);
27605
27586
  this.selectedVariantValues = selectedVariantValues.map(function (vv) { return new IkasVariantValue(vv); });
27606
- this.router = router;
27607
27587
  mobx.makeAutoObservable(this);
27608
27588
  }
27609
27589
  Object.defineProperty(IkasProductDetail.prototype, "mainVariantValue", {
@@ -27631,25 +27611,10 @@ var IkasProductDetail = /** @class */ (function () {
27631
27611
  });
27632
27612
  Object.defineProperty(IkasProductDetail.prototype, "href", {
27633
27613
  get: function () {
27634
- var _this = this;
27635
27614
  var metaData = this.product.metaData;
27636
27615
  if (!(metaData === null || metaData === void 0 ? void 0 : metaData.slug))
27637
27616
  return "";
27638
- var variantParams = this.product.variantTypes
27639
- .map(function (pvt) {
27640
- var vt = pvt.variantType;
27641
- var selectedVariant = vt.values.find(function (vv) {
27642
- return _this.selectedVariantValues.some(function (svv) { return svv.id === vv.id; });
27643
- });
27644
- if (selectedVariant)
27645
- return vt.slug + "=" + selectedVariant.slug;
27646
- })
27647
- .filter(function (param) { return !!param; })
27648
- .join("&");
27649
- if (variantParams)
27650
- return "/" + metaData.slug + "?" + variantParams;
27651
- else
27652
- return "/" + metaData.slug;
27617
+ return "/" + metaData.slug;
27653
27618
  },
27654
27619
  enumerable: false,
27655
27620
  configurable: true
@@ -27696,36 +27661,12 @@ var IkasProductDetail = /** @class */ (function () {
27696
27661
  configurable: true
27697
27662
  });
27698
27663
  IkasProductDetail.prototype.selectVariantValue = function (variantValue) {
27699
- var _this = this;
27700
- var _a;
27701
- var metaData = this.product.metaData;
27702
27664
  var selectedVariantValues = this.selectedVariantValues.map(function (vv) {
27703
27665
  if (vv.variantTypeId === variantValue.variantTypeId)
27704
27666
  return variantValue;
27705
27667
  return vv;
27706
27668
  });
27707
27669
  this.selectedVariantValues = selectedVariantValues;
27708
- var variantParams = this.product.variantTypes
27709
- .map(function (pvt) {
27710
- var vt = pvt.variantType;
27711
- var selectedVariant = vt.values.find(function (vv) {
27712
- return _this.selectedVariantValues.some(function (svv) { return svv.id === vv.id; });
27713
- });
27714
- if (selectedVariant)
27715
- return vt.slug + "=" + selectedVariant.slug;
27716
- })
27717
- .filter(function (param) { return !!param; })
27718
- .join("&");
27719
- var newUrl = "/" + metaData.slug;
27720
- if (variantParams)
27721
- newUrl = "/" + metaData.slug + "?" + variantParams;
27722
- if (newUrl === window.location.pathname)
27723
- return;
27724
- var isShallow = process.env.NODE_ENV !== "production";
27725
- (_a = this.router) === null || _a === void 0 ? void 0 : _a.replace(newUrl, undefined, {
27726
- shallow: isShallow,
27727
- scroll: false,
27728
- });
27729
27670
  };
27730
27671
  return IkasProductDetail;
27731
27672
  }());
@@ -33295,33 +33236,15 @@ function createProductSchema(productDetail) {
33295
33236
  var _a, _b;
33296
33237
  try {
33297
33238
  var isBrowser = typeof window !== "undefined";
33298
- // TODO this code copy-pasted, organize this block
33299
33239
  if (isBrowser) {
33300
- var urlParams_1 = new URLSearchParams(window.location.search);
33301
- var vid_1 = urlParams_1.get("vid");
33240
+ var urlParams = new URLSearchParams(window.location.search);
33241
+ var vid_1 = urlParams.get("vid");
33302
33242
  if (vid_1) {
33303
33243
  var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
33304
33244
  if (variant) {
33305
33245
  productDetail.selectedVariantValues = variant.variantValues;
33306
33246
  }
33307
33247
  }
33308
- else {
33309
- var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
33310
- var selectedVariantValues_1 = [];
33311
- productVariantTypeSlugs.forEach(function (slug, vtIndex) {
33312
- var productVariantType = productDetail.product.variantTypes[vtIndex];
33313
- var variantValueSlug = urlParams_1.get(slug);
33314
- if (variantValueSlug) {
33315
- var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
33316
- if (variantValue)
33317
- selectedVariantValues_1.push(variantValue);
33318
- }
33319
- });
33320
- if (selectedVariantValues_1.length ===
33321
- productDetail.selectedVariantValues.length) {
33322
- productDetail.selectedVariantValues = selectedVariantValues_1;
33323
- }
33324
- }
33325
33248
  }
33326
33249
  var productUrl = isBrowser
33327
33250
  ? "https://" + window.location.hostname + productDetail.href
@@ -33395,7 +33318,36 @@ function createCategoryBreadcrumbSchema(pageSpecificDataStr) {
33395
33318
  catch (_a) { }
33396
33319
  }
33397
33320
 
33321
+ function styleInject(css, ref) {
33322
+ if ( ref === void 0 ) ref = {};
33323
+ var insertAt = ref.insertAt;
33324
+
33325
+ if (!css || typeof document === 'undefined') { return; }
33326
+
33327
+ var head = document.head || document.getElementsByTagName('head')[0];
33328
+ var style = document.createElement('style');
33329
+ style.type = 'text/css';
33330
+
33331
+ if (insertAt === 'top') {
33332
+ if (head.firstChild) {
33333
+ head.insertBefore(style, head.firstChild);
33334
+ } else {
33335
+ head.appendChild(style);
33336
+ }
33337
+ } else {
33338
+ head.appendChild(style);
33339
+ }
33340
+
33341
+ if (style.styleSheet) {
33342
+ style.styleSheet.cssText = css;
33343
+ } else {
33344
+ style.appendChild(document.createTextNode(css));
33345
+ }
33346
+ }
33347
+
33348
+ 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";
33398
33349
  var styles = {"IkasPage":"style-module_IkasPage__ATOib"};
33350
+ styleInject(css_248z);
33399
33351
 
33400
33352
  var IkasPage = mobxReactLite.observer(function (_a) {
33401
33353
  var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, addOgpMetas = _a.addOgpMetas;
@@ -33923,7 +33875,7 @@ var IkasPageDataProvider = /** @class */ (function () {
33923
33875
  IkasPageDataProvider.initProductListPropValue(prop, propValue, pageComponentPropValue, router);
33924
33876
  break;
33925
33877
  case exports.IkasThemeComponentPropType.PRODUCT_DETAIL:
33926
- IkasPageDataProvider.initProductDetailPropValue(prop, propValue, pageComponentPropValue, router, isBrowser);
33878
+ IkasPageDataProvider.initProductDetailPropValue(prop, propValue, pageComponentPropValue, isBrowser);
33927
33879
  break;
33928
33880
  case exports.IkasThemeComponentPropType.PRODUCT_ATTRIBUTE:
33929
33881
  IkasPageDataProvider.initAttributePropValue(prop, propValue, pageComponentPropValue);
@@ -33992,40 +33944,23 @@ var IkasPageDataProvider = /** @class */ (function () {
33992
33944
  IkasPageDataProvider._initProductListPropValue = function (propValue, router) {
33993
33945
  return new IkasProductList(propValue, router);
33994
33946
  };
33995
- IkasPageDataProvider.initProductDetailPropValue = function (prop, propValue, pageComponentPropValue, router, isBrowser) {
33996
- pageComponentPropValue.propValues[prop.name] = this._initProductDetailPropValue(propValue, router, isBrowser);
33947
+ IkasPageDataProvider.initProductDetailPropValue = function (prop, propValue, pageComponentPropValue, isBrowser) {
33948
+ pageComponentPropValue.propValues[prop.name] = this._initProductDetailPropValue(propValue, isBrowser);
33997
33949
  };
33998
- IkasPageDataProvider._initProductDetailPropValue = function (propValue, router, isBrowser) {
33950
+ IkasPageDataProvider._initProductDetailPropValue = function (propValue, isBrowser) {
33999
33951
  var _propValue = propValue;
34000
33952
  var productDetail = new IkasProductDetail(_propValue.product, _propValue.selectedVariantValues);
34001
33953
  if (isBrowser) {
34002
- var urlParams_1 = new URLSearchParams(window.location.search);
34003
- var vid_1 = urlParams_1.get("vid");
33954
+ var urlParams = new URLSearchParams(window.location.search);
33955
+ var vid_1 = urlParams.get("vid");
34004
33956
  if (vid_1) {
34005
33957
  var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
34006
33958
  if (variant) {
34007
33959
  productDetail.selectedVariantValues = variant.variantValues;
34008
33960
  }
34009
33961
  }
34010
- else {
34011
- var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
34012
- var selectedVariantValues_1 = [];
34013
- productVariantTypeSlugs.forEach(function (slug, vtIndex) {
34014
- var productVariantType = productDetail.product.variantTypes[vtIndex];
34015
- var variantValueSlug = urlParams_1.get(slug);
34016
- if (variantValueSlug) {
34017
- var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
34018
- if (variantValue)
34019
- selectedVariantValues_1.push(variantValue);
34020
- }
34021
- });
34022
- if (selectedVariantValues_1.length ===
34023
- productDetail.selectedVariantValues.length) {
34024
- productDetail.selectedVariantValues = selectedVariantValues_1;
34025
- }
34026
- }
34027
33962
  }
34028
- return new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues, router);
33963
+ return new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues);
34029
33964
  };
34030
33965
  IkasPageDataProvider.initAttributePropValue = function (prop, propValue, pageComponentPropValue) {
34031
33966
  pageComponentPropValue.propValues[prop.name] = IkasPageDataProvider._initAttributePropValue(propValue);
@@ -34101,7 +34036,7 @@ var IkasPageDataProvider = /** @class */ (function () {
34101
34036
  case exports.IkasThemeComponentPropType.LINK:
34102
34037
  return this._initLinkPropValue(propValue);
34103
34038
  case exports.IkasThemeComponentPropType.PRODUCT_DETAIL:
34104
- return this._initProductDetailPropValue(propValue, router, isBrowser);
34039
+ return this._initProductDetailPropValue(propValue, isBrowser);
34105
34040
  case exports.IkasThemeComponentPropType.PRODUCT_LIST:
34106
34041
  return this._initProductListPropValue(propValue, router);
34107
34042
  case exports.IkasThemeComponentPropType.PRODUCT_ATTRIBUTE:
@@ -37371,7 +37306,9 @@ var BridgeMessageType;
37371
37306
  BridgeMessageType["UPDATE_THEME_SETTINGS"] = "UPDATE_THEME_SETTINGS";
37372
37307
  })(BridgeMessageType || (BridgeMessageType = {}));
37373
37308
 
37309
+ 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";
37374
37310
  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"};
37311
+ styleInject(css_248z$1);
37375
37312
 
37376
37313
  var FormItemViewModel = /** @class */ (function () {
37377
37314
  function FormItemViewModel(props) {
@@ -59710,7 +59647,9 @@ var Select = mobxReactLite.observer(function (_a) {
59710
59647
  React.createElement(SVGCaretDown, null))));
59711
59648
  });
59712
59649
 
59650
+ 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";
59713
59651
  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"};
59652
+ styleInject(css_248z$2);
59714
59653
 
59715
59654
  var Button = mobxReactLite.observer(function (_a) {
59716
59655
  var text = _a.text, style = _a.style, onClick = _a.onClick, size = _a.size, isLoading = _a.isLoading, isDisabled = _a.isDisabled, isLine = _a.isLine;
@@ -59729,7 +59668,9 @@ var SVGCheck = function (_a) {
59729
59668
  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" })));
59730
59669
  };
59731
59670
 
59671
+ 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";
59732
59672
  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"};
59673
+ styleInject(css_248z$3);
59733
59674
 
59734
59675
  var Checkbox = mobxReactLite.observer(function (_a) {
59735
59676
  var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
@@ -59756,7 +59697,9 @@ var Checkbox = mobxReactLite.observer(function (_a) {
59756
59697
  !!label && React.createElement("div", { className: labelClasses.join(" ") }, label)));
59757
59698
  });
59758
59699
 
59700
+ 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";
59759
59701
  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"};
59702
+ styleInject(css_248z$4);
59760
59703
 
59761
59704
  var SVGWarning = function (_a) {
59762
59705
  var className = _a.className;
@@ -59861,13 +59804,21 @@ var Errors = function (_a) {
59861
59804
  };
59862
59805
  var Errors$1 = mobxReactLite.observer(Errors);
59863
59806
 
59807
+ 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";
59864
59808
  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"};
59809
+ styleInject(css_248z$5);
59865
59810
 
59811
+ 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";
59866
59812
  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"};
59813
+ styleInject(css_248z$6);
59867
59814
 
59815
+ 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";
59868
59816
  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"};
59817
+ styleInject(css_248z$7);
59869
59818
 
59819
+ 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";
59870
59820
  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"};
59821
+ styleInject(css_248z$8);
59871
59822
 
59872
59823
  var Toggle = mobxReactLite.observer(function (_a) {
59873
59824
  var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
@@ -60450,7 +60401,9 @@ var TaxNumber = mobxReactLite.observer(function (_a) {
60450
60401
  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 }));
60451
60402
  });
60452
60403
 
60404
+ 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";
60453
60405
  var styles$8 = {"AddressText":"style-module_AddressText__2J31s","CancelEdit":"style-module_CancelEdit__2MXfO","EditAddressActions":"style-module_EditAddressActions__1TY0T"};
60406
+ styleInject(css_248z$9);
60454
60407
 
60455
60408
  var CustomerAddressesViewModel = /** @class */ (function () {
60456
60409
  function CustomerAddressesViewModel(vm, addressType) {
@@ -60657,7 +60610,9 @@ var CheckoutStepInfo = function (_a) {
60657
60610
  };
60658
60611
  var CheckoutStepInfo$1 = mobxReactLite.observer(CheckoutStepInfo);
60659
60612
 
60613
+ 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";
60660
60614
  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"};
60615
+ styleInject(css_248z$a);
60661
60616
 
60662
60617
  var CheckoutStepShipping = mobxReactLite.observer(function (_a) {
60663
60618
  var vm = _a.vm;
@@ -60741,7 +60696,9 @@ var SVGVisa = function (_a) {
60741
60696
  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" })));
60742
60697
  };
60743
60698
 
60699
+ var css_248z$b = ".style-module_CardLogo__1jFyp {\n display: flex;\n align-items: center;\n height: 100%;\n padding-right: 16px; }\n";
60744
60700
  var styles$a = {"CardLogo":"style-module_CardLogo__1jFyp"};
60701
+ styleInject(css_248z$b);
60745
60702
 
60746
60703
  var CreditCardForm = mobxReactLite.observer(function (_a) {
60747
60704
  var _b;
@@ -60774,7 +60731,9 @@ var CreditCardForm = mobxReactLite.observer(function (_a) {
60774
60731
  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 }))));
60775
60732
  });
60776
60733
 
60734
+ 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";
60777
60735
  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"};
60736
+ styleInject(css_248z$c);
60778
60737
 
60779
60738
  var Installments = mobxReactLite.observer(function (_a) {
60780
60739
  var _b;
@@ -60792,7 +60751,9 @@ var Installments = mobxReactLite.observer(function (_a) {
60792
60751
  React.createElement("div", { className: styles$b.Price }, formatMoney(ip.totalPrice, vm.checkout.cart.currencyCode)))); }))));
60793
60752
  });
60794
60753
 
60754
+ 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";
60795
60755
  var styles$c = {"PaymentLogoContainer":"style-module_PaymentLogoContainer__224HZ","AdditionalPrice":"style-module_AdditionalPrice__gW28c"};
60756
+ styleInject(css_248z$d);
60796
60757
 
60797
60758
  var PaymentGateways = mobxReactLite.observer(function (_a) {
60798
60759
  var vm = _a.vm;
@@ -60844,7 +60805,9 @@ var BillingAddress = mobxReactLite.observer(function (_a) {
60844
60805
  vm.useDifferentAddress && (React.createElement(CustomerAddresses$1, { vm: customerAddressesViewModel }))));
60845
60806
  });
60846
60807
 
60808
+ 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";
60847
60809
  var styles$d = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC","SecurePaymentContainer":"style-module_SecurePaymentContainer__8jSz4","Lock":"style-module_Lock__2gl_x"};
60810
+ styleInject(css_248z$e);
60848
60811
 
60849
60812
  var SVGLock = function (_a) {
60850
60813
  var className = _a.className;
@@ -60890,7 +60853,9 @@ var CheckoutStepPayment = mobxReactLite.observer(function (_a) {
60890
60853
  React.createElement("span", null, t("checkout-page:securePaymentTooltip"))))));
60891
60854
  });
60892
60855
 
60856
+ 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";
60893
60857
  var styles$e = {"Container":"style-module_Container__2_f6f","Button":"style-module_Button__38WsW","loader":"style-module_loader__2oUyh","load8":"style-module_load8__2JtWU"};
60858
+ styleInject(css_248z$f);
60894
60859
 
60895
60860
  var InputWithButton = function (_a) {
60896
60861
  var value = _a.value, placeholder = _a.placeholder, buttonLabel = _a.buttonLabel, isLoading = _a.isLoading, onClick = _a.onClick, onChange = _a.onChange;
@@ -60908,7 +60873,9 @@ var InputWithButton = function (_a) {
60908
60873
  };
60909
60874
  var InputWithButton$1 = mobxReactLite.observer(InputWithButton);
60910
60875
 
60876
+ 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";
60911
60877
  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"};
60878
+ styleInject(css_248z$g);
60912
60879
 
60913
60880
  var CartItem = mobxReactLite.observer(function (_a) {
60914
60881
  var _b;
@@ -60928,7 +60895,9 @@ var CartItem = mobxReactLite.observer(function (_a) {
60928
60895
  formatMoney(cartItem.finalPriceWithQuantity, currencyCode)))));
60929
60896
  });
60930
60897
 
60898
+ 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";
60931
60899
  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"};
60900
+ styleInject(css_248z$h);
60932
60901
 
60933
60902
  var Tooltip = function (_a) {
60934
60903
  var text = _a.text, className = _a.className, style = _a.style;
@@ -60956,7 +60925,9 @@ var SVGGift = function (_a) {
60956
60925
  React.createElement("rect", { width: "16", height: "16", fill: "white" })))));
60957
60926
  };
60958
60927
 
60928
+ 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";
60959
60929
  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"};
60930
+ styleInject(css_248z$i);
60960
60931
 
60961
60932
  var SVGIkas = function (_a) {
60962
60933
  var className = _a.className;
@@ -61189,7 +61160,9 @@ var Note = mobxReactLite.observer(function (_a) {
61189
61160
  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 }))))));
61190
61161
  });
61191
61162
 
61163
+ 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";
61192
61164
  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"};
61165
+ styleInject(css_248z$j);
61193
61166
 
61194
61167
  var SVGSuccessCircle = function (_a) {
61195
61168
  var className = _a.className;
@@ -61198,7 +61171,9 @@ var SVGSuccessCircle = function (_a) {
61198
61171
  React.createElement("path", { d: "M12 20L18 26L28.0005 15.9998", stroke: "white", "stroke-width": "3.2", "stroke-linecap": "round" })));
61199
61172
  };
61200
61173
 
61174
+ 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";
61201
61175
  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"};
61176
+ styleInject(css_248z$k);
61202
61177
 
61203
61178
  var ExpandableSection = function (_a) {
61204
61179
  var title = _a.title, children = _a.children;
@@ -61221,7 +61196,9 @@ var SVGCross$1 = function (_a) {
61221
61196
  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" })));
61222
61197
  };
61223
61198
 
61199
+ 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";
61224
61200
  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"};
61201
+ styleInject(css_248z$l);
61225
61202
 
61226
61203
  var Modal = mobxReactLite.observer(function (_a) {
61227
61204
  var title = _a.title, onClose = _a.onClose, modalContent = _a.modalContent;
@@ -61251,7 +61228,6 @@ var StepSuccess = mobxReactLite.observer(function (_a) {
61251
61228
  var t = useTranslation().t;
61252
61229
  var _f = React.useState(false), isContactModalVisible = _f[0], setContactModalVisible = _f[1];
61253
61230
  React.useEffect(function () {
61254
- var _a;
61255
61231
  if (typeof localStorage !== "undefined") {
61256
61232
  var lsCartId = localStorage.getItem(CART_LS_KEY);
61257
61233
  var lsCheckoutId = localStorage.getItem(CHECKOUT_LS_KEY);
@@ -61260,7 +61236,7 @@ var StepSuccess = mobxReactLite.observer(function (_a) {
61260
61236
  if (lsCheckoutId && lsCheckoutId === vm.checkout.id)
61261
61237
  localStorage.removeItem(CHECKOUT_LS_KEY);
61262
61238
  }
61263
- Analytics.purchase(vm.checkout, ((_a = vm.successTransaction) === null || _a === void 0 ? void 0 : _a.id) || "");
61239
+ Analytics.purchase(vm.checkout, vm.checkout.orderNumber);
61264
61240
  }, []);
61265
61241
  var customerName = (((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.firstName) || "") +
61266
61242
  " " +
@@ -61478,33 +61454,18 @@ var OrderStatus = mobxReactLite.observer(function (_a) {
61478
61454
  })) === null || _d === void 0 ? void 0 : _d.text : ""));
61479
61455
  });
61480
61456
 
61481
- var IMAGE_SIZES = [
61482
- 180,
61483
- 360,
61484
- 540,
61485
- 720,
61486
- 900,
61487
- 1080,
61488
- 1296,
61489
- 1512,
61490
- 1728,
61491
- 1950,
61492
- 2560,
61493
- 3840,
61494
- ];
61495
61457
  var Image = function (_a) {
61496
61458
  var image = _a.image, others = __rest(_a, ["image"]);
61497
61459
  var loader = function (_a) {
61498
61460
  var width = _a.width;
61499
- var closest = IMAGE_SIZES.reduce(function (prev, curr) {
61500
- return Math.abs(curr - width) < Math.abs(prev - width) ? curr : prev;
61501
- });
61502
- return image.getSrc(closest);
61461
+ return image.getSrc(width);
61503
61462
  };
61504
- return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image", unoptimized: true })));
61463
+ return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
61505
61464
  };
61506
61465
 
61466
+ 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";
61507
61467
  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"};
61468
+ styleInject(css_248z$m);
61508
61469
 
61509
61470
  var StepContainer = mobxReactLite.observer(function (_a) {
61510
61471
  var steps = _a.steps, stepContent = _a.stepContent;
@@ -61553,7 +61514,9 @@ var Step = /** @class */ (function () {
61553
61514
  return Step;
61554
61515
  }());
61555
61516
 
61517
+ 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";
61556
61518
  var styles$m = {"Actions":"style-module_Actions__ttsEZ","Description":"style-module_Description__3BMvk"};
61519
+ styleInject(css_248z$n);
61557
61520
 
61558
61521
  var StockError = mobxReactLite.observer(function (_a) {
61559
61522
  var vm = _a.vm, error = _a.error;
@@ -61593,7 +61556,9 @@ var StockError = mobxReactLite.observer(function (_a) {
61593
61556
  }, text: t("checkout-page:actions.continue"), isLoading: isLoading, onClick: onContinueClick }))) }));
61594
61557
  });
61595
61558
 
61559
+ 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";
61596
61560
  var styles$n = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
61561
+ styleInject(css_248z$o);
61597
61562
 
61598
61563
  var FullscreenLoading = function () {
61599
61564
  return (React.createElement("div", { className: styles$n.Container },
@@ -61711,7 +61676,7 @@ var Steps = mobxReactLite.observer(function (_a) {
61711
61676
  React.createElement(StepSummaryAddress, { vm: vm }))) : undefined),
61712
61677
  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 },
61713
61678
  React.createElement(StepSummaryShipping, { vm: vm }),
61714
- 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 },
61679
+ 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 },
61715
61680
  React.createElement(StepSummaryShipping, { vm: vm }))) : undefined),
61716
61681
  new Step(t("checkout-page:payment"), vm.step === CheckoutStep.PAYMENT, false),
61717
61682
  ];