@sc-360-v2/storefront-cms-library 0.5.58 → 0.5.60

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 (211) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +141 -210
  3. package/dist/add-products-tab-details.scss +1121 -1920
  4. package/dist/add-products-tab-uom-details.scss +105 -0
  5. package/dist/add-products-tab.scss +682 -994
  6. package/dist/allocation-header-quota-details.scss +198 -327
  7. package/dist/allocationDetails.scss +1645 -2022
  8. package/dist/allocations-quota-details.scss +168 -261
  9. package/dist/allocations.scss +504 -715
  10. package/dist/amount-estimator.scss +414 -648
  11. package/dist/animation-control.scss +23 -23
  12. package/dist/badge.scss +55 -18
  13. package/dist/brand-basic-elements.scss +93 -124
  14. package/dist/brand.scss +28 -55
  15. package/dist/breadcrumbs.scss +372 -718
  16. package/dist/builder.js +1 -1
  17. package/dist/bulk-variant-picker.scss +1161 -1816
  18. package/dist/bundle copy.scss +235 -0
  19. package/dist/bundle.scss +2142 -2584
  20. package/dist/bundleDetails.scss +3808 -4802
  21. package/dist/button copy.scss +28 -0
  22. package/dist/button.scss +89 -102
  23. package/dist/buy-for-tab-container.scss +77 -106
  24. package/dist/buy-for-tab.scss +54 -0
  25. package/dist/buy-for-tabs-container-item.scss +80 -80
  26. package/dist/buyForHeaders.scss +1823 -2457
  27. package/dist/cart-details.scss +514 -718
  28. package/dist/cart-products-sidebar.scss +211 -211
  29. package/dist/cart-summary.scss +611 -1015
  30. package/dist/cart-wrapper.scss +85 -127
  31. package/dist/cart.scss +119 -211
  32. package/dist/cartAttributes.scss +377 -539
  33. package/dist/cartDropdownOverlay.scss +21 -0
  34. package/dist/cartGrouping.scss +89 -89
  35. package/dist/category-groups-element.scss +130 -96
  36. package/dist/category-groups-product-grid.scss +40 -79
  37. package/dist/category-groups-product-image.scss +457 -1306
  38. package/dist/category-groups-product-options.scss +224 -606
  39. package/dist/category-groups-product-price.scss +1366 -4199
  40. package/dist/category-groups-quota-details.scss +217 -382
  41. package/dist/category.scss +26 -50
  42. package/dist/categoryDetails.scss +61 -61
  43. package/dist/categoryWidget.scss +34 -34
  44. package/dist/checkbox-radio.scss +124 -124
  45. package/dist/checkout.scss +1915 -3309
  46. package/dist/common-element.scss +35 -35
  47. package/dist/confirm-modal.scss +22 -2
  48. package/dist/confirmationModal.scss +139 -139
  49. package/dist/container.scss +32 -54
  50. package/dist/countdown.scss +264 -371
  51. package/dist/coupon.scss +379 -600
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/default-dropdown.scss +12 -1
  54. package/dist/embroider-preview-element.scss +94 -94
  55. package/dist/embroider-template-1-v2.scss +157 -172
  56. package/dist/embroider-template-1.scss +465 -482
  57. package/dist/embroidery.scss +37 -31
  58. package/dist/employee-bulk-order.scss +418 -142
  59. package/dist/emtpy-templates.scss +165 -165
  60. package/dist/faq.scss +239 -395
  61. package/dist/filter-results.scss +221 -323
  62. package/dist/filters.scss +843 -1406
  63. package/dist/flex-text-editor.scss +271 -271
  64. package/dist/functions.scss +36 -0
  65. package/dist/gallery-slider-temp.scss +428 -727
  66. package/dist/global-styles.scss +45 -6
  67. package/dist/grid.scss +25 -33
  68. package/dist/hotspot.scss +75 -115
  69. package/dist/icon-list.scss +33 -59
  70. package/dist/image-for-product.scss +21 -21
  71. package/dist/image-temp.scss +21 -20
  72. package/dist/item-stock.scss +15 -16
  73. package/dist/kitDetails.scss +2786 -4008
  74. package/dist/kits.scss +28 -19
  75. package/dist/language-selector.scss +241 -375
  76. package/dist/last-x-orders.scss +101 -163
  77. package/dist/layouter-item.scss +75 -103
  78. package/dist/layouter-pro-item.scss +89 -95
  79. package/dist/layouter-pro.scss +87 -92
  80. package/dist/layouter.scss +67 -117
  81. package/dist/light-box-v2.scss +89 -104
  82. package/dist/lightbox.scss +78 -78
  83. package/dist/line.scss +29 -70
  84. package/dist/loader.scss +37 -37
  85. package/dist/login.scss +316 -489
  86. package/dist/map.scss +233 -336
  87. package/dist/marchandiserSets.scss +95 -104
  88. package/dist/mega-menu-container.scss +96 -109
  89. package/dist/mega-menu.scss +627 -670
  90. package/dist/menu-item.scss +19 -19
  91. package/dist/menu-v2.scss +538 -528
  92. package/dist/menu.scss +12 -0
  93. package/dist/multi-select-dropdown.scss +27 -3
  94. package/dist/my-templates.scss +41 -9
  95. package/dist/myTemplates.scss +3 -0
  96. package/dist/option-bar.scss +229 -351
  97. package/dist/order-processing.scss +61 -61
  98. package/dist/order-status.scss +666 -1096
  99. package/dist/overflow-module.scss +62 -63
  100. package/dist/past-orders.scss +168 -149
  101. package/dist/payment-methods.scss +323 -289
  102. package/dist/pickup-locations.scss +568 -941
  103. package/dist/position-module.scss +98 -95
  104. package/dist/prefix-list.scss +97 -86
  105. package/dist/product-actions.scss +1262 -1620
  106. package/dist/product-basic-elements.scss +116 -169
  107. package/dist/product-customizations.scss +155 -149
  108. package/dist/product-highlights.scss +116 -145
  109. package/dist/product-image-allocation.scss +38 -0
  110. package/dist/product-image-bundles.scss +359 -638
  111. package/dist/product-image.scss +341 -676
  112. package/dist/product-inventory.scss +673 -1117
  113. package/dist/product-labels.scss +94 -101
  114. package/dist/product-options.scss +298 -438
  115. package/dist/product-price.scss +1325 -2182
  116. package/dist/product-promotions.scss +1388 -2374
  117. package/dist/product-sizechart.scss +523 -821
  118. package/dist/product.scss +28 -61
  119. package/dist/productDetails.scss +19 -38
  120. package/dist/profile.scss +242 -406
  121. package/dist/quantity-selector.scss +327 -502
  122. package/dist/quick-inventory-check.scss +101 -163
  123. package/dist/quick-links.scss +72 -133
  124. package/dist/quick-order-pad.scss +224 -206
  125. package/dist/quota-details.scss +163 -297
  126. package/dist/quotes.scss +727 -737
  127. package/dist/repeater copy.scss +24 -0
  128. package/dist/repeater-embla-controls.scss +34 -14
  129. package/dist/repeater-grid-toggle.scss +156 -166
  130. package/dist/repeater-item.scss +41 -64
  131. package/dist/repeater.scss +579 -669
  132. package/dist/request-for-quotes.scss +66 -16
  133. package/dist/responsive-behaviour.scss +31 -29
  134. package/dist/rfqs.scss +147 -181
  135. package/dist/scroll.scss +93 -167
  136. package/dist/search-results-heading.scss +36 -0
  137. package/dist/search.scss +186 -290
  138. package/dist/section.scss +27 -51
  139. package/dist/shareCartSideBar.scss +254 -254
  140. package/dist/shipping-estimator.scss +41 -41
  141. package/dist/shipping-payments.scss +246 -58
  142. package/dist/simple-list.scss +65 -123
  143. package/dist/social.scss +78 -131
  144. package/dist/sort.scss +89 -89
  145. package/dist/spotlight.scss +48 -0
  146. package/dist/stack.scss +23 -34
  147. package/dist/static-global.scss +44 -26
  148. package/dist/static-text.scss +52 -52
  149. package/dist/stockStatus.scss +14 -19
  150. package/dist/store-locations.scss +595 -933
  151. package/dist/sub-category.scss +74 -74
  152. package/dist/submit-quote.scss +275 -275
  153. package/dist/tab-container-item.scss +80 -80
  154. package/dist/tab-container.scss +81 -108
  155. package/dist/tab-v2.scss +277 -580
  156. package/dist/table-common.scss +218 -331
  157. package/dist/table.scss +273 -434
  158. package/dist/tabs.scss +440 -395
  159. package/dist/text-temp-v2.scss +12 -23
  160. package/dist/text-temp.scss +110 -109
  161. package/dist/theme-classes.scss +66 -13
  162. package/dist/toaster.scss +392 -350
  163. package/dist/toggle-button.scss +32 -32
  164. package/dist/transform-properties-module.scss +20 -20
  165. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  166. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  167. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  168. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  169. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  170. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  171. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  172. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  173. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  174. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  175. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  176. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  177. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  179. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  180. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  181. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  182. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  183. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  184. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  185. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  186. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  187. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  189. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  190. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  191. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  192. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  193. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  194. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  195. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  196. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  197. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  198. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  199. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  200. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  201. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  202. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  203. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  204. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  205. package/dist/uom-selector.scss +499 -841
  206. package/dist/user-elements.scss +653 -774
  207. package/dist/variant-picker.scss +1298 -2358
  208. package/dist/video.scss +147 -325
  209. package/dist/volume-pricing.scss +545 -849
  210. package/dist/wishlist-overlay.scss +48 -48
  211. package/package.json +131 -131
