@sc-360-v2/storefront-cms-library 0.5.71 → 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 (128) 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/bundleCategories.scss +301 -301
  18. package/dist/bundleDetails.scss +3774 -5072
  19. package/dist/button.scss +79 -103
  20. package/dist/buy-for-tab-container.scss +77 -106
  21. package/dist/buyForHeaders.scss +1722 -2976
  22. package/dist/cart-details.scss +481 -1012
  23. package/dist/cart-summary.scss +2234 -2826
  24. package/dist/cart-wrapper.scss +37 -79
  25. package/dist/cart.scss +117 -225
  26. package/dist/cartAttributes.scss +1103 -1422
  27. package/dist/category-groups-element.scss +127 -108
  28. package/dist/category-groups-product-grid.scss +120 -147
  29. package/dist/category-groups-product-image.scss +1162 -1457
  30. package/dist/category-groups-product-options.scss +613 -680
  31. package/dist/category-groups-product-price.scss +1966 -3244
  32. package/dist/category-groups-quota-details.scss +210 -464
  33. package/dist/category.scss +26 -50
  34. package/dist/checkout.scss +24 -16
  35. package/dist/confirm-modal.scss +22 -2
  36. package/dist/container.scss +32 -54
  37. package/dist/countdown.scss +711 -899
  38. package/dist/coupon.scss +1160 -1519
  39. package/dist/default-dropdown.scss +12 -1
  40. package/dist/embroider-template-1-v2.scss +123 -172
  41. package/dist/embroider-template-1.scss +68 -104
  42. package/dist/embroidery.scss +30 -31
  43. package/dist/employee-bulk-order.scss +418 -142
  44. package/dist/faq.scss +228 -408
  45. package/dist/filter-results.scss +125 -265
  46. package/dist/filters.scss +2143 -3040
  47. package/dist/gallery-slider-temp.scss +1458 -1776
  48. package/dist/global-styles.scss +218 -198
  49. package/dist/grid.scss +25 -33
  50. package/dist/hotspot.scss +68 -115
  51. package/dist/image-temp.scss +21 -20
  52. package/dist/item-stock.scss +9 -16
  53. package/dist/kitDetails.scss +2719 -4299
  54. package/dist/kits.scss +24 -19
  55. package/dist/language-selector.scss +211 -361
  56. package/dist/last-x-orders.scss +95 -174
  57. package/dist/layouter-item.scss +75 -103
  58. package/dist/layouter-pro-item.scss +89 -95
  59. package/dist/layouter-pro.scss +87 -92
  60. package/dist/layouter.scss +383 -445
  61. package/dist/light-box-v2.scss +89 -104
  62. package/dist/login.scss +287 -566
  63. package/dist/map.scss +1212 -1359
  64. package/dist/marchandiserSets.scss +95 -104
  65. package/dist/mega-menu-container.scss +96 -109
  66. package/dist/mega-menu.scss +624 -731
  67. package/dist/menu-item.scss +2 -2
  68. package/dist/menu-v2.scss +507 -619
  69. package/dist/multi-select-dropdown.scss +27 -3
  70. package/dist/my-templates.scss +38 -9
  71. package/dist/option-bar.scss +215 -375
  72. package/dist/order-status.scss +1790 -2187
  73. package/dist/overflow-module.scss +6 -7
  74. package/dist/past-orders.scss +118 -149
  75. package/dist/payment-methods.scss +46 -30
  76. package/dist/pickup-locations.scss +558 -1118
  77. package/dist/position-module.scss +20 -17
  78. package/dist/prefix-list.scss +21 -10
  79. package/dist/product-actions.scss +1750 -2055
  80. package/dist/product-basic-elements.scss +108 -169
  81. package/dist/product-highlights.scss +303 -348
  82. package/dist/product-image-allocation.scss +1477 -1477
  83. package/dist/product-image-bundles.scss +337 -642
  84. package/dist/product-inventory.scss +673 -1357
  85. package/dist/product-labels.scss +84 -105
  86. package/dist/product-options.scss +1287 -1444
  87. package/dist/product-price.scss +1283 -2561
  88. package/dist/product-promotions.scss +1388 -2830
  89. package/dist/product-sizechart.scss +516 -905
  90. package/dist/product.scss +28 -61
  91. package/dist/productDetails.scss +19 -39
  92. package/dist/profile.scss +207 -447
  93. package/dist/quantity-selector.scss +837 -1074
  94. package/dist/quick-inventory-check.scss +95 -174
  95. package/dist/quick-links.scss +55 -133
  96. package/dist/quick-order-pad.scss +218 -271
  97. package/dist/quota-details.scss +152 -282
  98. package/dist/quotes.scss +814 -847
  99. package/dist/repeater-embla-controls.scss +35 -15
  100. package/dist/repeater-grid-toggle.scss +156 -166
  101. package/dist/repeater-item.scss +41 -64
  102. package/dist/repeater.scss +671 -814
  103. package/dist/request-for-quotes.scss +66 -16
  104. package/dist/responsive-behaviour.scss +3 -1
  105. package/dist/rfqs.scss +118 -181
  106. package/dist/scroll.scss +93 -172
  107. package/dist/search-results-heading.scss +309 -309
  108. package/dist/search.scss +179 -326
  109. package/dist/section.scss +27 -51
  110. package/dist/shipping-payments.scss +198 -58
  111. package/dist/simple-list.scss +74 -164
  112. package/dist/social.scss +80 -145
  113. package/dist/sort.scss +168 -176
  114. package/dist/stack.scss +23 -34
  115. package/dist/static-global.scss +44 -26
  116. package/dist/stockStatus.scss +11 -19
  117. package/dist/store-locations.scss +577 -1105
  118. package/dist/tab-container.scss +81 -108
  119. package/dist/table-common.scss +217 -408
  120. package/dist/table.scss +271 -502
  121. package/dist/text-temp.scss +8 -7
  122. package/dist/theme-classes.scss +17 -13
  123. package/dist/uom-selector.scss +489 -949
  124. package/dist/user-elements.scss +2588 -2896
  125. package/dist/variant-picker.scss +1281 -2555
  126. package/dist/volume-pricing.scss +541 -1037
  127. package/dist/widget.scss +153 -153
  128. package/package.json +1 -1
@@ -18,16 +18,9 @@
18
18
  // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
19
19
  // );
20
20
 
21
- width: var(
22
- --_sf-el-wh-st-mx,
23
- calc(
24
- 1% *
25
- var(
26
- --_ctm-mob-ele-nw-wh-vl,
27
- var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
28
- )
29
- )
30
- );
21
+ width: var(--_sf-el-wh-st-mx,
22
+ calc(1% * var(--_ctm-mob-ele-nw-wh-vl,
23
+ var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))))));
31
24
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
32
25
 
33
26
  // --_aspect-ratio: calc(
@@ -37,35 +30,42 @@
37
30
  // var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
38
31
  // )
39
32
  // );
