@sc-360-v2/storefront-cms-library 0.5.73 → 0.5.75

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 (141) hide show
  1. package/dist/add-existing-form.scss +5 -13
  2. package/dist/add-order.scss +236 -126
  3. package/dist/add-products-tab-details.scss +2097 -1048
  4. package/dist/add-products-tab.scss +1204 -666
  5. package/dist/allocation-header-quota-details.scss +407 -189
  6. package/dist/allocationDetails.scss +2143 -1661
  7. package/dist/allocations-quota-details.scss +323 -159
  8. package/dist/allocations.scss +793 -475
  9. package/dist/amount-estimator.scss +743 -405
  10. package/dist/badge.scss +18 -43
  11. package/dist/brand-basic-elements.scss +124 -76
  12. package/dist/brand.scss +55 -28
  13. package/dist/breadcrumbs.scss +718 -356
  14. package/dist/builder.js +1 -1
  15. package/dist/builderLite.js +1 -1
  16. package/dist/bulk-variant-picker.scss +2027 -1128
  17. package/dist/bundle.scss +1477 -841
  18. package/dist/bundleDetails.scss +5072 -3774
  19. package/dist/button.scss +103 -79
  20. package/dist/buy-for-tab-container.scss +106 -77
  21. package/dist/buyForHeaders.scss +2976 -1722
  22. package/dist/cart-details.scss +1012 -481
  23. package/dist/cart-summary.scss +1149 -557
  24. package/dist/cart-wrapper.scss +79 -37
  25. package/dist/cart.scss +225 -117
  26. package/dist/cartAttributes.scss +735 -416
  27. package/dist/category-groups-element.scss +108 -127
  28. package/dist/category-groups-product-grid.scss +147 -120
  29. package/dist/category-groups-product-image.scss +1457 -1162
  30. package/dist/category-groups-product-options.scss +680 -613
  31. package/dist/category-groups-product-price.scss +3244 -1966
  32. package/dist/category-groups-quota-details.scss +464 -210
  33. package/dist/category.scss +50 -26
  34. package/dist/checkout.scss +16 -24
  35. package/dist/confirm-modal.scss +2 -22
  36. package/dist/container.scss +54 -32
  37. package/dist/countdown.scss +443 -255
  38. package/dist/coupon.scss +710 -351
  39. package/dist/default-dropdown.scss +1 -12
  40. package/dist/embroider-template-1-v2.scss +172 -123
  41. package/dist/embroider-template-1.scss +104 -68
  42. package/dist/embroidery.scss +31 -30
  43. package/dist/employee-bulk-order.scss +142 -418
  44. package/dist/faq.scss +408 -228
  45. package/dist/filter-results.scss +265 -125
  46. package/dist/filters.scss +1797 -900
  47. package/dist/gallery-slider-temp.scss +750 -432
  48. package/dist/global-styles.scss +7 -23
  49. package/dist/grid.scss +33 -25
  50. package/dist/hotspot.scss +115 -68
  51. package/dist/icons-builder.js +1 -1
  52. package/dist/icons-website.js +1 -1
  53. package/dist/icons.js +1 -1
  54. package/dist/image-temp.scss +20 -21
  55. package/dist/index.js +1 -1
  56. package/dist/item-stock.scss +16 -9
  57. package/dist/kitDetails.scss +4301 -2721
  58. package/dist/kits.scss +19 -24
  59. package/dist/language-selector.scss +361 -211
  60. package/dist/last-x-orders.scss +174 -95
  61. package/dist/layouter-item.scss +103 -75
  62. package/dist/layouter-pro-item.scss +95 -89
  63. package/dist/layouter-pro.scss +92 -87
  64. package/dist/layouter.scss +445 -383
  65. package/dist/light-box-v2.scss +104 -89
  66. package/dist/login.scss +566 -287
  67. package/dist/map.scss +368 -221
  68. package/dist/marchandiserSets.scss +104 -95
  69. package/dist/mega-menu-container.scss +109 -96
  70. package/dist/mega-menu.scss +731 -624
  71. package/dist/menu-item.scss +2 -2
  72. package/dist/menu-v2.scss +619 -507
  73. package/dist/multi-select-dropdown.scss +3 -27
  74. package/dist/my-templates.scss +9 -38
  75. package/dist/option-bar.scss +375 -215
  76. package/dist/option-families.scss +252 -0
  77. package/dist/order-status.scss +1117 -646
  78. package/dist/overflow-module.scss +7 -6
  79. package/dist/past-orders.scss +149 -118
  80. package/dist/payment-methods.scss +30 -46
  81. package/dist/pickup-locations.scss +1118 -558
  82. package/dist/position-module.scss +17 -20
  83. package/dist/prefix-list.scss +10 -21
  84. package/dist/product-actions.scss +2425 -1625
  85. package/dist/product-basic-elements.scss +169 -108
  86. package/dist/product-highlights.scss +152 -107
  87. package/dist/product-image-bundles.scss +642 -337
  88. package/dist/product-inventory.scss +1357 -673
  89. package/dist/product-labels.scss +105 -84
  90. package/dist/product-options.scss +1274 -1117
  91. package/dist/product-price.scss +2561 -1283
  92. package/dist/product-promotions.scss +2830 -1388
  93. package/dist/product-sizechart.scss +905 -516
  94. package/dist/product.scss +61 -28
  95. package/dist/productDetails.scss +39 -19
  96. package/dist/profile.scss +447 -207
  97. package/dist/quantity-selector.scss +550 -313
  98. package/dist/quick-inventory-check.scss +174 -95
  99. package/dist/quick-links.scss +133 -55
  100. package/dist/quick-order-pad.scss +271 -218
  101. package/dist/quota-details.scss +282 -152
  102. package/dist/quotes.scss +122 -89
  103. package/dist/repeater-embla-controls.scss +15 -35
  104. package/dist/repeater-grid-toggle.scss +166 -156
  105. package/dist/repeater-item.scss +64 -41
  106. package/dist/repeater.scss +814 -671
  107. package/dist/request-for-quotes.scss +16 -66
  108. package/dist/responsive-behaviour.scss +1 -3
  109. package/dist/rfqs.scss +181 -118
  110. package/dist/scroll.scss +172 -93
  111. package/dist/search.scss +326 -179
  112. package/dist/section.scss +51 -27
  113. package/dist/shipping-payments.scss +58 -198
  114. package/dist/simple-list.scss +164 -74
  115. package/dist/social.scss +145 -80
  116. package/dist/sort.scss +19 -11
  117. package/dist/stack.scss +34 -23
  118. package/dist/static-global.scss +26 -44
  119. package/dist/stockStatus.scss +19 -11
  120. package/dist/store-locations.scss +1105 -577
  121. package/dist/tab-container.scss +108 -81
  122. package/dist/table-common.scss +408 -217
  123. package/dist/table.scss +502 -271
  124. package/dist/text-temp.scss +7 -8
  125. package/dist/theme-classes.scss +13 -17
  126. package/dist/types/builder/enums/data-connectors.d.ts +3 -1
  127. package/dist/types/builder/enums/index.d.ts +3 -1
  128. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  129. package/dist/types/builder/tools/element-edit/optionFamilies.d.ts +20 -0
  130. package/dist/types/builder/tools/element-edit/productActions.d.ts +3 -0
  131. package/dist/types/website/constants/data-connector-souces.d.ts +40 -8
  132. package/dist/types/website/constants/data-connectors.d.ts +12 -1
  133. package/dist/types/website/helper/ssr-functions.d.ts +8 -0
  134. package/dist/uom-selector.scss +949 -489
  135. package/dist/uploadMedia.js +1 -1
  136. package/dist/user-elements.scss +837 -529
  137. package/dist/variant-picker.scss +2555 -1281
  138. package/dist/volume-pricing.scss +1037 -541
  139. package/dist/website.js +1 -1
  140. package/dist/widget.scss +1 -0
  141. package/package.json +1 -1
@@ -4,14 +4,12 @@
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
7
-
8
7
  // $defaultValues: (
9
8
  // --_dm-flt: getListOfResponsive(flex-end, flex-start),
10
9
  // );
11
10
  div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
12
11
  display: flow-root !important;
13
12
  }
14
-
15
13
  [data-div-type="element"] {
16
14
  &[data-element-type="addProductsTab"] {
17
15
  // Import additional styles from partial file
@@ -30,7 +28,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
30
28
  // )
31
29
  // );
32
30
  // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
33
- &>div {
31
+ & > div {
34
32
  &.wrapper {
35
33
  width: 100%;
36
34
  // &:has(.buyfor_content_loader) {
@@ -49,7 +47,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
49
47
  align-items: center;
50
48
  justify-content: center;
51
49
  min-height: 350px;
52
-
53
50
  .spinner_sm {
54
51
  border: 4px solid var(--_gray-200);
55
52
  border-top: 4px solid var(--_thm-cs-at-py);
@@ -64,7 +61,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
64
61
  0% {
65
62
  transform: rotate(0deg);
66
63
  }
67
-
68
64
  100% {
69
65
  transform: rotate(360deg);
70
66
  }
@@ -77,12 +73,10 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
77
73
  }
78
74
 
79
75
  @keyframes fade {
80
-
81
76
  0%,
82
77
  100% {
83
78
  opacity: 0.3;
84
79
  }
85
-
86
80
  50% {
87
81
  opacity: 1;
88
82
  }
@@ -95,27 +89,41 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
95
89
  align-items: center;
96
90
  border-bottom: 1px solid var(--_thm-cs-be-se-3);
97
91
  padding-bottom: 24px;
98
-
99
92
  .section-title {
100
- font-size: var(--_ctm-mob-dn-hr-te-ft-se,
101
- var(--_ctm-tab-dn-hr-te-ft-se, var(--_ctm-dn-hr-te-ft-se)));
102
- font-family: var(--_ctm-mob-dn-hr-te-ft-fy,
103
- var(--_ctm-tab-dn-hr-te-ft-fy, var(--_ctm-dn-hr-te-ft-fy)));
104
- text-transform: var(--_ctm-mob-dn-hr-te-tt-tm,
105
- var(--_ctm-tab-dn-hr-te-tt-tm, var(--_ctm-dn-hr-te-tt-tm)));
106
- word-wrap: var(--_ctm-mob-dn-hr-te-wd-wp,
107
- var(--_ctm-tab-dn-hr-te-wd-wp, var(--_ctm-dn-hr-te-wd-wp)));
108
- word-break: var(--_ctm-mob-dn-hr-te-wd-bk,
109
- var(--_ctm-tab-dn-hr-te-wd-bk, var(--_ctm-dn-hr-te-wd-bk)));
110
- font-weight: var(--_ctm-mob-dn-hr-te-ft-wt,
111
- var(--_ctm-tab-dn-hr-te-ft-wt, var(--_ctm-dn-hr-te-ft-wt)));
112
- line-height: var(--_ctm-mob-dn-hr-te-le-ht,
113
- var(--_ctm-tab-dn-hr-te-le-ht, var(--_ctm-dn-hr-te-le-ht)));
114
- letter-spacing: var(--_ctm-mob-dn-hr-te-lr-sg,
115
- var(--_ctm-tab-dn-hr-te-lr-sg, var(--_ctm-dn-hr-te-lr-sg)));
93
+ font-size: var(
94
+ --_ctm-mob-dn-hr-te-ft-se,
95
+ var(--_ctm-tab-dn-hr-te-ft-se, var(--_ctm-dn-hr-te-ft-se))
96
+ );
97
+ font-family: var(
98
+ --_ctm-mob-dn-hr-te-ft-fy,
99
+ var(--_ctm-tab-dn-hr-te-ft-fy, var(--_ctm-dn-hr-te-ft-fy))
100
+ );
101
+ text-transform: var(
102
+ --_ctm-mob-dn-hr-te-tt-tm,
103
+ var(--_ctm-tab-dn-hr-te-tt-tm, var(--_ctm-dn-hr-te-tt-tm))
104
+ );
105
+ word-wrap: var(
106
+ --_ctm-mob-dn-hr-te-wd-wp,
107
+ var(--_ctm-tab-dn-hr-te-wd-wp, var(--_ctm-dn-hr-te-wd-wp))
108
+ );
109
+ word-break: var(
110
+ --_ctm-mob-dn-hr-te-wd-bk,
111
+ var(--_ctm-tab-dn-hr-te-wd-bk, var(--_ctm-dn-hr-te-wd-bk))
112
+ );
113
+ font-weight: var(
114
+ --_ctm-mob-dn-hr-te-ft-wt,
115
+ var(--_ctm-tab-dn-hr-te-ft-wt, var(--_ctm-dn-hr-te-ft-wt))
116
+ );
117
+ line-height: var(
118
+ --_ctm-mob-dn-hr-te-le-ht,
119
+ var(--_ctm-tab-dn-hr-te-le-ht, var(--_ctm-dn-hr-te-le-ht))
120
+ );
121
+ letter-spacing: var(
122
+ --_ctm-mob-dn-hr-te-lr-sg,
123
+ var(--_ctm-tab-dn-hr-te-lr-sg, var(--_ctm-dn-hr-te-lr-sg))
124
+ );
116
125
  color: var(--_ctm-mob-dn-hr-te-cr, var(--_ctm-tab-dn-hr-te-cr, var(--_ctm-dn-hr-te-cr)));
117
126
  }
118
-
119
127
  .search-bar {
120
128
  display: flex;
121
129
  align-items: center;
@@ -132,7 +140,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
132
140
  transition:
133
141
  outline border 0.2s ease,
134
142
  border 0.2s ease;
135
-
136
143
  &:focus-within {
137
144
  // border: 1px solid var(--_thm-cs-tt-by-tt);
138
145
  border: 1px solid color-mix(in srgb, var(--_thm-cs-tt-by-tt) 40%, transparent);
@@ -143,7 +150,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
143
150
  margin-right: 8px;
144
151
  color: var(--_thm-cs-be-se-3);
145
152
  }
146
-
147
153
  .close-icon {
148
154
  svg {
149
155
  height: 12px;
@@ -168,15 +174,12 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
168
174
  }
169
175
  }
170
176
  }
171
-
172
177
  .buyforcart_empty_wrp {
173
178
  height: 300px;
174
179
  }
175
-
176
180
  .add-product-wrapper {
177
181
  display: grid;
178
182
  grid-template-columns: 1fr 1fr;
179
-
180
183
  // gap: 48px;
181
184
  &:has(.empty_template) {
182
185
  display: flex;
@@ -206,7 +209,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
206
209
  font-weight: 700;
207
210
  line-height: 30px;
208
211
  }
209
-
210
212
  .product-subheader {
211
213
  display: flex;
212
214
  flex-direction: row;
@@ -219,7 +221,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
219
221
  white-space: nowrap;
220
222
  align-items: flex-start;
221
223
  }
222
-
223
224
  .product-quota {
224
225
  font-weight: 400;
225
226
  font-size: 14px;
@@ -230,7 +231,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
230
231
  border-right: 1px solid var(--_border-light-color);
231
232
  gap: 6px;
232
233
  display: flex;
233
-
234
234
  span {
235
235
  font-weight: 700;
236
236
  font-size: 14px;
@@ -238,7 +238,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
238
238
  color: var(--_gray-900);
239
239
  }
240
240
  }
241
-
242
241
  .product-payment-methods {
243
242
  font-weight: 400;
244
243
  font-size: 14px;
@@ -247,7 +246,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
247
246
  color: var(--_gray-500);
248
247
  gap: 6px;
249
248
  display: flex;
250
-
251
249
  span {
252
250
  font-weight: 700;
253
251
  font-size: 14px;
@@ -278,7 +276,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
278
276
  display: flex;
279
277
  flex-direction: column;
280
278
  }
281
-
282
279
  .product-card,
283
280
  .tile {
284
281
  gap: 24px;
@@ -291,8 +288,10 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
291
288
  border-color: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-br-cr);
292
289
  border-style: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-br-se);
293
290
  border-radius: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-br-rs);
294
- box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-ae) prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-br) prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-sd) prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-cr);
295
-
291
+ box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-ae)
292
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-br)
293
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-sd)
294
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-cr);
296
295
  // border: 0.5px solid transparent;