@@ -4,12 +4,14 @@
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
7
+
7
8
  // $defaultValues: (
8
9
  // --_dm-flt: getListOfResponsive(flex-end, flex-start),
9
10
  // );
10
11
  div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
11
12
  display: flow-root !important;
12
13
  }
14
+
13
15
  [data-div-type="element"] {
14
16
  &[data-element-type="addProductsTab"] {
15
17
  // Import additional styles from partial file
@@ -28,7 +30,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
28
30
  // )
29
31
  // );
30
32
  // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
31
- & > div {
33
+ &>div {
32
34
  &.wrapper {
33
35
  width: 100%;
34
36
  // &:has(.buyfor_content_loader) {
@@ -47,6 +49,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
47
49
  align-items: center;
48
50
  justify-content: center;
49
51
  min-height: 350px;
52
+
50
53
  .spinner_sm {
51
54
  border: 4px solid var(--_gray-200);
52
55
  border-top: 4px solid var(--_thm-cs-at-py);
@@ -61,6 +64,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
61
64
  0% {
62
65
  transform: rotate(0deg);
63
66
  }
67
+
64
68
  100% {
65
69
  transform: rotate(360deg);
66
70
  }
@@ -73,10 +77,12 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
73
77
  }
74
78
 
75
79
  @keyframes fade {
80
+
76
81
  0%,
77
82
  100% {
78
83
  opacity: 0.3;
79
84
  }
85
+
80
86
  50% {
81
87
  opacity: 1;
82
88
  }
@@ -89,29 +95,27 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
89
95
  align-items: center;
90
96
  border-bottom: 1px solid var(--_thm-cs-be-se-3);
91
97
  padding-bottom: 24px;
98
+
92
99
  .section-title {
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
- font-weight: var(
102
- --_ctm-mob-dn-hr-te-ft-wt,
103
- var(--_ctm-tab-dn-hr-te-ft-wt, var(--_ctm-dn-hr-te-ft-wt))
104
- );
105
- line-height: var(
106
- --_ctm-mob-dn-hr-te-le-ht,
107
- var(--_ctm-tab-dn-hr-te-le-ht, var(--_ctm-dn-hr-te-le-ht))
108
- );
109
- letter-spacing: var(
110
- --_ctm-mob-dn-hr-te-lr-sg,
111
- var(--_ctm-tab-dn-hr-te-lr-sg, var(--_ctm-dn-hr-te-lr-sg))
112
- );
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)));
113
116
  color: var(--_ctm-mob-dn-hr-te-cr, var(--_ctm-tab-dn-hr-te-cr, var(--_ctm-dn-hr-te-cr)));
114
117
  }
118
+
115
119
  .search-bar {
116
120
  display: flex;
117
121
  align-items: center;
@@ -128,6 +132,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
128
132
  transition:
129
133
  outline border 0.2s ease,
130
134
  border 0.2s ease;
135
+
131
136
  &:focus-within {
132
137
  // border: 1px solid var(--_thm-cs-tt-by-tt);
133
138
  border: 1px solid color-mix(in srgb, var(--_thm-cs-tt-by-tt) 40%, transparent);
@@ -138,6 +143,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
138
143
  margin-right: 8px;
139
144
  color: var(--_thm-cs-be-se-3);
140
145
  }
146
+
141
147
  .close-icon {
142
148
  svg {
143
149
  height: 12px;
@@ -162,12 +168,15 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
162
168
  }
163
169
  }
164
170
  }
171
+
165
172
  .buyforcart_empty_wrp {
166
173
  height: 300px;
167
174
  }
175
+
168
176
  .add-product-wrapper {
169
177
  display: grid;
170
178
  grid-template-columns: 1fr 1fr;
179
+
171
180
  // gap: 48px;
172
181
  &:has(.empty_template) {
173
182
  display: flex;
@@ -197,6 +206,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
197
206
  font-weight: 700;
198
207
  line-height: 30px;
199
208
  }
209
+
200
210
  .product-subheader {
201
211
  display: flex;
202
212
  flex-direction: row;
@@ -209,6 +219,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
209
219
  white-space: nowrap;
210
220
  align-items: flex-start;
211
221
  }
222
+
212
223
  .product-quota {
213
224
  font-weight: 400;
214
225
  font-size: 14px;
@@ -219,6 +230,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
219
230
  border-right: 1px solid var(--_border-light-color);
220
231
  gap: 6px;
221
232
  display: flex;
233
+
222
234
  span {
223
235
  font-weight: 700;
224
236
  font-size: 14px;
@@ -226,6 +238,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
226
238
  color: var(--_gray-900);
227
239
  }
228
240
  }
241
+
229
242
  .product-payment-methods {
230
243
  font-weight: 400;
231
244
  font-size: 14px;
@@ -234,6 +247,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
234
247
  color: var(--_gray-500);
235
248
  gap: 6px;
236
249
  display: flex;
250
+
237
251
  span {
238
252
  font-weight: 700;
239
253
  font-size: 14px;
@@ -264,6 +278,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
264
278
  display: flex;
265
279
  flex-direction: column;
266
280
  }
281
+
267
282
  .product-card,
268
283
  .tile {
269
284
  gap: 24px;
@@ -276,10 +291,8 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
276
291
  border-color: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-br-cr);
277
292
  border-style: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-br-se);
278
293
  border-radius: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-br-rs);
279
- box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-ae)
280
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-br)
281
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-sd)
282
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-cr);
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
+
283
296
  // border: 0.5px solid transparent;
284
297
  &:hover {
285
298
  // background-color: var(--_gray-100);
@@ -293,11 +306,9 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
293
306
  border-color: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-br-cr);
294
307
  border-style: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-br-se);
295
308
  border-radius: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-br-rs);
296
- box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-ae)
297
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-br)
298
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-sd)
299
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-cr);
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);
300
310
  }
311
+
301
312
  &.active {
302
313
  // border: 0.5px solid #243dc6;
303
314
  // border-radius: 4px;
@@ -306,23 +317,14 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
306
317
 
307
318
  // background-color: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-bd-cr);
308
319
  @include BgColorLighter(var(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-bd-cr), 5%);
309
- border-width: var(
310
- --_sf-hr-br-wh,
311
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-wh)
312
- );
313
- border-color: var(
314
- --_sf-hr-br-cr,
315
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-cr)
316
- );
317
- border-style: var(
318
- --_sf-hr-br-se,
319
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-se)
320
- );
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
326
  border-radius: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-rs);
322
- box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-ae)
323
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-br)
324
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-sd)
325
- prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-cr);
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);
326
328
  }
327
329
 
328
330
  .product-image {
@@ -340,128 +342,87 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
340
342
  flex-direction: column;
341
343
 
342
344
  .product-title {
343
- font-family: var(
344
- --_ctm-mob-dn-pt-cd-pt-cd-te-ft-fy,
345
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-ft-fy, var(--_ctm-dn-pt-cd-pt-cd-te-ft-fy))
346
- );
347
- font-size: var(
348
- --_ctm-mob-dn-pt-cd-pt-cd-te-ft-se,
349
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-ft-se, var(--_ctm-dn-pt-cd-pt-cd-te-ft-se))
350
- );
351
- font-weight: var(
352
- --_ctm-mob-dn-pt-cd-pt-cd-te-ft-wt,
353
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-ft-wt, var(--_ctm-dn-pt-cd-pt-cd-te-ft-wt))
354
- );
355
- color: var(
356
- --_ctm-mob-dn-pt-cd-pt-cd-te-cr,
357
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-cr, var(--_ctm-dn-pt-cd-pt-cd-te-cr))
358
- );
359
- line-height: var(
360
- --_ctm-mob-dn-pt-cd-pt-cd-te-le-ht,
361
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-le-ht, var(--_ctm-dn-pt-cd-pt-cd-te-le-ht))
362
- );
363
- letter-spacing: var(
364
- --_ctm-mob-dn-pt-cd-pt-cd-te-lr-sg,
365
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-lr-sg, var(--_ctm-dn-pt-cd-pt-cd-te-lr-sg))
366
- );
367
- text-decoration: var(
368
- --_ctm-mob-dn-pt-cd-pt-cd-te-ue,
369
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-ue, var(--_ctm-dn-pt-cd-pt-cd-te-ue))
370
- );
371
- font-style: var(
372
- --_ctm-mob-dn-pt-cd-pt-cd-te-ft-se-ic,
373
- var(
374
- --_ctm-tab-dn-pt-cd-pt-cd-te-ft-se-ic,
375
- var(--_ctm-dn-pt-cd-pt-cd-te-ft-se-ic)
376
- )
377
- );
378
- padding: var(
379
- --_ctm-mob-dn-pt-cd-pt-cd-te-pg,
380
- var(--_ctm-tab-dn-pt-cd-pt-cd-te-pg, var(--_ctm-dn-pt-cd-pt-cd-te-pg))
381
- );
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)));
382
370
  }