40
- & > .wrapper {
33
+ &>.wrapper {
41
34
  width: 100%;
42
35
  // height: 100%;
43
36
  }
37
+
44
38
  &[data-show-shadow="false"] {
45
39
  --_show-shadow: none;
46
40
  }
41
+
47
42
  &[data-show-border="false"] {
48
43
  --_show-border-im-se: none;
49
44
  }
45
+
50
46
  &[data-overflow-items="Wrap"] {
51
47
  .horizontal {
52
48
  flex-wrap: wrap;
53
49
  }
54
50
  }
51
+
55
52
  &[data-overflow-items="Scroll"] {
56
53
  .horizontal {
57
54
  width: 100%;
58
55
  overflow-x: auto;
56
+
59
57
  .item {
60
58
  width: 100%;
61
59
  flex-shrink: 0;
62
60
  }
63
61
  }
62
+
64
63
  .vertical {
65
64
  overflow-y: auto;
66
65
  max-height: 30%;
67
66
  }
68
67
  }
68
+
69
69
  .text-element {
70
70
  color: #333;
71
71
  font-size: 12px;
@@ -77,81 +77,53 @@
77
77
 
78
78
  .meta_text_element {
79
79
  display: block;
80
- background-color: var(
81
- --_ctm-mob-dn-ll-bd-cr,
82
- var(--_ctm-tab-dn-ll-bd-cr, var(--_ctm-dn-ll-bd-cr))
83
- );
80
+ background-color: var(--_ctm-mob-dn-ll-bd-cr,
81
+ var(--_ctm-tab-dn-ll-bd-cr, var(--_ctm-dn-ll-bd-cr)));
84
82
  color: var(--_ctm-mob-dn-ll-cr, var(--_ctm-tab-dn-ll-cr, var(--_ctm-dn-ll-cr)));
85
- font-family: var(
86
- --_ctm-mob-dn-ll-ft-fy,
87
- var(--_ctm-tab-dn-ll-ft-fy, var(--_ctm-dn-ll-ft-fy))
88
- );
89
- text-transform: var(
90
- --_ctm-mob-dn-ll-tt-tm,
91
- var(--_ctm-tab-dn-ll-tt-tm, var(--_ctm-dn-ll-tt-tm))
92
- );
93
- word-wrap: var(
94
- --_ctm-mob-dn-ll-wd-wp,
95
- var(--_ctm-tab-dn-ll-wd-wp, var(--_ctm-dn-ll-wd-wp))
96
- );
97
- word-break: var(
98
- --_ctm-mob-dn-ll-wd-bk,
99
- var(--_ctm-tab-dn-ll-wd-bk, var(--_ctm-dn-ll-wd-bk))
100
- );
83
+ font-family: var(--_ctm-mob-dn-ll-ft-fy,
84
+ var(--_ctm-tab-dn-ll-ft-fy, var(--_ctm-dn-ll-ft-fy)));
85
+ text-transform: var(--_ctm-mob-dn-ll-tt-tm,
86
+ var(--_ctm-tab-dn-ll-tt-tm, var(--_ctm-dn-ll-tt-tm)));
87
+ word-wrap: var(--_ctm-mob-dn-ll-wd-wp,
88
+ var(--_ctm-tab-dn-ll-wd-wp, var(--_ctm-dn-ll-wd-wp)));
89
+ word-break: var(--_ctm-mob-dn-ll-wd-bk,
90
+ var(--_ctm-tab-dn-ll-wd-bk, var(--_ctm-dn-ll-wd-bk)));
91
+
101
92
  &.flex__overflow {
102
93
  white-space: normal;
103
94
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
104
95
  }
96
+
105
97
  font-size: var(--_ctm-mob-dn-ll-ft-se, var(--_ctm-tab-dn-ll-ft-se, var(--_ctm-dn-ll-ft-se)));
106
- font-weight: var(
107
- --_ctm-mob-dn-ll-ft-wt,
108
- var(--_ctm-tab-dn-ll-ft-wt, var(--_ctm-dn-ll-ft-wt))
109
- );
110
- font-style: var(
111
- --_ctm-mob-dn-ll-ft-se-ic,
112
- var(--_ctm-tab-dn-ll-ft-se-ic, var(--_ctm-dn-ll-ft-se-ic))
113
- );
98
+ font-weight: var(--_ctm-mob-dn-ll-ft-wt,
99
+ var(--_ctm-tab-dn-ll-ft-wt, var(--_ctm-dn-ll-ft-wt)));
100
+ font-style: var(--_ctm-mob-dn-ll-ft-se-ic,
101
+ var(--_ctm-tab-dn-ll-ft-se-ic, var(--_ctm-dn-ll-ft-se-ic)));
114
102
  text-align: var(--_ctm-mob-dn-ll-tt-an, var(--_ctm-tab-dn-ll-tt-an, var(--_ctm-dn-ll-tt-an)));
115
- letter-spacing: var(
116
- --_ctm-mob-dn-ll-lr-sg,
117
- var(--_ctm-tab-dn-ll-lr-sg, var(--_ctm-dn-ll-lr-sg))
118
- );
119
- line-height: var(
120
- --_ctm-mob-dn-ll-le-ht,
121
- var(--_ctm-tab-dn-ll-le-ht, var(--_ctm-dn-ll-le-ht))
122
- );
103
+ letter-spacing: var(--_ctm-mob-dn-ll-lr-sg,
104
+ var(--_ctm-tab-dn-ll-lr-sg, var(--_ctm-dn-ll-lr-sg)));
105
+ line-height: var(--_ctm-mob-dn-ll-le-ht,
106
+ var(--_ctm-tab-dn-ll-le-ht, var(--_ctm-dn-ll-le-ht)));
123
107
  text-decoration: var(--_ctm-mob-dn-ll-ue, var(--_ctm-tab-dn-ll-ue, var(--_ctm-dn-ll-ue)));
124
108
 
125
- border-color: var(
126
- --_show-border,
127
- var(--_ctm-mob-dn-ll-br-cr, var(--_ctm-tab-dn-ll-br-cr, var(--_ctm-dn-ll-br-cr)))
128
- );
129
- border-style: var(
130
- --_show-border,
131
- var(--_ctm-mob-dn-ll-br-se, var(--_ctm-tab-dn-ll-br-se, var(--_ctm-dn-ll-br-se)))
132
- );
133
- border-width: var(
134
- --_show-border,
135
- var(--_ctm-mob-dn-ll-br-wh, var(--_ctm-tab-dn-ll-br-wh, var(--_ctm-dn-ll-br-wh)))
136
- );
137
- border-radius: var(
138
- --_ctm-mob-dn-ll-br-rs,
139
- var(--_ctm-tab-dn-ll-br-rs, var(--_ctm-dn-ll-br-rs))
140
- );
141
-
142
- box-shadow: var(
143
- --_show-shadow,
144
- var(--_ctm-mob-dn-ll-sw-ae, var(--_ctm-tab-dn-ll-sw-ae, var(--_ctm-dn-ll-sw-ae)))
145
- var(--_ctm-mob-dn-ll-sw-br, var(--_ctm-tab-dn-ll-sw-br, var(--_ctm-dn-ll-sw-br)))
146
- var(--_ctm-mob-dn-ll-sw-sd, var(--_ctm-tab-dn-ll-sw-sd, var(--_ctm-dn-ll-sw-sd)))
147
- var(--_ctm-mob-dn-ll-sw-cr, var(--_ctm-tab-dn-ll-sw-cr, var(--_ctm-dn-ll-sw-cr)))
148
- );
109
+ border-color: var(--_show-border,
110
+ var(--_ctm-mob-dn-ll-br-cr, var(--_ctm-tab-dn-ll-br-cr, var(--_ctm-dn-ll-br-cr))));
111
+ border-style: var(--_show-border,
112
+ var(--_ctm-mob-dn-ll-br-se, var(--_ctm-tab-dn-ll-br-se, var(--_ctm-dn-ll-br-se))));
113
+ border-width: var(--_show-border,
114
+ var(--_ctm-mob-dn-ll-br-wh, var(--_ctm-tab-dn-ll-br-wh, var(--_ctm-dn-ll-br-wh))));
115
+ border-radius: var(--_ctm-mob-dn-ll-br-rs,
116
+ var(--_ctm-tab-dn-ll-br-rs, var(--_ctm-dn-ll-br-rs)));
117
+
118
+ box-shadow: var(--_show-shadow,
119
+ var(--_ctm-mob-dn-ll-sw-ae, var(--_ctm-tab-dn-ll-sw-ae, var(--_ctm-dn-ll-sw-ae))) var(--_ctm-mob-dn-ll-sw-br, var(--_ctm-tab-dn-ll-sw-br, var(--_ctm-dn-ll-sw-br))) var(--_ctm-mob-dn-ll-sw-sd, var(--_ctm-tab-dn-ll-sw-sd, var(--_ctm-dn-ll-sw-sd))) var(--_ctm-mob-dn-ll-sw-cr, var(--_ctm-tab-dn-ll-sw-cr, var(--_ctm-dn-ll-sw-cr))));
149
120
 
150
121
  padding: var(--_ctm-mob-dn-ll-pg, var(--_ctm-tab-dn-ll-pg, var(--_ctm-dn-ll-pg)));
151
122
  }
152
123
 
153
124
  .uom__selector {
154
125
  width: 100%;
126
+
155
127
  // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
156
128
  .uom__container {
157
129
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
@@ -161,564 +133,320 @@
161
133
  // border-radius: 20px;
162
134
 
163
135
  .each__wraper {
164
- background-color: var(
165
- --_ctm-mob-dn-um-te-se-bd-cr,
166
- var(--_ctm-tab-dn-um-te-se-bd-cr, var(--_ctm-dn-um-te-se-bd-cr))
167
- );
168
-
169
- border-color: var(
170
- --_ctm-mob-dn-um-te-se-br-cr,
171
- var(--_ctm-tab-dn-um-te-se-br-cr, var(--_ctm-dn-um-te-se-br-cr))
172
- );
173
-
174
- border-style: var(
175
- --_ctm-mob-dn-um-te-se-br-se,
176
- var(--_ctm-tab-dn-um-te-se-br-se, var(--_ctm-dn-um-te-se-br-se))
177
- );
178
-
179
- border-width: var(
180
- --_ctm-mob-dn-um-te-se-br-wh,
181
- var(--_ctm-tab-dn-um-te-se-br-wh, var(--_ctm-dn-um-te-se-br-wh))
182
- );
136
+ background-color: var(--_ctm-mob-dn-um-te-se-bd-cr,
137
+ var(--_ctm-tab-dn-um-te-se-bd-cr, var(--_ctm-dn-um-te-se-bd-cr)));
138
+
139
+ border-color: var(--_ctm-mob-dn-um-te-se-br-cr,
140
+ var(--_ctm-tab-dn-um-te-se-br-cr, var(--_ctm-dn-um-te-se-br-cr)));
141
+
142
+ border-style: var(--_ctm-mob-dn-um-te-se-br-se,
143
+ var(--_ctm-tab-dn-um-te-se-br-se, var(--_ctm-dn-um-te-se-br-se)));
144
+
145
+ border-width: var(--_ctm-mob-dn-um-te-se-br-wh,
146
+ var(--_ctm-tab-dn-um-te-se-br-wh, var(--_ctm-dn-um-te-se-br-wh)));
183
147
 
184
148
  &[data-show-border="false"] {
185
149
  border: none;
186
150
  }
187
151
 
188
- border-radius: var(
189
- --_ctm-mob-dn-um-te-se-br-rs,
190
- var(--_ctm-tab-dn-um-te-se-br-rs, var(--_ctm-dn-um-te-se-br-rs))
191
- );
192
-
193
- box-shadow: var(
194
- --_show-shadow,
195
- var(
196
- --_ctm-mob-dn-um-te-se-sw-ae,
197
- var(--_ctm-tab-dn-um-te-se-sw-ae, var(--_ctm-dn-um-te-se-sw-ae))
198
- )
199
- var(
200
- --_ctm-mob-dn-um-te-se-sw-br,
201
- var(--_ctm-tab-dn-um-te-se-sw-br, var(--_ctm-dn-um-te-se-sw-br))
202
- )
203
- var(
204
- --_ctm-mob-dn-um-te-se-sw-sd,
205
- var(--_ctm-tab-dn-um-te-se-sw-sd, var(--_ctm-dn-um-te-se-sw-sd))
206
- )
207
- var(
208
- --_ctm-mob-dn-um-te-se-sw-cr,
209
- var(--_ctm-tab-dn-um-te-se-sw-cr, var(--_ctm-dn-um-te-se-sw-cr))
210
- )
211
- );
152
+ border-radius: var(--_ctm-mob-dn-um-te-se-br-rs,
153
+ var(--_ctm-tab-dn-um-te-se-br-rs, var(--_ctm-dn-um-te-se-br-rs)));
154
+
155
+ box-shadow: var(--_show-shadow,
156
+ var(--_ctm-mob-dn-um-te-se-sw-ae,
157
+ var(--_ctm-tab-dn-um-te-se-sw-ae, var(--_ctm-dn-um-te-se-sw-ae))) var(--_ctm-mob-dn-um-te-se-sw-br,
158
+ var(--_ctm-tab-dn-um-te-se-sw-br, var(--_ctm-dn-um-te-se-sw-br))) var(--_ctm-mob-dn-um-te-se-sw-sd,
159
+ var(--_ctm-tab-dn-um-te-se-sw-sd, var(--_ctm-dn-um-te-se-sw-sd))) var(--_ctm-mob-dn-um-te-se-sw-cr,
160
+ var(--_ctm-tab-dn-um-te-se-sw-cr, var(--_ctm-dn-um-te-se-sw-cr))));
212
161
  white-space: nowrap;
213
162
 
214
163
  padding: prepareMediaVariable(--_ctm-dn-um-te-se-pg);
215
164
 
216
165
  .each {
217
- color: var(
218
- --_ctm-mob-dn-um-te-se-cr,
219
- var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
220
- );
221
- font-family: var(
222
- --_ctm-mob-dn-um-te-se-ft-fy,
223
- var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
224
- );
225
- text-transform: var(
226
- --_ctm-mob-dn-um-te-se-tt-tm,
227
- var(--_ctm-tab-dn-um-te-se-tt-tm, var(--_ctm-dn-um-te-se-tt-tm))
228
- );
229
- word-wrap: var(
230
- --_ctm-mob-dn-um-te-se-wd-wp,
231
- var(--_ctm-tab-dn-um-te-se-wd-wp, var(--_ctm-dn-um-te-se-wd-wp))
232
- );
233
- word-break: var(
234
- --_ctm-mob-dn-um-te-se-wd-bk,
235
- var(--_ctm-tab-dn-um-te-se-wd-bk, var(--_ctm-dn-um-te-se-wd-bk))
236
- );
237
- font-size: var(
238
- --_ctm-mob-dn-um-te-se-ft-se,
239
- var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
240
- );
241
- font-weight: var(
242
- --_ctm-mob-dn-um-te-se-ft-wt,
243
- var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
244
- );
245
- font-style: var(
246
- --_ctm-mob-dn-um-te-se-ft-se-ic,
247
- var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
248
- );
249
- text-align: var(
250
- --_ctm-mob-dn-um-te-se-tt-an,
251
- var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
252
- );
253
- letter-spacing: var(
254
- --_ctm-mob-dn-um-te-se-lr-sg,
255
- var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
256
- );
257
- line-height: var(
258
- --_ctm-mob-dn-um-te-se-le-ht,
259
- var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
260
- );
261
- text-decoration: var(
262
- --_ctm-mob-dn-um-te-se-ue,
263
- var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
264
- );
166
+ color: var(--_ctm-mob-dn-um-te-se-cr,
167
+ var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr)));
168
+ font-family: var(--_ctm-mob-dn-um-te-se-ft-fy,
169
+ var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy)));
170
+ text-transform: var(--_ctm-mob-dn-um-te-se-tt-tm,
171
+ var(--_ctm-tab-dn-um-te-se-tt-tm, var(--_ctm-dn-um-te-se-tt-tm)));
172
+ word-wrap: var(--_ctm-mob-dn-um-te-se-wd-wp,
173
+ var(--_ctm-tab-dn-um-te-se-wd-wp, var(--_ctm-dn-um-te-se-wd-wp)));
174
+ word-break: var(--_ctm-mob-dn-um-te-se-wd-bk,
175
+ var(--_ctm-tab-dn-um-te-se-wd-bk, var(--_ctm-dn-um-te-se-wd-bk)));
176
+ font-size: var(--_ctm-mob-dn-um-te-se-ft-se,
177
+ var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se)));
178
+ font-weight: var(--_ctm-mob-dn-um-te-se-ft-wt,
179
+ var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt)));
180
+ font-style: var(--_ctm-mob-dn-um-te-se-ft-se-ic,
181
+ var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic)));
182
+ text-align: var(--_ctm-mob-dn-um-te-se-tt-an,
183
+ var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an)));
184
+ letter-spacing: var(--_ctm-mob-dn-um-te-se-lr-sg,
185
+ var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg)));
186
+ line-height: var(--_ctm-mob-dn-um-te-se-le-ht,
187
+ var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht)));
188
+ text-decoration: var(--_ctm-mob-dn-um-te-se-ue,
189
+ var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue)));
265
190
  }