297
296
  &:hover {
298
297
  // background-color: var(--_gray-100);
@@ -306,9 +305,11 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
306
305
  border-color: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-br-cr);
307
306
  border-style: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-br-se);
308
307
  border-radius: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-br-rs);
309
- box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-ae) prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-br) prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-sd) prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-cr);
308
+ box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-ae)
309
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-br)
310
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-sd)
311
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-cr);
310
312
  }
311
-
312
313
  &.active {
313
314
  // border: 0.5px solid #243dc6;
314
315
  // border-radius: 4px;
@@ -317,14 +318,23 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
317
318
 
318
319
  // background-color: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-bd-cr);
319
320
  @include BgColorLighter(var(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-bd-cr), 5%);
320
- border-width: var(--_sf-hr-br-wh,
321
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-wh));
322
- border-color: var(--_sf-hr-br-cr,
323
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-cr));
324
- border-style: var(--_sf-hr-br-se,
325
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-se));
321
+ border-width: var(
322
+ --_sf-hr-br-wh,
323
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-wh)
324
+ );
325
+ border-color: var(
326
+ --_sf-hr-br-cr,
327
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-cr)
328
+ );
329
+ border-style: var(
330
+ --_sf-hr-br-se,
331
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-se)
332
+ );
326
333
  border-radius: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-rs);
327
- box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-ae) prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-br) prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-sd) prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-cr);
334
+ box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-ae)
335
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-br)
336
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-sd)
337
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-cr);
328
338
  }
329
339
 
330
340
  .product-image {
@@ -342,87 +352,164 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
342
352
  flex-direction: column;
343
353
 
344
354
  .product-title {
345
- font-family: var(--_ctm-mob-dn-pt-cd-pt-cd-te-ft-fy,
346
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-ft-fy, var(--_ctm-dn-pt-cd-pt-cd-te-ft-fy)));
347
- text-transform: var(--_ctm-mob-dn-pt-cd-pt-cd-te-tt-tm,
348
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-tt-tm, var(--_ctm-dn-pt-cd-pt-cd-te-tt-tm)));
349
- word-wrap: var(--_ctm-mob-dn-pt-cd-pt-cd-te-wd-wp,
350
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-wd-wp, var(--_ctm-dn-pt-cd-pt-cd-te-wd-wp)));
351
- word-break: var(--_ctm-mob-dn-pt-cd-pt-cd-te-wd-bk,
352
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-wd-bk, var(--_ctm-dn-pt-cd-pt-cd-te-wd-bk)));
353
- font-size: var(--_ctm-mob-dn-pt-cd-pt-cd-te-ft-se,
354
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-ft-se, var(--_ctm-dn-pt-cd-pt-cd-te-ft-se)));
355
- font-weight: var(--_ctm-mob-dn-pt-cd-pt-cd-te-ft-wt,
356
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-ft-wt, var(--_ctm-dn-pt-cd-pt-cd-te-ft-wt)));
357
- color: var(--_ctm-mob-dn-pt-cd-pt-cd-te-cr,
358
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-cr, var(--_ctm-dn-pt-cd-pt-cd-te-cr)));
359
- line-height: var(--_ctm-mob-dn-pt-cd-pt-cd-te-le-ht,
360
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-le-ht, var(--_ctm-dn-pt-cd-pt-cd-te-le-ht)));
361
- letter-spacing: var(--_ctm-mob-dn-pt-cd-pt-cd-te-lr-sg,
362
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-lr-sg, var(--_ctm-dn-pt-cd-pt-cd-te-lr-sg)));
363
- text-decoration: var(--_ctm-mob-dn-pt-cd-pt-cd-te-ue,
364
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-ue, var(--_ctm-dn-pt-cd-pt-cd-te-ue)));
365
- font-style: var(--_ctm-mob-dn-pt-cd-pt-cd-te-ft-se-ic,
366
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-ft-se-ic,
367
- var(--_ctm-dn-pt-cd-pt-cd-te-ft-se-ic)));
368
- padding: var(--_ctm-mob-dn-pt-cd-pt-cd-te-pg,
369
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-pg, var(--_ctm-dn-pt-cd-pt-cd-te-pg)));
355
+ font-family: var(
356
+ --_ctm-mob-dn-pt-cd-pt-cd-te-ft-fy,
357
+ var(--_ctm-tab-dn-pt-cd-pt-cd-te-ft-fy, var(--_ctm-dn-pt-cd-pt-cd-te-ft-fy))
358
+ );
359
+ text-transform: var(
360
+ --_ctm-mob-dn-pt-cd-pt-cd-te-tt-tm,
361
+ var(--_ctm-tab-dn-pt-cd-pt-cd-te-tt-tm, var(--_ctm-dn-pt-cd-pt-cd-te-tt-tm))
362
+ );
363
+ word-wrap: var(
364
+ --_ctm-mob-dn-pt-cd-pt-cd-te-wd-wp,
365
+ var(--_ctm-tab-dn-pt-cd-pt-cd-te-wd-wp, var(--_ctm-dn-pt-cd-pt-cd-te-wd-wp))
366
+ );
367
+ word-break: var(
368
+ --_ctm-mob-dn-pt-cd-pt-cd-te-wd-bk,
369
+ var(--_ctm-tab-dn-pt-cd-pt-cd-te-wd-bk, var(--_ctm-dn-pt-cd-pt-cd-te-wd-bk))
370
+ );
371
+ font-size: var(
372
+ --_ctm-mob-dn-pt-cd-pt-cd-te-ft-se,
373
+ var(--_ctm-tab-dn-pt-cd-pt-cd-te-ft-se, var(--_ctm-dn-pt-cd-pt-cd-te-ft-se))
374
+ );
375
+ font-weight: var(
376
+ --_ctm-mob-dn-pt-cd-pt-cd-te-ft-wt,
377
+ var(--_ctm-tab-dn-pt-cd-pt-cd-te-ft-wt, var(--_ctm-dn-pt-cd-pt-cd-te-ft-wt))
378
+ );
379
+ color: var(
380
+ --_ctm-mob-dn-pt-cd-pt-cd-te-cr,
381
+ var(--_ctm-tab-dn-pt-cd-pt-cd-te-cr, var(--_ctm-dn-pt-cd-pt-cd-te-cr))
382
+ );
383
+ line-height: var(
384
+ --_ctm-mob-dn-pt-cd-pt-cd-te-le-ht,
385
+ var(--_ctm-tab-dn-pt-cd-pt-cd-te-le-ht, var(--_ctm-dn-pt-cd-pt-cd-te-le-ht))
386
+ );
387
+ letter-spacing: var(
388
+ --_ctm-mob-dn-pt-cd-pt-cd-te-lr-sg,
389
+ var(--_ctm-tab-dn-pt-cd-pt-cd-te-lr-sg, var(--_ctm-dn-pt-cd-pt-cd-te-lr-sg))
390
+ );
391
+ text-decoration: var(
392
+ --_ctm-mob-dn-pt-cd-pt-cd-te-ue,
393
+ var(--_ctm-tab-dn-pt-cd-pt-cd-te-ue, var(--_ctm-dn-pt-cd-pt-cd-te-ue))
394
+ );
395
+ font-style: var(
396
+ --_ctm-mob-dn-pt-cd-pt-cd-te-ft-se-ic,
397
+ var(
398
+ --_ctm-tab-dn-pt-cd-pt-cd-te-ft-se-ic,
399
+ var(--_ctm-dn-pt-cd-pt-cd-te-ft-se-ic)
400
+ )
401
+ );
402
+ padding: var(
403
+ --_ctm-mob-dn-pt-cd-pt-cd-te-pg,
404
+ var(--_ctm-tab-dn-pt-cd-pt-cd-te-pg, var(--_ctm-dn-pt-cd-pt-cd-te-pg))
405
+ );
370
406
  }
371
407
 
372
408
  .product-code {
373
- font-family: var(--_ctm-mob-dn-pt-cd-pt-cd-dn-ft-fy,
374
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-ft-fy, var(--_ctm-dn-pt-cd-pt-cd-dn-ft-fy)));
375
- text-transform: var(--_ctm-mob-dn-pt-cd-pt-cd-dn-tt-tm,
376
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-tt-tm, var(--_ctm-dn-pt-cd-pt-cd-dn-tt-tm)));
377
- word-wrap: var(--_ctm-mob-dn-pt-cd-pt-cd-dn-wd-wp,
378
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-wd-wp, var(--_ctm-dn-pt-cd-pt-cd-dn-wd-wp)));
379
- word-break: var(--_ctm-mob-dn-pt-cd-pt-cd-dn-wd-bk,
380
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-wd-bk, var(--_ctm-dn-pt-cd-pt-cd-dn-wd-bk)));
381
- font-size: var(--_ctm-mob-dn-pt-cd-pt-cd-dn-ft-se,
382
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-ft-se, var(--_ctm-dn-pt-cd-pt-cd-dn-ft-se)));
383
- font-weight: var(--_ctm-mob-dn-pt-cd-pt-cd-dn-ft-wt,
384
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-ft-wt, var(--_ctm-dn-pt-cd-pt-cd-dn-ft-wt)));
385
- color: var(--_ctm-mob-dn-pt-cd-pt-cd-dn-cr,
386
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-cr, var(--_ctm-dn-pt-cd-pt-cd-dn-cr)));
387
- line-height: var(--_ctm-mob-dn-pt-cd-pt-cd-dn-le-ht,
388
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-le-ht, var(--_ctm-dn-pt-cd-pt-cd-dn-le-ht)));
389
- letter-spacing: var(--_ctm-mob-dn-pt-cd-pt-cd-dn-lr-sg,
390
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-lr-sg, var(--_ctm-dn-pt-cd-pt-cd-dn-lr-sg)));
391
- text-decoration: var(--_ctm-mob-dn-pt-cd-pt-cd-dn-ue,
392
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-ue, var(--_ctm-dn-pt-cd-pt-cd-dn-ue)));
393
- font-style: var(--_ctm-mob-dn-pt-cd-pt-cd-dn-ft-se-ic,
394
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-ft-se-ic,
395
- var(--_ctm-dn-pt-cd-pt-cd-dn-ft-se-ic)));
396
- padding: var(--_ctm-mob-dn-pt-cd-pt-cd-dn-pg,
397
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-pg, var(--_ctm-dn-pt-cd-pt-cd-dn-pg)));
409
+ font-family: var(
410
+ --_ctm-mob-dn-pt-cd-pt-cd-dn-ft-fy,
411
+ var(--_ctm-tab-dn-pt-cd-pt-cd-dn-ft-fy, var(--_ctm-dn-pt-cd-pt-cd-dn-ft-fy))
412
+ );
413
+ text-transform: var(
414
+ --_ctm-mob-dn-pt-cd-pt-cd-dn-tt-tm,
415
+ var(--_ctm-tab-dn-pt-cd-pt-cd-dn-tt-tm, var(--_ctm-dn-pt-cd-pt-cd-dn-tt-tm))
416
+ );
417
+ word-wrap: var(
418
+ --_ctm-mob-dn-pt-cd-pt-cd-dn-wd-wp,
419
+ var(--_ctm-tab-dn-pt-cd-pt-cd-dn-wd-wp, var(--_ctm-dn-pt-cd-pt-cd-dn-wd-wp))
420
+ );
421
+ word-break: var(
422
+ --_ctm-mob-dn-pt-cd-pt-cd-dn-wd-bk,
423
+ var(--_ctm-tab-dn-pt-cd-pt-cd-dn-wd-bk, var(--_ctm-dn-pt-cd-pt-cd-dn-wd-bk))
424
+ );
425
+ font-size: var(
426
+ --_ctm-mob-dn-pt-cd-pt-cd-dn-ft-se,
427
+ var(--_ctm-tab-dn-pt-cd-pt-cd-dn-ft-se, var(--_ctm-dn-pt-cd-pt-cd-dn-ft-se))
428
+ );
429
+ font-weight: var(
430
+ --_ctm-mob-dn-pt-cd-pt-cd-dn-ft-wt,
431
+ var(--_ctm-tab-dn-pt-cd-pt-cd-dn-ft-wt, var(--_ctm-dn-pt-cd-pt-cd-dn-ft-wt))
432
+ );
433
+ color: var(
434
+ --_ctm-mob-dn-pt-cd-pt-cd-dn-cr,
435
+ var(--_ctm-tab-dn-pt-cd-pt-cd-dn-cr, var(--_ctm-dn-pt-cd-pt-cd-dn-cr))
436
+ );
437
+ line-height: var(
438
+ --_ctm-mob-dn-pt-cd-pt-cd-dn-le-ht,
439
+ var(--_ctm-tab-dn-pt-cd-pt-cd-dn-le-ht, var(--_ctm-dn-pt-cd-pt-cd-dn-le-ht))
440
+ );
441
+ letter-spacing: var(
442
+ --_ctm-mob-dn-pt-cd-pt-cd-dn-lr-sg,
443
+ var(--_ctm-tab-dn-pt-cd-pt-cd-dn-lr-sg, var(--_ctm-dn-pt-cd-pt-cd-dn-lr-sg))
444
+ );
445
+ text-decoration: var(
446
+ --_ctm-mob-dn-pt-cd-pt-cd-dn-ue,
447
+ var(--_ctm-tab-dn-pt-cd-pt-cd-dn-ue, var(--_ctm-dn-pt-cd-pt-cd-dn-ue))
448
+ );
449
+ font-style: var(
450
+ --_ctm-mob-dn-pt-cd-pt-cd-dn-ft-se-ic,
451
+ var(
452
+ --_ctm-tab-dn-pt-cd-pt-cd-dn-ft-se-ic,
453
+ var(--_ctm-dn-pt-cd-pt-cd-dn-ft-se-ic)
454
+ )
455
+ );
456
+ padding: var(
457
+ --_ctm-mob-dn-pt-cd-pt-cd-dn-pg,
458
+ var(--_ctm-tab-dn-pt-cd-pt-cd-dn-pg, var(--_ctm-dn-pt-cd-pt-cd-dn-pg))
459
+ );
398
460
  }
