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

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