266
191
  }
192
+
267
193
  .price__wraper {
268
- background-color: var(
269
- --_ctm-mob-dn-pt-pe-bd-cr,
270
- var(--_ctm-tab-dn-pt-pe-bd-cr, var(--_ctm-dn-pt-pe-bd-cr))
271
- );
272
-
273
- border-color: var(
274
- --_ctm-mob-dn-pt-pe-br-cr,
275
- var(--_ctm-tab-dn-pt-pe-br-cr, var(--_ctm-dn-pt-pe-br-cr))
276
- );
277
-
278
- border-style: var(
279
- --_ctm-mob-dn-pt-pe-br-se,
280
- var(--_ctm-tab-dn-pt-pe-br-se, var(--_ctm-dn-pt-pe-br-se))
281
- );
282
-
283
- border-width: var(
284
- --_ctm-mob-dn-pt-pe-br-wh,
285
- var(--_ctm-tab-dn-pt-pe-br-wh, var(--_ctm-dn-pt-pe-br-wh))
286
- );
194
+ background-color: var(--_ctm-mob-dn-pt-pe-bd-cr,
195
+ var(--_ctm-tab-dn-pt-pe-bd-cr, var(--_ctm-dn-pt-pe-bd-cr)));
196
+
197
+ border-color: var(--_ctm-mob-dn-pt-pe-br-cr,
198
+ var(--_ctm-tab-dn-pt-pe-br-cr, var(--_ctm-dn-pt-pe-br-cr)));
199
+
200
+ border-style: var(--_ctm-mob-dn-pt-pe-br-se,
201
+ var(--_ctm-tab-dn-pt-pe-br-se, var(--_ctm-dn-pt-pe-br-se)));
202
+
203
+ border-width: var(--_ctm-mob-dn-pt-pe-br-wh,
204
+ var(--_ctm-tab-dn-pt-pe-br-wh, var(--_ctm-dn-pt-pe-br-wh)));
287
205
 
288
206
  &[data-show-border="false"] {
289
207
  border: none;
290
208
  }
291
209
 
292
- border-radius: var(
293
- --_ctm-mob-dn-pt-pe-br-rs,
294
- var(--_ctm-tab-dn-pt-pe-br-rs, var(--_ctm-dn-pt-pe-br-rs))
295
- );
296
-
297
- box-shadow: var(
298
- --_show-shadow,
299
- var(
300
- --_ctm-mob-dn-pt-pe-sw-ae,
301
- var(--_ctm-tab-dn-pt-pe-sw-ae, var(--_ctm-dn-pt-pe-sw-ae))
302
- )
303
- var(
304
- --_ctm-mob-dn-pt-pe-sw-br,
305
- var(--_ctm-tab-dn-pt-pe-sw-br, var(--_ctm-dn-pt-pe-sw-br))
306
- )
307
- var(
308
- --_ctm-mob-dn-pt-pe-sw-sd,
309
- var(--_ctm-tab-dn-pt-pe-sw-sd, var(--_ctm-dn-pt-pe-sw-sd))
310
- )
311
- var(
312
- --_ctm-mob-dn-pt-pe-sw-cr,
313
- var(--_ctm-tab-dn-pt-pe-sw-cr, var(--_ctm-dn-pt-pe-sw-cr))
314
- )
315
- );
210
+ border-radius: var(--_ctm-mob-dn-pt-pe-br-rs,
211
+ var(--_ctm-tab-dn-pt-pe-br-rs, var(--_ctm-dn-pt-pe-br-rs)));
212
+
213
+ box-shadow: var(--_show-shadow,
214
+ var(--_ctm-mob-dn-pt-pe-sw-ae,
215
+ var(--_ctm-tab-dn-pt-pe-sw-ae, var(--_ctm-dn-pt-pe-sw-ae))) var(--_ctm-mob-dn-pt-pe-sw-br,
216
+ var(--_ctm-tab-dn-pt-pe-sw-br, var(--_ctm-dn-pt-pe-sw-br))) var(--_ctm-mob-dn-pt-pe-sw-sd,
217
+ var(--_ctm-tab-dn-pt-pe-sw-sd, var(--_ctm-dn-pt-pe-sw-sd))) var(--_ctm-mob-dn-pt-pe-sw-cr,
218
+ var(--_ctm-tab-dn-pt-pe-sw-cr, var(--_ctm-dn-pt-pe-sw-cr))));
316
219
  white-space: nowrap;
317
220
 
318
221
  padding: prepareMediaVariable(--_ctm-dn-pt-pe-pg);
319
222
 
320
223
  .price {
321
- color: var(
322
- --_ctm-mob-dn-pt-pe-cr,
323
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
324
- );
325
- font-family: var(
326
- --_ctm-mob-dn-pt-pe-ft-fy,
327
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
328
- );
329
- text-transform: var(
330
- --_ctm-mob-dn-pt-pe-tt-tm,
331
- var(--_ctm-tab-dn-pt-pe-tt-tm, var(--_ctm-dn-pt-pe-tt-tm))
332
- );
333
- word-wrap: var(
334
- --_ctm-mob-dn-pt-pe-wd-wp,
335
- var(--_ctm-tab-dn-pt-pe-wd-wp, var(--_ctm-dn-pt-pe-wd-wp))
336
- );
337
- word-break: var(
338
- --_ctm-mob-dn-pt-pe-wd-bk,
339
- var(--_ctm-tab-dn-pt-pe-wd-bk, var(--_ctm-dn-pt-pe-wd-bk))
340
- );
341
- font-size: var(
342
- --_ctm-mob-dn-pt-pe-ft-se,
343
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
344
- );
345
- font-weight: var(
346
- --_ctm-mob-dn-pt-pe-ft-wt,
347
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
348
- );
349
- font-style: var(
350
- --_ctm-mob-dn-pt-pe-ft-se-ic,
351
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
352
- );
353
- text-align: var(
354
- --_ctm-mob-dn-pt-pe-tt-an,
355
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
356
- );
357
- letter-spacing: var(
358
- --_ctm-mob-dn-pt-pe-lr-sg,
359
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
360
- );
361
- line-height: var(
362
- --_ctm-mob-dn-pt-pe-le-ht,
363
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
364
- );
365
- text-decoration: var(
366
- --_ctm-mob-dn-pt-pe-ue,
367
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
368
- );
224
+ color: var(--_ctm-mob-dn-pt-pe-cr,
225
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr)));
226
+ font-family: var(--_ctm-mob-dn-pt-pe-ft-fy,
227
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy)));
228
+ text-transform: var(--_ctm-mob-dn-pt-pe-tt-tm,
229
+ var(--_ctm-tab-dn-pt-pe-tt-tm, var(--_ctm-dn-pt-pe-tt-tm)));
230
+ word-wrap: var(--_ctm-mob-dn-pt-pe-wd-wp,
231
+ var(--_ctm-tab-dn-pt-pe-wd-wp, var(--_ctm-dn-pt-pe-wd-wp)));
232
+ word-break: var(--_ctm-mob-dn-pt-pe-wd-bk,
233
+ var(--_ctm-tab-dn-pt-pe-wd-bk, var(--_ctm-dn-pt-pe-wd-bk)));
234
+ font-size: var(--_ctm-mob-dn-pt-pe-ft-se,
235
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se)));
236
+ font-weight: var(--_ctm-mob-dn-pt-pe-ft-wt,
237
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt)));
238
+ font-style: var(--_ctm-mob-dn-pt-pe-ft-se-ic,
239
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic)));
240
+ text-align: var(--_ctm-mob-dn-pt-pe-tt-an,
241
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an)));
242
+ letter-spacing: var(--_ctm-mob-dn-pt-pe-lr-sg,
243
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg)));
244
+ line-height: var(--_ctm-mob-dn-pt-pe-le-ht,
245
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht)));
246
+ text-decoration: var(--_ctm-mob-dn-pt-pe-ue,
247
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue)));
369
248
  }
370
249
  }
371
250
 