399
-
400
461
  .product-price {
401
- font-family: var(--_ctm-mob-dn-pt-cd-pt-cd-pe-ft-fy,
402
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-ft-fy, var(--_ctm-dn-pt-cd-pt-cd-pe-ft-fy)));
403
- text-transform: var(--_ctm-mob-dn-pt-cd-pt-cd-pe-tt-tm,
404
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-tt-tm, var(--_ctm-dn-pt-cd-pt-cd-pe-tt-tm)));
405
- word-wrap: var(--_ctm-mob-dn-pt-cd-pt-cd-pe-wd-wp,
406
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-wd-wp, var(--_ctm-dn-pt-cd-pt-cd-pe-wd-wp)));
407
- word-break: var(--_ctm-mob-dn-pt-cd-pt-cd-pe-wd-bk,
408
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-wd-bk, var(--_ctm-dn-pt-cd-pt-cd-pe-wd-bk)));
409
- font-size: var(--_ctm-mob-dn-pt-cd-pt-cd-pe-ft-se,
410
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-ft-se, var(--_ctm-dn-pt-cd-pt-cd-pe-ft-se)));
411
- font-weight: var(--_ctm-mob-dn-pt-cd-pt-cd-pe-ft-wt,
412
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-ft-wt, var(--_ctm-dn-pt-cd-pt-cd-pe-ft-wt)));
413
- color: var(--_ctm-mob-dn-pt-cd-pt-cd-pe-cr,
414
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-cr, var(--_ctm-dn-pt-cd-pt-cd-pe-cr)));
415
- line-height: var(--_ctm-mob-dn-pt-cd-pt-cd-pe-le-ht,
416
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-le-ht, var(--_ctm-dn-pt-cd-pt-cd-pe-le-ht)));
417
- letter-spacing: var(--_ctm-mob-dn-pt-cd-pt-cd-pe-lr-sg,
418
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-lr-sg, var(--_ctm-dn-pt-cd-pt-cd-pe-lr-sg)));
419
- text-decoration: var(--_ctm-mob-dn-pt-cd-pt-cd-pe-ue,
420
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-ue, var(--_ctm-dn-pt-cd-pt-cd-pe-ue)));
421
- font-style: var(--_ctm-mob-dn-pt-cd-pt-cd-pe-ft-se-ic,
422
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-ft-se-ic,
423
- var(--_ctm-dn-pt-cd-pt-cd-pe-ft-se-ic)));
424
- padding: var(--_ctm-mob-dn-pt-cd-pt-cd-pe-pg,
425
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-pg, var(--_ctm-dn-pt-cd-pt-cd-pe-pg)));
462
+ font-family: var(
463
+ --_ctm-mob-dn-pt-cd-pt-cd-pe-ft-fy,
464
+ var(--_ctm-tab-dn-pt-cd-pt-cd-pe-ft-fy, var(--_ctm-dn-pt-cd-pt-cd-pe-ft-fy))
465
+ );
466
+ text-transform: var(
467
+ --_ctm-mob-dn-pt-cd-pt-cd-pe-tt-tm,
468
+ var(--_ctm-tab-dn-pt-cd-pt-cd-pe-tt-tm, var(--_ctm-dn-pt-cd-pt-cd-pe-tt-tm))
469
+ );
470
+ word-wrap: var(
471
+ --_ctm-mob-dn-pt-cd-pt-cd-pe-wd-wp,
472
+ var(--_ctm-tab-dn-pt-cd-pt-cd-pe-wd-wp, var(--_ctm-dn-pt-cd-pt-cd-pe-wd-wp))
473
+ );
474
+ word-break: var(
475
+ --_ctm-mob-dn-pt-cd-pt-cd-pe-wd-bk,
476
+ var(--_ctm-tab-dn-pt-cd-pt-cd-pe-wd-bk, var(--_ctm-dn-pt-cd-pt-cd-pe-wd-bk))
477
+ );
478
+ font-size: var(
479
+ --_ctm-mob-dn-pt-cd-pt-cd-pe-ft-se,
480
+ var(--_ctm-tab-dn-pt-cd-pt-cd-pe-ft-se, var(--_ctm-dn-pt-cd-pt-cd-pe-ft-se))
481
+ );
482
+ font-weight: var(
483
+ --_ctm-mob-dn-pt-cd-pt-cd-pe-ft-wt,
484
+ var(--_ctm-tab-dn-pt-cd-pt-cd-pe-ft-wt, var(--_ctm-dn-pt-cd-pt-cd-pe-ft-wt))
485
+ );
486
+ color: var(
487
+ --_ctm-mob-dn-pt-cd-pt-cd-pe-cr,
488
+ var(--_ctm-tab-dn-pt-cd-pt-cd-pe-cr, var(--_ctm-dn-pt-cd-pt-cd-pe-cr))
489
+ );
490
+ line-height: var(
491
+ --_ctm-mob-dn-pt-cd-pt-cd-pe-le-ht,
492
+ var(--_ctm-tab-dn-pt-cd-pt-cd-pe-le-ht, var(--_ctm-dn-pt-cd-pt-cd-pe-le-ht))
493
+ );
494
+ letter-spacing: var(
495
+ --_ctm-mob-dn-pt-cd-pt-cd-pe-lr-sg,
496
+ var(--_ctm-tab-dn-pt-cd-pt-cd-pe-lr-sg, var(--_ctm-dn-pt-cd-pt-cd-pe-lr-sg))
497
+ );
498
+ text-decoration: var(
499
+ --_ctm-mob-dn-pt-cd-pt-cd-pe-ue,
500
+ var(--_ctm-tab-dn-pt-cd-pt-cd-pe-ue, var(--_ctm-dn-pt-cd-pt-cd-pe-ue))
501
+ );
502
+ font-style: var(
503
+ --_ctm-mob-dn-pt-cd-pt-cd-pe-ft-se-ic,
504
+ var(
505
+ --_ctm-tab-dn-pt-cd-pt-cd-pe-ft-se-ic,
506
+ var(--_ctm-dn-pt-cd-pt-cd-pe-ft-se-ic)
507
+ )
508
+ );
509
+ padding: var(
510
+ --_ctm-mob-dn-pt-cd-pt-cd-pe-pg,
511
+ var(--_ctm-tab-dn-pt-cd-pt-cd-pe-pg, var(--_ctm-dn-pt-cd-pt-cd-pe-pg))
512
+ );
426
513
  }
427
514
 
428
515
  .product-meta {
@@ -432,13 +519,11 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
432
519
  margin-top: 0.5rem;
433
520
  justify-content: space-between;
434
521
  align-items: center;
435
-
436
522
  .product-views {
437
523
  gap: 6px;
438
524
  display: flex;
439
525
  flex-direction: row;
440
526
  align-items: center;
441
-
442
527
  .svg_icon {
443
528
  svg {
444
529
  path {
@@ -446,16 +531,13 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
446
531
  }
447
532
  }
448
533
  }
449
-
450
534
  .product_info {
451
535
  gap: 6px;
452
536
  display: flex;
453
537
  flex-direction: row;
454
538
  align-items: center;
455
-
456
539
  .icon {
457
540
  display: flex;
458
-
459
541
  svg {
460
542
  width: 20px;
461
543
  height: 20px;
@@ -471,48 +553,69 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
471
553
  // font-size: 16px;
472
554
  // line-height: 150%;
473
555
  // color: var(--_gray-600);
474
- font-family: var(--_ctm-mob-dn-pt-cd-pt-cd-io-ft-fy,
475
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-ft-fy, var(--_ctm-dn-pt-cd-pt-cd-io-ft-fy)));
476
- text-transform: var(--_ctm-mob-dn-pt-cd-pt-cd-io-tt-tm,
477
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-tt-tm, var(--_ctm-dn-pt-cd-pt-cd-io-tt-tm)));
478
- word-wrap: var(--_ctm-mob-dn-pt-cd-pt-cd-io-wd-wp,
479
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-wd-wp, var(--_ctm-dn-pt-cd-pt-cd-io-wd-wp)));
480
- word-break: var(--_ctm-mob-dn-pt-cd-pt-cd-io-wd-bk,
481
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-wd-bk, var(--_ctm-dn-pt-cd-pt-cd-io-wd-bk)));
482
-
556
+ font-family: var(
557
+ --_ctm-mob-dn-pt-cd-pt-cd-io-ft-fy,
558
+ var(--_ctm-tab-dn-pt-cd-pt-cd-io-ft-fy, var(--_ctm-dn-pt-cd-pt-cd-io-ft-fy))
559
+ );
560
+ text-transform: var(
561
+ --_ctm-mob-dn-pt-cd-pt-cd-io-tt-tm,
562
+ var(--_ctm-tab-dn-pt-cd-pt-cd-io-tt-tm, var(--_ctm-dn-pt-cd-pt-cd-io-tt-tm))
563
+ );
564
+ word-wrap: var(
565
+ --_ctm-mob-dn-pt-cd-pt-cd-io-wd-wp,
566
+ var(--_ctm-tab-dn-pt-cd-pt-cd-io-wd-wp, var(--_ctm-dn-pt-cd-pt-cd-io-wd-wp))
567
+ );
568
+ word-break: var(
569
+ --_ctm-mob-dn-pt-cd-pt-cd-io-wd-bk,
570
+ var(--_ctm-tab-dn-pt-cd-pt-cd-io-wd-bk, var(--_ctm-dn-pt-cd-pt-cd-io-wd-bk))
571
+ );
483
572
  &.flex__overflow {
484
573
  white-space: normal;
485
574
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
486
575
  }
487
-
488
- font-size: var(--_ctm-mob-dn-pt-cd-pt-cd-io-ft-se,
489
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-ft-se, var(--_ctm-dn-pt-cd-pt-cd-io-ft-se)));
490
- font-weight: var(--_ctm-mob-dn-pt-cd-pt-cd-io-ft-wt,
491
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-ft-wt, var(--_ctm-dn-pt-cd-pt-cd-io-ft-wt)));
492
- color: var(--_ctm-mob-dn-pt-cd-pt-cd-io-cr,
493
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-cr, var(--_ctm-dn-pt-cd-pt-cd-io-cr)));
494
- line-height: var(--_ctm-mob-dn-pt-cd-pt-cd-io-le-ht,
495
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-le-ht, var(--_ctm-dn-pt-cd-pt-cd-io-le-ht)));
496
- letter-spacing: var(--_ctm-mob-dn-pt-cd-pt-cd-io-lr-sg,
497
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-lr-sg, var(--_ctm-dn-pt-cd-pt-cd-io-lr-sg)));
498
- text-decoration: var(--_ctm-mob-dn-pt-cd-pt-cd-io-ue,
499
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-ue, var(--_ctm-dn-pt-cd-pt-cd-io-ue)));
500
- font-style: var(--_ctm-mob-dn-pt-cd-pt-cd-io-ft-se-ic,
501
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-ft-se-ic,
502
- var(--_ctm-dn-pt-cd-pt-cd-io-ft-se-ic)));
503
- padding: var(--_ctm-mob-dn-pt-cd-pt-cd-io-pg,
504
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-pg, var(--_ctm-dn-pt-cd-pt-cd-io-pg)));
576
+ font-size: var(
577
+ --_ctm-mob-dn-pt-cd-pt-cd-io-ft-se,
578
+ var(--_ctm-tab-dn-pt-cd-pt-cd-io-ft-se, var(--_ctm-dn-pt-cd-pt-cd-io-ft-se))
579
+ );
580
+ font-weight: var(
581
+ --_ctm-mob-dn-pt-cd-pt-cd-io-ft-wt,
582
+ var(--_ctm-tab-dn-pt-cd-pt-cd-io-ft-wt, var(--_ctm-dn-pt-cd-pt-cd-io-ft-wt))
583
+ );
584
+ color: var(
585
+ --_ctm-mob-dn-pt-cd-pt-cd-io-cr,
586
+ var(--_ctm-tab-dn-pt-cd-pt-cd-io-cr, var(--_ctm-dn-pt-cd-pt-cd-io-cr))
587
+ );
588
+ line-height: var(
589
+ --_ctm-mob-dn-pt-cd-pt-cd-io-le-ht,
590
+ var(--_ctm-tab-dn-pt-cd-pt-cd-io-le-ht, var(--_ctm-dn-pt-cd-pt-cd-io-le-ht))
591
+ );
592
+ letter-spacing: var(
593
+ --_ctm-mob-dn-pt-cd-pt-cd-io-lr-sg,
594
+ var(--_ctm-tab-dn-pt-cd-pt-cd-io-lr-sg, var(--_ctm-dn-pt-cd-pt-cd-io-lr-sg))
595
+ );
596
+ text-decoration: var(
597
+ --_ctm-mob-dn-pt-cd-pt-cd-io-ue,
598
+ var(--_ctm-tab-dn-pt-cd-pt-cd-io-ue, var(--_ctm-dn-pt-cd-pt-cd-io-ue))
599
+ );
600
+ font-style: var(
601
+ --_ctm-mob-dn-pt-cd-pt-cd-io-ft-se-ic,
602
+ var(
603
+ --_ctm-tab-dn-pt-cd-pt-cd-io-ft-se-ic,
604
+ var(--_ctm-dn-pt-cd-pt-cd-io-ft-se-ic)
605
+ )
606
+ );
607
+ padding: var(
608
+ --_ctm-mob-dn-pt-cd-pt-cd-io-pg,
609
+ var(--_ctm-tab-dn-pt-cd-pt-cd-io-pg, var(--_ctm-dn-pt-cd-pt-cd-io-pg))
610
+ );
505
611
  }
506
612
  }
507
-
508
613
  .product-cart {
509
614
  position: relative;
510
-
511
615
  // width: 50px;
512
616
  // height: 50px;
513
617
  .icon {
514
618
  display: flex;
515
-
516
619
  svg {
517
620
  width: 32px;
518
621
  height: 32px;
@@ -522,7 +625,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
522
625
  }
523
626
  }
524
627
  }
525
-
526
628
  .cart-badge {
527
629
  background-color: var(--_thm-cs-at-py);
528
630
  color: #ffffff;
@@ -545,14 +647,12 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
545
647
  }
546
648
  }
547
649
  }
548
-
549
650
  .add-product-list-details {
550
651
  // border-left: 1px solid var(--_thm-cs-be-se-3);
551
652
  border-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ds-wt-br-cr);
552
653
  border-width: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ds-wt-br-wh);
553
654
  border-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ds-wt-br-se);
554
655
  }