383
371
 
384
372
  .product-code {
385
- font-family: var(
386
- --_ctm-mob-dn-pt-cd-pt-cd-dn-ft-fy,
387
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-ft-fy, var(--_ctm-dn-pt-cd-pt-cd-dn-ft-fy))
388
- );
389
- font-size: var(
390
- --_ctm-mob-dn-pt-cd-pt-cd-dn-ft-se,
391
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-ft-se, var(--_ctm-dn-pt-cd-pt-cd-dn-ft-se))
392
- );
393
- font-weight: var(
394
- --_ctm-mob-dn-pt-cd-pt-cd-dn-ft-wt,
395
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-ft-wt, var(--_ctm-dn-pt-cd-pt-cd-dn-ft-wt))
396
- );
397
- color: var(
398
- --_ctm-mob-dn-pt-cd-pt-cd-dn-cr,
399
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-cr, var(--_ctm-dn-pt-cd-pt-cd-dn-cr))
400
- );
401
- line-height: var(
402
- --_ctm-mob-dn-pt-cd-pt-cd-dn-le-ht,
403
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-le-ht, var(--_ctm-dn-pt-cd-pt-cd-dn-le-ht))
404
- );
405
- letter-spacing: var(
406
- --_ctm-mob-dn-pt-cd-pt-cd-dn-lr-sg,
407
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-lr-sg, var(--_ctm-dn-pt-cd-pt-cd-dn-lr-sg))
408
- );
409
- text-decoration: var(
410
- --_ctm-mob-dn-pt-cd-pt-cd-dn-ue,
411
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-ue, var(--_ctm-dn-pt-cd-pt-cd-dn-ue))
412
- );
413
- font-style: var(
414
- --_ctm-mob-dn-pt-cd-pt-cd-dn-ft-se-ic,
415
- var(
416
- --_ctm-tab-dn-pt-cd-pt-cd-dn-ft-se-ic,
417
- var(--_ctm-dn-pt-cd-pt-cd-dn-ft-se-ic)
418
- )
419
- );
420
- padding: var(
421
- --_ctm-mob-dn-pt-cd-pt-cd-dn-pg,
422
- var(--_ctm-tab-dn-pt-cd-pt-cd-dn-pg, var(--_ctm-dn-pt-cd-pt-cd-dn-pg))
423
- );
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)));
424
398
  }
399
+
425
400
  .product-price {
426
- font-family: var(
427
- --_ctm-mob-dn-pt-cd-pt-cd-pe-ft-fy,
428
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-ft-fy, var(--_ctm-dn-pt-cd-pt-cd-pe-ft-fy))
429
- );
430
- font-size: var(
431
- --_ctm-mob-dn-pt-cd-pt-cd-pe-ft-se,
432
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-ft-se, var(--_ctm-dn-pt-cd-pt-cd-pe-ft-se))
433
- );
434
- font-weight: var(
435
- --_ctm-mob-dn-pt-cd-pt-cd-pe-ft-wt,
436
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-ft-wt, var(--_ctm-dn-pt-cd-pt-cd-pe-ft-wt))
437
- );
438
- color: var(
439
- --_ctm-mob-dn-pt-cd-pt-cd-pe-cr,
440
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-cr, var(--_ctm-dn-pt-cd-pt-cd-pe-cr))
441
- );
442
- line-height: var(
443
- --_ctm-mob-dn-pt-cd-pt-cd-pe-le-ht,
444
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-le-ht, var(--_ctm-dn-pt-cd-pt-cd-pe-le-ht))
445
- );
446
- letter-spacing: var(
447
- --_ctm-mob-dn-pt-cd-pt-cd-pe-lr-sg,
448
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-lr-sg, var(--_ctm-dn-pt-cd-pt-cd-pe-lr-sg))
449
- );
450
- text-decoration: var(
451
- --_ctm-mob-dn-pt-cd-pt-cd-pe-ue,
452
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-ue, var(--_ctm-dn-pt-cd-pt-cd-pe-ue))
453
- );
454
- font-style: var(
455
- --_ctm-mob-dn-pt-cd-pt-cd-pe-ft-se-ic,
456
- var(
457
- --_ctm-tab-dn-pt-cd-pt-cd-pe-ft-se-ic,
458
- var(--_ctm-dn-pt-cd-pt-cd-pe-ft-se-ic)
459
- )
460
- );
461
- padding: var(
462
- --_ctm-mob-dn-pt-cd-pt-cd-pe-pg,
463
- var(--_ctm-tab-dn-pt-cd-pt-cd-pe-pg, var(--_ctm-dn-pt-cd-pt-cd-pe-pg))
464
- );
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)));
465
426
  }
466
427
 
467
428
  .product-meta {
@@ -471,11 +432,13 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
471
432
  margin-top: 0.5rem;
472
433
  justify-content: space-between;
473
434
  align-items: center;
435
+
474
436
  .product-views {
475
437
  gap: 6px;
476
438
  display: flex;
477
439
  flex-direction: row;
478
440
  align-items: center;
441
+
479
442
  .svg_icon {
480
443
  svg {
481
444
  path {
@@ -483,13 +446,16 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
483
446
  }
484
447
  }
485
448
  }
449
+
486
450
  .product_info {
487
451
  gap: 6px;
488
452
  display: flex;
489
453
  flex-direction: row;
490
454
  align-items: center;
455
+
491
456
  .icon {
492
457
  display: flex;
458
+
493
459
  svg {
494
460
  width: 20px;
495
461
  height: 20px;
@@ -505,53 +471,48 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
505
471
  // font-size: 16px;
506
472
  // line-height: 150%;
507
473
  // color: var(--_gray-600);
508
- font-family: var(
509
- --_ctm-mob-dn-pt-cd-pt-cd-io-ft-fy,
510
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-ft-fy, var(--_ctm-dn-pt-cd-pt-cd-io-ft-fy))
511
- );
512
- font-size: var(
513
- --_ctm-mob-dn-pt-cd-pt-cd-io-ft-se,
514
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-ft-se, var(--_ctm-dn-pt-cd-pt-cd-io-ft-se))
515
- );
516
- font-weight: var(
517
- --_ctm-mob-dn-pt-cd-pt-cd-io-ft-wt,
518
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-ft-wt, var(--_ctm-dn-pt-cd-pt-cd-io-ft-wt))
519
- );
520
- color: var(
521
- --_ctm-mob-dn-pt-cd-pt-cd-io-cr,
522
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-cr, var(--_ctm-dn-pt-cd-pt-cd-io-cr))
523
- );
524
- line-height: var(
525
- --_ctm-mob-dn-pt-cd-pt-cd-io-le-ht,
526
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-le-ht, var(--_ctm-dn-pt-cd-pt-cd-io-le-ht))
527
- );
528
- letter-spacing: var(
529
- --_ctm-mob-dn-pt-cd-pt-cd-io-lr-sg,
530
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-lr-sg, var(--_ctm-dn-pt-cd-pt-cd-io-lr-sg))
531
- );
532
- text-decoration: var(
533
- --_ctm-mob-dn-pt-cd-pt-cd-io-ue,
534
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-ue, var(--_ctm-dn-pt-cd-pt-cd-io-ue))
535
- );
536
- font-style: var(
537
- --_ctm-mob-dn-pt-cd-pt-cd-io-ft-se-ic,
538
- var(
539
- --_ctm-tab-dn-pt-cd-pt-cd-io-ft-se-ic,
540
- var(--_ctm-dn-pt-cd-pt-cd-io-ft-se-ic)
541
- )
542
- );
543
- padding: var(
544
- --_ctm-mob-dn-pt-cd-pt-cd-io-pg,
545
- var(--_ctm-tab-dn-pt-cd-pt-cd-io-pg, var(--_ctm-dn-pt-cd-pt-cd-io-pg))
546
- );
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
+
483
+ &.flex__overflow {
484
+ white-space: normal;
485
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
486
+ }
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)));
547
505
  }
548
506
  }
507
+
549
508
  .product-cart {
550
509
  position: relative;
510
+
551
511
  // width: 50px;
552
512
  // height: 50px;
553
513
  .icon {
554
514
  display: flex;
515
+
555
516
  svg {
556
517
  width: 32px;
557
518
  height: 32px;
@@ -561,6 +522,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
561
522
  }
562
523
  }
563
524
  }
525
+
564
526
  .cart-badge {
565
527
  background-color: var(--_thm-cs-at-py);
566
528
  color: #ffffff;
@@ -583,12 +545,14 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
583
545
  }
584
546
  }
585
547
  }
548
+
586
549
  .add-product-list-details {
587
550
  // border-left: 1px solid var(--_thm-cs-be-se-3);
588
551
  border-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ds-wt-br-cr);
589
552
  border-width: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ds-wt-br-wh);
590
553
  border-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ds-wt-br-se);
591
554
  }