372
251
  .actual__price__wraper {
373
- background-color: var(
374
- --_ctm-mob-dn-al-pe-bd-cr,
375
- var(--_ctm-tab-dn-al-pe-bd-cr, var(--_ctm-dn-al-pe-bd-cr))
376
- );
377
-
378
- border-color: var(
379
- --_ctm-mob-dn-al-pe-br-cr,
380
- var(--_ctm-tab-dn-al-pe-br-cr, var(--_ctm-dn-al-pe-br-cr))
381
- );
382
-
383
- border-style: var(
384
- --_ctm-mob-dn-al-pe-br-se,
385
- var(--_ctm-tab-dn-al-pe-br-se, var(--_ctm-dn-al-pe-br-se))
386
- );
387
-
388
- border-width: var(
389
- --_ctm-mob-dn-al-pe-br-wh,
390
- var(--_ctm-tab-dn-al-pe-br-wh, var(--_ctm-dn-al-pe-br-wh))
391
- );
252
+ background-color: var(--_ctm-mob-dn-al-pe-bd-cr,
253
+ var(--_ctm-tab-dn-al-pe-bd-cr, var(--_ctm-dn-al-pe-bd-cr)));
254
+
255
+ border-color: var(--_ctm-mob-dn-al-pe-br-cr,
256
+ var(--_ctm-tab-dn-al-pe-br-cr, var(--_ctm-dn-al-pe-br-cr)));
257
+
258
+ border-style: var(--_ctm-mob-dn-al-pe-br-se,
259
+ var(--_ctm-tab-dn-al-pe-br-se, var(--_ctm-dn-al-pe-br-se)));
260
+
261
+ border-width: var(--_ctm-mob-dn-al-pe-br-wh,
262
+ var(--_ctm-tab-dn-al-pe-br-wh, var(--_ctm-dn-al-pe-br-wh)));
392
263
 
393
264
  &[data-show-border="false"] {
394
265
  border: none;
395
266
  }
396
267
 
397
- border-radius: var(
398
- --_ctm-mob-dn-al-pe-br-rs,
399
- var(--_ctm-tab-dn-al-pe-br-rs, var(--_ctm-dn-al-pe-br-rs))
400
- );
401
-
402
- box-shadow: var(
403
- --_show-shadow,
404
- var(
405
- --_ctm-mob-dn-al-pe-sw-ae,
406
- var(--_ctm-tab-dn-al-pe-sw-ae, var(--_ctm-dn-al-pe-sw-ae))
407
- )
408
- var(
409
- --_ctm-mob-dn-al-pe-sw-br,
410
- var(--_ctm-tab-dn-al-pe-sw-br, var(--_ctm-dn-al-pe-sw-br))
411
- )
412
- var(
413
- --_ctm-mob-dn-al-pe-sw-sd,
414
- var(--_ctm-tab-dn-al-pe-sw-sd, var(--_ctm-dn-al-pe-sw-sd))
415
- )
416
- var(
417
- --_ctm-mob-dn-al-pe-sw-cr,
418
- var(--_ctm-tab-dn-al-pe-sw-cr, var(--_ctm-dn-al-pe-sw-cr))
419
- )
420
- );
268
+ border-radius: var(--_ctm-mob-dn-al-pe-br-rs,
269
+ var(--_ctm-tab-dn-al-pe-br-rs, var(--_ctm-dn-al-pe-br-rs)));
270
+
271
+ box-shadow: var(--_show-shadow,
272
+ var(--_ctm-mob-dn-al-pe-sw-ae,
273
+ var(--_ctm-tab-dn-al-pe-sw-ae, var(--_ctm-dn-al-pe-sw-ae))) var(--_ctm-mob-dn-al-pe-sw-br,
274
+ var(--_ctm-tab-dn-al-pe-sw-br, var(--_ctm-dn-al-pe-sw-br))) var(--_ctm-mob-dn-al-pe-sw-sd,
275
+ var(--_ctm-tab-dn-al-pe-sw-sd, var(--_ctm-dn-al-pe-sw-sd))) var(--_ctm-mob-dn-al-pe-sw-cr,
276
+ var(--_ctm-tab-dn-al-pe-sw-cr, var(--_ctm-dn-al-pe-sw-cr))));
421
277
  white-space: nowrap;
422
278
 
423
279
  padding: prepareMediaVariable(--_ctm-dn-al-pe-pg);
424
280
 
425
281
  .actual__price {
426
- color: var(
427
- --_ctm-mob-dn-al-pe-cr,
428
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
429
- );
430
- font-family: var(
431
- --_ctm-mob-dn-al-pe-ft-fy,
432
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
433
- );
434
- text-transform: var(
435
- --_ctm-mob-dn-al-pe-tt-tm,
436
- var(--_ctm-tab-dn-al-pe-tt-tm, var(--_ctm-dn-al-pe-tt-tm))
437
- );
438
- word-wrap: var(
439
- --_ctm-mob-dn-al-pe-wd-wp,
440
- var(--_ctm-tab-dn-al-pe-wd-wp, var(--_ctm-dn-al-pe-wd-wp))
441
- );
442
- word-break: var(
443
- --_ctm-mob-dn-al-pe-wd-bk,
444
- var(--_ctm-tab-dn-al-pe-wd-bk, var(--_ctm-dn-al-pe-wd-bk))
445
- );
446
- font-size: var(
447
- --_ctm-mob-dn-al-pe-ft-se,
448
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
449
- );
450
- font-weight: var(
451
- --_ctm-mob-dn-al-pe-ft-wt,
452
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
453
- );
454
- font-style: var(
455
- --_ctm-mob-dn-al-pe-ft-se-ic,
456
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
457
- );
458
- text-align: var(
459
- --_ctm-mob-dn-al-pe-tt-an,
460
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
461
- );
462
- letter-spacing: var(
463
- --_ctm-mob-dn-al-pe-lr-sg,
464
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
465
- );
466
- line-height: var(
467
- --_ctm-mob-dn-al-pe-le-ht,
468
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
469
- );
470
- text-decoration: var(
471
- --_ctm-mob-dn-al-pe-ue,
472
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
473
- );
282
+ color: var(--_ctm-mob-dn-al-pe-cr,
283
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr)));
284
+ font-family: var(--_ctm-mob-dn-al-pe-ft-fy,
285
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy)));
286
+ text-transform: var(--_ctm-mob-dn-al-pe-tt-tm,
287
+ var(--_ctm-tab-dn-al-pe-tt-tm, var(--_ctm-dn-al-pe-tt-tm)));
288
+ word-wrap: var(--_ctm-mob-dn-al-pe-wd-wp,
289
+ var(--_ctm-tab-dn-al-pe-wd-wp, var(--_ctm-dn-al-pe-wd-wp)));
290
+ word-break: var(--_ctm-mob-dn-al-pe-wd-bk,
291
+ var(--_ctm-tab-dn-al-pe-wd-bk, var(--_ctm-dn-al-pe-wd-bk)));
292
+ font-size: var(--_ctm-mob-dn-al-pe-ft-se,
293
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se)));
294
+ font-weight: var(--_ctm-mob-dn-al-pe-ft-wt,
295
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt)));
296
+ font-style: var(--_ctm-mob-dn-al-pe-ft-se-ic,
297
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic)));
298
+ text-align: var(--_ctm-mob-dn-al-pe-tt-an,
299
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an)));
300
+ letter-spacing: var(--_ctm-mob-dn-al-pe-lr-sg,
301
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg)));
302
+ line-height: var(--_ctm-mob-dn-al-pe-le-ht,
303
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht)));
304
+ text-decoration: var(--_ctm-mob-dn-al-pe-ue,
305
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue)));
474
306
  }
475
307
  }
308
+
476
309
  .saving__amount__wraper {
477
- background-color: var(
478
- --_ctm-mob-dn-ss-bd-cr,
479
- var(--_ctm-tab-dn-ss-bd-cr, var(--_ctm-dn-ss-bd-cr))
480
- );
481
-
482
- border-color: var(
483
- --_ctm-mob-dn-ss-br-cr,
484
- var(--_ctm-tab-dn-ss-br-cr, var(--_ctm-dn-ss-br-cr))
485
- );
486
-
487
- border-style: var(
488
- --_ctm-mob-dn-ss-br-se,
489
- var(--_ctm-tab-dn-ss-br-se, var(--_ctm-dn-ss-br-se))
490
- );
491
-
492
- border-width: var(
493
- --_ctm-mob-dn-ss-br-wh,
494
- var(--_ctm-tab-dn-ss-br-wh, var(--_ctm-dn-ss-br-wh))
495
- );
310
+ background-color: var(--_ctm-mob-dn-ss-bd-cr,
311
+ var(--_ctm-tab-dn-ss-bd-cr, var(--_ctm-dn-ss-bd-cr)));
312
+
313
+ border-color: var(--_ctm-mob-dn-ss-br-cr,
314
+ var(--_ctm-tab-dn-ss-br-cr, var(--_ctm-dn-ss-br-cr)));
315
+
316
+ border-style: var(--_ctm-mob-dn-ss-br-se,
317
+ var(--_ctm-tab-dn-ss-br-se, var(--_ctm-dn-ss-br-se)));
318
+
319
+ border-width: var(--_ctm-mob-dn-ss-br-wh,
320
+ var(--_ctm-tab-dn-ss-br-wh, var(--_ctm-dn-ss-br-wh)));
496
321
 
497
322
  &[data-show-border="false"] {
498
323
  border: none;
499
324
  }
500
325
 
501
- border-radius: var(
502
- --_ctm-mob-dn-ss-br-rs,
503
- var(--_ctm-tab-dn-ss-br-rs, var(--_ctm-dn-ss-br-rs))
504
- );
505
-
506
- box-shadow: var(
507
- --_show-shadow,
508
- var(--_ctm-mob-dn-ss-sw-ae, var(--_ctm-tab-dn-ss-sw-ae, var(--_ctm-dn-ss-sw-ae)))
509
- var(--_ctm-mob-dn-ss-sw-br, var(--_ctm-tab-dn-ss-sw-br, var(--_ctm-dn-ss-sw-br)))
510
- var(--_ctm-mob-dn-ss-sw-sd, var(--_ctm-tab-dn-ss-sw-sd, var(--_ctm-dn-ss-sw-sd)))
511
- var(--_ctm-mob-dn-ss-sw-cr, var(--_ctm-tab-dn-ss-sw-cr, var(--_ctm-dn-ss-sw-cr)))
512
- );
326
+ border-radius: var(--_ctm-mob-dn-ss-br-rs,
327
+ var(--_ctm-tab-dn-ss-br-rs, var(--_ctm-dn-ss-br-rs)));
328
+
329
+ box-shadow: var(--_show-shadow,
330
+ var(--_ctm-mob-dn-ss-sw-ae, var(--_ctm-tab-dn-ss-sw-ae, var(--_ctm-dn-ss-sw-ae))) var(--_ctm-mob-dn-ss-sw-br, var(--_ctm-tab-dn-ss-sw-br, var(--_ctm-dn-ss-sw-br))) var(--_ctm-mob-dn-ss-sw-sd, var(--_ctm-tab-dn-ss-sw-sd, var(--_ctm-dn-ss-sw-sd))) var(--_ctm-mob-dn-ss-sw-cr, var(--_ctm-tab-dn-ss-sw-cr, var(--_ctm-dn-ss-sw-cr))));
513
331
  white-space: nowrap;
514
332
 
515
333
  padding: prepareMediaVariable(--_ctm-dn-ss-pg);
516
334
 
517
335
  .saving__amount {
518
336
  color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
519
- font-family: var(
520
- --_ctm-mob-dn-ss-ft-fy,
521
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
522
- );
523
- text-transform: var(
524
- --_ctm-mob-dn-ss-tt-tm,
525
- var(--_ctm-tab-dn-ss-tt-tm, var(--_ctm-dn-ss-tt-tm))
526
- );
527
- word-wrap: var(
528
- --_ctm-mob-dn-ss-wd-wp,
529
- var(--_ctm-tab-dn-ss-wd-wp, var(--_ctm-dn-ss-wd-wp))
530
- );
531
- word-break: var(
532
- --_ctm-mob-dn-ss-wd-bk,
533
- var(--_ctm-tab-dn-ss-wd-bk, var(--_ctm-dn-ss-wd-bk))
534
- );
535
- font-size: var(
536
- --_ctm-mob-dn-ss-ft-se,
537
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
538
- );
539
- font-weight: var(
540
- --_ctm-mob-dn-ss-ft-wt,
541
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
542
- );
543
- font-style: var(
544
- --_ctm-mob-dn-ss-ft-se-ic,
545
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
546
- );
547
- text-align: var(
548
- --_ctm-mob-dn-ss-tt-an,
549
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
550
- );
551
- letter-spacing: var(
552
- --_ctm-mob-dn-ss-lr-sg,
553
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
554
- );
555
- line-height: var(
556
- --_ctm-mob-dn-ss-le-ht,
557
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
558
- );
559
- text-decoration: var(
560
- --_ctm-mob-dn-ss-ue,
561
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
562
- );
337
+ font-family: var(--_ctm-mob-dn-ss-ft-fy,
338
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy)));
339
+ text-transform: var(--_ctm-mob-dn-ss-tt-tm,
340
+ var(--_ctm-tab-dn-ss-tt-tm, var(--_ctm-dn-ss-tt-tm)));
341
+ word-wrap: var(--_ctm-mob-dn-ss-wd-wp,
342
+ var(--_ctm-tab-dn-ss-wd-wp, var(--_ctm-dn-ss-wd-wp)));
343
+ word-break: var(--_ctm-mob-dn-ss-wd-bk,
344
+ var(--_ctm-tab-dn-ss-wd-bk, var(--_ctm-dn-ss-wd-bk)));
345
+ font-size: var(--_ctm-mob-dn-ss-ft-se,
346
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se)));
347
+ font-weight: var(--_ctm-mob-dn-ss-ft-wt,
348
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt)));
349
+ font-style: var(--_ctm-mob-dn-ss-ft-se-ic,
350
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic)));
351
+ text-align: var(--_ctm-mob-dn-ss-tt-an,
352
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an)));
353
+ letter-spacing: var(--_ctm-mob-dn-ss-lr-sg,
354
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg)));
355
+ line-height: var(--_ctm-mob-dn-ss-le-ht,
356
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht)));
357
+ text-decoration: var(--_ctm-mob-dn-ss-ue,
358
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue)));
563
359
  }