555
-
556
656
  .customizer-panel {
557
657
  display: flex;
558
658
  flex-direction: column;
@@ -571,55 +671,93 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
571
671
  display: flex;
572
672
  flex-direction: column;
573
673
  gap: 12px;
574
-
575
674
  h2 {
576
- font-family: var(--_ctm-mob-dn-pt-ds-pt-te-ft-fy,
577
- var(--_ctm-tab-dn-pt-ds-pt-te-ft-fy, var(--_ctm-dn-pt-ds-pt-te-ft-fy)));
578
- text-transform: var(--_ctm-mob-dn-pt-ds-pt-te-tt-tm,
579
- var(--_ctm-tab-dn-pt-ds-pt-te-tt-tm, var(--_ctm-dn-pt-ds-pt-te-tt-tm)));
580
- word-wrap: var(--_ctm-mob-dn-pt-ds-pt-te-wd-wp,
581
- var(--_ctm-tab-dn-pt-ds-pt-te-wd-wp, var(--_ctm-dn-pt-ds-pt-te-wd-wp)));
582
- word-break: var(--_ctm-mob-dn-pt-ds-pt-te-wd-bk,
583
- var(--_ctm-tab-dn-pt-ds-pt-te-wd-bk, var(--_ctm-dn-pt-ds-pt-te-wd-bk)));
584
- font-size: var(--_ctm-mob-dn-pt-ds-pt-te-ft-se,
585
- var(--_ctm-tab-dn-pt-ds-pt-te-ft-se, var(--_ctm-dn-pt-ds-pt-te-ft-se)));
586
- font-weight: var(--_ctm-mob-dn-pt-ds-pt-te-ft-wt,
587
- var(--_ctm-tab-dn-pt-ds-pt-te-ft-wt, var(--_ctm-dn-pt-ds-pt-te-ft-wt)));
588
- color: var(--_ctm-mob-dn-pt-ds-pt-te-cr,
589
- var(--_ctm-tab-dn-pt-ds-pt-te-cr, var(--_ctm-dn-pt-ds-pt-te-cr)));
590
- line-height: var(--_ctm-mob-dn-pt-ds-pt-te-le-ht,
591
- var(--_ctm-tab-dn-pt-ds-pt-te-le-ht, var(--_ctm-dn-pt-ds-pt-te-le-ht)));
592
- letter-spacing: var(--_ctm-mob-dn-pt-ds-pt-te-lr-sg,
593
- var(--_ctm-tab-dn-pt-ds-pt-te-lr-sg, var(--_ctm-dn-pt-ds-pt-te-lr-sg)));
675
+ font-family: var(
676
+ --_ctm-mob-dn-pt-ds-pt-te-ft-fy,
677
+ var(--_ctm-tab-dn-pt-ds-pt-te-ft-fy, var(--_ctm-dn-pt-ds-pt-te-ft-fy))
678
+ );
679
+ text-transform: var(
680
+ --_ctm-mob-dn-pt-ds-pt-te-tt-tm,
681
+ var(--_ctm-tab-dn-pt-ds-pt-te-tt-tm, var(--_ctm-dn-pt-ds-pt-te-tt-tm))
682
+ );
683
+ word-wrap: var(
684
+ --_ctm-mob-dn-pt-ds-pt-te-wd-wp,
685
+ var(--_ctm-tab-dn-pt-ds-pt-te-wd-wp, var(--_ctm-dn-pt-ds-pt-te-wd-wp))
686
+ );
687
+ word-break: var(
688
+ --_ctm-mob-dn-pt-ds-pt-te-wd-bk,
689
+ var(--_ctm-tab-dn-pt-ds-pt-te-wd-bk, var(--_ctm-dn-pt-ds-pt-te-wd-bk))
690
+ );
691
+ font-size: var(
692
+ --_ctm-mob-dn-pt-ds-pt-te-ft-se,
693
+ var(--_ctm-tab-dn-pt-ds-pt-te-ft-se, var(--_ctm-dn-pt-ds-pt-te-ft-se))
694
+ );
695
+ font-weight: var(
696
+ --_ctm-mob-dn-pt-ds-pt-te-ft-wt,
697
+ var(--_ctm-tab-dn-pt-ds-pt-te-ft-wt, var(--_ctm-dn-pt-ds-pt-te-ft-wt))
698
+ );
699
+ color: var(
700
+ --_ctm-mob-dn-pt-ds-pt-te-cr,
701
+ var(--_ctm-tab-dn-pt-ds-pt-te-cr, var(--_ctm-dn-pt-ds-pt-te-cr))
702
+ );
703
+ line-height: var(
704
+ --_ctm-mob-dn-pt-ds-pt-te-le-ht,
705
+ var(--_ctm-tab-dn-pt-ds-pt-te-le-ht, var(--_ctm-dn-pt-ds-pt-te-le-ht))
706
+ );
707
+ letter-spacing: var(
708
+ --_ctm-mob-dn-pt-ds-pt-te-lr-sg,
709
+ var(--_ctm-tab-dn-pt-ds-pt-te-lr-sg, var(--_ctm-dn-pt-ds-pt-te-lr-sg))
710
+ );
594
711
  // text-decoration: var(--_ctm-dn-pt-ds-pt-te-ue);
595
712
  // font-style: var(--_ctm-dn-pt-ds-pt-te-ft-se-ic);
596
- padding: var(--_ctm-dn-mob-pt-ds-pt-te-pg,
597
- var(--_ctm-tab-dn-pt-ds-pt-te-pg, var(--_ctm-dn-pt-ds-pt-te-pg)));
713
+ padding: var(
714
+ --_ctm-dn-mob-pt-ds-pt-te-pg,
715
+ var(--_ctm-tab-dn-pt-ds-pt-te-pg, var(--_ctm-dn-pt-ds-pt-te-pg))
716
+ );
598
717
  }
599
-
600
718
  p {
601
- font-family: var(--_ctm-mob-dn-pt-ds-pt-dn-ft-fy,
602
- var(--_ctm-tab-dn-pt-ds-pt-dn-ft-fy, var(--_ctm-dn-pt-ds-pt-dn-ft-fy)));
603
- text-transform: var(--_ctm-mob-dn-pt-ds-pt-dn-tt-tm,
604
- var(--_ctm-tab-dn-pt-ds-pt-dn-tt-tm, var(--_ctm-dn-pt-ds-pt-dn-tt-tm)));
605
- word-wrap: var(--_ctm-mob-dn-pt-ds-pt-dn-wd-wp,
606
- var(--_ctm-tab-dn-pt-ds-pt-dn-wd-wp, var(--_ctm-dn-pt-ds-pt-dn-wd-wp)));
607
- word-break: var(--_ctm-mob-dn-pt-ds-pt-dn-wd-bk,
608
- var(--_ctm-tab-dn-pt-ds-pt-dn-wd-bk, var(--_ctm-dn-pt-ds-pt-dn-wd-bk)));
609
- font-size: var(--_ctm-mob-dn-pt-ds-pt-dn-ft-se,
610
- var(--_ctm-tab-dn-pt-ds-pt-dn-ft-se, var(--_ctm-dn-pt-ds-pt-dn-ft-se)));
611
- font-weight: var(--_ctm-mob-dn-pt-ds-pt-dn-ft-wt,
612
- var(--_ctm-tab-dn-pt-ds-pt-dn-ft-wt, var(--_ctm-dn-pt-ds-pt-dn-ft-wt)));
613
- color: var(--_ctm-mob-dn-pt-ds-pt-dn-cr,
614
- var(--_ctm-tab-dn-pt-ds-pt-dn-cr, var(--_ctm-dn-pt-ds-pt-dn-cr)));
615
- line-height: var(--_ctm-mob-dn-pt-ds-pt-dn-le-ht,
616
- var(--_ctm-tab-dn-pt-ds-pt-dn-le-ht, var(--_ctm-dn-pt-ds-pt-dn-le-ht)));
617
- letter-spacing: var(--_ctm-mob-dn-pt-ds-pt-dn-lr-sg,
618
- var(--_ctm-tab-dn-pt-ds-pt-dn-lr-sg, var(--_ctm-dn-pt-ds-pt-dn-lr-sg)));
719
+ font-family: var(
720
+ --_ctm-mob-dn-pt-ds-pt-dn-ft-fy,
721
+ var(--_ctm-tab-dn-pt-ds-pt-dn-ft-fy, var(--_ctm-dn-pt-ds-pt-dn-ft-fy))
722
+ );
723
+ text-transform: var(
724
+ --_ctm-mob-dn-pt-ds-pt-dn-tt-tm,
725
+ var(--_ctm-tab-dn-pt-ds-pt-dn-tt-tm, var(--_ctm-dn-pt-ds-pt-dn-tt-tm))
726
+ );
727
+ word-wrap: var(
728
+ --_ctm-mob-dn-pt-ds-pt-dn-wd-wp,
729
+ var(--_ctm-tab-dn-pt-ds-pt-dn-wd-wp, var(--_ctm-dn-pt-ds-pt-dn-wd-wp))
730
+ );
731
+ word-break: var(
732
+ --_ctm-mob-dn-pt-ds-pt-dn-wd-bk,
733
+ var(--_ctm-tab-dn-pt-ds-pt-dn-wd-bk, var(--_ctm-dn-pt-ds-pt-dn-wd-bk))
734
+ );
735
+ font-size: var(
736
+ --_ctm-mob-dn-pt-ds-pt-dn-ft-se,
737
+ var(--_ctm-tab-dn-pt-ds-pt-dn-ft-se, var(--_ctm-dn-pt-ds-pt-dn-ft-se))
738
+ );
739
+ font-weight: var(
740
+ --_ctm-mob-dn-pt-ds-pt-dn-ft-wt,
741
+ var(--_ctm-tab-dn-pt-ds-pt-dn-ft-wt, var(--_ctm-dn-pt-ds-pt-dn-ft-wt))
742
+ );
743
+ color: var(
744
+ --_ctm-mob-dn-pt-ds-pt-dn-cr,
745
+ var(--_ctm-tab-dn-pt-ds-pt-dn-cr, var(--_ctm-dn-pt-ds-pt-dn-cr))
746
+ );
747
+ line-height: var(
748
+ --_ctm-mob-dn-pt-ds-pt-dn-le-ht,
749
+ var(--_ctm-tab-dn-pt-ds-pt-dn-le-ht, var(--_ctm-dn-pt-ds-pt-dn-le-ht))
750
+ );
751
+ letter-spacing: var(
752
+ --_ctm-mob-dn-pt-ds-pt-dn-lr-sg,
753
+ var(--_ctm-tab-dn-pt-ds-pt-dn-lr-sg, var(--_ctm-dn-pt-ds-pt-dn-lr-sg))
754
+ );
619
755
  // text-decoration: var(--_ctm-dn-pt-ds-pt-te-ue);
620
756
  // font-style: var(--_ctm-dn-pt-ds-pt-te-ft-se-ic);
621
- padding: var(--_ctm-dn-mob-pt-ds-pt-dn-pg,
622
- var(--_ctm-tab-dn-pt-ds-pt-dn-pg, var(--_ctm-dn-pt-ds-pt-dn-pg)));
757
+ padding: var(
758
+ --_ctm-dn-mob-pt-ds-pt-dn-pg,
759
+ var(--_ctm-tab-dn-pt-ds-pt-dn-pg, var(--_ctm-dn-pt-ds-pt-dn-pg))
760
+ );
623
761
  }
624
762
  }
625
763
 
@@ -680,58 +818,105 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
680
818
  // gap: 6px;
681
819
  // padding-bottom: 14px;
682
820
 
683
- background-color: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-wr-bd-cr,
684
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-bd-cr)));
685
- border-color: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-cr,
686
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-cr)));
687
- border-radius: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-rs,
688
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-rs, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-rs)));
689
- border-style: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-se,
690
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-se, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-se)));
691
- border-width: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-wh,
692
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-wh, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-wh)));
693
- box-shadow: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-ae,
694
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-ae, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-ae))) var(--_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-br,
695
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-br, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-br))) var(--_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-sd,
696
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-sd, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-sd))) var(--_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-cr,
697
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-cr)));
698
- padding: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-wr-pg,
699
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-pg, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-pg)));
700
- gap: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-wr-im-gp,
701
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-im-gp, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-im-gp)));
702
-
821
+ background-color: var(
822
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-bd-cr,
823
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-bd-cr))
824
+ );
825
+ border-color: var(
826
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-cr,
827
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-cr))
828
+ );
829
+ border-radius: var(
830
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-rs,
831
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-rs, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-rs))
832
+ );
833
+ border-style: var(
834
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-se,
835
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-se, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-se))
836
+ );
837
+ border-width: var(
838
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-wh,
839
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-wh, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-wh))
840
+ );
841
+ box-shadow: var(
842
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-ae,
843
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-ae, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-ae))
844
+ )
845
+ var(
846
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-br,
847
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-br, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-br))
848
+ )
849
+ var(
850
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-sd,
851
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-sd, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-sd))
852
+ )
853
+ var(
854
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-cr,
855
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-cr))
856
+ );
857
+ padding: var(
858
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-pg,
859
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-pg, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-pg))
860
+ );
861
+ gap: var(
862
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-im-gp,
863
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-im-gp, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-im-gp))
864
+ );
703
865
  .denominations_title {
704
866
  // margin-bottom: 4px;
705
867
  // font-size: 16px;
706
868
  // color: #000000;
707
869
  // font-weight: 500;
708
870
  // line-height: 150%;
709
- font-family: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-ft-fy,
710
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-fy)));
711
- text-transform: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-tt-tm,
712
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-ts-tt-tm)));
713
- word-wrap: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-wd-wp,
714
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-ts-wd-wp)));
715
- word-break: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-wd-bk,
716
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-ts-wd-bk)));
717
- color: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-cr,
718
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-cr, var(--_ctm-dn-pt-ds-gt-cd-ts-cr)));
719
- font-weight: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-ft-wt,
720
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-wt)));
721
- font-size: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se,
722
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se)));
723
- text-decoration: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-ue,
724
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ue, var(--_ctm-dn-pt-ds-gt-cd-ts-ue)));
725
- letter-spacing: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-lr-sg,
726
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ts-lr-sg)));
727
- line-height: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-le-ht,
728
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ts-le-ht)));
729
- font-style: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se-ic,
730
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se-ic)));
731
- text-align: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-tt-an,
732
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ts-tt-an)));
871
+ font-family: var(
872
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-fy,
873
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-fy))
874
+ );
875
+ text-transform: var(
876
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-tt-tm,
877
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-ts-tt-tm))
878
+ );
879
+ word-wrap: var(
880
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-wd-wp,
881
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-ts-wd-wp))
882
+ );
883
+ word-break: var(
884
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-wd-bk,
885
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-ts-wd-bk))
886
+ );
887
+ color: var(
888
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-cr,
889
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-cr, var(--_ctm-dn-pt-ds-gt-cd-ts-cr))
890
+ );
891
+ font-weight: var(
892
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-wt,
893
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-wt))
894
+ );
895
+ font-size: var(
896
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se,
897
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se))
898
+ );
899
+ text-decoration: var(
900
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ue,
901
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ue, var(--_ctm-dn-pt-ds-gt-cd-ts-ue))
902
+ );
903
+ letter-spacing: var(
904
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-lr-sg,
905
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ts-lr-sg))
906
+ );
907
+ line-height: var(
908
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-le-ht,
909
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ts-le-ht))
910
+ );
911
+ font-style: var(
912
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se-ic,
913
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se-ic))
914
+ );
915
+ text-align: var(
916
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-tt-an,
917
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ts-tt-an))
918
+ );
733
919
  }