555
+
592
556
  .customizer-panel {
593
557
  display: flex;
594
558
  flex-direction: column;
@@ -607,69 +571,55 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
607
571
  display: flex;
608
572
  flex-direction: column;
609
573
  gap: 12px;
574
+
610
575
  h2 {
611
- font-family: var(
612
- --_ctm-mob-dn-pt-ds-pt-te-ft-fy,
613
- var(--_ctm-tab-dn-pt-ds-pt-te-ft-fy, var(--_ctm-dn-pt-ds-pt-te-ft-fy))
614
- );
615
- font-size: var(
616
- --_ctm-mob-dn-pt-ds-pt-te-ft-se,
617
- var(--_ctm-tab-dn-pt-ds-pt-te-ft-se, var(--_ctm-dn-pt-ds-pt-te-ft-se))
618
- );
619
- font-weight: var(
620
- --_ctm-mob-dn-pt-ds-pt-te-ft-wt,
621
- var(--_ctm-tab-dn-pt-ds-pt-te-ft-wt, var(--_ctm-dn-pt-ds-pt-te-ft-wt))
622
- );
623
- color: var(
624
- --_ctm-mob-dn-pt-ds-pt-te-cr,
625
- var(--_ctm-tab-dn-pt-ds-pt-te-cr, var(--_ctm-dn-pt-ds-pt-te-cr))
626
- );
627
- line-height: var(
628
- --_ctm-mob-dn-pt-ds-pt-te-le-ht,
629
- var(--_ctm-tab-dn-pt-ds-pt-te-le-ht, var(--_ctm-dn-pt-ds-pt-te-le-ht))
630
- );
631
- letter-spacing: var(
632
- --_ctm-mob-dn-pt-ds-pt-te-lr-sg,
633
- var(--_ctm-tab-dn-pt-ds-pt-te-lr-sg, var(--_ctm-dn-pt-ds-pt-te-lr-sg))
634
- );
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)));
635
594
  // text-decoration: var(--_ctm-dn-pt-ds-pt-te-ue);
636
595
  // font-style: var(--_ctm-dn-pt-ds-pt-te-ft-se-ic);
637
- padding: var(
638
- --_ctm-dn-mob-pt-ds-pt-te-pg,
639
- var(--_ctm-tab-dn-pt-ds-pt-te-pg, var(--_ctm-dn-pt-ds-pt-te-pg))
640
- );
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)));
641
598
  }
599
+
642
600
  p {
643
- font-family: var(
644
- --_ctm-mob-dn-pt-ds-pt-dn-ft-fy,
645
- var(--_ctm-tab-dn-pt-ds-pt-dn-ft-fy, var(--_ctm-dn-pt-ds-pt-dn-ft-fy))
646
- );
647
- font-size: var(
648
- --_ctm-mob-dn-pt-ds-pt-dn-ft-se,
649
- var(--_ctm-tab-dn-pt-ds-pt-dn-ft-se, var(--_ctm-dn-pt-ds-pt-dn-ft-se))
650
- );
651
- font-weight: var(
652
- --_ctm-mob-dn-pt-ds-pt-dn-ft-wt,
653
- var(--_ctm-tab-dn-pt-ds-pt-dn-ft-wt, var(--_ctm-dn-pt-ds-pt-dn-ft-wt))
654
- );
655
- color: var(
656
- --_ctm-mob-dn-pt-ds-pt-dn-cr,
657
- var(--_ctm-tab-dn-pt-ds-pt-dn-cr, var(--_ctm-dn-pt-ds-pt-dn-cr))
658
- );
659
- line-height: var(
660
- --_ctm-mob-dn-pt-ds-pt-dn-le-ht,
661
- var(--_ctm-tab-dn-pt-ds-pt-dn-le-ht, var(--_ctm-dn-pt-ds-pt-dn-le-ht))
662
- );
663
- letter-spacing: var(
664
- --_ctm-mob-dn-pt-ds-pt-dn-lr-sg,
665
- var(--_ctm-tab-dn-pt-ds-pt-dn-lr-sg, var(--_ctm-dn-pt-ds-pt-dn-lr-sg))
666
- );
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)));
667
619
  // text-decoration: var(--_ctm-dn-pt-ds-pt-te-ue);
668
620
  // font-style: var(--_ctm-dn-pt-ds-pt-te-ft-se-ic);
669
- padding: var(
670
- --_ctm-dn-mob-pt-ds-pt-dn-pg,
671
- var(--_ctm-tab-dn-pt-ds-pt-dn-pg, var(--_ctm-dn-pt-ds-pt-dn-pg))
672
- );
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)));
673
623
  }
674
624
  }
675
625
 
@@ -730,93 +680,58 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
730
680
  // gap: 6px;
731
681
  // padding-bottom: 14px;
732
682
 
733
- background-color: var(
734
- --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-bd-cr,
735
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-bd-cr))
736
- );
737
- border-color: var(
738
- --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-cr,
739
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-cr))
740
- );
741
- border-radius: var(
742
- --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-rs,
743
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-rs, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-rs))
744
- );
745
- border-style: var(
746
- --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-se,
747
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-se, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-se))
748
- );
749
- border-width: var(
750
- --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-wh,
751
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-wh, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-wh))
752
- );
753
- box-shadow: var(
754
- --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-ae,
755
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-ae, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-ae))
756
- )
757
- var(
758
- --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-br,
759
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-br, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-br))
760
- )
761
- var(
762
- --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-sd,
763
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-sd, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-sd))
764
- )
765
- var(
766
- --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-cr,
767
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-cr))
768
- );
769
- padding: var(
770
- --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-pg,
771
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-pg, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-pg))
772
- );
773
- gap: var(
774
- --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-im-gp,
775
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-im-gp, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-im-gp))
776
- );
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
+
777
703
  .denominations_title {
778
704
  // margin-bottom: 4px;
779
705
  // font-size: 16px;
780
706
  // color: #000000;
781
707
  // font-weight: 500;
782
708
  // line-height: 150%;
783
- font-family: var(
784
- --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-fy,
785
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-fy))
786
- );
787
- color: var(
788
- --_ctm-mob-dn-pt-ds-gt-cd-ts-cr,
789
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-cr, var(--_ctm-dn-pt-ds-gt-cd-ts-cr))
790
- );
791
- font-weight: var(
792
- --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-wt,
793
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-wt))
794
- );
795
- font-size: var(
796
- --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se,
797
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se))
798
- );
799
- text-decoration: var(
800
- --_ctm-mob-dn-pt-ds-gt-cd-ts-ue,
801
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ue, var(--_ctm-dn-pt-ds-gt-cd-ts-ue))
802
- );
803
- letter-spacing: var(
804
- --_ctm-mob-dn-pt-ds-gt-cd-ts-lr-sg,
805
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ts-lr-sg))
806
- );
807
- line-height: var(
808
- --_ctm-mob-dn-pt-ds-gt-cd-ts-le-ht,
809
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ts-le-ht))
810
- );
811
- font-style: var(
812
- --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se-ic,
813
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se-ic))
814
- );
815
- text-align: var(
816
- --_ctm-mob-dn-pt-ds-gt-cd-ts-tt-an,
817
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ts-tt-an))
818
- );
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)));
819
733
  }