564
360
  }
361
+
565
362
  .units__wraper {
566
- background-color: var(
567
- --_ctm-mob-dn-pe-pr-ut-bd-cr,
568
- var(--_ctm-tab-dn-pe-pr-ut-bd-cr, var(--_ctm-dn-pe-pr-ut-bd-cr))
569
- );
570
-
571
- border-color: var(
572
- --_ctm-mob-dn-pe-pr-ut-br-cr,
573
- var(--_ctm-tab-dn-pe-pr-ut-br-cr, var(--_ctm-dn-pe-pr-ut-br-cr))
574
- );
575
-
576
- border-style: var(
577
- --_ctm-mob-dn-pe-pr-ut-br-se,
578
- var(--_ctm-tab-dn-pe-pr-ut-br-se, var(--_ctm-dn-pe-pr-ut-br-se))
579
- );
580
-
581
- border-width: var(
582
- --_ctm-mob-dn-pe-pr-ut-br-wh,
583
- var(--_ctm-tab-dn-pe-pr-ut-br-wh, var(--_ctm-dn-pe-pr-ut-br-wh))
584
- );
363
+ background-color: var(--_ctm-mob-dn-pe-pr-ut-bd-cr,
364
+ var(--_ctm-tab-dn-pe-pr-ut-bd-cr, var(--_ctm-dn-pe-pr-ut-bd-cr)));
365
+
366
+ border-color: var(--_ctm-mob-dn-pe-pr-ut-br-cr,
367
+ var(--_ctm-tab-dn-pe-pr-ut-br-cr, var(--_ctm-dn-pe-pr-ut-br-cr)));
368
+
369
+ border-style: var(--_ctm-mob-dn-pe-pr-ut-br-se,
370
+ var(--_ctm-tab-dn-pe-pr-ut-br-se, var(--_ctm-dn-pe-pr-ut-br-se)));
371
+
372
+ border-width: var(--_ctm-mob-dn-pe-pr-ut-br-wh,
373
+ var(--_ctm-tab-dn-pe-pr-ut-br-wh, var(--_ctm-dn-pe-pr-ut-br-wh)));
585
374
 
586
375
  &[data-show-border="false"] {
587
376
  border: none;
588
377
  }
589
378
 
590
- border-radius: var(
591
- --_ctm-mob-dn-pe-pr-ut-br-rs,
592
- var(--_ctm-tab-dn-pe-pr-ut-br-rs, var(--_ctm-dn-pe-pr-ut-br-rs))
593
- );
594
-
595
- box-shadow: var(
596
- --_show-shadow,
597
- var(
598
- --_ctm-mob-dn-pe-pr-ut-sw-ae,
599
- var(--_ctm-tab-dn-pe-pr-ut-sw-ae, var(--_ctm-dn-pe-pr-ut-sw-ae))
600
- )
601
- var(
602
- --_ctm-mob-dn-pe-pr-ut-sw-br,
603
- var(--_ctm-tab-dn-pe-pr-ut-sw-br, var(--_ctm-dn-pe-pr-ut-sw-br))
604
- )
605
- var(
606
- --_ctm-mob-dn-pe-pr-ut-sw-sd,
607
- var(--_ctm-tab-dn-pe-pr-ut-sw-sd, var(--_ctm-dn-pe-pr-ut-sw-sd))
608
- )
609
- var(
610
- --_ctm-mob-dn-pe-pr-ut-sw-cr,
611
- var(--_ctm-tab-dn-pe-pr-ut-sw-cr, var(--_ctm-dn-pe-pr-ut-sw-cr))
612
- )
613
- );
379
+ border-radius: var(--_ctm-mob-dn-pe-pr-ut-br-rs,
380
+ var(--_ctm-tab-dn-pe-pr-ut-br-rs, var(--_ctm-dn-pe-pr-ut-br-rs)));
381
+
382
+ box-shadow: var(--_show-shadow,
383
+ var(--_ctm-mob-dn-pe-pr-ut-sw-ae,
384
+ var(--_ctm-tab-dn-pe-pr-ut-sw-ae, var(--_ctm-dn-pe-pr-ut-sw-ae))) var(--_ctm-mob-dn-pe-pr-ut-sw-br,
385
+ var(--_ctm-tab-dn-pe-pr-ut-sw-br, var(--_ctm-dn-pe-pr-ut-sw-br))) var(--_ctm-mob-dn-pe-pr-ut-sw-sd,
386
+ var(--_ctm-tab-dn-pe-pr-ut-sw-sd, var(--_ctm-dn-pe-pr-ut-sw-sd))) var(--_ctm-mob-dn-pe-pr-ut-sw-cr,
387
+ var(--_ctm-tab-dn-pe-pr-ut-sw-cr, var(--_ctm-dn-pe-pr-ut-sw-cr))));
614
388
  white-space: nowrap;
615
389
 
616
390
  padding: prepareMediaVariable(--_ctm-dn-pe-pr-ut-pg);
617
391
 
618
392
  .units {
619
- color: var(
620
- --_ctm-mob-dn-pe-pr-ut-cr,
621
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
622
- );
623
- font-family: var(
624
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
625
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
626
- );
627
- text-transform: var(
628
- --_ctm-mob-dn-pe-pr-ut-tt-tm,
629
- var(--_ctm-tab-dn-pe-pr-ut-tt-tm, var(--_ctm-dn-pe-pr-ut-tt-tm))
630
- );
631
- word-wrap: var(
632
- --_ctm-mob-dn-pe-pr-ut-wd-wp,
633
- var(--_ctm-tab-dn-pe-pr-ut-wd-wp, var(--_ctm-dn-pe-pr-ut-wd-wp))
634
- );
635
- word-break: var(
636
- --_ctm-mob-dn-pe-pr-ut-wd-bk,
637
- var(--_ctm-tab-dn-pe-pr-ut-wd-bk, var(--_ctm-dn-pe-pr-ut-wd-bk))
638
- );
639
- font-size: var(
640
- --_ctm-mob-dn-pe-pr-ut-ft-se,
641
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
642
- );
643
- font-weight: var(
644
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
645
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
646
- );
647
- font-style: var(
648
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
649
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
650
- );
651
- text-align: var(
652
- --_ctm-mob-dn-pe-pr-ut-tt-an,
653
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
654
- );
655
- letter-spacing: var(
656
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
657
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
658
- );
659
- line-height: var(
660
- --_ctm-mob-dn-pe-pr-ut-le-ht,
661
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
662
- );
663
- text-decoration: var(
664
- --_ctm-mob-dn-pe-pr-ut-ue,
665
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
666
- );
393
+ color: var(--_ctm-mob-dn-pe-pr-ut-cr,
394
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr)));
395
+ font-family: var(--_ctm-mob-dn-pe-pr-ut-ft-fy,
396
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy)));
397
+ text-transform: var(--_ctm-mob-dn-pe-pr-ut-tt-tm,
398
+ var(--_ctm-tab-dn-pe-pr-ut-tt-tm, var(--_ctm-dn-pe-pr-ut-tt-tm)));
399
+ word-wrap: var(--_ctm-mob-dn-pe-pr-ut-wd-wp,
400
+ var(--_ctm-tab-dn-pe-pr-ut-wd-wp, var(--_ctm-dn-pe-pr-ut-wd-wp)));
401
+ word-break: var(--_ctm-mob-dn-pe-pr-ut-wd-bk,
402
+ var(--_ctm-tab-dn-pe-pr-ut-wd-bk, var(--_ctm-dn-pe-pr-ut-wd-bk)));
403
+ font-size: var(--_ctm-mob-dn-pe-pr-ut-ft-se,
404
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se)));
405
+ font-weight: var(--_ctm-mob-dn-pe-pr-ut-ft-wt,
406
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt)));
407
+ font-style: var(--_ctm-mob-dn-pe-pr-ut-ft-se-ic,
408
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic)));
409
+ text-align: var(--_ctm-mob-dn-pe-pr-ut-tt-an,
410
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an)));
411
+ letter-spacing: var(--_ctm-mob-dn-pe-pr-ut-lr-sg,
412
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg)));
413
+ line-height: var(--_ctm-mob-dn-pe-pr-ut-le-ht,
414
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht)));
415
+ text-decoration: var(--_ctm-mob-dn-pe-pr-ut-ue,
416
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue)));
667
417
  }
668
418
  }