734
-
735
920
  .denominations_grid {
736
921
  display: flex;
737
922
  // gap: 8px;
@@ -739,7 +924,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
739
924
  margin-top: 12px;
740
925
  flex-direction: row;
741
926
  gap: 12px;
742
-
743
927
  // gap: var(
744
928
  // --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-im-gp,
745
929
  // var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-im-gp, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-im-gp))
@@ -759,180 +943,369 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
759
943
  // line-height: 150%;
760
944
  // background-color: #ffffff;
761
945
  // border: 1px solid #d6d6d6;
762
- background-color: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-bd-cr,
763
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-bd-cr,
764
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-bd-cr)));
765
- font-family: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-fy,
766
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-fy,
767
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-fy)));
768
- text-transform: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-tt-tm,
769
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-tt-tm,
770
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-tt-tm)));
771
- word-wrap: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-wd-wp,
772
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-wd-wp,
773
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-wd-wp)));
774
- word-break: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-wd-bk,
775
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-wd-bk,
776
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-wd-bk)));
777
-
946
+ background-color: var(
947
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-bd-cr,
948
+ var(
949
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-bd-cr,
950
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-bd-cr)
951
+ )
952
+ );
953
+ font-family: var(
954
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-fy,
955
+ var(
956
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-fy,
957
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-fy)
958
+ )
959
+ );
960
+ text-transform: var(
961
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-tt-tm,
962
+ var(
963
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-tt-tm,
964
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-tt-tm)
965
+ )
966
+ );
967
+ word-wrap: var(
968
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-wd-wp,
969
+ var(
970
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-wd-wp,
971
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-wd-wp)
972
+ )
973
+ );
974
+ word-break: var(
975
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-wd-bk,
976
+ var(
977
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-wd-bk,
978
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-wd-bk)
979
+ )
980
+ );
778
981
  &.flex__overflow {
779
982
  white-space: normal;
780
983
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
781
984
  }
782
-
783
- color: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-cr,
784
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-cr)));
785
- font-weight: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-wt,
786
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-wt,
787
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-wt)));
788
- font-size: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-se,
789
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-se,
790
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-se)));
791
- text-decoration: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ue,
792
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ue, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ue)));
793
- letter-spacing: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-lr-sg,
794
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-lr-sg,
795
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-lr-sg)));
796
- line-height: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-le-ht,
797
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-le-ht,
798
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-le-ht)));
799
- font-style: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-se-ic,
800
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-se-ic,
801
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-se-ic)));
802
- text-align: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-tt-an,
803
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-tt-an,
804
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-tt-an)));
805
- border-color: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-cr,
806
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-cr,
807
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-cr)));
808
- border-radius: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-rs,
809
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-rs,
810
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-rs)));
811
- border-style: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-se,
812
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-se,
813
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-se)));
814
- border-width: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-wh,
815
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-wh,
816
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-wh)));
817
- box-shadow: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-ae,
818
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-ae,
819
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-ae))) var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-br,
820
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-br,
821
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-br))) var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-sd,
822
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-sd,
823
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-sd))) var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-cr,
824
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-cr,
825
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-cr)));
826
- padding: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-pg,
827
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-pg, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-pg)));
828
-
985
+ color: var(
986
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-cr,
987
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-cr))
988
+ );
989
+ font-weight: var(
990
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-wt,
991
+ var(
992
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-wt,
993
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-wt)
994
+ )
995
+ );
996
+ font-size: var(
997
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-se,
998
+ var(
999
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-se,
1000
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-se)
1001
+ )
1002
+ );
1003
+ text-decoration: var(
1004
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ue,
1005
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ue, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ue))
1006
+ );
1007
+ letter-spacing: var(
1008
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-lr-sg,
1009
+ var(
1010
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-lr-sg,
1011
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-lr-sg)
1012
+ )
1013
+ );
1014
+ line-height: var(
1015
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-le-ht,
1016
+ var(
1017
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-le-ht,
1018
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-le-ht)
1019
+ )
1020
+ );
1021
+ font-style: var(
1022
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-se-ic,
1023
+ var(
1024
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-se-ic,
1025
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-se-ic)
1026
+ )
1027
+ );
1028
+ text-align: var(
1029
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-tt-an,
1030
+ var(
1031
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-tt-an,
1032
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-tt-an)
1033
+ )
1034
+ );
1035
+ border-color: var(
1036
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-cr,
1037
+ var(
1038
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-cr,
1039
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-cr)
1040
+ )
1041
+ );
1042
+ border-radius: var(
1043
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-rs,
1044
+ var(
1045
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-rs,
1046
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-rs)
1047
+ )
1048
+ );
1049
+ border-style: var(
1050
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-se,
1051
+ var(
1052
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-se,
1053
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-se)
1054
+ )
1055
+ );
1056
+ border-width: var(
1057
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-wh,
1058
+ var(
1059
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-wh,
1060
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-wh)
1061
+ )
1062
+ );
1063
+ box-shadow: var(
1064
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-ae,
1065
+ var(
1066
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-ae,
1067
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-ae)
1068
+ )
1069
+ )
1070
+ var(
1071
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-br,
1072
+ var(
1073
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-br,
1074
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-br)
1075
+ )
1076
+ )
1077
+ var(
1078
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-sd,
1079
+ var(
1080
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-sd,
1081
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-sd)
1082
+ )
1083
+ )
1084
+ var(
1085
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-cr,
1086
+ var(
1087
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-cr,
1088
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-cr)
1089
+ )
1090
+ );
1091
+ padding: var(
1092
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-pg,
1093
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-pg, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-pg))
1094
+ );
829
1095
  &.active {
830
- background-color: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-bd-cr,
831
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-bd-cr,
832
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-bd-cr)));
833
- font-family: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-fy,
834
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-fy,
835
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-fy)));
836
- text-transform: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-tt-tm,
837
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-tt-tm,
838
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-tt-tm)));
839
- word-wrap: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-wd-wp,
840
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-wd-wp,
841
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-wd-wp)));
842
- word-break: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-wd-bk,
843
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-wd-bk,
844
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-wd-bk)));
845
- color: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-cr,
846
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-cr)));
847
- font-weight: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-wt,
848
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-wt,
849
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-wt)));
850
- font-size: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-se,
851
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-se,
852
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-se)));
853
- text-decoration: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ue,
854
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ue, var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ue)));
855
- letter-spacing: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-lr-sg,
856
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-lr-sg,
857
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-lr-sg)));
858
- line-height: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-le-ht,
859
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-le-ht,
860
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-le-ht)));
861
- font-style: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-se-ic,
862
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-se-ic,
863
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-se-ic)));
864
- text-align: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-tt-an,
865
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-tt-an,
866
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-tt-an)));
867
- border-color: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-cr,
868
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-cr,
869
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-cr)));
870
- border-radius: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-rs,
871
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-rs,
872
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-rs)));
873
- border-style: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-se,
874
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-se,
875
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-se)));
876
- border-width: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-wh,
877
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-wh,
878
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-wh)));
879
- box-shadow: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-ae,
880
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-ae,
881
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-ae))) var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-br,
882
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-br,
883
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-br))) var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-sd,
884
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-sd,
885
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-sd))) var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-cr,
886
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-cr,
887
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-cr)));
888
- padding: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-pg,
889
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-pg, var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-pg)));
1096
+ background-color: var(
1097
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-bd-cr,
1098
+ var(
1099
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-bd-cr,
1100
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-bd-cr)
1101
+ )
1102
+ );
1103
+ font-family: var(
1104
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-fy,
1105
+ var(
1106
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-fy,
1107
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-fy)
1108
+ )
1109
+ );
1110
+ text-transform: var(
1111
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-tt-tm,
1112
+ var(
1113
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-tt-tm,
1114
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-tt-tm)
1115
+ )
1116
+ );
1117
+ word-wrap: var(
1118
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-wd-wp,
1119
+ var(
1120
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-wd-wp,
1121
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-wd-wp)
1122
+ )
1123
+ );
1124
+ word-break: var(
1125
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-wd-bk,
1126
+ var(
1127
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-wd-bk,
1128
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-wd-bk)
1129
+ )
1130
+ );
1131
+ color: var(
1132
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-cr,
1133
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-cr))
1134
+ );
1135
+ font-weight: var(
1136
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-wt,
1137
+ var(
1138
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-wt,
1139
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-wt)
1140
+ )
1141
+ );
1142
+ font-size: var(
1143
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-se,
1144
+ var(
1145
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-se,
1146
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-se)
1147
+ )
1148
+ );
1149
+ text-decoration: var(
1150
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ue,
1151
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ue, var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ue))
1152
+ );
1153
+ letter-spacing: var(
1154
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-lr-sg,
1155
+ var(
1156
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-lr-sg,
1157
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-lr-sg)
1158
+ )
1159
+ );
1160
+ line-height: var(
1161
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-le-ht,
1162
+ var(
1163
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-le-ht,
1164
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-le-ht)
1165
+ )
1166
+ );
1167
+ font-style: var(
1168
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-se-ic,
1169
+ var(
1170
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-se-ic,
1171
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-se-ic)
1172
+ )
1173
+ );
1174
+ text-align: var(
1175
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-tt-an,
1176
+ var(
1177
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-tt-an,
1178
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-tt-an)
1179
+ )
1180
+ );
1181
+ border-color: var(
1182
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-cr,
1183
+ var(
1184
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-cr,
1185
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-cr)
1186
+ )
1187
+ );
1188
+ border-radius: var(
1189
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-rs,
1190
+ var(
1191
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-rs,
1192
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-rs)
1193
+ )
1194
+ );
1195
+ border-style: var(
1196
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-se,
1197
+ var(
1198
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-se,
1199
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-se)
1200
+ )
1201
+ );
1202
+ border-width: var(
1203
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-wh,
1204
+ var(
1205
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-wh,
1206
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-wh)
1207
+ )
1208
+ );
1209
+ box-shadow: var(
1210
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-ae,
1211
+ var(
1212
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-ae,
1213
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-ae)
1214
+ )
1215
+ )
1216
+ var(
1217
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-br,
1218
+ var(
1219
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-br,
1220
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-br)
1221
+ )
1222
+ )
1223
+ var(
1224
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-sd,
1225
+ var(
1226
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-sd,
1227
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-sd)
1228
+ )
1229
+ )
1230
+ var(
1231
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-cr,
1232
+ var(
1233
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-cr,
1234
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-cr)
1235
+ )
1236
+ );
1237
+ padding: var(
1238
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-pg,
1239
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-pg, var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-pg))
1240
+ );
890
1241
  // background-color: #f5f5f5;
891
1242
  // border: 1px solid #3e4784;
892
1243
  // color: #000080;
893
1244
  }
894
1245
  }
895
1246
  }
896
-
897
1247
  .custom_amount_container {
898
1248
  display: flex;
899
1249
  flex-direction: column;
900
1250
  gap: 8px;
901
-
902
1251
  .error_text {
903
1252
  font-size: 12px;
904
1253
  color: var(--_error-500);
905
1254
  }
906
-
907
1255
  .custom_amount_label {
908
- font-family: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-ft-fy,
909
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-fy)));
910
- text-transform: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-tt-tm,
911
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-ls-tt-tm)));
912
- word-wrap: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-wd-wp,
913
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-ls-wd-wp)));
914
- word-break: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-wd-bk,
915
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-ls-wd-bk)));
916
- color: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-cr,
917
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-cr, var(--_ctm-dn-pt-ds-gt-cd-ls-cr)));
918
- font-weight: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-ft-wt,
919
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-wt)));
920
- font-size: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se,
921
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se)));
922
- text-decoration: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-ue,
923
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ue, var(--_ctm-dn-pt-ds-gt-cd-ls-ue)));
924
- letter-spacing: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-lr-sg,
925
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ls-lr-sg)));
926
- line-height: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-le-ht,
927
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ls-le-ht)));
928
- font-style: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se-ic,
929
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se-ic)));
930
- text-align: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-tt-an,
931
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ls-tt-an)));
932
- padding: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-pg,
933
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-pg, var(--_ctm-dn-pt-ds-gt-cd-ls-pg)));
1256
+ font-family: var(
1257
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-fy,
1258
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-fy))
1259
+ );
1260
+ text-transform: var(
1261
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-tt-tm,
1262
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-ls-tt-tm))
1263
+ );
1264
+ word-wrap: var(
1265
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-wd-wp,
1266
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-ls-wd-wp))
1267
+ );
1268
+ word-break: var(
1269
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-wd-bk,
1270
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-ls-wd-bk))
1271
+ );
1272
+ color: var(
1273
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-cr,
1274
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-cr, var(--_ctm-dn-pt-ds-gt-cd-ls-cr))
1275
+ );
1276
+ font-weight: var(
1277
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-wt,
1278
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-wt))
1279
+ );
1280
+ font-size: var(
1281
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se,
1282
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se))
1283
+ );
1284
+ text-decoration: var(
1285
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ue,
1286
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ue, var(--_ctm-dn-pt-ds-gt-cd-ls-ue))
1287
+ );
1288
+ letter-spacing: var(
1289
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-lr-sg,
1290
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ls-lr-sg))
1291
+ );
1292
+ line-height: var(
1293
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-le-ht,
1294
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ls-le-ht))
1295
+ );
1296
+ font-style: var(
1297
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se-ic,
1298
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se-ic))
1299
+ );
1300
+ text-align: var(
1301
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-tt-an,
1302
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ls-tt-an))
1303
+ );
1304
+ padding: var(
1305
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-pg,
1306
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-pg, var(--_ctm-dn-pt-ds-gt-cd-ls-pg))
1307
+ );
934
1308
  }