734
+
820
735
  .denominations_grid {
821
736
  display: flex;
822
737
  // gap: 8px;
@@ -824,6 +739,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
824
739
  margin-top: 12px;
825
740
  flex-direction: row;
826
741
  gap: 12px;
742
+
827
743
  // gap: var(
828
744
  // --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-im-gp,
829
745
  // 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))
@@ -843,311 +759,180 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
843
759
  // line-height: 150%;
844
760
  // background-color: #ffffff;
845
761
  // border: 1px solid #d6d6d6;
846
- background-color: var(
847
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-bd-cr,
848
- var(
849
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-bd-cr,
850
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-bd-cr)
851
- )
852
- );
853
- font-family: var(
854
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-fy,
855
- var(
856
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-fy,
857
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-fy)
858
- )
859
- );
860
- color: var(
861
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-cr,
862
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-cr))
863
- );
864
- font-weight: var(
865
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-wt,
866
- var(
867
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-wt,
868
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-wt)
869
- )
870
- );
871
- font-size: var(
872
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-se,
873
- var(
874
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-se,
875
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-se)
876
- )
877
- );
878
- text-decoration: var(
879
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ue,
880
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ue, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ue))
881
- );
882
- letter-spacing: var(
883
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-lr-sg,
884
- var(
885
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-lr-sg,
886
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-lr-sg)
887
- )
888
- );
889
- line-height: var(
890
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-le-ht,
891
- var(
892
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-le-ht,
893
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-le-ht)
894
- )
895
- );
896
- font-style: var(
897
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-se-ic,
898
- var(
899
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-se-ic,
900
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-se-ic)
901
- )
902
- );
903
- text-align: var(
904
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-tt-an,
905
- var(
906
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-tt-an,
907
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-tt-an)
908
- )
909
- );
910
- border-color: var(
911
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-cr,
912
- var(
913
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-cr,
914
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-cr)
915
- )
916
- );
917
- border-radius: var(
918
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-rs,
919
- var(
920
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-rs,
921
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-rs)
922
- )
923
- );
924
- border-style: var(
925
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-se,
926
- var(
927
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-se,
928
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-se)
929
- )
930
- );
931
- border-width: var(
932
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-wh,
933
- var(
934
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-wh,
935
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-wh)
936
- )
937
- );
938
- box-shadow: var(
939
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-ae,
940
- var(
941
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-ae,
942
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-ae)
943
- )
944
- )
945
- var(
946
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-br,
947
- var(
948
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-br,
949
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-br)
950
- )
951
- )
952
- var(
953
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-sd,
954
- var(
955
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-sd,
956
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-sd)
957
- )
958
- )
959
- var(
960
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-cr,
961
- var(
962
- --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-cr,
963
- var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-cr)
964
- )
965
- );
966
- padding: var(
967
- --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-pg,
968
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-pg, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-pg))
969
- );
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
+
778
+ &.flex__overflow {
779
+ white-space: normal;
780
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
781
+ }
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
+
970
829
  &.active {
971
- background-color: var(
972
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-bd-cr,
973
- var(
974
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-bd-cr,
975
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-bd-cr)
976
- )
977
- );
978
- font-family: var(
979
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-fy,
980
- var(
981
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-fy,
982
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-fy)
983
- )
984
- );
985
- color: var(
986
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-cr,
987
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-cr))
988
- );
989
- font-weight: var(
990
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-wt,
991
- var(
992
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-wt,
993
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-wt)
994
- )
995
- );
996
- font-size: var(
997
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-se,
998
- var(
999
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-se,
1000
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-se)
1001
- )
1002
- );
1003
- text-decoration: var(
1004
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ue,
1005
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ue, var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ue))
1006
- );
1007
- letter-spacing: var(
1008
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-lr-sg,
1009
- var(
1010
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-lr-sg,
1011
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-lr-sg)
1012
- )
1013
- );
1014
- line-height: var(
1015
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-le-ht,
1016
- var(
1017
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-le-ht,
1018
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-le-ht)
1019
- )
1020
- );
1021
- font-style: var(
1022
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-se-ic,
1023
- var(
1024
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-se-ic,
1025
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-se-ic)
1026
- )
1027
- );
1028
- text-align: var(
1029
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-tt-an,
1030
- var(
1031
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-tt-an,
1032
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-tt-an)
1033
- )
1034
- );
1035
- border-color: var(
1036
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-cr,
1037
- var(
1038
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-cr,
1039
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-cr)
1040
- )
1041
- );
1042
- border-radius: var(
1043
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-rs,
1044
- var(
1045
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-rs,
1046
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-rs)
1047
- )
1048
- );
1049
- border-style: var(
1050
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-se,
1051
- var(
1052
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-se,
1053
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-se)
1054
- )
1055
- );
1056
- border-width: var(
1057
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-wh,
1058
- var(
1059
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-wh,
1060
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-wh)
1061
- )
1062
- );
1063
- box-shadow: var(
1064
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-ae,
1065
- var(
1066
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-ae,
1067
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-ae)
1068
- )
1069
- )
1070
- var(
1071
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-br,
1072
- var(
1073
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-br,
1074
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-br)
1075
- )
1076
- )
1077
- var(
1078
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-sd,
1079
- var(
1080
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-sd,
1081
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-sd)
1082
- )
1083
- )
1084
- var(
1085
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-cr,
1086
- var(
1087
- --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-cr,
1088
- var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-cr)
1089
- )
1090
- );
1091
- padding: var(
1092
- --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-pg,
1093
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-pg, var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-pg))
1094
- );
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)));
1095
890
  // background-color: #f5f5f5;
1096
891
  // border: 1px solid #3e4784;
1097
892
  // color: #000080;
1098
893
  }
1099
894
  }
1100
895
  }
896
+
1101
897
  .custom_amount_container {
1102
898
  display: flex;
1103
899
  flex-direction: column;
1104
900
  gap: 8px;
901
+
1105
902
  .error_text {
1106
903
  font-size: 12px;
1107
904
  color: var(--_error-500);
1108
905
  }
906
+
1109
907
  .custom_amount_label {
1110
- font-family: var(
1111
- --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-fy,
1112
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-fy))
1113
- );
1114
- color: var(
1115
- --_ctm-mob-dn-pt-ds-gt-cd-ls-cr,
1116
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-cr, var(--_ctm-dn-pt-ds-gt-cd-ls-cr))
1117
- );
1118
- font-weight: var(
1119
- --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-wt,
1120
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-wt))
1121
- );
1122
- font-size: var(
1123
- --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se,
1124
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se))
1125
- );
1126
- text-decoration: var(
1127
- --_ctm-mob-dn-pt-ds-gt-cd-ls-ue,
1128
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ue, var(--_ctm-dn-pt-ds-gt-cd-ls-ue))
1129
- );
1130
- letter-spacing: var(
1131
- --_ctm-mob-dn-pt-ds-gt-cd-ls-lr-sg,
1132
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ls-lr-sg))
1133
- );
1134
- line-height: var(
1135
- --_ctm-mob-dn-pt-ds-gt-cd-ls-le-ht,
1136
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ls-le-ht))
1137
- );
1138
- font-style: var(
1139
- --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se-ic,
1140
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se-ic))
1141
- );
1142
- text-align: var(
1143
- --_ctm-mob-dn-pt-ds-gt-cd-ls-tt-an,
1144
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ls-tt-an))
1145
- );
1146
- padding: var(
1147
- --_ctm-mob-dn-pt-ds-gt-cd-ls-pg,
1148
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-pg, var(--_ctm-dn-pt-ds-gt-cd-ls-pg))
1149
- );
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)));
1150
934
  }
935
+
1151
936
  .custom_amount_input {
1152
937
  height: 40px;
1153
938
  display: flex;
@@ -1158,37 +943,26 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1158
943
  // background: #fff;
1159
944
  // border: 1px solid #d0d5dd;
1160
945
  // padding: 8px 12px;
1161
- background-color: var(
1162
- --_ctm-mob-dn-pt-ds-gt-cd-is-bd-cr,
1163
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-is-bd-cr))
1164
- );
1165
-
1166
- border-color: var(
1167
- --_ctm-mob-dn-pt-ds-gt-cd-is-br-cr,
1168
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-cr, var(--_ctm-dn-pt-ds-gt-cd-is-br-cr))
1169
- );
1170
- border-radius: var(
1171
- --_ctm-mob-dn-pt-ds-gt-cd-is-br-rs,
1172
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-rs, var(--_ctm-dn-pt-ds-gt-cd-is-br-rs))
1173
- );
1174
- border-style: var(
1175
- --_ctm-mob-dn-pt-ds-gt-cd-is-br-se,
1176
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-se, var(--_ctm-dn-pt-ds-gt-cd-is-br-se))
1177
- );
1178
- border-width: var(
1179
- --_ctm-mob-dn-pt-ds-gt-cd-is-br-wh,
1180
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-wh, var(--_ctm-dn-pt-ds-gt-cd-is-br-wh))
1181
- );
1182
- padding: var(
1183
- --_ctm-mob-dn-pt-ds-gt-cd-is-pg,
1184
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-pg, var(--_ctm-dn-pt-ds-gt-cd-is-pg))
1185
- );
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)));
1186
959
  // width: 220px;
1187
960
  transition:
1188
961
  background-color 0.2s,
1189
962
  color 0.2s,
1190
963
  border-color 0.2s,
1191
964
  box-shadow 0.2s;
965
+
1192
966
  .svg_icon {
1193
967
  color: var(--_gray-700);
1194
968
  font-weight: 500;
@@ -1198,56 +972,46 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1198
972
  position: absolute;
1199
973
  top: 7px;
1200
974
  }
975
+
1201
976
  input {
1202
977
  color: var(--_gray-700);
1203
978
  margin-top: 2px;
979
+
1204
980
  &::placeholder {
1205
- font-family: var(
1206
- --_ctm-mob-dn-pt-ds-gt-cd-is-ft-fy,
1207
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-is-ft-fy))
1208
- );
1209
- color: var(
1210
- --_ctm-mob-dn-pt-ds-gt-cd-is-cr,
1211
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-cr, var(--_ctm-dn-pt-ds-gt-cd-is-cr))
1212
- );
1213
- font-weight: var(
1214
- --_ctm-mob-dn-pt-ds-gt-cd-is-ft-wt,
1215
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-is-ft-wt))
1216
- );
1217
- font-size: var(
1218
- --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se,
1219
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se, var(--_ctm-dn-pt-ds-gt-cd-is-ft-se))
1220
- );
1221
- text-decoration: var(
1222
- --_ctm-mob-dn-pt-ds-gt-cd-is-ue,
1223
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ue, var(--_ctm-dn-pt-ds-gt-cd-is-ue))
1224
- );
1225
- letter-spacing: var(
1226
- --_ctm-mob-dn-pt-ds-gt-cd-is-lr-sg,
1227
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-is-lr-sg))
1228
- );
1229
- line-height: var(
1230
- --_ctm-mob-dn-pt-ds-gt-cd-is-le-ht,
1231
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-le-ht, var(--_ctm-dn-pt-ds-gt-cd-is-le-ht))
1232
- );
1233
- font-style: var(
1234
- --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se-ic,
1235
- var(
1236
- --_ctm-tab-dn-pt-ds-gt-cd-is-ft-se-ic,
1237
- var(--_ctm-dn-pt-ds-gt-cd-is-ft-se-ic)
1238
- )
1239
- );
1240
- text-align: var(
1241
- --_ctm-mob-dn-pt-ds-gt-cd-is-tt-an,
1242
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-an, var(--_ctm-dn-pt-ds-gt-cd-is-tt-an))
1243
- );
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)));
1244
1006
  // color: var(--_gray-500);