419
+
669
420
  .stack {
670
421
  display: flex;
671
422
  flex-direction: column;
423
+
672
424
  // height: 100%;
673
425
  .static {
674
- color: var(
675
- --_ctm-mob-dn-um-te-se-cr,
676
- var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
677
- );
678
- font-family: var(
679
- --_ctm-mob-dn-um-te-se-ft-fy,
680
- var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
681
- );
682
- text-transform: var(
683
- --_ctm-mob-dn-um-te-se-tt-tm,
684
- var(--_ctm-tab-dn-um-te-se-tt-tm, var(--_ctm-dn-um-te-se-tt-tm))
685
- );
686
- word-wrap: var(
687
- --_ctm-mob-dn-um-te-se-wd-wp,
688
- var(--_ctm-tab-dn-um-te-se-wd-wp, var(--_ctm-dn-um-te-se-wd-wp))
689
- );
690
- word-break: var(
691
- --_ctm-mob-dn-um-te-se-wd-bk,
692
- var(--_ctm-tab-dn-um-te-se-wd-bk, var(--_ctm-dn-um-te-se-wd-bk))
693
- );
694
- font-size: var(
695
- --_ctm-mob-dn-um-te-se-ft-se,
696
- var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
697
- );
698
- font-weight: var(
699
- --_ctm-mob-dn-um-te-se-ft-wt,
700
- var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
701
- );
702
- font-style: var(
703
- --_ctm-mob-dn-um-te-se-ft-se-ic,
704
- var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
705
- );
706
- text-align: var(
707
- --_ctm-mob-dn-um-te-se-tt-an,
708
- var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
709
- );
710
- letter-spacing: var(
711
- --_ctm-mob-dn-um-te-se-lr-sg,
712
- var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
713
- );
714
- line-height: var(
715
- --_ctm-mob-dn-um-te-se-le-ht,
716
- var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
717
- );
718
- text-decoration: var(
719
- --_ctm-mob-dn-um-te-se-ue,
720
- var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
721
- );
426
+ color: var(--_ctm-mob-dn-um-te-se-cr,
427
+ var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr)));
428
+ font-family: var(--_ctm-mob-dn-um-te-se-ft-fy,
429
+ var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy)));
430
+ text-transform: var(--_ctm-mob-dn-um-te-se-tt-tm,
431
+ var(--_ctm-tab-dn-um-te-se-tt-tm, var(--_ctm-dn-um-te-se-tt-tm)));
432
+ word-wrap: var(--_ctm-mob-dn-um-te-se-wd-wp,
433
+ var(--_ctm-tab-dn-um-te-se-wd-wp, var(--_ctm-dn-um-te-se-wd-wp)));
434
+ word-break: var(--_ctm-mob-dn-um-te-se-wd-bk,
435
+ var(--_ctm-tab-dn-um-te-se-wd-bk, var(--_ctm-dn-um-te-se-wd-bk)));
436
+ font-size: var(--_ctm-mob-dn-um-te-se-ft-se,
437
+ var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se)));
438
+ font-weight: var(--_ctm-mob-dn-um-te-se-ft-wt,
439
+ var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt)));
440
+ font-style: var(--_ctm-mob-dn-um-te-se-ft-se-ic,
441
+ var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic)));
442
+ text-align: var(--_ctm-mob-dn-um-te-se-tt-an,
443
+ var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an)));
444
+ letter-spacing: var(--_ctm-mob-dn-um-te-se-lr-sg,
445
+ var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg)));
446
+ line-height: var(--_ctm-mob-dn-um-te-se-le-ht,
447
+ var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht)));
448
+ text-decoration: var(--_ctm-mob-dn-um-te-se-ue,
449
+ var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue)));
722
450
  }
723
451
 
724
452
  .item {
@@ -729,66 +457,33 @@
729
457
  white-space: nowrap;
730
458
  gap: 4px;
731
459
  flex-shrink: 0;
732
- padding: var(
733
- --_ctm-mob-dn-im-se-dt-se-vl-pg,
734
- var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
735
- )
736
- var(
737
- --_ctm-mob-dn-im-se-dt-se-hl-pg,
738
- var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
739
- );
460
+ padding: var(--_ctm-mob-dn-im-se-dt-se-vl-pg,
461
+ var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))) var(--_ctm-mob-dn-im-se-dt-se-hl-pg,
462
+ var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg)));
740
463
  cursor: pointer;
741
- background-color: var(
742
- --_ctm-mob-dn-im-se-dt-se-bd-cr,
743
- var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
744
- );
745
-
746
- border-color: var(
747
- --_show-border-im-se,
748
- var(
749
- --_ctm-mob-dn-im-se-dt-se-br-cr,
750
- var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
751
- )
752
- );
753
- border-style: var(
754
- --_show-border-im-se,
755
- var(
756
- --_ctm-mob-dn-im-se-dt-se-br-se,
757
- var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
758
- )
759
- );
760
- border-width: var(
761
- --_show-border-im-se,
762
- var(
763
- --_ctm-mob-dn-im-se-dt-se-br-wh,
764
- var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
765
- )
766
- );
767
- border-radius: var(
768
- --_ctm-mob-dn-im-se-dt-se-br-rs,
769
- var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
770
- );
771
-
772
- box-shadow: var(
773
- --_show-shadow-im-se,
774
- var(
775
- --_ctm-mob-dn-im-se-dt-se-sw-ae,
776
- var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
777
- )
778
- var(
779
- --_ctm-mob-dn-im-se-dt-se-sw-br,
780
- var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
781
- )
782
- var(
783
- --_ctm-mob-dn-im-se-dt-se-sw-sd,
784
- var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
785
- )
786
- var(
787
- --_ctm-mob-dn-im-se-dt-se-sw-cr,
788
- var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
789
- )
790
- );
464
+ background-color: var(--_ctm-mob-dn-im-se-dt-se-bd-cr,
465
+ var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr)));
466
+
467
+ border-color: var(--_show-border-im-se,
468
+ var(--_ctm-mob-dn-im-se-dt-se-br-cr,
469
+ var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))));
470
+ border-style: var(--_show-border-im-se,
471
+ var(--_ctm-mob-dn-im-se-dt-se-br-se,
472
+ var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))));
473
+ border-width: var(--_show-border-im-se,
474
+ var(--_ctm-mob-dn-im-se-dt-se-br-wh,
475
+ var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))));
476
+ border-radius: var(--_ctm-mob-dn-im-se-dt-se-br-rs,
477
+ var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs)));
478
+
479
+ box-shadow: var(--_show-shadow-im-se,
480
+ var(--_ctm-mob-dn-im-se-dt-se-sw-ae,
481
+ var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))) var(--_ctm-mob-dn-im-se-dt-se-sw-br,
482
+ var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))) var(--_ctm-mob-dn-im-se-dt-se-sw-sd,
483
+ var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))) var(--_ctm-mob-dn-im-se-dt-se-sw-cr,
484
+ var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))));
791
485
  }
486
+
792
487
  .active {
793
488
  display: flex;
794
489
 
@@ -801,70 +496,36 @@
801
496
  flex-direction: column;
802
497
  gap: 4px;
803
498
 
804
- padding: var(
805
- --_ctm-mob-dn-im-se-sd-se-vl-pg,
806
- var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
807
- )
808
- var(
809
- --_ctm-mob-dn-im-se-sd-se-hl-pg,
810
- var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
811
- );
499
+ padding: var(--_ctm-mob-dn-im-se-sd-se-vl-pg,
500
+ var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))) var(--_ctm-mob-dn-im-se-sd-se-hl-pg,
501
+ var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg)));
812
502
 
813
503
  cursor: pointer;
814
504
 
815
- background-color: var(
816
- --_ctm-mob-dn-im-se-sd-se-bd-cr,
817
- var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
818
- );
819
-
820
- border-color: var(
821
- --_show-border-im-se,
822
- var(
823
- --_ctm-mob-dn-im-se-sd-se-br-cr,
824
- var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
825
- )
826
- );
827
-
828
- border-style: var(
829
- --_show-border-im-se,
830
- var(
831
- --_ctm-mob-dn-im-se-sd-se-br-se,
832
- var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
833
- )
834
- );
835
-
836
- border-width: var(
837
- --_show-border-im-se,
838
- var(
839
- --_ctm-mob-dn-im-se-sd-se-br-wh,
840
- var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
841
- )
842
- );
843
-
844
- border-radius: var(
845
- --_ctm-mob-dn-im-se-sd-se-br-rs,
846
- var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
847
- );
848
-
849
- box-shadow: var(
850
- --_show-shadow-im-se,
851
- var(
852
- --_ctm-mob-dn-im-se-sd-se-sw-ae,
853
- var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
854
- )
855
- var(
856
- --_ctm-mob-dn-im-se-sd-se-sw-br,
857
- var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
858
- )
859
- var(
860
- --_ctm-mob-dn-im-se-sd-se-sw-sd,
861
- var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
862
- )
863
- var(
864
- --_ctm-mob-dn-im-se-sd-se-sw-cr,
865
- var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
866
- )
867
- );
505
+ background-color: var(--_ctm-mob-dn-im-se-sd-se-bd-cr,
506
+ var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr)));
507
+
508
+ border-color: var(--_show-border-im-se,
509
+ var(--_ctm-mob-dn-im-se-sd-se-br-cr,
510
+ var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))));
511
+
512
+ border-style: var(--_show-border-im-se,
513
+ var(--_ctm-mob-dn-im-se-sd-se-br-se,
514
+ var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))));
515
+
516
+ border-width: var(--_show-border-im-se,
517
+ var(--_ctm-mob-dn-im-se-sd-se-br-wh,
518
+ var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))));
519
+
520
+ border-radius: var(--_ctm-mob-dn-im-se-sd-se-br-rs,
521
+ var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs)));
522
+
523
+ box-shadow: var(--_show-shadow-im-se,
524
+ var(--_ctm-mob-dn-im-se-sd-se-sw-ae,
525
+ var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))) var(--_ctm-mob-dn-im-se-sd-se-sw-br,
526
+ var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))) var(--_ctm-mob-dn-im-se-sd-se-sw-sd,
527
+ var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))) var(--_ctm-mob-dn-im-se-sd-se-sw-cr,
528
+ var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))));
868
529
 