935
-
936
1309
  .custom_amount_input {
937
1310
  height: 40px;
938
1311
  display: flex;
@@ -943,26 +1316,37 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
943
1316
  // background: #fff;
944
1317
  // border: 1px solid #d0d5dd;
945
1318
  // padding: 8px 12px;
946
- background-color: var(--_ctm-mob-dn-pt-ds-gt-cd-is-bd-cr,
947
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-is-bd-cr)));
948
-
949
- border-color: var(--_ctm-mob-dn-pt-ds-gt-cd-is-br-cr,
950
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-cr, var(--_ctm-dn-pt-ds-gt-cd-is-br-cr)));
951
- border-radius: var(--_ctm-mob-dn-pt-ds-gt-cd-is-br-rs,
952
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-rs, var(--_ctm-dn-pt-ds-gt-cd-is-br-rs)));
953
- border-style: var(--_ctm-mob-dn-pt-ds-gt-cd-is-br-se,
954
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-se, var(--_ctm-dn-pt-ds-gt-cd-is-br-se)));
955
- border-width: var(--_ctm-mob-dn-pt-ds-gt-cd-is-br-wh,
956
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-wh, var(--_ctm-dn-pt-ds-gt-cd-is-br-wh)));
957
- padding: var(--_ctm-mob-dn-pt-ds-gt-cd-is-pg,
958
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-pg, var(--_ctm-dn-pt-ds-gt-cd-is-pg)));
1319
+ background-color: var(
1320
+ --_ctm-mob-dn-pt-ds-gt-cd-is-bd-cr,
1321
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-is-bd-cr))
1322
+ );
1323
+
1324
+ border-color: var(
1325
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-cr,
1326
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-cr, var(--_ctm-dn-pt-ds-gt-cd-is-br-cr))
1327
+ );
1328
+ border-radius: var(
1329
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-rs,
1330
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-rs, var(--_ctm-dn-pt-ds-gt-cd-is-br-rs))
1331
+ );
1332
+ border-style: var(
1333
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-se,
1334
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-se, var(--_ctm-dn-pt-ds-gt-cd-is-br-se))
1335
+ );
1336
+ border-width: var(
1337
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-wh,
1338
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-wh, var(--_ctm-dn-pt-ds-gt-cd-is-br-wh))
1339
+ );
1340
+ padding: var(
1341
+ --_ctm-mob-dn-pt-ds-gt-cd-is-pg,
1342
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-pg, var(--_ctm-dn-pt-ds-gt-cd-is-pg))
1343
+ );
959
1344
  // width: 220px;
960
1345
  transition:
961
1346
  background-color 0.2s,
962
1347
  color 0.2s,
963
1348
  border-color 0.2s,
964
1349
  box-shadow 0.2s;
965
-
966
1350
  .svg_icon {
967
1351
  color: var(--_gray-700);
968
1352
  font-weight: 500;
@@ -972,46 +1356,68 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
972
1356
  position: absolute;
973
1357
  top: 7px;
974
1358
  }
975
-
976
1359
  input {
977
1360
  color: var(--_gray-700);
978
1361
  margin-top: 2px;
979
-
980
1362
  &::placeholder {
981
- font-family: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ft-fy,
982
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-is-ft-fy)));
983
- text-transform: var(--_ctm-mob-dn-pt-ds-gt-cd-is-tt-tm,
984
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-is-tt-tm)));
985
- word-wrap: var(--_ctm-mob-dn-pt-ds-gt-cd-is-wd-wp,
986
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-is-wd-wp)));
987
- word-break: var(--_ctm-mob-dn-pt-ds-gt-cd-is-wd-bk,
988
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-is-wd-bk)));
989
- color: var(--_ctm-mob-dn-pt-ds-gt-cd-is-cr,
990
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-cr, var(--_ctm-dn-pt-ds-gt-cd-is-cr)));
991
- font-weight: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ft-wt,
992
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-is-ft-wt)));
993
- font-size: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ft-se,
994
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se, var(--_ctm-dn-pt-ds-gt-cd-is-ft-se)));
995
- text-decoration: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ue,
996
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ue, var(--_ctm-dn-pt-ds-gt-cd-is-ue)));
997
- letter-spacing: var(--_ctm-mob-dn-pt-ds-gt-cd-is-lr-sg,
998
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-is-lr-sg)));
999
- line-height: var(--_ctm-mob-dn-pt-ds-gt-cd-is-le-ht,
1000
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-le-ht, var(--_ctm-dn-pt-ds-gt-cd-is-le-ht)));
1001
- font-style: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ft-se-ic,
1002
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se-ic,
1003
- var(--_ctm-dn-pt-ds-gt-cd-is-ft-se-ic)));
1004
- text-align: var(--_ctm-mob-dn-pt-ds-gt-cd-is-tt-an,
1005
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-an, var(--_ctm-dn-pt-ds-gt-cd-is-tt-an)));
1363
+ font-family: var(
1364
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-fy,
1365
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-is-ft-fy))
1366
+ );
1367
+ text-transform: var(
1368
+ --_ctm-mob-dn-pt-ds-gt-cd-is-tt-tm,
1369
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-is-tt-tm))
1370
+ );
1371
+ word-wrap: var(
1372
+ --_ctm-mob-dn-pt-ds-gt-cd-is-wd-wp,
1373
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-is-wd-wp))
1374
+ );
1375
+ word-break: var(
1376
+ --_ctm-mob-dn-pt-ds-gt-cd-is-wd-bk,
1377
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-is-wd-bk))
1378
+ );
1379
+ color: var(
1380
+ --_ctm-mob-dn-pt-ds-gt-cd-is-cr,
1381
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-cr, var(--_ctm-dn-pt-ds-gt-cd-is-cr))
1382
+ );
1383
+ font-weight: var(
1384
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-wt,
1385
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-is-ft-wt))
1386
+ );
1387
+ font-size: var(
1388
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se,
1389
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se, var(--_ctm-dn-pt-ds-gt-cd-is-ft-se))
1390
+ );
1391
+ text-decoration: var(
1392
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ue,
1393
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ue, var(--_ctm-dn-pt-ds-gt-cd-is-ue))
1394
+ );
1395
+ letter-spacing: var(
1396
+ --_ctm-mob-dn-pt-ds-gt-cd-is-lr-sg,
1397
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-is-lr-sg))
1398
+ );
1399
+ line-height: var(
1400
+ --_ctm-mob-dn-pt-ds-gt-cd-is-le-ht,
1401
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-le-ht, var(--_ctm-dn-pt-ds-gt-cd-is-le-ht))
1402
+ );
1403
+ font-style: var(
1404
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se-ic,
1405
+ var(
1406
+ --_ctm-tab-dn-pt-ds-gt-cd-is-ft-se-ic,
1407
+ var(--_ctm-dn-pt-ds-gt-cd-is-ft-se-ic)
1408
+ )
1409
+ );
1410
+ text-align: var(
1411
+ --_ctm-mob-dn-pt-ds-gt-cd-is-tt-an,
1412
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-an, var(--_ctm-dn-pt-ds-gt-cd-is-tt-an))
1413
+ );
1006
1414
  // color: var(--_gray-500);
1007
1415
  // font-weight: 500;
1008
1416
  // font-size: 14px;
1009
1417
  // line-height: 24px;
1010
1418
  }
1011
-
1012
1419
  padding-left: 24px;
1013
1420
  }
1014
-
1015
1421
  &:focus-within {
1016
1422
  outline: 0 none;
1017
1423
  outline-offset: 0;
@@ -1023,13 +1429,13 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1023
1429
  }
1024
1430
  }
1025
1431
  }
1026
-
1027
1432
  .delivery_details_container {
1028
1433
  display: flex;
1029
1434
  flex-direction: column;
1030
- gap: var(--_ctm-mob-dn-pt-ds-gt-cd-cd-wr-im-gp,
1031
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-im-gp, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-im-gp)));
1032
-
1435
+ gap: var(
1436
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-im-gp,
1437
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-im-gp, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-im-gp))
1438
+ );
1033
1439
  .delivery_details_title {
1034
1440
  display: inline-block;
1035
1441
  // margin-top: 8px;
@@ -1038,38 +1444,59 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1038
1444
  // color: #000000;
1039
1445
  // font-weight: 500;
1040
1446
  // line-height: 150%;
1041
- font-family: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-ft-fy,
1042
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-fy)));
1043
- text-transform: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-tt-tm,
1044
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-ts-tt-tm)));
1045
- word-wrap: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-wd-wp,
1046
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-ts-wd-wp)));
1047
- word-break: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-wd-bk,
1048
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-ts-wd-bk)));
1049
-
1447
+ font-family: var(
1448
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-fy,
1449
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-fy))
1450
+ );
1451
+ text-transform: var(
1452
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-tt-tm,
1453
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-ts-tt-tm))
1454
+ );
1455
+ word-wrap: var(
1456
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-wd-wp,
1457
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-ts-wd-wp))
1458
+ );
1459
+ word-break: var(
1460
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-wd-bk,
1461
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-ts-wd-bk))
1462
+ );
1050
1463
  &.flex__overflow {
1051
1464
  white-space: normal;
1052
1465
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1053
1466
  }
1054
-
1055
- color: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-cr,
1056
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-cr, var(--_ctm-dn-pt-ds-gt-cd-ts-cr)));
1057
- font-weight: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-ft-wt,
1058
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-wt)));
1059
- font-size: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se,
1060
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se)));
1061
- text-decoration: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-ue,
1062
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ue, var(--_ctm-dn-pt-ds-gt-cd-ts-ue)));
1063
- letter-spacing: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-lr-sg,
1064
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ts-lr-sg)));
1065
- line-height: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-le-ht,
1066
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ts-le-ht)));
1067
- font-style: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se-ic,
1068
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se-ic)));
1069
- text-align: var(--_ctm-mob-dn-pt-ds-gt-cd-ts-tt-an,
1070
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ts-tt-an)));
1467
+ color: var(
1468
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-cr,
1469
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-cr, var(--_ctm-dn-pt-ds-gt-cd-ts-cr))
1470
+ );
1471
+ font-weight: var(
1472
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-wt,
1473
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-wt))
1474
+ );
1475
+ font-size: var(
1476
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se,
1477
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se))
1478
+ );
1479
+ text-decoration: var(
1480
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ue,
1481
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ue, var(--_ctm-dn-pt-ds-gt-cd-ts-ue))
1482
+ );
1483
+ letter-spacing: var(
1484
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-lr-sg,
1485
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ts-lr-sg))
1486
+ );
1487
+ line-height: var(
1488
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-le-ht,
1489
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ts-le-ht))
1490
+ );
1491
+ font-style: var(
1492
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se-ic,
1493
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se-ic))
1494
+ );
1495
+ text-align: var(
1496
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-tt-an,
1497
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ts-tt-an))
1498
+ );
1071
1499
  }
1072
-
1073
1500
  .horizontal_line {
1074
1501
  // border: 1px solid #d0d5dd;
1075
1502
  // display: block;
@@ -1077,9 +1504,9 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1077
1504
  // border-style: var(--_ctm-dn-pt-ds-gt-cd-dr-dr-se);
1078
1505
  // border-color: var(--_ctm-dn-pt-ds-gt-cd-dr-dr-cr);
1079
1506
  // border-width: var(--_ctm-dn-pt-ds-gt-cd-dr-dr-wh);
1080
- border-top: var(--_ctm-dn-pt-ds-gt-cd-dr-dr-wh) var(--_ctm-dn-pt-ds-gt-cd-dr-dr-se) var(--_ctm-dn-pt-ds-gt-cd-dr-dr-cr);
1507
+ border-top: var(--_ctm-dn-pt-ds-gt-cd-dr-dr-wh) var(--_ctm-dn-pt-ds-gt-cd-dr-dr-se)
1508
+ var(--_ctm-dn-pt-ds-gt-cd-dr-dr-cr);
1081
1509
  }
1082
-
1083
1510
  .input_container {
1084
1511
  display: flex;
1085
1512
  flex-direction: column;
@@ -1089,66 +1516,100 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1089
1516
  &:last-child {
1090
1517
  margin-bottom: 0;
1091
1518
  }
1092
-
1093
1519
  label {
1094
1520
  display: block;
1095
- font-family: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-ft-fy,
1096
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-fy)));
1097
- text-transform: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-tt-tm,
1098
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-ls-tt-tm)));
1099
- word-wrap: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-wd-wp,
1100
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-ls-wd-wp)));
1101
- word-break: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-wd-bk,
1102
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-ls-wd-bk)));
1103
-
1521
+ font-family: var(
1522
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-fy,
1523
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-fy))
1524
+ );
1525
+ text-transform: var(
1526
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-tt-tm,
1527
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-ls-tt-tm))
1528
+ );
1529
+ word-wrap: var(
1530
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-wd-wp,
1531
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-ls-wd-wp))
1532
+ );
1533
+ word-break: var(
1534
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-wd-bk,
1535
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-ls-wd-bk))
1536
+ );
1104
1537
  &.flex__overflow {
1105
1538
  white-space: normal;
1106
1539
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1107
1540
  }
1108
-
1109
- color: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-cr,
1110
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-cr, var(--_ctm-dn-pt-ds-gt-cd-ls-cr)));
1111
- font-weight: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-ft-wt,
1112
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-wt)));
1113
- font-size: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se,
1114
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se)));
1115
- text-decoration: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-ue,
1116
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ue, var(--_ctm-dn-pt-ds-gt-cd-ls-ue)));
1117
- letter-spacing: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-lr-sg,
1118
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ls-lr-sg)));
1119
- line-height: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-le-ht,
1120
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ls-le-ht)));
1121
- font-style: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se-ic,
1122
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se-ic)));
1123
- text-align: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-tt-an,
1124
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ls-tt-an)));
1125
- padding: var(--_ctm-mob-dn-pt-ds-gt-cd-ls-pg,
1126
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-pg, var(--_ctm-dn-pt-ds-gt-cd-ls-pg)));
1541
+ color: var(
1542
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-cr,
1543
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-cr, var(--_ctm-dn-pt-ds-gt-cd-ls-cr))
1544
+ );
1545
+ font-weight: var(
1546
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-wt,
1547
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-wt))
1548
+ );
1549
+ font-size: var(
1550
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se,
1551
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se))
1552
+ );
1553
+ text-decoration: var(
1554
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ue,
1555
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ue, var(--_ctm-dn-pt-ds-gt-cd-ls-ue))
1556
+ );
1557
+ letter-spacing: var(
1558
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-lr-sg,
1559
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ls-lr-sg))
1560
+ );
1561
+ line-height: var(
1562
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-le-ht,
1563
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ls-le-ht))
1564
+ );
1565
+ font-style: var(
1566
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se-ic,
1567
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se-ic))
1568
+ );
1569
+ text-align: var(
1570
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-tt-an,
1571
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ls-tt-an))
1572
+ );
1573
+ padding: var(
1574
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-pg,
1575
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-pg, var(--_ctm-dn-pt-ds-gt-cd-ls-pg))
1576
+ );
1127
1577
  // color: var(--_gray-700);
1128
1578
  // font-weight: 400;
1129
1579
  // font-size: 14px;
1130
1580
  // line-height: 20px;
1131
1581
  }