1245
1007
  // font-weight: 500;
1246
1008
  // font-size: 14px;
1247
1009
  // line-height: 24px;
1248
1010
  }
1011
+
1249
1012
  padding-left: 24px;
1250
1013
  }
1014
+
1251
1015
  &:focus-within {
1252
1016
  outline: 0 none;
1253
1017
  outline-offset: 0;
@@ -1259,13 +1023,13 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1259
1023
  }
1260
1024
  }
1261
1025
  }
1026
+
1262
1027
  .delivery_details_container {
1263
1028
  display: flex;
1264
1029
  flex-direction: column;
1265
- gap: var(
1266
- --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-im-gp,
1267
- var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-im-gp, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-im-gp))
1268
- );
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
+
1269
1033
  .delivery_details_title {
1270
1034
  display: inline-block;
1271
1035
  // margin-top: 8px;
@@ -1274,43 +1038,38 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1274
1038
  // color: #000000;
1275
1039
  // font-weight: 500;
1276
1040
  // line-height: 150%;
1277
- font-family: var(
1278
- --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-fy,
1279
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-fy))
1280
- );
1281
- color: var(
1282
- --_ctm-mob-dn-pt-ds-gt-cd-ts-cr,
1283
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-cr, var(--_ctm-dn-pt-ds-gt-cd-ts-cr))
1284
- );
1285
- font-weight: var(
1286
- --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-wt,
1287
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-wt))
1288
- );
1289
- font-size: var(
1290
- --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se,
1291
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se))
1292
- );
1293
- text-decoration: var(
1294
- --_ctm-mob-dn-pt-ds-gt-cd-ts-ue,
1295
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ue, var(--_ctm-dn-pt-ds-gt-cd-ts-ue))
1296
- );
1297
- letter-spacing: var(
1298
- --_ctm-mob-dn-pt-ds-gt-cd-ts-lr-sg,
1299
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ts-lr-sg))
1300
- );
1301
- line-height: var(
1302
- --_ctm-mob-dn-pt-ds-gt-cd-ts-le-ht,
1303
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ts-le-ht))
1304
- );
1305
- font-style: var(
1306
- --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se-ic,
1307
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se-ic))
1308
- );
1309
- text-align: var(
1310
- --_ctm-mob-dn-pt-ds-gt-cd-ts-tt-an,
1311
- var(--_ctm-tab-dn-pt-ds-gt-cd-ts-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ts-tt-an))
1312
- );
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
+
1050
+ &.flex__overflow {
1051
+ white-space: normal;
1052
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1053
+ }
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)));
1313
1071
  }
1072
+
1314
1073
  .horizontal_line {
1315
1074
  // border: 1px solid #d0d5dd;
1316
1075
  // display: block;
@@ -1318,9 +1077,9 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1318
1077
  // border-style: var(--_ctm-dn-pt-ds-gt-cd-dr-dr-se);
1319
1078
  // border-color: var(--_ctm-dn-pt-ds-gt-cd-dr-dr-cr);
1320
1079
  // border-width: var(--_ctm-dn-pt-ds-gt-cd-dr-dr-wh);
1321
- border-top: var(--_ctm-dn-pt-ds-gt-cd-dr-dr-wh) var(--_ctm-dn-pt-ds-gt-cd-dr-dr-se)
1322
- var(--_ctm-dn-pt-ds-gt-cd-dr-dr-cr);
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);
1323
1081
  }
1082
+
1324
1083
  .input_container {
1325
1084
  display: flex;
1326
1085
  flex-direction: column;
@@ -1330,84 +1089,66 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1330
1089
  &:last-child {
1331
1090
  margin-bottom: 0;
1332
1091
  }
1092
+
1333
1093
  label {
1334
1094
  display: block;
1335
- font-family: var(
1336
- --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-fy,
1337
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-fy))
1338
- );
1339
- color: var(
1340
- --_ctm-mob-dn-pt-ds-gt-cd-ls-cr,
1341
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-cr, var(--_ctm-dn-pt-ds-gt-cd-ls-cr))
1342
- );
1343
- font-weight: var(
1344
- --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-wt,
1345
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-wt))
1346
- );
1347
- font-size: var(
1348
- --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se,
1349
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se))
1350
- );
1351
- text-decoration: var(
1352
- --_ctm-mob-dn-pt-ds-gt-cd-ls-ue,
1353
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ue, var(--_ctm-dn-pt-ds-gt-cd-ls-ue))
1354
- );
1355
- letter-spacing: var(
1356
- --_ctm-mob-dn-pt-ds-gt-cd-ls-lr-sg,
1357
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ls-lr-sg))
1358
- );
1359
- line-height: var(
1360
- --_ctm-mob-dn-pt-ds-gt-cd-ls-le-ht,
1361
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ls-le-ht))
1362
- );
1363
- font-style: var(
1364
- --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se-ic,
1365
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se-ic))
1366
- );
1367
- text-align: var(
1368
- --_ctm-mob-dn-pt-ds-gt-cd-ls-tt-an,
1369
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ls-tt-an))
1370
- );
1371
- padding: var(
1372
- --_ctm-mob-dn-pt-ds-gt-cd-ls-pg,
1373
- var(--_ctm-tab-dn-pt-ds-gt-cd-ls-pg, var(--_ctm-dn-pt-ds-gt-cd-ls-pg))
1374
- );
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
+
1104
+ &.flex__overflow {
1105
+ white-space: normal;
1106
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1107
+ }
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)));
1375
1127
  // color: var(--_gray-700);
1376
1128
  // font-weight: 400;
1377
1129
  // font-size: 14px;
1378
1130
  // line-height: 20px;
1379
1131
  }
1132
+
1380
1133
  .message_text {
1381
1134
  resize: none;
1382
1135
  // background-color: var(--_base-white);
1383
1136
  // padding: 5px 12px;
1384
1137
  // border: 1px solid var(--_gray-300);
1385
1138
  // border-radius: 4px;
1386
- background-color: var(
1387
- --_ctm-mob-dn-pt-ds-gt-cd-is-bd-cr,
1388
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-is-bd-cr))
1389
- );
1390
-
1391
- border-color: var(
1392
- --_ctm-mob-dn-pt-ds-gt-cd-is-br-cr,
1393
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-cr, var(--_ctm-dn-pt-ds-gt-cd-is-br-cr))
1394
- );
1395
- border-radius: var(
1396
- --_ctm-mob-dn-pt-ds-gt-cd-is-br-rs,
1397
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-rs, var(--_ctm-dn-pt-ds-gt-cd-is-br-rs))
1398
- );
1399
- border-style: var(
1400
- --_ctm-mob-dn-pt-ds-gt-cd-is-br-se,
1401
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-se, var(--_ctm-dn-pt-ds-gt-cd-is-br-se))
1402
- );
1403
- border-width: var(
1404
- --_ctm-mob-dn-pt-ds-gt-cd-is-br-wh,
1405
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-wh, var(--_ctm-dn-pt-ds-gt-cd-is-br-wh))
1406
- );
1407
- padding: var(
1408
- --_ctm-mob-dn-pt-ds-gt-cd-is-pg,
1409
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-pg, var(--_ctm-dn-pt-ds-gt-cd-is-pg))
1410
- );
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)));
1411
1152
  // margin-bottom: 8px;
1412
1153
  transition:
1413
1154
  background-color 0.2s,
@@ -1415,51 +1156,39 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1415
1156
  border-color 0.2s,
1416
1157
  box-shadow 0.2s;
1417
1158
  height: 90px;
1159
+
1418
1160
  &::placeholder {
1419
1161
  // color: var(--_gray-500);
1420
1162
  // font-weight: 500;
1421
1163
  // font-size: 14px;
1422
1164
  // line-height: 24px;
1423
- font-family: var(
1424
- --_ctm-mob-dn-pt-ds-gt-cd-is-ft-fy,
1425
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-is-ft-fy))
1426
- );
1427
- color: var(
1428
- --_ctm-mob-dn-pt-ds-gt-cd-is-cr,
1429
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-cr, var(--_ctm-dn-pt-ds-gt-cd-is-cr))
1430
- );
1431
- font-weight: var(
1432
- --_ctm-mob-dn-pt-ds-gt-cd-is-ft-wt,
1433
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-is-ft-wt))
1434
- );
1435
- font-size: var(
1436
- --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se,
1437
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se, var(--_ctm-dn-pt-ds-gt-cd-is-ft-se))
1438
- );
1439
- text-decoration: var(
1440
- --_ctm-mob-dn-pt-ds-gt-cd-is-ue,
1441
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ue, var(--_ctm-dn-pt-ds-gt-cd-is-ue))
1442
- );
1443
- letter-spacing: var(
1444
- --_ctm-mob-dn-pt-ds-gt-cd-is-lr-sg,
1445
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-is-lr-sg))
1446
- );
1447
- line-height: var(
1448
- --_ctm-mob-dn-pt-ds-gt-cd-is-le-ht,
1449
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-le-ht, var(--_ctm-dn-pt-ds-gt-cd-is-le-ht))
1450
- );
1451
- font-style: var(
1452
- --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se-ic,
1453
- var(
1454
- --_ctm-tab-dn-pt-ds-gt-cd-is-ft-se-ic,
1455
- var(--_ctm-dn-pt-ds-gt-cd-is-ft-se-ic)
1456
- )
1457
- );
1458
- text-align: var(
1459
- --_ctm-mob-dn-pt-ds-gt-cd-is-tt-an,
1460
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-an, var(--_ctm-dn-pt-ds-gt-cd-is-tt-an))
1461
- );
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)));
1462
1190
  }