869
530
  .off__price {
870
531
  font-size: 12px;
@@ -890,13 +551,16 @@
890
551
  flex-wrap: wrap;
891
552
 
892
553
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
554
+
893
555
  &:not([data-overflow-items="Wrap"]) {
894
556
  flex-wrap: nowrap;
557
+
895
558
  // overflow-x: auto;
896
559
  .item {
897
560
  min-width: 3uom__selector0px;
898
561
  }
899
562
  }
563
+
900
564
  &[data-overflow-items="None"] {
901
565
  overflow: hidden;
902
566
  }
@@ -908,14 +572,17 @@
908
572
  overflow-y: auto;
909
573
  // flex-wrap: wrap;
910
574
  row-gap: var(--_ctm-lt-im-sg);
575
+
911
576
  .item {
912
577
  flex-direction: row;
913
578
  justify-content: space-between;
914
579
  align-items: center;
580
+
915
581
  .right__side__content {
916
582
  display: flex;
917
583
  gap: 20px;
918
584
  align-items: center;
585
+
919
586
  div {
920
587
  display: flex;
921
588
  gap: 1px;
@@ -927,15 +594,18 @@
927
594
  }
928
595
  }
929
596
  }
597
+
930
598
  .grid {
931
599
  display: grid;
932
600
  grid-template-columns: repeat(var(--_ctm-lt-is-pr-rw), minmax(auto, 1fr));
933
601
  gap: var(--_ctm-lt-im-sg);
934
602
  padding: var(--_ctm-lt-im-pg);
603
+
935
604
  &[data-overflow-items="Scroll"] {
936
605
  height: 200px;
937
606
  overflow-y: auto;
938
607
  }
608
+
939
609
  .item {
940
610
  display: flex;
941
611
  align-items: center;
@@ -945,26 +615,15 @@
945
615
  padding: var(--_ctm-dn-im-se-dt-se-vl-pg) var(--_ctm-dn-im-se-dt-se-hl-pg);
946
616
  cursor: pointer;
947
617
  background-color: var(--_ctm-dn-im-se-dt-se-bd-cr);
948
- border-color: var(
949
- --_show-border-im-se,
950
- var(--_ctm-dn-im-se-dt-se-br-cr, var(--_tst-dn-br-cr))
951
- );
952
- border-style: var(
953
- --_show-border-im-se,
954
- var(--_ctm-dn-im-se-dt-se-br-se, var(--_tst-dn-br-se))
955
- );
956
- border-width: var(
957
- --_show-border-im-se,
958
- var(--_ctm-dn-im-se-dt-se-br-wh, var(--_tst-dn-br-wh))
959
- );
618
+ border-color: var(--_show-border-im-se,
619
+ var(--_ctm-dn-im-se-dt-se-br-cr, var(--_tst-dn-br-cr)));
620
+ border-style: var(--_show-border-im-se,
621
+ var(--_ctm-dn-im-se-dt-se-br-se, var(--_tst-dn-br-se)));
622
+ border-width: var(--_show-border-im-se,
623
+ var(--_ctm-dn-im-se-dt-se-br-wh, var(--_tst-dn-br-wh)));
960
624
  border-radius: var(--_ctm-dn-im-se-dt-se-br-rs, var(--_tst-dn-br-rs));
961
- box-shadow: var(
962
- --_show-shadow-im-se,
963
- var(--_ctm-dn-im-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
964
- var(--_ctm-dn-im-se-dt-se-sw-br, var(--_tst-dn-sw-br))
965
- var(--_ctm-dn-im-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
966
- var(--_ctm-dn-im-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
967
- );
625
+ box-shadow: var(--_show-shadow-im-se,
626
+ var(--_ctm-dn-im-se-dt-se-sw-ae, var(--_tst-dn-sw-ae)) var(--_ctm-dn-im-se-dt-se-sw-br, var(--_tst-dn-sw-br)) var(--_ctm-dn-im-se-dt-se-sw-sd, var(--_tst-dn-sw-sd)) var(--_ctm-dn-im-se-dt-se-sw-cr, var(--_tst-dn-sw-cr)));
968
627
  cursor: pointer;
969
628
 
970
629
  .off__price {
@@ -975,82 +634,47 @@
975
634
  align-items: center;
976
635
  }
977
636
  }
637
+
978
638
  .active {
979
639
  display: flex;
980
640
 
981
- align-items: var(
982
- --_ctm-mob-dn-im-se-sd-se-ct-at,
983
- var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
984
- );
641
+ align-items: var(--_ctm-mob-dn-im-se-sd-se-ct-at,
642
+ var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at)));
985
643
 
986
644
  justify-content: center;
987
645
  flex-direction: column;
988
646
  gap: 4px;
989
647
 
990
- padding: var(
991
- --_ctm-mob-dn-im-se-sd-se-vl-pg,
992
- var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
993
- )
994
- var(
995
- --_ctm-mob-dn-im-se-sd-se-hl-pg,
996
- var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
997
- );
648
+ padding: var(--_ctm-mob-dn-im-se-sd-se-vl-pg,
649
+ var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))) var(--_ctm-mob-dn-im-se-sd-se-hl-pg,
650
+ var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg)));
998
651
 
999
652
  cursor: pointer;
1000
653
 
1001
- background-color: var(
1002
- --_ctm-mob-dn-im-se-sd-se-bd-cr,
1003
- var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
1004
- );
1005
-
1006
- border-color: var(
1007
- --_show-border-im-se,
1008
- var(
1009
- --_ctm-mob-dn-im-se-sd-se-br-cr,
1010
- var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
1011
- )
1012
- );
1013
-
1014
- border-style: var(
1015
- --_show-border-im-se,
1016
- var(
1017
- --_ctm-mob-dn-im-se-sd-se-br-se,
1018
- var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
1019
- )
1020
- );
1021
-
1022
- border-width: var(
1023
- --_show-border-im-se,
1024
- var(
1025
- --_ctm-mob-dn-im-se-sd-se-br-wh,
1026
- var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
1027
- )
1028
- );
1029
-
1030
- border-radius: var(
1031
- --_ctm-mob-dn-im-se-sd-se-br-rs,
1032
- var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
1033
- );
1034
-
1035
- box-shadow: var(
1036
- --_show-shadow-im-se,
1037
- var(
1038
- --_ctm-mob-dn-im-se-sd-se-sw-ae,
1039
- var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
1040
- )
1041
- var(
1042
- --_ctm-mob-dn-im-se-sd-se-sw-br,
1043
- var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
1044
- )
1045
- var(
1046
- --_ctm-mob-dn-im-se-sd-se-sw-sd,
1047
- var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
1048
- )
1049
- var(
1050
- --_ctm-mob-dn-im-se-sd-se-sw-cr,
1051
- var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
1052
- )
1053
- );
654
+ background-color: var(--_ctm-mob-dn-im-se-sd-se-bd-cr,
655
+ var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr)));
656
+
657
+ border-color: var(--_show-border-im-se,
658
+ var(--_ctm-mob-dn-im-se-sd-se-br-cr,
659
+ var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))));
660
+
661
+ border-style: var(--_show-border-im-se,
662
+ var(--_ctm-mob-dn-im-se-sd-se-br-se,
663
+ var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))));
664
+
665
+ border-width: var(--_show-border-im-se,
666
+ var(--_ctm-mob-dn-im-se-sd-se-br-wh,
667
+ var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))));
668
+
669
+ border-radius: var(--_ctm-mob-dn-im-se-sd-se-br-rs,
670
+ var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs)));
671
+
672
+ box-shadow: var(--_show-shadow-im-se,
673
+ var(--_ctm-mob-dn-im-se-sd-se-sw-ae,
674
+ var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))) var(--_ctm-mob-dn-im-se-sd-se-sw-br,
675
+ var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))) var(--_ctm-mob-dn-im-se-sd-se-sw-sd,
676
+ var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))) var(--_ctm-mob-dn-im-se-sd-se-sw-cr,
677
+ var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))));
1054
678
 
1055
679
  .off__price {
1056
680
  font-size: 12px;
@@ -1062,62 +686,44 @@
1062
686
  }
1063
687
  }
1064
688
  }
689
+
1065
690
  .table-content {
1066
691
  border-collapse: collapse;
1067
- background-color: var(
1068
- --_ctm-mob-dn-te-bd-cr,
1069
- var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
1070
- );
1071
- border-color: var(
1072
- --_show-border-im-se,
1073
- var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))),
1074
- var(--_tst-dn-br-cr)
1075
- );
1076
- border-style: var(
1077
- --_show-border-im-se,
1078
- var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))),
1079
- var(--_tst-dn-br-se)
1080
- );
1081
- border-width: var(
1082
- --_show-border-im-se,
1083
- var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))),
1084
- var(--_tst-dn-br-wh)
1085
- );
1086
- border-radius: var(
1087
- --_ctm-mob-dn-te-br-rs,
1088
- var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)),
1089
- var(--_tst-dn-br-rs)
1090
- );
1091
- box-shadow: var(
1092
- --_show-shadow-im-se,
1093
- var(
1094
- --_ctm-mob-dn-te-sw-ae,
1095
- var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae)))
1096
- )
1097
- var(
1098
- --_ctm-mob-dn-te-sw-br,
1099
- var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br)))
1100
- )
1101
- var(
1102
- --_ctm-mob-dn-te-sw-sd,
1103
- var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd)))
1104
- )
1105
- var(
1106
- --_ctm-mob-dn-te-sw-cr,
1107
- var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr)))
1108
- )
1109
- );
692
+ background-color: var(--_ctm-mob-dn-te-bd-cr,
693
+ var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr)));
694
+ border-color: var(--_show-border-im-se,
695
+ var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))),
696
+ var(--_tst-dn-br-cr));
697
+ border-style: var(--_show-border-im-se,
698
+ var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))),
699
+ var(--_tst-dn-br-se));
700
+ border-width: var(--_show-border-im-se,
701
+ var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))),
702
+ var(--_tst-dn-br-wh));
703
+ border-radius: var(--_ctm-mob-dn-te-br-rs,
704
+ var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)),
705
+ var(--_tst-dn-br-rs));
706
+ box-shadow: var(--_show-shadow-im-se,
707
+ var(--_ctm-mob-dn-te-sw-ae,
708
+ var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae)))) var(--_ctm-mob-dn-te-sw-br,
709
+ var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br)))) var(--_ctm-mob-dn-te-sw-sd,
710
+ var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd)))) var(--_ctm-mob-dn-te-sw-cr,
711
+ var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr)))));
712
+
1110
713
  &[data-header-divider="true"] {
1111
714
  thead tr th {
1112
715
  border-bottom: 1px solid var(--_ctm-dn-rw-ds-hr-dr);
1113
716
  }
1114
717
  }
718
+
1115
719
  &[data-row-divider="true"] {
1116
720
  tbody tr td {
1117
721
  border-bottom: 1px solid var(--_ctm-dn-rw-ds-rw-dr);
1118
722
  }
1119
723
  }
724
+
1120
725
  &[data-column-divider="true"] {
726
+
1121
727
  tbody tr td,
1122
728
  thead tr th {
1123
729
  border-right: 1px solid var(--_ctm-dn-rw-ds-cn-dr);
@@ -1128,14 +734,17 @@
1128
734
  border-right: none;
1129
735
  }
1130
736
  }
737
+
1131
738
  &[data-alternative-row-colors="true"] {
1132
739
  tbody tr:nth-child(odd) {
1133
740
  background-color: var(--_gray-300);
1134
741
  width: 100%;
1135
742
  }
1136
743
  }
744
+
1137
745
  thead {
1138
746
  height: var(--_ctm-lt-hr-ht);
747
+
1139
748
  tr {
1140
749
  th {
1141
750
  padding: var(--_ctm-lt-hr-cl-pg);
@@ -1156,12 +765,14 @@
1156
765
  }
1157
766
  }
1158
767
  }