1132
-
1133
1582
  .message_text {
1134
1583
  resize: none;
1135
1584
  // background-color: var(--_base-white);
1136
1585
  // padding: 5px 12px;
1137
1586
  // border: 1px solid var(--_gray-300);
1138
1587
  // border-radius: 4px;
1139
- background-color: var(--_ctm-mob-dn-pt-ds-gt-cd-is-bd-cr,
1140
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-is-bd-cr)));
1141
-
1142
- border-color: var(--_ctm-mob-dn-pt-ds-gt-cd-is-br-cr,
1143
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-cr, var(--_ctm-dn-pt-ds-gt-cd-is-br-cr)));
1144
- border-radius: var(--_ctm-mob-dn-pt-ds-gt-cd-is-br-rs,
1145
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-rs, var(--_ctm-dn-pt-ds-gt-cd-is-br-rs)));
1146
- border-style: var(--_ctm-mob-dn-pt-ds-gt-cd-is-br-se,
1147
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-se, var(--_ctm-dn-pt-ds-gt-cd-is-br-se)));
1148
- border-width: var(--_ctm-mob-dn-pt-ds-gt-cd-is-br-wh,
1149
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-wh, var(--_ctm-dn-pt-ds-gt-cd-is-br-wh)));
1150
- padding: var(--_ctm-mob-dn-pt-ds-gt-cd-is-pg,
1151
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-pg, var(--_ctm-dn-pt-ds-gt-cd-is-pg)));
1588
+ background-color: var(
1589
+ --_ctm-mob-dn-pt-ds-gt-cd-is-bd-cr,
1590
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-is-bd-cr))
1591
+ );
1592
+
1593
+ border-color: var(
1594
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-cr,
1595
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-cr, var(--_ctm-dn-pt-ds-gt-cd-is-br-cr))
1596
+ );
1597
+ border-radius: var(
1598
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-rs,
1599
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-rs, var(--_ctm-dn-pt-ds-gt-cd-is-br-rs))
1600
+ );
1601
+ border-style: var(
1602
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-se,
1603
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-se, var(--_ctm-dn-pt-ds-gt-cd-is-br-se))
1604
+ );
1605
+ border-width: var(
1606
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-wh,
1607
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-wh, var(--_ctm-dn-pt-ds-gt-cd-is-br-wh))
1608
+ );
1609
+ padding: var(
1610
+ --_ctm-mob-dn-pt-ds-gt-cd-is-pg,
1611
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-pg, var(--_ctm-dn-pt-ds-gt-cd-is-pg))
1612
+ );
1152
1613
  // margin-bottom: 8px;
1153
1614
  transition:
1154
1615
  background-color 0.2s,
@@ -1156,39 +1617,63 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1156
1617
  border-color 0.2s,
1157
1618
  box-shadow 0.2s;
1158
1619
  height: 90px;
1159
-
1160
1620
  &::placeholder {
1161
1621
  // color: var(--_gray-500);
1162
1622
  // font-weight: 500;
1163
1623
  // font-size: 14px;
1164
1624
  // line-height: 24px;
1165
- font-family: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ft-fy,
1166
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-is-ft-fy)));
1167
- text-transform: var(--_ctm-mob-dn-pt-ds-gt-cd-is-tt-tm,
1168
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-is-tt-tm)));
1169
- word-wrap: var(--_ctm-mob-dn-pt-ds-gt-cd-is-wd-wp,
1170
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-is-wd-wp)));
1171
- word-break: var(--_ctm-mob-dn-pt-ds-gt-cd-is-wd-bk,
1172
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-is-wd-bk)));
1173
- color: var(--_ctm-mob-dn-pt-ds-gt-cd-is-cr,
1174
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-cr, var(--_ctm-dn-pt-ds-gt-cd-is-cr)));
1175
- font-weight: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ft-wt,
1176
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-is-ft-wt)));
1177
- font-size: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ft-se,
1178
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se, var(--_ctm-dn-pt-ds-gt-cd-is-ft-se)));
1179
- text-decoration: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ue,
1180
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ue, var(--_ctm-dn-pt-ds-gt-cd-is-ue)));
1181
- letter-spacing: var(--_ctm-mob-dn-pt-ds-gt-cd-is-lr-sg,
1182
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-is-lr-sg)));
1183
- line-height: var(--_ctm-mob-dn-pt-ds-gt-cd-is-le-ht,
1184
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-le-ht, var(--_ctm-dn-pt-ds-gt-cd-is-le-ht)));
1185
- font-style: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ft-se-ic,
1186
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se-ic,
1187
- var(--_ctm-dn-pt-ds-gt-cd-is-ft-se-ic)));
1188
- text-align: var(--_ctm-mob-dn-pt-ds-gt-cd-is-tt-an,
1189
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-an, var(--_ctm-dn-pt-ds-gt-cd-is-tt-an)));
1625
+ font-family: var(
1626
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-fy,
1627
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-is-ft-fy))
1628
+ );
1629
+ text-transform: var(
1630
+ --_ctm-mob-dn-pt-ds-gt-cd-is-tt-tm,
1631
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-is-tt-tm))
1632
+ );
1633
+ word-wrap: var(
1634
+ --_ctm-mob-dn-pt-ds-gt-cd-is-wd-wp,
1635
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-is-wd-wp))
1636
+ );
1637
+ word-break: var(
1638
+ --_ctm-mob-dn-pt-ds-gt-cd-is-wd-bk,
1639
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-is-wd-bk))
1640
+ );
1641
+ color: var(
1642
+ --_ctm-mob-dn-pt-ds-gt-cd-is-cr,
1643
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-cr, var(--_ctm-dn-pt-ds-gt-cd-is-cr))
1644
+ );
1645
+ font-weight: var(
1646
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-wt,
1647
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-is-ft-wt))
1648
+ );
1649
+ font-size: var(
1650
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se,
1651
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se, var(--_ctm-dn-pt-ds-gt-cd-is-ft-se))
1652
+ );
1653
+ text-decoration: var(
1654
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ue,
1655
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ue, var(--_ctm-dn-pt-ds-gt-cd-is-ue))
1656
+ );
1657
+ letter-spacing: var(
1658
+ --_ctm-mob-dn-pt-ds-gt-cd-is-lr-sg,
1659
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-is-lr-sg))
1660
+ );
1661
+ line-height: var(
1662
+ --_ctm-mob-dn-pt-ds-gt-cd-is-le-ht,
1663
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-le-ht, var(--_ctm-dn-pt-ds-gt-cd-is-le-ht))
1664
+ );
1665
+ font-style: var(
1666
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se-ic,
1667
+ var(
1668
+ --_ctm-tab-dn-pt-ds-gt-cd-is-ft-se-ic,
1669
+ var(--_ctm-dn-pt-ds-gt-cd-is-ft-se-ic)
1670
+ )
1671
+ );
1672
+ text-align: var(
1673
+ --_ctm-mob-dn-pt-ds-gt-cd-is-tt-an,
1674
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-an, var(--_ctm-dn-pt-ds-gt-cd-is-tt-an))
1675
+ );
1190
1676
  }
1191
-
1192
1677
  &:focus {
1193
1678
  outline: 0 none;
1194
1679
  outline-offset: 0;
@@ -1199,23 +1684,32 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1199
1684
  border: 1px solid var(--_primary-300);
1200
1685
  }
1201
1686
  }
1202
-
1203
1687
  input {
1204
1688
  // background-color: var(--_base-white);
1205
1689
  // padding: 8px 12px;
1206
1690
  // border: 1px solid var(--_gray-300);
1207
1691
  // border-radius: 4px;
1208
- background-color: var(--_ctm-mob-dn-pt-ds-gt-cd-is-bd-cr,
1209
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-is-bd-cr)));
1210
-
1211
- border-color: var(--_ctm-mob-dn-pt-ds-gt-cd-is-br-cr,
1212
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-cr, var(--_ctm-dn-pt-ds-gt-cd-is-br-cr)));
1213
- border-radius: var(--_ctm-mob-dn-pt-ds-gt-cd-is-br-rs,
1214
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-rs, var(--_ctm-dn-pt-ds-gt-cd-is-br-rs)));
1215
- border-style: var(--_ctm-mob-dn-pt-ds-gt-cd-is-br-se,
1216
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-se, var(--_ctm-dn-pt-ds-gt-cd-is-br-se)));
1217
- border-width: var(--_ctm-mob-dn-pt-ds-gt-cd-is-br-wh,
1218
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-wh, var(--_ctm-dn-pt-ds-gt-cd-is-br-wh)));
1692
+ background-color: var(
1693
+ --_ctm-mob-dn-pt-ds-gt-cd-is-bd-cr,
1694
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-is-bd-cr))
1695
+ );
1696
+
1697
+ border-color: var(
1698
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-cr,
1699
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-cr, var(--_ctm-dn-pt-ds-gt-cd-is-br-cr))
1700
+ );
1701
+ border-radius: var(
1702
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-rs,
1703
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-rs, var(--_ctm-dn-pt-ds-gt-cd-is-br-rs))
1704
+ );
1705
+ border-style: var(
1706
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-se,
1707
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-se, var(--_ctm-dn-pt-ds-gt-cd-is-br-se))
1708
+ );
1709
+ border-width: var(
1710
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-wh,
1711
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-wh, var(--_ctm-dn-pt-ds-gt-cd-is-br-wh))
1712
+ );
1219
1713
  // padding: var(
1220
1714
  // --_ctm-mob-dn-pt-ds-gt-cd-is-pg,
1221
1715
  // var(--_ctm-tab-dn-pt-ds-gt-cd-is-pg, var(--_ctm-dn-pt-ds-gt-cd-is-pg))
@@ -1227,39 +1721,63 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1227
1721
  color 0.2s,
1228
1722
  border-color 0.2s,
1229
1723
  box-shadow 0.2s;
1230
-
1231
1724
  &::placeholder {
1232
1725
  // color: var(--_gray-500);
1233
1726
  // font-weight: 500;
1234
1727
  // font-size: 14px;
1235
1728
  // line-height: 24px;
1236
- font-family: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ft-fy,
1237
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-is-ft-fy)));
1238
- text-transform: var(--_ctm-mob-dn-pt-ds-gt-cd-is-tt-tm,
1239
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-is-tt-tm)));
1240
- word-wrap: var(--_ctm-mob-dn-pt-ds-gt-cd-is-wd-wp,
1241
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-is-wd-wp)));
1242
- word-break: var(--_ctm-mob-dn-pt-ds-gt-cd-is-wd-bk,
1243
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-is-wd-bk)));
1244
- color: var(--_ctm-mob-dn-pt-ds-gt-cd-is-cr,
1245
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-cr, var(--_ctm-dn-pt-ds-gt-cd-is-cr)));
1246
- font-weight: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ft-wt,
1247
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-is-ft-wt)));
1248
- font-size: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ft-se,
1249
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se, var(--_ctm-dn-pt-ds-gt-cd-is-ft-se)));
1250
- text-decoration: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ue,
1251
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ue, var(--_ctm-dn-pt-ds-gt-cd-is-ue)));
1252
- letter-spacing: var(--_ctm-mob-dn-pt-ds-gt-cd-is-lr-sg,
1253
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-is-lr-sg)));
1254
- line-height: var(--_ctm-mob-dn-pt-ds-gt-cd-is-le-ht,
1255
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-le-ht, var(--_ctm-dn-pt-ds-gt-cd-is-le-ht)));
1256
- font-style: var(--_ctm-mob-dn-pt-ds-gt-cd-is-ft-se-ic,
1257
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se-ic,
1258
- var(--_ctm-dn-pt-ds-gt-cd-is-ft-se-ic)));
1259
- text-align: var(--_ctm-mob-dn-pt-ds-gt-cd-is-tt-an,
1260
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-an, var(--_ctm-dn-pt-ds-gt-cd-is-tt-an)));
1729
+ font-family: var(
1730
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-fy,
1731
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-is-ft-fy))
1732
+ );
1733
+ text-transform: var(
1734
+ --_ctm-mob-dn-pt-ds-gt-cd-is-tt-tm,
1735
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-tm, var(--_ctm-dn-pt-ds-gt-cd-is-tt-tm))
1736
+ );
1737
+ word-wrap: var(
1738
+ --_ctm-mob-dn-pt-ds-gt-cd-is-wd-wp,
1739
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-wd-wp, var(--_ctm-dn-pt-ds-gt-cd-is-wd-wp))
1740
+ );
1741
+ word-break: var(
1742
+ --_ctm-mob-dn-pt-ds-gt-cd-is-wd-bk,
1743
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-wd-bk, var(--_ctm-dn-pt-ds-gt-cd-is-wd-bk))
1744
+ );
1745
+ color: var(
1746
+ --_ctm-mob-dn-pt-ds-gt-cd-is-cr,
1747
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-cr, var(--_ctm-dn-pt-ds-gt-cd-is-cr))
1748
+ );
1749
+ font-weight: var(
1750
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-wt,
1751
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-is-ft-wt))
1752
+ );
1753
+ font-size: var(
1754
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se,
1755
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se, var(--_ctm-dn-pt-ds-gt-cd-is-ft-se))
1756
+ );
1757
+ text-decoration: var(
1758
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ue,
1759
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ue, var(--_ctm-dn-pt-ds-gt-cd-is-ue))
1760
+ );
1761
+ letter-spacing: var(
1762
+ --_ctm-mob-dn-pt-ds-gt-cd-is-lr-sg,
1763
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-is-lr-sg))
1764
+ );
1765
+ line-height: var(
1766
+ --_ctm-mob-dn-pt-ds-gt-cd-is-le-ht,
1767
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-le-ht, var(--_ctm-dn-pt-ds-gt-cd-is-le-ht))
1768
+ );
1769
+ font-style: var(
1770
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se-ic,
1771
+ var(
1772
+ --_ctm-tab-dn-pt-ds-gt-cd-is-ft-se-ic,
1773
+ var(--_ctm-dn-pt-ds-gt-cd-is-ft-se-ic)
1774
+ )
1775
+ );
1776
+ text-align: var(
1777
+ --_ctm-mob-dn-pt-ds-gt-cd-is-tt-an,
1778
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-an, var(--_ctm-dn-pt-ds-gt-cd-is-tt-an))
1779
+ );
1261
1780
  }
1262
-
1263
1781
  &:focus {
1264
1782
  outline: 0 none;
1265
1783
  outline-offset: 0;
@@ -1270,7 +1788,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1270
1788
  border: 1px solid var(--_primary-300);
1271
1789
  }
1272
1790
  }
1273
-
1274
1791
  .error_text {
1275
1792
  font-size: 12px;
1276
1793
  color: var(--_error-500);
@@ -1278,7 +1795,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1278
1795
  }
1279
1796
  }
1280
1797
  }
1281
-
1282
1798
  .product_qty_wrapper {
1283
1799
  display: flex;
1284
1800
  // width: 124px;
@@ -1296,7 +1812,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1296
1812
  border: 0.5px solid var(--_thm-cs-be-se-3);
1297
1813
  background: #fff;
1298
1814
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
1299
-
1300
1815
  &:focus-within {
1301
1816
  outline: 2px solid var(--_gray-200);
1302
1817
  }
@@ -1306,7 +1821,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1306
1821
  padding: 8px 12px;
1307
1822
  align-items: center;
1308
1823
  border-radius: 8px 0px 0px 8px;
1309
-
1310
1824
  p {
1311
1825
  color: var(--_thm-ty-p1-tt-cr);
1312
1826
  font-size: var(--_thm-ty-p1-ft-se);
@@ -1315,7 +1829,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1315
1829
  line-height: var(--_thm-ty-p1-le-ht);
1316
1830
  }
1317
1831
  }