1191
+
1463
1192
  &:focus {
1464
1193
  outline: 0 none;
1465
1194
  outline-offset: 0;
@@ -1470,32 +1199,23 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1470
1199
  border: 1px solid var(--_primary-300);
1471
1200
  }
1472
1201
  }
1202
+
1473
1203
  input {
1474
1204
  // background-color: var(--_base-white);
1475
1205
  // padding: 8px 12px;
1476
1206
  // border: 1px solid var(--_gray-300);
1477
1207
  // border-radius: 4px;
1478
- background-color: var(
1479
- --_ctm-mob-dn-pt-ds-gt-cd-is-bd-cr,
1480
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-is-bd-cr))
1481
- );
1482
-
1483
- border-color: var(
1484
- --_ctm-mob-dn-pt-ds-gt-cd-is-br-cr,
1485
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-cr, var(--_ctm-dn-pt-ds-gt-cd-is-br-cr))
1486
- );
1487
- border-radius: var(
1488
- --_ctm-mob-dn-pt-ds-gt-cd-is-br-rs,
1489
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-rs, var(--_ctm-dn-pt-ds-gt-cd-is-br-rs))
1490
- );
1491
- border-style: var(
1492
- --_ctm-mob-dn-pt-ds-gt-cd-is-br-se,
1493
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-se, var(--_ctm-dn-pt-ds-gt-cd-is-br-se))
1494
- );
1495
- border-width: var(
1496
- --_ctm-mob-dn-pt-ds-gt-cd-is-br-wh,
1497
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-wh, var(--_ctm-dn-pt-ds-gt-cd-is-br-wh))
1498
- );
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)));
1499
1219
  // padding: var(
1500
1220
  // --_ctm-mob-dn-pt-ds-gt-cd-is-pg,
1501
1221
  // var(--_ctm-tab-dn-pt-ds-gt-cd-is-pg, var(--_ctm-dn-pt-ds-gt-cd-is-pg))
@@ -1507,51 +1227,39 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1507
1227
  color 0.2s,
1508
1228
  border-color 0.2s,
1509
1229
  box-shadow 0.2s;
1230
+
1510
1231
  &::placeholder {
1511
1232
  // color: var(--_gray-500);
1512
1233
  // font-weight: 500;
1513
1234
  // font-size: 14px;
1514
1235
  // line-height: 24px;
1515
- font-family: var(
1516
- --_ctm-mob-dn-pt-ds-gt-cd-is-ft-fy,
1517
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-is-ft-fy))
1518
- );
1519
- color: var(
1520
- --_ctm-mob-dn-pt-ds-gt-cd-is-cr,
1521
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-cr, var(--_ctm-dn-pt-ds-gt-cd-is-cr))
1522
- );
1523
- font-weight: var(
1524
- --_ctm-mob-dn-pt-ds-gt-cd-is-ft-wt,
1525
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-is-ft-wt))
1526
- );
1527
- font-size: var(
1528
- --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se,
1529
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se, var(--_ctm-dn-pt-ds-gt-cd-is-ft-se))
1530
- );
1531
- text-decoration: var(
1532
- --_ctm-mob-dn-pt-ds-gt-cd-is-ue,
1533
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-ue, var(--_ctm-dn-pt-ds-gt-cd-is-ue))
1534
- );
1535
- letter-spacing: var(
1536
- --_ctm-mob-dn-pt-ds-gt-cd-is-lr-sg,
1537
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-is-lr-sg))
1538
- );
1539
- line-height: var(
1540
- --_ctm-mob-dn-pt-ds-gt-cd-is-le-ht,
1541
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-le-ht, var(--_ctm-dn-pt-ds-gt-cd-is-le-ht))
1542
- );
1543
- font-style: var(
1544
- --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se-ic,
1545
- var(
1546
- --_ctm-tab-dn-pt-ds-gt-cd-is-ft-se-ic,
1547
- var(--_ctm-dn-pt-ds-gt-cd-is-ft-se-ic)
1548
- )
1549
- );
1550
- text-align: var(
1551
- --_ctm-mob-dn-pt-ds-gt-cd-is-tt-an,
1552
- var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-an, var(--_ctm-dn-pt-ds-gt-cd-is-tt-an))
1553
- );
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)));
1554
1261
  }
1262
+
1555
1263
  &:focus {
1556
1264
  outline: 0 none;
1557
1265
  outline-offset: 0;
@@ -1562,6 +1270,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1562
1270
  border: 1px solid var(--_primary-300);
1563
1271
  }
1564
1272
  }
1273
+
1565
1274
  .error_text {
1566
1275
  font-size: 12px;
1567
1276
  color: var(--_error-500);
@@ -1569,6 +1278,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1569
1278
  }
1570
1279
  }
1571
1280
  }
1281
+
1572
1282
  .product_qty_wrapper {
1573
1283
  display: flex;
1574
1284
  // width: 124px;
@@ -1586,6 +1296,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1586
1296
  border: 0.5px solid var(--_thm-cs-be-se-3);
1587
1297
  background: #fff;
1588
1298
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
1299
+
1589
1300
  &:focus-within {
1590
1301
  outline: 2px solid var(--_gray-200);
1591
1302
  }
@@ -1595,6 +1306,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1595
1306
  padding: 8px 12px;
1596
1307
  align-items: center;
1597
1308
  border-radius: 8px 0px 0px 8px;
1309
+
1598
1310
  p {
1599
1311
  color: var(--_thm-ty-p1-tt-cr);
1600
1312
  font-size: var(--_thm-ty-p1-ft-se);
@@ -1603,6 +1315,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1603
1315
  line-height: var(--_thm-ty-p1-le-ht);
1604
1316
  }
1605
1317
  }
1318
+
1606
1319
  .product_qty_input_container {
1607
1320
  height: 40px;
1608
1321
  display: flex;
@@ -1613,6 +1326,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1613
1326
  border-left: 1px solid var(--_thm-cs-be-se-3);
1614
1327
  padding: 8px 12px;
1615
1328
  }
1329
+
1616
1330
  .product_qty_number {
1617
1331
  // display: flex;
1618
1332
  // padding: 8px 12px;
@@ -1630,6 +1344,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1630
1344
  // max-width: 80px;
1631
1345
  text-align: center;
1632
1346
  width: 75%;
1347
+
1633
1348
  &::-webkit-outer-spin-button,
1634
1349
  &::-webkit-inner-spin-button {
1635
1350
  -webkit-appearance: none;
@@ -1638,18 +1353,22 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1638
1353
  }
1639
1354
  }
1640
1355
  }
1356
+
1641
1357
  .add-to-cart {
1642
1358
  padding-top: 12px;
1643
1359
  padding-right: 24px;
1644
1360
  padding-bottom: 12px;
1645
1361
  padding-left: 24px;
1646
1362
  transition: background 200ms ease-in-out;
1363
+
1647
1364
  span {
1648
1365
  display: flex;
1366
+
1649
1367
  svg path {
1650
1368
  stroke: var(--_base-white);
1651
1369
  }
1652
1370
  }
1371
+
1653
1372
  // padding: var(
1654
1373
  // --_ctm-mob-dn-pt-ds-at-pg,
1655
1374
  // var(--_ctm-tab-dn-pt-ds-at-pg, var(--_ctm-dn-pt-ds-at-pg))
@@ -1734,6 +1453,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1734
1453
 
1735
1454
  @media (max-width: 768px) {
1736
1455
  grid-template-columns: 1fr;
1456
+
1737
1457
  .customizer-panel {
1738
1458
  border-left: none;
1739
1459
  padding-left: 0;
@@ -1766,13 +1486,8 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1766
1486
  display: grid;
1767
1487
  grid-template-rows: 100%;
1768
1488
 
1769
- grid-template-columns: repeat(
1770
- var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))),
1771
- calc(
1772
- 100% /
1773
- var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))
1774
- )
1775
- );
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)))));
1776
1491
 
1777
1492
  grid-auto-flow: column;
1778
1493
  gap: var(--_ctm-mob-lt-im-gp, var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp)));
@@ -1786,21 +1501,15 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1786
1501
  }
1787
1502
 
1788
1503
  &[data-control-type="Bottom"][data-slider-control="Dots"] {
1789
- height: calc(
1790
- 100% - calc(
1791
- var(
1792
- --_ctm-mob-dn-pn-ds-dt-se,
1793
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
1794
- ) +
1795
- 20px
1796
- )
1797
- );
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));
1798
1506
  }
1799
1507
 
1800
1508
  .embla__slide {
1801
1509
  width: 100%;
1802
1510
  height: 100%;
1803
- & > img {
1511
+
1512
+ &>img {
1804
1513
  width: 100%;
1805
1514
  height: 100%;
1806
1515
  object-fit: contain;
@@ -1808,11 +1517,10 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1808
1517
  }
1809
1518
  }
1810
1519
  }