768
+
1159
769
  tbody {
1160
770
  tr {
1161
771
  padding: var(--_ctm-lt-rw-cl-pg);
1162
772
  height: var(--_ctm-lt-rw-ht);
1163
773
  background-color: var(--_ctm-dn-te-rw-bd-cr);
1164
774
  text-align: var(--_ctm-lt-ct-at);
775
+
1165
776
  th,
1166
777
  td {
1167
778
  border: 0;
@@ -1182,11 +793,13 @@
1182
793
  }
1183
794
  }
1184
795
  }
796
+
1185
797
  .pagination_container {
1186
798
  display: flex;
1187
799
  justify-content: center;
1188
800
  align-items: center;
1189
801
  gap: 10px;
802
+
1190
803
  button {
1191
804
  font-size: 16px;
1192
805
  // padding: 10px 20px;
@@ -1196,57 +809,35 @@
1196
809
  cursor: pointer;
1197
810
  // border-radius: 10px;
1198
811
  }
812
+
1199
813
  span {
1200
814
  cursor: pointer;
1201
- color: var(
1202
- --_ctm-mob-dn-pn-dt-se-cr,
1203
- var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1204
- );
1205
- font-family: var(
1206
- --_ctm-mob-dn-pn-dt-se-ft-fy,
1207
- var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1208
- );
1209
- text-transform: var(
1210
- --_ctm-mob-dn-pn-dt-se-tt-tm,
1211
- var(--_ctm-tab-dn-pn-dt-se-tt-tm, var(--_ctm-dn-pn-dt-se-tt-tm))
1212
- );
1213
- word-wrap: var(
1214
- --_ctm-mob-dn-pn-dt-se-wd-wp,
1215
- var(--_ctm-tab-dn-pn-dt-se-wd-wp, var(--_ctm-dn-pn-dt-se-wd-wp))
1216
- );
1217
- word-break: var(
1218
- --_ctm-mob-dn-pn-dt-se-wd-bk,
1219
- var(--_ctm-tab-dn-pn-dt-se-wd-bk, var(--_ctm-dn-pn-dt-se-wd-bk))
1220
- );
1221
- font-size: var(
1222
- --_ctm-mob-dn-pn-dt-se-ft-se,
1223
- var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
1224
- );
1225
- font-weight: var(
1226
- --_ctm-mob-dn-pn-dt-se-ft-wt,
1227
- var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
1228
- );
1229
- font-style: var(
1230
- --_ctm-mob-dn-pn-dt-se-ft-se-ic,
1231
- var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
1232
- );
1233
- text-align: var(
1234
- --_ctm-mob-dn-pn-dt-se-tt-an,
1235
- var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
1236
- );
1237
- letter-spacing: var(
1238
- --_ctm-mob-dn-pn-dt-se-lr-sg,
1239
- var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
1240
- );
1241
- line-height: var(
1242
- --_ctm-mob-dn-pn-dt-se-le-ht,
1243
- var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
1244
- );
1245
- text-decoration: var(
1246
- --_ctm-mob-dn-pn-dt-se-ue,
1247
- var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
1248
- );
815
+ color: var(--_ctm-mob-dn-pn-dt-se-cr,
816
+ var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr)));
817
+ font-family: var(--_ctm-mob-dn-pn-dt-se-ft-fy,
818
+ var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy)));
819
+ text-transform: var(--_ctm-mob-dn-pn-dt-se-tt-tm,
820
+ var(--_ctm-tab-dn-pn-dt-se-tt-tm, var(--_ctm-dn-pn-dt-se-tt-tm)));
821
+ word-wrap: var(--_ctm-mob-dn-pn-dt-se-wd-wp,
822
+ var(--_ctm-tab-dn-pn-dt-se-wd-wp, var(--_ctm-dn-pn-dt-se-wd-wp)));
823
+ word-break: var(--_ctm-mob-dn-pn-dt-se-wd-bk,
824
+ var(--_ctm-tab-dn-pn-dt-se-wd-bk, var(--_ctm-dn-pn-dt-se-wd-bk)));
825
+ font-size: var(--_ctm-mob-dn-pn-dt-se-ft-se,
826
+ var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se)));
827
+ font-weight: var(--_ctm-mob-dn-pn-dt-se-ft-wt,
828
+ var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt)));
829
+ font-style: var(--_ctm-mob-dn-pn-dt-se-ft-se-ic,
830
+ var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic)));
831
+ text-align: var(--_ctm-mob-dn-pn-dt-se-tt-an,
832
+ var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an)));
833
+ letter-spacing: var(--_ctm-mob-dn-pn-dt-se-lr-sg,
834
+ var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg)));
835
+ line-height: var(--_ctm-mob-dn-pn-dt-se-le-ht,
836
+ var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht)));
837
+ text-decoration: var(--_ctm-mob-dn-pn-dt-se-ue,
838
+ var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue)));
1249
839
  }
840
+
1250
841
  .active {
1251
842
  span {
1252
843
  background-color: var(--_ctm-dn-pn-dt-se-bd-cr);
@@ -1254,114 +845,63 @@
1254
845
  }
1255
846
  }
1256
847
  }
848
+
1257
849
  .loadmore_conatiner {
1258
850
  display: flex;
1259
851
  justify-content: center;
1260
852
  align-items: center;
1261
853
  gap: 10px;
1262
854
  margin-top: 10px;
855
+
1263
856
  button {
1264
857
  padding: 10px;
1265
858
  cursor: pointer;
1266
- color: var(
1267
- --_ctm-mob-dn-sw-me-is-bn-cr,
1268
- var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1269
- );
1270
- font-family: var(
1271
- --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1272
- var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1273
- );
1274
- text-transform: var(
1275
- --_ctm-mob-dn-sw-me-is-bn-tt-tm,
1276
- var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
1277
- );
1278
- word-wrap: var(
1279
- --_ctm-mob-dn-sw-me-is-bn-wd-wp,
1280
- var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
1281
- );
1282
- word-break: var(
1283
- --_ctm-mob-dn-sw-me-is-bn-wd-bk,
1284
- var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
1285
- );
1286
- font-size: var(
1287
- --_ctm-mob-dn-sw-me-is-bn-ft-se,
1288
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
1289
- );
1290
- font-weight: var(
1291
- --_ctm-mob-dn-sw-me-is-bn-ft-wt,
1292
- var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
1293
- );
1294
- font-style: var(
1295
- --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
1296
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
1297
- );
1298
- text-align: var(
1299
- --_ctm-mob-dn-sw-me-is-bn-tt-an,
1300
- var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
1301
- );
1302
- letter-spacing: var(
1303
- --_ctm-mob-dn-sw-me-is-bn-lr-sg,
1304
- var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
1305
- );
1306
- line-height: var(
1307
- --_ctm-mob-dn-sw-me-is-bn-le-ht,
1308
- var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
1309
- );
1310
- text-decoration: var(
1311
- --_ctm-mob-dn-sw-me-is-bn-ue,
1312
- var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
1313
- );
1314
- background-color: var(
1315
- --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1316
- var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1317
- );
1318
- border-color: var(
1319
- --_show-border-im-se,
1320
- var(
1321
- --_ctm-mob-dn-sw-me-is-bn-br-cr,
1322
- var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
1323
- )
1324
- );
1325
- border-style: var(
1326
- --_show-border-im-se,
1327
- var(
1328
- --_ctm-mob-dn-sw-me-is-bn-br-se,
1329
- var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
1330
- )
1331
- );
1332
- border-width: var(
1333
- --_show-border-im-se,
1334
- var(
1335
- --_ctm-mob-dn-sw-me-is-bn-br-wh,
1336
- var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
1337
- )
1338
- );
1339
- border-radius: var(
1340
- --_ctm-mob-dn-sw-me-is-bn-br-rs,
1341
- var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
1342
- );
1343
- box-shadow: var(
1344
- --_show-shadow-im-se,
1345
- var(
1346
- --_ctm-mob-dn-sw-me-is-bn-sw-ae,
1347
- var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
1348
- )
1349
- var(
1350
- --_ctm-mob-dn-sw-me-is-bn-sw-br,
1351
- var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
1352
- )
1353
- var(
1354
- --_ctm-mob-dn-sw-me-is-bn-sw-sd,
1355
- var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
1356
- )
1357
- var(
1358
- --_ctm-mob-dn-sw-me-is-bn-sw-cr,
1359
- var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
1360
- )
1361
- );
859
+ color: var(--_ctm-mob-dn-sw-me-is-bn-cr,
860
+ var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr)));
861
+ font-family: var(--_ctm-mob-dn-sw-me-is-bn-ft-fy,
862
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy)));
863
+ text-transform: var(--_ctm-mob-dn-sw-me-is-bn-tt-tm,
864
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm)));
865
+ word-wrap: var(--_ctm-mob-dn-sw-me-is-bn-wd-wp,
866
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp)));
867
+ word-break: var(--_ctm-mob-dn-sw-me-is-bn-wd-bk,
868
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk)));
869
+ font-size: var(--_ctm-mob-dn-sw-me-is-bn-ft-se,
870
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se)));
871
+ font-weight: var(--_ctm-mob-dn-sw-me-is-bn-ft-wt,
872
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt)));
873
+ font-style: var(--_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
874
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic)));
875
+ text-align: var(--_ctm-mob-dn-sw-me-is-bn-tt-an,
876
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an)));
877
+ letter-spacing: var(--_ctm-mob-dn-sw-me-is-bn-lr-sg,
878
+ var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg)));
879
+ line-height: var(--_ctm-mob-dn-sw-me-is-bn-le-ht,
880
+ var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht)));
881
+ text-decoration: var(--_ctm-mob-dn-sw-me-is-bn-ue,
882
+ var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue)));
883
+ background-color: var(--_ctm-mob-dn-sw-me-is-bn-bd-cr,
884
+ var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr)));
885
+ border-color: var(--_show-border-im-se,
886
+ var(--_ctm-mob-dn-sw-me-is-bn-br-cr,
887
+ var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))));
888
+ border-style: var(--_show-border-im-se,
889
+ var(--_ctm-mob-dn-sw-me-is-bn-br-se,
890
+ var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))));
891
+ border-width: var(--_show-border-im-se,
892
+ var(--_ctm-mob-dn-sw-me-is-bn-br-wh,
893
+ var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))));
894
+ border-radius: var(--_ctm-mob-dn-sw-me-is-bn-br-rs,
895
+ var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs)));
896
+ box-shadow: var(--_show-shadow-im-se,
897
+ var(--_ctm-mob-dn-sw-me-is-bn-sw-ae,
898
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))) var(--_ctm-mob-dn-sw-me-is-bn-sw-br,
899
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))) var(--_ctm-mob-dn-sw-me-is-bn-sw-sd,
900
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))) var(--_ctm-mob-dn-sw-me-is-bn-sw-cr,
901
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))));
1362
902
  }
1363
903
  }
1364
904
  }
1365
905
  }
1366
906
  }
1367
- }
907
+ }