1318
-
1319
1832
  .product_qty_input_container {
1320
1833
  height: 40px;
1321
1834
  display: flex;
@@ -1326,7 +1839,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1326
1839
  border-left: 1px solid var(--_thm-cs-be-se-3);
1327
1840
  padding: 8px 12px;
1328
1841
  }
1329
-
1330
1842
  .product_qty_number {
1331
1843
  // display: flex;
1332
1844
  // padding: 8px 12px;
@@ -1344,7 +1856,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1344
1856
  // max-width: 80px;
1345
1857
  text-align: center;
1346
1858
  width: 75%;
1347
-
1348
1859
  &::-webkit-outer-spin-button,
1349
1860
  &::-webkit-inner-spin-button {
1350
1861
  -webkit-appearance: none;
@@ -1353,22 +1864,18 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1353
1864
  }
1354
1865
  }
1355
1866
  }
1356
-
1357
1867
  .add-to-cart {
1358
1868
  padding-top: 12px;
1359
1869
  padding-right: 24px;
1360
1870
  padding-bottom: 12px;
1361
1871
  padding-left: 24px;
1362
1872
  transition: background 200ms ease-in-out;
1363
-
1364
1873
  span {
1365
1874
  display: flex;
1366
-
1367
1875
  svg path {
1368
1876
  stroke: var(--_base-white);
1369
1877
  }
1370
1878
  }
1371
-
1372
1879
  // padding: var(
1373
1880
  // --_ctm-mob-dn-pt-ds-at-pg,
1374
1881
  // var(--_ctm-tab-dn-pt-ds-at-pg, var(--_ctm-dn-pt-ds-at-pg))
@@ -1453,7 +1960,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1453
1960
 
1454
1961
  @media (max-width: 768px) {
1455
1962
  grid-template-columns: 1fr;
1456
-
1457
1963
  .customizer-panel {
1458
1964
  border-left: none;
1459
1965
  padding-left: 0;
@@ -1486,8 +1992,13 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1486
1992
  display: grid;
1487
1993
  grid-template-rows: 100%;
1488
1994
 
1489
- grid-template-columns: repeat(var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))),
1490
- calc(100% / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))));
1995
+ grid-template-columns: repeat(
1996
+ var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))),
1997
+ calc(
1998
+ 100% /
1999
+ var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))
2000
+ )
2001
+ );
1491
2002
 
1492
2003
  grid-auto-flow: column;
1493
2004
  gap: var(--_ctm-mob-lt-im-gp, var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp)));
@@ -1501,15 +2012,21 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1501
2012
  }
1502
2013
 
1503
2014
  &[data-control-type="Bottom"][data-slider-control="Dots"] {
1504
- height: calc(100% - calc(var(--_ctm-mob-dn-pn-ds-dt-se,
1505
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))) + 20px));
2015
+ height: calc(
2016
+ 100% - calc(
2017
+ var(
2018
+ --_ctm-mob-dn-pn-ds-dt-se,
2019
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
2020
+ ) +
2021
+ 20px
2022
+ )
2023
+ );
1506
2024
  }
1507
2025
 
1508
2026
  .embla__slide {
1509
2027
  width: 100%;
1510
2028
  height: 100%;
1511
-
1512
- &>img {
2029
+ & > img {
1513
2030
  width: 100%;
1514
2031
  height: 100%;
1515
2032
  object-fit: contain;
@@ -1517,10 +2034,11 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1517
2034
  }
1518
2035
  }
1519
2036
  }
1520
-
1521
2037
  &:not([data-display-style="Column"]) {
1522
2038
  .embla__container {
1523
- grid-auto-columns: calc(100% / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))));
2039
+ grid-auto-columns: calc(
2040
+ 100% / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))
2041
+ );
1524
2042
  }
1525
2043
  }
1526
2044
 
@@ -1542,7 +2060,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1542
2060
  top: unset;
1543
2061
  bottom: 6px;
1544
2062
  }
1545
-
1546
2063
  &[data-control-type="Bottom"] {
1547
2064
  transform: unset;
1548
2065
  position: static;
@@ -1552,32 +2069,31 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1552
2069
  margin-top: 10px;
1553
2070
  }
1554
2071
  }
1555
-
1556
2072
  &[data-control-type="Side"] {
1557
-
1558
2073
  .left-button,
1559
2074
  .right-button {
1560
2075
  background-color: transparent;
1561
2076
  }
1562
2077
  }
1563
-
1564
2078
  &[data-background-shape="Round"] {
1565
-
1566
2079
  .left-button,
1567
2080
  .right-button {
1568
2081
  background-color: #f2f5f5;
1569
2082
  box-sizing: 0 4px 8px rgba(0, 0, 0, 0.1);
1570
2083
  }
1571
2084
  }
1572
-
1573
2085
  .left-button {
1574
2086
  padding: 10px;
1575
2087
  border-radius: 50%;
1576
2088
  border: none;
1577
- width: var(--_ctm-mob-dn-pn-as-aw-se,
1578
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
1579
- height: var(--_ctm-mob-dn-pn-as-aw-se,
1580
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
2089
+ width: var(
2090
+ --_ctm-mob-dn-pn-as-aw-se,
2091
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2092
+ );
2093
+ height: var(
2094
+ --_ctm-mob-dn-pn-as-aw-se,
2095
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2096
+ );
1581
2097
 
1582
2098
  display: flex;
1583
2099
  align-items: center;
@@ -1585,7 +2101,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1585
2101
  cursor: pointer;
1586
2102
  outline: none;
1587
2103
  margin-left: 12px;
1588
-
1589
2104
  &:disabled {
1590
2105
  & svg {
1591
2106
  path {
@@ -1594,14 +2109,17 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1594
2109
  }
1595
2110
  }
1596
2111
  }
1597
-
1598
2112
  .right-button {
1599
2113
  border-radius: 50%;
1600
2114
  border: none;
1601
- width: var(--_ctm-mob-dn-pn-as-aw-se,
1602
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
1603
- height: var(--_ctm-mob-dn-pn-as-aw-se,
1604
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
2115
+ width: var(
2116
+ --_ctm-mob-dn-pn-as-aw-se,
2117
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2118
+ );
2119
+ height: var(
2120
+ --_ctm-mob-dn-pn-as-aw-se,
2121
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2122
+ );
1605
2123
 
1606
2124
  display: flex;
1607
2125
  align-items: center;
@@ -1619,15 +2137,24 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1619
2137
  }
1620
2138
  }
1621
2139
  }
1622
-
1623
2140
  .icon {
1624
2141
  display: flex;
1625
2142
 
1626
2143
  svg {
1627
- width: calc(var(--_ctm-mob-dn-pn-as-aw-se,
1628
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
1629
- height: calc(var(--_ctm-mob-dn-pn-as-aw-se,
1630
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
2144
+ width: calc(
2145
+ var(
2146
+ --_ctm-mob-dn-pn-as-aw-se,
2147
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2148
+ ) *
2149
+ 0.5
2150
+ );
2151
+ height: calc(
2152
+ var(
2153
+ --_ctm-mob-dn-pn-as-aw-se,
2154
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2155
+ ) *
2156
+ 0.5
2157
+ );
1631
2158
 
1632
2159
  path {
1633
2160
  stroke: #514949;
@@ -1640,14 +2167,12 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1640
2167
  width: calc(100% - 120px);
1641
2168
  margin-inline: auto;
1642
2169
  }
1643
-
1644
2170
  .left-button {
1645
2171
  position: absolute;
1646
2172
  left: 0;
1647
2173
  top: 50%;
1648
2174
  transform: translateY(-50%);
1649
2175
  }
1650
-
1651
2176
  .right-button {
1652
2177
  position: absolute;
1653
2178
 
@@ -1660,11 +2185,9 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1660
2185
  &[data-thumbnail-placement="top"] {
1661
2186
  flex-direction: column-reverse;
1662
2187
  }
1663
-
1664
2188
  &[data-thumbnail-placement="bottom"] {
1665
2189
  flex-direction: column;
1666
2190
  }
1667
-
1668
2191
  &[data-thumbnail-placement="left"] {
1669
2192
  flex-direction: row-reverse;
1670
2193
 
@@ -1678,10 +2201,8 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1678
2201
  }
1679
2202
  }
1680
2203
  }
1681
-
1682
2204
  &[data-thumbnail-placement="right"] {
1683
2205
  flex-direction: row;
1684
-
1685
2206
  .embla__thumbs {
1686
2207
  width: var(--_ctm-mob-lt-tl-se, var(--_ctm-tab-lt-tl-se, var(--_ctm-lt-tl-se)));
1687
2208
 
@@ -1693,7 +2214,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1693
2214
  }
1694
2215
  }
1695
2216
  }
1696
-
1697
2217
  .embla__dots {
1698
2218
  display: flex;
1699
2219
  flex-wrap: wrap;
@@ -1709,13 +2229,14 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1709
2229
  transform: translateX(-50%);
1710
2230
  width: 75%;
1711
2231
  }
1712
-
1713
2232
  .embla__dot {
1714
2233
  -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
1715
2234
  -webkit-appearance: none;
1716
2235
  appearance: none;
1717
- background-color: var(--_ctm-mob-dn-pn-ds-or-dt-cr,
1718
- var(--_ctm-tab-dn-pn-ds-or-dt-cr, var(--_ctm-dn-pn-ds-or-dt-cr)));
2236
+ background-color: var(
2237
+ --_ctm-mob-dn-pn-ds-or-dt-cr,
2238
+ var(--_ctm-tab-dn-pn-ds-or-dt-cr, var(--_ctm-dn-pn-ds-or-dt-cr))
2239
+ );
1719
2240
 
1720
2241
  touch-action: manipulation;
1721
2242
  display: inline-flex;
@@ -1726,56 +2247,75 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1726
2247
  margin: 0;
1727
2248
  // width: 0.6rem;
1728
2249
  // height: 0.6rem;
1729
- width: var(--_ctm-mob-dn-pn-ds-dt-se,
1730
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
1731
- height: var(--_ctm-mob-dn-pn-ds-dt-se,
1732
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
2250
+ width: var(
2251
+ --_ctm-mob-dn-pn-ds-dt-se,
2252
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
2253
+ );
2254
+ height: var(
2255
+ --_ctm-mob-dn-pn-ds-dt-se,
2256
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
2257
+ );
1733
2258
 
1734
2259
  display: flex;
1735
2260
  align-items: center;
1736
2261
  justify-content: center;
1737
2262
  border-radius: 50%;
1738
2263
  }
1739
-
1740
2264
  .embla__dot:after {
1741
2265
  // box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
1742
- width: var(--_ctm-mob-dn-pn-ds-dt-se,
1743
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
1744
- height: var(--_ctm-mob-dn-pn-ds-dt-se,
1745
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
2266
+ width: var(
2267
+ --_ctm-mob-dn-pn-ds-dt-se,
2268
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
2269
+ );
2270
+ height: var(
2271
+ --_ctm-mob-dn-pn-ds-dt-se,
2272
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
2273
+ );
1746
2274
 
1747
2275
  border-radius: 50%;
1748
2276
  display: flex;
1749
2277
  align-items: center;
1750
2278
  content: "";
1751
2279
  }
1752
-
1753
2280
  .embla__dot--selected:after {
1754
2281
  box-shadow: inset 0 0 0 1px var(--text-body);
1755
- background-color: var(--_ctm-mob-dn-pn-ds-ct-dt-cr,
1756
- var(--_ctm-tab-dn-pn-ds-ct-dt-cr, var(--_ctm-dn-pn-ds-ct-dt-cr)));
2282
+ background-color: var(
2283
+ --_ctm-mob-dn-pn-ds-ct-dt-cr,
2284
+ var(--_ctm-tab-dn-pn-ds-ct-dt-cr, var(--_ctm-dn-pn-ds-ct-dt-cr))
2285
+ );
1757
2286
  }
1758
-
1759
2287
  &[data-slider-control="Pagination Line"] {
1760
2288
  .embla__dot {
1761
- width: var(--_ctm-mob-dn-pn-le-le-wh,
1762
- var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh)));
1763
- height: var(--_ctm-mob-dn-pn-le-le-ht,
1764
- var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht)));
1765
- background-color: var(--_ctm-mob-dn-pn-le-or-le-cr,
1766
- var(--_ctm-tab-dn-pn-le-or-le-cr, var(--_ctm-dn-pn-le-or-le-cr)));
2289
+ width: var(
2290
+ --_ctm-mob-dn-pn-le-le-wh,
2291
+ var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh))
2292
+ );
2293
+ height: var(
2294
+ --_ctm-mob-dn-pn-le-le-ht,
2295
+ var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
2296
+ );
2297
+ background-color: var(
2298
+ --_ctm-mob-dn-pn-le-or-le-cr,
2299
+ var(--_ctm-tab-dn-pn-le-or-le-cr, var(--_ctm-dn-pn-le-or-le-cr))
2300
+ );
1767
2301
  border-radius: 6px;
1768
2302
  }
1769
2303
 
1770
2304
  .embla__dot--selected:after {
1771
2305
  box-shadow: inset 0 0 0 1px var(--text-body);
1772
2306
  border-radius: 6px;
1773
- width: var(--_ctm-mob-dn-pn-le-le-wh,
1774
- var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh)));
1775
- height: var(--_ctm-mob-dn-pn-le-le-ht,
1776
- var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht)));
1777
- background-color: var(--_ctm-mob-dn-pn-le-ct-le-cr,
1778
- var(--_ctm-tab-dn-pn-le-ct-le-cr, var(--_ctm-dn-pn-le-ct-le-cr)));
2307
+ width: var(
2308
+ --_ctm-mob-dn-pn-le-le-wh,
2309
+ var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh))
2310
+ );
2311
+ height: var(
2312
+ --_ctm-mob-dn-pn-le-le-ht,
2313
+ var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
2314
+ );
2315
+ background-color: var(
2316
+ --_ctm-mob-dn-pn-le-ct-le-cr,
2317
+ var(--_ctm-tab-dn-pn-le-ct-le-cr, var(--_ctm-dn-pn-le-ct-le-cr))
2318
+ );
1779
2319
  }
1780
2320
  }
1781
2321
  }
@@ -1800,7 +2340,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1800
2340
 
1801
2341
  overflow: hidden;
1802
2342
  }
1803
-
1804
2343
  .embla__thumbs__container {
1805
2344
  display: flex;
1806
2345
  flex-direction: row;
@@ -1828,7 +2367,6 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1828
2367
  // for bundle details
1829
2368
  }
1830
2369
  }
1831
-
1832
2370
  .text_ellipsis {
1833
2371
  display: -webkit-box;
1834
2372
  -webkit-box-orient: vertical;
@@ -1836,4 +2374,4 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1836
2374
  line-clamp: 1;
1837
2375
  white-space: normal;
1838
2376
  overflow: hidden;
1839
- }
2377
+ }