1520
+
1811
1521
  &:not([data-display-style="Column"]) {
1812
1522
  .embla__container {
1813
- grid-auto-columns: calc(
1814
- 100% / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))
1815
- );
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))));
1816
1524
  }
1817
1525
  }
1818
1526
 
@@ -1834,6 +1542,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1834
1542
  top: unset;
1835
1543
  bottom: 6px;
1836
1544
  }
1545
+
1837
1546
  &[data-control-type="Bottom"] {
1838
1547
  transform: unset;
1839
1548
  position: static;
@@ -1843,31 +1552,32 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1843
1552
  margin-top: 10px;
1844
1553
  }
1845
1554
  }
1555
+
1846
1556
  &[data-control-type="Side"] {
1557
+
1847
1558
  .left-button,
1848
1559
  .right-button {
1849
1560
  background-color: transparent;
1850
1561
  }
1851
1562
  }
1563
+
1852
1564
  &[data-background-shape="Round"] {
1565
+
1853
1566
  .left-button,
1854
1567
  .right-button {
1855
1568
  background-color: #f2f5f5;
1856
1569
  box-sizing: 0 4px 8px rgba(0, 0, 0, 0.1);
1857
1570
  }
1858
1571
  }
1572
+
1859
1573
  .left-button {
1860
1574
  padding: 10px;
1861
1575
  border-radius: 50%;
1862
1576
  border: none;
1863
- width: var(
1864
- --_ctm-mob-dn-pn-as-aw-se,
1865
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1866
- );
1867
- height: var(
1868
- --_ctm-mob-dn-pn-as-aw-se,
1869
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1870
- );
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)));
1871
1581
 
1872
1582
  display: flex;
1873
1583
  align-items: center;
@@ -1875,6 +1585,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1875
1585
  cursor: pointer;
1876
1586
  outline: none;
1877
1587
  margin-left: 12px;
1588
+
1878
1589
  &:disabled {
1879
1590
  & svg {
1880
1591
  path {
@@ -1883,17 +1594,14 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1883
1594
  }
1884
1595
  }
1885
1596
  }
1597
+
1886
1598
  .right-button {
1887
1599
  border-radius: 50%;
1888
1600
  border: none;
1889
- width: var(
1890
- --_ctm-mob-dn-pn-as-aw-se,
1891
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1892
- );
1893
- height: var(
1894
- --_ctm-mob-dn-pn-as-aw-se,
1895
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1896
- );
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)));
1897
1605
 
1898
1606
  display: flex;
1899
1607
  align-items: center;
@@ -1911,24 +1619,15 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1911
1619
  }
1912
1620
  }
1913
1621
  }
1622
+
1914
1623
  .icon {
1915
1624
  display: flex;
1916
1625
 
1917
1626
  svg {
1918
- width: calc(
1919
- var(
1920
- --_ctm-mob-dn-pn-as-aw-se,
1921
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1922
- ) *
1923
- 0.5
1924
- );
1925
- height: calc(
1926
- var(
1927
- --_ctm-mob-dn-pn-as-aw-se,
1928
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1929
- ) *
1930
- 0.5
1931
- );
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);
1932
1631
 
1933
1632
  path {
1934
1633
  stroke: #514949;
@@ -1941,12 +1640,14 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1941
1640
  width: calc(100% - 120px);
1942
1641
  margin-inline: auto;
1943
1642
  }
1643
+
1944
1644
  .left-button {
1945
1645
  position: absolute;
1946
1646
  left: 0;
1947
1647
  top: 50%;
1948
1648
  transform: translateY(-50%);
1949
1649
  }
1650
+
1950
1651
  .right-button {
1951
1652
  position: absolute;
1952
1653
 
@@ -1959,9 +1660,11 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1959
1660
  &[data-thumbnail-placement="top"] {
1960
1661
  flex-direction: column-reverse;
1961
1662
  }
1663
+
1962
1664
  &[data-thumbnail-placement="bottom"] {
1963
1665
  flex-direction: column;
1964
1666
  }
1667
+
1965
1668
  &[data-thumbnail-placement="left"] {
1966
1669
  flex-direction: row-reverse;
1967
1670
 
@@ -1975,8 +1678,10 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1975
1678
  }
1976
1679
  }
1977
1680
  }
1681
+
1978
1682
  &[data-thumbnail-placement="right"] {
1979
1683
  flex-direction: row;
1684
+
1980
1685
  .embla__thumbs {
1981
1686
  width: var(--_ctm-mob-lt-tl-se, var(--_ctm-tab-lt-tl-se, var(--_ctm-lt-tl-se)));
1982
1687
 
@@ -1988,6 +1693,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
1988
1693
  }
1989
1694
  }
1990
1695
  }
1696
+
1991
1697
  .embla__dots {
1992
1698
  display: flex;
1993
1699
  flex-wrap: wrap;
@@ -2003,14 +1709,13 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
2003
1709
  transform: translateX(-50%);
2004
1710
  width: 75%;
2005
1711
  }
1712
+
2006
1713
  .embla__dot {
2007
1714
  -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
2008
1715
  -webkit-appearance: none;
2009
1716
  appearance: none;
2010
- background-color: var(
2011
- --_ctm-mob-dn-pn-ds-or-dt-cr,
2012
- var(--_ctm-tab-dn-pn-ds-or-dt-cr, var(--_ctm-dn-pn-ds-or-dt-cr))
2013
- );
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)));
2014
1719
 
2015
1720
  touch-action: manipulation;
2016
1721
  display: inline-flex;
@@ -2021,75 +1726,56 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
2021
1726
  margin: 0;
2022
1727
  // width: 0.6rem;
2023
1728
  // height: 0.6rem;
2024
- width: var(
2025
- --_ctm-mob-dn-pn-ds-dt-se,
2026
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
2027
- );
2028
- height: var(
2029
- --_ctm-mob-dn-pn-ds-dt-se,
2030
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
2031
- );
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)));
2032
1733
 
2033
1734
  display: flex;
2034
1735
  align-items: center;
2035
1736
  justify-content: center;
2036
1737
  border-radius: 50%;
2037
1738
  }
1739
+
2038
1740
  .embla__dot:after {
2039
1741
  // box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
2040
- width: var(
2041
- --_ctm-mob-dn-pn-ds-dt-se,
2042
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
2043
- );
2044
- height: var(
2045
- --_ctm-mob-dn-pn-ds-dt-se,
2046
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
2047
- );
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)));
2048
1746
 
2049
1747
  border-radius: 50%;
2050
1748
  display: flex;
2051
1749
  align-items: center;
2052
1750
  content: "";
2053
1751
  }
1752
+
2054
1753
  .embla__dot--selected:after {
2055
1754
  box-shadow: inset 0 0 0 1px var(--text-body);
2056
- background-color: var(
2057
- --_ctm-mob-dn-pn-ds-ct-dt-cr,
2058
- var(--_ctm-tab-dn-pn-ds-ct-dt-cr, var(--_ctm-dn-pn-ds-ct-dt-cr))
2059
- );
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)));
2060
1757
  }
1758
+
2061
1759
  &[data-slider-control="Pagination Line"] {
2062
1760
  .embla__dot {
2063
- width: var(
2064
- --_ctm-mob-dn-pn-le-le-wh,
2065
- var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh))
2066
- );
2067
- height: var(
2068
- --_ctm-mob-dn-pn-le-le-ht,
2069
- var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
2070
- );
2071
- background-color: var(
2072
- --_ctm-mob-dn-pn-le-or-le-cr,
2073
- var(--_ctm-tab-dn-pn-le-or-le-cr, var(--_ctm-dn-pn-le-or-le-cr))
2074
- );
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)));
2075
1767
  border-radius: 6px;
2076
1768
  }
2077
1769
 
2078
1770
  .embla__dot--selected:after {
2079
1771
  box-shadow: inset 0 0 0 1px var(--text-body);
2080
1772
  border-radius: 6px;
2081
- width: var(
2082
- --_ctm-mob-dn-pn-le-le-wh,
2083
- var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh))
2084
- );
2085
- height: var(
2086
- --_ctm-mob-dn-pn-le-le-ht,
2087
- var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
2088
- );
2089
- background-color: var(
2090
- --_ctm-mob-dn-pn-le-ct-le-cr,
2091
- var(--_ctm-tab-dn-pn-le-ct-le-cr, var(--_ctm-dn-pn-le-ct-le-cr))
2092
- );
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)));
2093
1779
  }
2094
1780
  }
2095
1781
  }
@@ -2114,6 +1800,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
2114
1800
 
2115
1801
  overflow: hidden;
2116
1802
  }
1803
+
2117
1804
  .embla__thumbs__container {
2118
1805
  display: flex;
2119
1806
  flex-direction: row;
@@ -2141,6 +1828,7 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
2141
1828
  // for bundle details
2142
1829
  }
2143
1830
  }
1831
+
2144
1832
  .text_ellipsis {
2145
1833
  display: -webkit-box;
2146
1834
  -webkit-box-orient: vertical;
@@ -2148,4 +1836,4 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
2148
1836
  line-clamp: 1;
2149
1837
  white-space: normal;
2150
1838
  overflow: hidden;
2151
- }
1839
+ }