@sc-360-v2/storefront-cms-library 0.4.49 → 0.4.51

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 (183) hide show
  1. package/dist/add-existing-form.scss +66 -66
  2. package/dist/add-order.scss +377 -377
  3. package/dist/add-products-tab copy.scss +1132 -1132
  4. package/dist/add-products-tab-details.scss +3818 -0
  5. package/dist/add-products-tab.scss +142 -3052
  6. package/dist/allocationDetails.scss +2247 -2247
  7. package/dist/allocations.scss +1603 -1603
  8. package/dist/amount-estimator.scss +1083 -1083
  9. package/dist/animation-control.scss +23 -23
  10. package/dist/badge.scss +388 -388
  11. package/dist/brand-basic-elements.scss +292 -292
  12. package/dist/brand.scss +93 -93
  13. package/dist/breadcrumbs.scss +802 -802
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-order-pad.scss +677 -677
  16. package/dist/bulk-variant-picker copy.scss +1121 -1121
  17. package/dist/bulk-variant-picker.scss +3294 -3294
  18. package/dist/bundle copy.scss +2805 -2805
  19. package/dist/bundle.scss +2383 -2383
  20. package/dist/bundleDetails copy.scss +1431 -1431
  21. package/dist/bundleDetails.scss +3320 -3285
  22. package/dist/button copy.scss +271 -271
  23. package/dist/button.scss +292 -292
  24. package/dist/buy-for-tab-container.scss +90 -90
  25. package/dist/buy-for-tab.scss +3 -4
  26. package/dist/buy-for-tabs-container-item.scss +80 -80
  27. package/dist/buyForHeaders.scss +6718 -6718
  28. package/dist/buyForPopup.scss +70 -52
  29. package/dist/cart-details.scss +3207 -3207
  30. package/dist/cart-products-sidebar.scss +211 -211
  31. package/dist/cart-summary.scss +2728 -2728
  32. package/dist/cart-wrapper.scss +127 -127
  33. package/dist/cart.scss +269 -269
  34. package/dist/cartAttributes.scss +935 -935
  35. package/dist/cartDropdownOverlay.scss +513 -237
  36. package/dist/cartGrouping.scss +89 -89
  37. package/dist/category-groups-element.scss +138 -138
  38. package/dist/category.scss +73 -73
  39. package/dist/categoryDetails.scss +61 -61
  40. package/dist/categoryWidget.scss +34 -34
  41. package/dist/checkbox-radio.scss +124 -124
  42. package/dist/checkout.scss +6460 -6569
  43. package/dist/code-temp.scss +58 -58
  44. package/dist/colorpicker_v2.scss +52 -52
  45. package/dist/common-element.scss +35 -35
  46. package/dist/confirm-modal.scss +351 -351
  47. package/dist/confirmationModal.scss +139 -139
  48. package/dist/contact-us.scss +105 -105
  49. package/dist/container.scss +114 -114
  50. package/dist/countdown.scss +751 -751
  51. package/dist/coupon.scss +1254 -1254
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/customization-tree.scss +160 -160
  54. package/dist/default-dropdown.scss +240 -240
  55. package/dist/dropdownTemplate.scss +57 -43
  56. package/dist/editCartItem.scss +111 -111
  57. package/dist/embed-temp.scss +72 -72
  58. package/dist/embroider-preview-element.scss +94 -94
  59. package/dist/embroider-template-1-v2.scss +937 -937
  60. package/dist/embroider-template-1.scss +482 -482
  61. package/dist/embroidery.scss +213 -213
  62. package/dist/employee-bulk-order.scss +4057 -4057
  63. package/dist/emtpy-templates.scss +165 -165
  64. package/dist/faq.scss +564 -564
  65. package/dist/fb-dropdown.scss +125 -125
  66. package/dist/filter-results.scss +323 -323
  67. package/dist/filters.scss +1 -1
  68. package/dist/flex-text-editor.scss +271 -271
  69. package/dist/form-preview.scss +290 -290
  70. package/dist/form-zindex-module.scss +24 -24
  71. package/dist/gallery-slider-temp.scss +1234 -1234
  72. package/dist/global-styles.scss +86 -86
  73. package/dist/grid.scss +119 -119
  74. package/dist/hotspot.scss +397 -397
  75. package/dist/icon-library.scss +74 -74
  76. package/dist/icon-list.scss +268 -268
  77. package/dist/image-for-product.scss +21 -21
  78. package/dist/image-temp.scss +168 -168
  79. package/dist/item-stock.scss +87 -87
  80. package/dist/language-selector.scss +528 -528
  81. package/dist/layouter-item.scss +89 -89
  82. package/dist/layouter-pro-item.scss +80 -80
  83. package/dist/layouter-pro.scss +88 -88
  84. package/dist/layouter.scss +294 -294
  85. package/dist/light-box-v2.scss +105 -105
  86. package/dist/lightbox.scss +78 -78
  87. package/dist/line.scss +166 -166
  88. package/dist/loader.scss +37 -37
  89. package/dist/login.scss +1473 -1473
  90. package/dist/map.scss +962 -962
  91. package/dist/marchandiserSets.scss +60 -60
  92. package/dist/mega-menu-container.scss +99 -99
  93. package/dist/mega-menu.scss +838 -838
  94. package/dist/menu-item.scss +19 -19
  95. package/dist/menu-v2.scss +730 -730
  96. package/dist/menu.scss +162 -162
  97. package/dist/modal.scss +2267 -2267
  98. package/dist/multi-select-dropdown.scss +282 -279
  99. package/dist/my-templates.scss +463 -463
  100. package/dist/my-wishlist.scss +17 -17
  101. package/dist/option-bar.scss +845 -845
  102. package/dist/order-processing.scss +61 -61
  103. package/dist/order-status.scss +1856 -1856
  104. package/dist/overflow-module.scss +63 -63
  105. package/dist/past-orders.scss +975 -975
  106. package/dist/payment-methods.scss +289 -289
  107. package/dist/pickup-locations.scss +1167 -1167
  108. package/dist/position-module.scss +95 -95
  109. package/dist/prefix-list.scss +86 -86
  110. package/dist/product-actions copy.scss +2765 -2765
  111. package/dist/product-actions.scss +2286 -2286
  112. package/dist/product-basic-elements.scss +770 -770
  113. package/dist/product-customizations.scss +149 -149
  114. package/dist/product-highlights copy.scss +217 -217
  115. package/dist/product-highlights.scss +311 -311
  116. package/dist/product-image copy.scss +787 -787
  117. package/dist/product-image-bundles.scss +1512 -0
  118. package/dist/product-image.scss +1 -1
  119. package/dist/product-inventory.scss +1378 -1378
  120. package/dist/product-options.scss +1144 -1144
  121. package/dist/product-price.scss +2598 -2598
  122. package/dist/product-promotions.scss +2759 -2759
  123. package/dist/product-sizechart.scss +1826 -1826
  124. package/dist/product.scss +97 -97
  125. package/dist/productDetails.scss +70 -70
  126. package/dist/profile.scss +3 -2
  127. package/dist/quantity-selector.scss +3 -2
  128. package/dist/quick-links.scss +552 -552
  129. package/dist/quick-order-pad.scss +237 -237
  130. package/dist/quota-details.scss +263 -263
  131. package/dist/quotes.scss +737 -737
  132. package/dist/repeater copy.scss +635 -635
  133. package/dist/repeater-embla-controls.scss +6 -3
  134. package/dist/repeater-grid-toggle.scss +58 -58
  135. package/dist/repeater-item.scss +90 -90
  136. package/dist/repeater.scss +915 -915
  137. package/dist/request-for-quotes.scss +746 -746
  138. package/dist/responsive-behaviour.scss +29 -29
  139. package/dist/rfqs.scss +736 -736
  140. package/dist/scroll.scss +222 -222
  141. package/dist/search-results-heading.scss +279 -279
  142. package/dist/search.scss +296 -296
  143. package/dist/section.scss +2 -1
  144. package/dist/shareCartSideBar.scss +254 -254
  145. package/dist/shipping-estimator.scss +41 -41
  146. package/dist/shipping-payments.scss +2467 -2467
  147. package/dist/simple-list.scss +259 -259
  148. package/dist/skeleton.scss +74 -74
  149. package/dist/social.scss +276 -276
  150. package/dist/sort.scss +89 -89
  151. package/dist/spotlight.scss +1663 -1663
  152. package/dist/stack.scss +129 -129
  153. package/dist/static-global.scss +167 -0
  154. package/dist/static-text.scss +52 -52
  155. package/dist/stockStatus.scss +64 -64
  156. package/dist/store-locations.scss +1398 -1398
  157. package/dist/sub-category.scss +74 -74
  158. package/dist/submit-quote.scss +275 -275
  159. package/dist/tab-container-item.scss +80 -80
  160. package/dist/tab-container.scss +89 -89
  161. package/dist/tab-v2.scss +583 -583
  162. package/dist/table-common.scss +506 -506
  163. package/dist/table.scss +685 -685
  164. package/dist/tabs.scss +395 -395
  165. package/dist/text-temp-v2.scss +139 -139
  166. package/dist/text-temp.scss +109 -109
  167. package/dist/theme-classes.scss +296 -296
  168. package/dist/toaster.scss +350 -350
  169. package/dist/toggle-button.scss +32 -32
  170. package/dist/transform-properties-module.scss +20 -20
  171. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +1790 -441
  172. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +9 -0
  173. package/dist/uom-selector.scss +1169 -1169
  174. package/dist/user-elements copy.scss +1437 -1437
  175. package/dist/user-elements.scss +2471 -2471
  176. package/dist/variant-picker.scss +2384 -2384
  177. package/dist/video.scss +476 -476
  178. package/dist/volume-pricing copy 2.scss +1468 -1468
  179. package/dist/volume-pricing copy.scss +1077 -1077
  180. package/dist/volume-pricing.scss +1175 -1175
  181. package/dist/widget.scss +148 -148
  182. package/dist/wishlist-overlay.scss +48 -48
  183. package/package.json +1 -1
@@ -1,1175 +1,1175 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
-
4
- [data-div-type="element"] {
5
- &[data-element-type="volumePricing"] {
6
- // width: var(--_lt-wh);
7
- // height: var(--_lt-ht);
8
- // margin: var(--_lt-mn);
9
- // padding: var(--_lt-pg);
10
- // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
11
- // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
12
- // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
13
- // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
14
- // height: ;
15
- // aspect-ratio: 1 / var(--_sf-aspect-ratio);
16
- // --_aspect-ratio: calc(
17
- // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
18
- // );
19
-
20
- width: var(
21
- --_sf-el-wh-st-mx,
22
- calc(
23
- 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
24
- )
25
- );
26
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
27
-
28
- --_aspect-ratio: calc(
29
- 1 *
30
- (
31
- var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
32
- var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
33
- )
34
- );
35
- & > .wrapper {
36
- width: 100%;
37
- // height: 100%;
38
- }
39
- &[data-show-shadow="false"] {
40
- --_show-shadow: none;
41
- }
42
- &[data-overflow-items="Wrap"] {
43
- .horizontal {
44
- flex-wrap: wrap;
45
- }
46
- }
47
- &[data-overflow-items="Scroll"] {
48
- .horizontal {
49
- width: 100%;
50
- overflow-x: auto;
51
- .item {
52
- width: 100%;
53
- flex-shrink: 0;
54
- }
55
- }
56
- .vertical {
57
- overflow-y: auto;
58
- max-height: 30%;
59
- }
60
- }
61
- .text-element {
62
- color: #333;
63
- font-family: Lato;
64
- font-size: 12px;
65
- font-style: normal;
66
- font-weight: 400;
67
- line-height: 18px;
68
- margin-bottom: 6px;
69
- }
70
-
71
- .uom__selector {
72
- padding: 10px;
73
- width: 100%;
74
- // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
75
- .uom__container {
76
- padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
77
- // border: 1px solid rgba(75, 69, 70, 1);
78
- // border-radius: 20px;
79
- .stack {
80
- display: flex;
81
- flex-direction: column;
82
- .static {
83
- color: var(
84
- --_ctm-mob-dn-um-te-se-cr,
85
- var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
86
- );
87
- font-family: var(
88
- --_ctm-mob-dn-um-te-se-ft-fy,
89
- var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
90
- );
91
- font-size: var(
92
- --_ctm-mob-dn-um-te-se-ft-se,
93
- var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
94
- );
95
- font-weight: var(
96
- --_ctm-mob-dn-um-te-se-ft-wt,
97
- var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
98
- );
99
- font-style: var(
100
- --_ctm-mob-dn-um-te-se-ft-se-ic,
101
- var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
102
- );
103
- text-align: var(
104
- --_ctm-mob-dn-um-te-se-tt-an,
105
- var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
106
- );
107
- letter-spacing: var(
108
- --_ctm-mob-dn-um-te-se-lr-sg,
109
- var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
110
- );
111
- line-height: var(
112
- --_ctm-mob-dn-um-te-se-le-ht,
113
- var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
114
- );
115
- text-decoration: var(
116
- --_ctm-mob-dn-um-te-se-ue,
117
- var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
118
- );
119
- }
120
-
121
- .item {
122
- display: flex;
123
- align-items: center;
124
- justify-content: center;
125
- flex-direction: column;
126
- gap: 4px;
127
- padding: var(
128
- --_ctm-mob-dn-im-se-dt-se-vl-pg,
129
- var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
130
- )
131
- var(
132
- --_ctm-mob-dn-im-se-dt-se-hl-pg,
133
- var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
134
- );
135
- cursor: pointer;
136
- background-color: var(
137
- --_ctm-mob-dn-im-se-dt-se-bd-cr,
138
- var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
139
- );
140
-
141
- border-color: var(
142
- --_show-border-im-se,
143
- var(
144
- --_ctm-mob-dn-im-se-dt-se-br-cr,
145
- var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
146
- )
147
- );
148
- border-style: var(
149
- --_show-border-im-se,
150
- var(
151
- --_ctm-mob-dn-im-se-dt-se-br-se,
152
- var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
153
- )
154
- );
155
- border-width: var(
156
- --_show-border-im-se,
157
- var(
158
- --_ctm-mob-dn-im-se-dt-se-br-wh,
159
- var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
160
- )
161
- );
162
- border-radius: var(
163
- --_ctm-mob-dn-im-se-dt-se-br-rs,
164
- var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
165
- );
166
-
167
- box-shadow: var(
168
- --_show-shadow-im-se,
169
- var(
170
- --_ctm-mob-dn-im-se-dt-se-sw-ae,
171
- var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
172
- )
173
- var(
174
- --_ctm-mob-dn-im-se-dt-se-sw-br,
175
- var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
176
- )
177
- var(
178
- --_ctm-mob-dn-im-se-dt-se-sw-sd,
179
- var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
180
- )
181
- var(
182
- --_ctm-mob-dn-im-se-dt-se-sw-cr,
183
- var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
184
- )
185
- );
186
- }
187
- .active {
188
- display: flex;
189
-
190
- align-items: var(
191
- --_ctm-mob-dn-im-se-sd-se-ct-at,
192
- var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
193
- );
194
-
195
- justify-content: center;
196
- flex-direction: column;
197
- gap: 4px;
198
-
199
- padding: var(
200
- --_ctm-mob-dn-im-se-sd-se-vl-pg,
201
- var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
202
- )
203
- var(
204
- --_ctm-mob-dn-im-se-sd-se-hl-pg,
205
- var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
206
- );
207
-
208
- cursor: pointer;
209
-
210
- background-color: var(
211
- --_ctm-mob-dn-im-se-sd-se-bd-cr,
212
- var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
213
- );
214
-
215
- border-color: var(
216
- --_show-border-im-se,
217
- var(
218
- --_ctm-mob-dn-im-se-sd-se-br-cr,
219
- var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
220
- )
221
- );
222
-
223
- border-style: var(
224
- --_show-border-im-se,
225
- var(
226
- --_ctm-mob-dn-im-se-sd-se-br-se,
227
- var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
228
- )
229
- );
230
-
231
- border-width: var(
232
- --_show-border-im-se,
233
- var(
234
- --_ctm-mob-dn-im-se-sd-se-br-wh,
235
- var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
236
- )
237
- );
238
-
239
- border-radius: var(
240
- --_ctm-mob-dn-im-se-sd-se-br-rs,
241
- var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
242
- );
243
-
244
- box-shadow: var(
245
- --_show-shadow-im-se,
246
- var(
247
- --_ctm-mob-dn-im-se-sd-se-sw-ae,
248
- var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
249
- )
250
- var(
251
- --_ctm-mob-dn-im-se-sd-se-sw-br,
252
- var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
253
- )
254
- var(
255
- --_ctm-mob-dn-im-se-sd-se-sw-sd,
256
- var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
257
- )
258
- var(
259
- --_ctm-mob-dn-im-se-sd-se-sw-cr,
260
- var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
261
- )
262
- );
263
-
264
- .each {
265
- color: var(
266
- --_ctm-mob-dn-um-se-cr,
267
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
268
- );
269
- font-family: var(
270
- --_ctm-mob-dn-um-se-ft-fy,
271
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
272
- );
273
- font-size: var(
274
- --_ctm-mob-dn-um-se-ft-se,
275
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
276
- );
277
- font-weight: var(
278
- --_ctm-mob-dn-um-se-ft-wt,
279
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
280
- );
281
- font-style: var(
282
- --_ctm-mob-dn-um-se-ft-se-ic,
283
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
284
- );
285
- text-align: var(
286
- --_ctm-mob-dn-um-se-tt-an,
287
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
288
- );
289
- letter-spacing: var(
290
- --_ctm-mob-dn-um-se-lr-sg,
291
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
292
- );
293
- line-height: var(
294
- --_ctm-mob-dn-um-se-le-ht,
295
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
296
- );
297
- text-decoration: var(
298
- --_ctm-mob-dn-um-se-ue,
299
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
300
- );
301
- }
302
-
303
- .price {
304
- color: var(
305
- --_ctm-mob-dn-pt-pe-cr,
306
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
307
- );
308
- font-family: var(
309
- --_ctm-mob-dn-pt-pe-ft-fy,
310
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
311
- );
312
- font-size: var(
313
- --_ctm-mob-dn-pt-pe-ft-se,
314
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
315
- );
316
- font-weight: var(
317
- --_ctm-mob-dn-pt-pe-ft-wt,
318
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
319
- );
320
- font-style: var(
321
- --_ctm-mob-dn-pt-pe-ft-se-ic,
322
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
323
- );
324
- text-align: var(
325
- --_ctm-mob-dn-pt-pe-tt-an,
326
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
327
- );
328
- letter-spacing: var(
329
- --_ctm-mob-dn-pt-pe-lr-sg,
330
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
331
- );
332
- line-height: var(
333
- --_ctm-mob-dn-pt-pe-le-ht,
334
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
335
- );
336
- text-decoration: var(
337
- --_ctm-mob-dn-pt-pe-ue,
338
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
339
- );
340
- }
341
- .off__price {
342
- font-size: 12px;
343
- display: flex;
344
- justify-content: space-around;
345
- gap: 10px;
346
- align-items: center;
347
- .saving__amount {
348
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
349
- font-family: var(
350
- --_ctm-mob-dn-ss-ft-fy,
351
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
352
- );
353
- font-size: var(
354
- --_ctm-mob-dn-ss-ft-se,
355
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
356
- );
357
- font-weight: var(
358
- --_ctm-mob-dn-ss-ft-wt,
359
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
360
- );
361
- font-style: var(
362
- --_ctm-mob-dn-ss-ft-se-ic,
363
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
364
- );
365
- text-align: var(
366
- --_ctm-mob-dn-ss-tt-an,
367
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
368
- );
369
- letter-spacing: var(
370
- --_ctm-mob-dn-ss-lr-sg,
371
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
372
- );
373
- line-height: var(
374
- --_ctm-mob-dn-ss-le-ht,
375
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
376
- );
377
- text-decoration: var(
378
- --_ctm-mob-dn-ss-ue,
379
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
380
- );
381
- }
382
-
383
- .actual__price {
384
- color: var(
385
- --_ctm-mob-dn-al-pe-cr,
386
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
387
- );
388
- font-family: var(
389
- --_ctm-mob-dn-al-pe-ft-fy,
390
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
391
- );
392
- font-size: var(
393
- --_ctm-mob-dn-al-pe-ft-se,
394
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
395
- );
396
- font-weight: var(
397
- --_ctm-mob-dn-al-pe-ft-wt,
398
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
399
- );
400
- font-style: var(
401
- --_ctm-mob-dn-al-pe-ft-se-ic,
402
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
403
- );
404
- text-align: var(
405
- --_ctm-mob-dn-al-pe-tt-an,
406
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
407
- );
408
- letter-spacing: var(
409
- --_ctm-mob-dn-al-pe-lr-sg,
410
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
411
- );
412
- line-height: var(
413
- --_ctm-mob-dn-al-pe-le-ht,
414
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
415
- );
416
- text-decoration: var(
417
- --_ctm-mob-dn-al-pe-ue,
418
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
419
- );
420
- }
421
- }
422
- .units {
423
- color: var(
424
- --_ctm-mob-dn-pe-pr-ut-cr,
425
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
426
- );
427
- font-family: var(
428
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
429
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
430
- );
431
- font-size: var(
432
- --_ctm-mob-dn-pe-pr-ut-ft-se,
433
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
434
- );
435
- font-weight: var(
436
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
437
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
438
- );
439
- font-style: var(
440
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
441
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
442
- );
443
- text-align: var(
444
- --_ctm-mob-dn-pe-pr-ut-tt-an,
445
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
446
- );
447
- letter-spacing: var(
448
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
449
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
450
- );
451
- line-height: var(
452
- --_ctm-mob-dn-pe-pr-ut-le-ht,
453
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
454
- );
455
- text-decoration: var(
456
- --_ctm-mob-dn-pe-pr-ut-ue,
457
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
458
- );
459
- }
460
- }
461
-
462
- .each {
463
- color: var(
464
- --_ctm-mob-dn-um-se-cr,
465
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
466
- );
467
- font-family: var(
468
- --_ctm-mob-dn-um-se-ft-fy,
469
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
470
- );
471
- font-size: var(
472
- --_ctm-mob-dn-um-se-ft-se,
473
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
474
- );
475
- font-weight: var(
476
- --_ctm-mob-dn-um-se-ft-wt,
477
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
478
- );
479
- font-style: var(
480
- --_ctm-mob-dn-um-se-ft-se-ic,
481
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
482
- );
483
- text-align: var(
484
- --_ctm-mob-dn-um-se-tt-an,
485
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
486
- );
487
- letter-spacing: var(
488
- --_ctm-mob-dn-um-se-lr-sg,
489
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
490
- );
491
- line-height: var(
492
- --_ctm-mob-dn-um-se-le-ht,
493
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
494
- );
495
- text-decoration: var(
496
- --_ctm-mob-dn-um-se-ue,
497
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
498
- );
499
- }
500
-
501
- .price {
502
- color: var(
503
- --_ctm-mob-dn-pt-pe-cr,
504
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
505
- );
506
- font-family: var(
507
- --_ctm-mob-dn-pt-pe-ft-fy,
508
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
509
- );
510
- font-size: var(
511
- --_ctm-mob-dn-pt-pe-ft-se,
512
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
513
- );
514
- font-weight: var(
515
- --_ctm-mob-dn-pt-pe-ft-wt,
516
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
517
- );
518
- font-style: var(
519
- --_ctm-mob-dn-pt-pe-ft-se-ic,
520
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
521
- );
522
- text-align: var(
523
- --_ctm-mob-dn-pt-pe-tt-an,
524
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
525
- );
526
- letter-spacing: var(
527
- --_ctm-mob-dn-pt-pe-lr-sg,
528
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
529
- );
530
- line-height: var(
531
- --_ctm-mob-dn-pt-pe-le-ht,
532
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
533
- );
534
- text-decoration: var(
535
- --_ctm-mob-dn-pt-pe-ue,
536
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
537
- );
538
- }
539
- .actual__price {
540
- color: var(
541
- --_ctm-mob-dn-al-pe-cr,
542
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
543
- );
544
- font-family: var(
545
- --_ctm-mob-dn-al-pe-ft-fy,
546
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
547
- );
548
- font-size: var(
549
- --_ctm-mob-dn-al-pe-ft-se,
550
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
551
- );
552
- font-weight: var(
553
- --_ctm-mob-dn-al-pe-ft-wt,
554
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
555
- );
556
- font-style: var(
557
- --_ctm-mob-dn-al-pe-ft-se-ic,
558
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
559
- );
560
- text-align: var(
561
- --_ctm-mob-dn-al-pe-tt-an,
562
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
563
- );
564
- letter-spacing: var(
565
- --_ctm-mob-dn-al-pe-lr-sg,
566
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
567
- );
568
- line-height: var(
569
- --_ctm-mob-dn-al-pe-le-ht,
570
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
571
- );
572
- text-decoration: var(
573
- --_ctm-mob-dn-al-pe-ue,
574
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
575
- );
576
- }
577
- .saving__amount {
578
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
579
- font-family: var(
580
- --_ctm-mob-dn-ss-ft-fy,
581
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
582
- );
583
- font-size: var(
584
- --_ctm-mob-dn-ss-ft-se,
585
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
586
- );
587
- font-weight: var(
588
- --_ctm-mob-dn-ss-ft-wt,
589
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
590
- );
591
- font-style: var(
592
- --_ctm-mob-dn-ss-ft-se-ic,
593
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
594
- );
595
- text-align: var(
596
- --_ctm-mob-dn-ss-tt-an,
597
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
598
- );
599
- letter-spacing: var(
600
- --_ctm-mob-dn-ss-lr-sg,
601
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
602
- );
603
- line-height: var(
604
- --_ctm-mob-dn-ss-le-ht,
605
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
606
- );
607
- text-decoration: var(
608
- --_ctm-mob-dn-ss-ue,
609
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
610
- );
611
- }
612
- .off__price {
613
- font-size: 12px;
614
- display: flex;
615
- justify-content: space-around;
616
- gap: 10px;
617
- align-items: center;
618
- }
619
-
620
- .units {
621
- color: var(
622
- --_ctm-mob-dn-pe-pr-ut-cr,
623
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
624
- );
625
- font-family: var(
626
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
627
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
628
- );
629
- font-size: var(
630
- --_ctm-mob-dn-pe-pr-ut-ft-se,
631
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
632
- );
633
- font-weight: var(
634
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
635
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
636
- );
637
- font-style: var(
638
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
639
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
640
- );
641
- text-align: var(
642
- --_ctm-mob-dn-pe-pr-ut-tt-an,
643
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
644
- );
645
- letter-spacing: var(
646
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
647
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
648
- );
649
- line-height: var(
650
- --_ctm-mob-dn-pe-pr-ut-le-ht,
651
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
652
- );
653
- text-decoration: var(
654
- --_ctm-mob-dn-pe-pr-ut-ue,
655
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
656
- );
657
- }
658
- }
659
- }
660
-
661
- .table__common_parent {
662
- // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
663
- width: 100%;
664
-
665
- // aspect-ratio: 1 / var(--_sf-aspect-ratio);
666
- // --_aspect-ratio: calc(
667
- // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
668
- // );
669
-
670
- .pagination:hover {
671
- --_sf-bd-cr: var(--_ctm-dn-pn-hr-se-bd-cr, var(--_tst-dn-pn-hr-se-bd-cr));
672
- }
673
-
674
- .pagination .active:hover {
675
- cursor: pointer;
676
- --_sf-hr-fc: var(--_ctm-dn-pn-hr-se-cr, var(--_tst-dn-pn-hr-se-cr));
677
- --_sf-hr-ff: var(--_ctm-dn-pn-hr-se-ft-fy, var(--_tst-dn-pn-hr-se-ft-fy));
678
- --_sf-hr-fs: var(--_ctm-dn-pn-hr-se-ft-se, var(--_tst-dn-pn-hr-se-ft-se));
679
- --_sf-hr-td: var(--_ctm-dn-pn-hr-se-tt-ue, var(--_tst-dn-hr-tt-ue));
680
- --_sf-hr-fw: var(--_ctm-dn-pn-hr-se-ft-wt, var(--_tst-dn-pn-hr-se-ft-wt));
681
- --_sf-hr-ft: var(--_ctm-dn-pn-hr-se-ft-se-ic, var(--_tst-dn-pn-hr-se-ft-se-ic));
682
- --_sf-hr-ta: var(--_ctm-dn-pn-hr-se-tt-an, var(--_tst-dn-pn-hr-se-tt-an));
683
- --_sf-hr-ls: var(--_ctm-dn-pn-hr-se-lr-sg, var(--_tst-dn-pn-hr-se-lr-sg));
684
- --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
685
- }
686
- &[data-widget-shadow="false"] {
687
- .table__wrapper {
688
- --_show-shadow: none;
689
- }
690
- }
691
- &[data-widget-border="true"] {
692
- .table__wrapper {
693
- border-color: var(
694
- --_ctm-mob-dn-te-wt-br-cr,
695
- var(--_ctm-tab-dn-te-wt-br-cr, var(--_ctm-dn-te-wt-br-cr))
696
- );
697
- border-style: var(
698
- --_ctm-mob-dn-te-wt-br-se,
699
- var(--_ctm-tab-dn-te-wt-br-se, var(--_ctm-dn-te-wt-br-se))
700
- );
701
- border-width: var(
702
- --_ctm-mob-dn-te-wt-br-wh,
703
- var(--_ctm-tab-dn-te-wt-br-wh, var(--_ctm-dn-te-wt-br-wh))
704
- );
705
- }
706
- }
707
- &[data-table-shadow="false"] {
708
- .table__container {
709
- --_show-table-shadow: none;
710
- }
711
- }
712
- &[data-table-border="true"] {
713
- .table__container {
714
- border-color: var(
715
- --_ctm-mob-dn-te-br-cr,
716
- var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))
717
- );
718
- border-style: var(
719
- --_ctm-mob-dn-te-br-se,
720
- var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))
721
- );
722
- border-width: var(
723
- --_ctm-mob-dn-te-br-wh,
724
- var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))
725
- );
726
- }
727
- }
728
-
729
- &[data-header-divider="true"] {
730
- thead tr th {
731
- border-bottom: 1px solid
732
- var(
733
- --_ctm-mob-dn-rw-ad-hr-ds-hr-dr,
734
- var(--_ctm-tab-dn-rw-ad-hr-ds-hr-dr, var(--_ctm-dn-rw-ad-hr-ds-hr-dr))
735
- );
736
- }
737
- }
738
- &[data-row-divider="true"] {
739
- tbody tr {
740
- border-bottom: 1px solid
741
- var(
742
- --_ctm-mob-dn-rw-ad-hr-ds-rw-dr,
743
- var(--_ctm-tab-dn-rw-ad-hr-ds-rw-dr, var(--_ctm-dn-rw-ad-hr-ds-rw-dr))
744
- );
745
- }
746
- }
747
- &[data-column-divider="true"] {
748
- tbody tr td,
749
- thead tr th {
750
- border-right: 1px solid
751
- var(
752
- --_ctm-mob-dn-rw-ad-hr-ds-cn-dr,
753
- var(--_ctm-tab-dn-rw-ad-hr-ds-cn-dr, var(--_ctm-dn-rw-ad-hr-ds-cn-dr))
754
- );
755
- }
756
-
757
- tbody tr td:last-child,
758
- thead tr th:last-child {
759
- border-right: none;
760
- }
761
- }
762
- &[data-show-more-rows="onScroll"] {
763
- .table__container {
764
- overflow-y: scroll;
765
- height: var(
766
- --_ctm-mob-lt-te-ht,
767
- var(--_ctm-tab-lt-te-ht, var(--_ctm-lt-te-ht))
768
- ) !important;
769
-
770
- &::-webkit-scrollbar {
771
- width: var(
772
- --_ctm-mob-dn-sl-br-sl-br-wh,
773
- var(--_ctm-tab-dn-sl-br-sl-br-wh, var(--_ctm-dn-sl-br-sl-br-wh))
774
- );
775
- }
776
-
777
- &::-webkit-scrollbar-track {
778
- background-color: var(--_base-white);
779
- }
780
-
781
- &::-webkit-scrollbar-thumb {
782
- background-color: var(
783
- --_ctm-mob-dn-sl-br-sl-br-cr,
784
- var(--_ctm-tab-dn-sl-br-sl-br-cr, var(--_ctm-dn-sl-br-sl-br-cr))
785
- );
786
- }
787
-
788
- // // Scrollbar thumb when hovered
789
- // &::-webkit-scrollbar-thumb:hover {
790
- // background-color: #555; // Darker color when hovering over the thumb
791
- // }
792
-
793
- // // For Firefox, using scrollbar-width and scrollbar-color
794
- // scrollbar-width: thin; // Thin scrollbar
795
- // scrollbar-color: #888 #f1f1f1; // Thumb and track colors
796
- }
797
- }
798
-
799
- &[data-alternative-row-colors="true"] {
800
- tbody .tbody__row__divider:nth-child(odd) {
801
- background-color: #f76b6b;
802
- }
803
- }
804
-
805
- .table__wrapper {
806
- padding: var(
807
- --_ctm-mob-lt-pg,
808
- var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg, var(--_tst-lt-pg)))
809
- );
810
-
811
- background-color: var(
812
- --_ctm-mob-dn-te-wt-bd-cr,
813
- var(--_ctm-tab-dn-te-wt-bd-cr, var(--_ctm-dn-te-wt-bd-cr, var(--_tst-dn-te-wt-bd-cr)))
814
- );
815
-
816
- border-radius: var(
817
- --_ctm-mob-dn-te-wt-br-rs,
818
- var(--_ctm-tab-dn-te-wt-br-rs, var(--_ctm-dn-te-wt-br-rs, var(--_tst-dn-te-wt-br-rs)))
819
- );
820
-
821
- box-shadow: var(
822
- --_show-shadow,
823
- var(
824
- --_ctm-mob-dn-te-wt-sw-ae,
825
- var(--_ctm-tab-dn-te-wt-sw-ae, var(--_ctm-dn-te-wt-sw-ae))
826
- )
827
- var(
828
- --_ctm-mob-dn-te-wt-sw-br,
829
- var(--_ctm-tab-dn-te-wt-sw-br, var(--_ctm-dn-te-wt-sw-br))
830
- )
831
- var(
832
- --_ctm-mob-dn-te-wt-sw-sd,
833
- var(--_ctm-tab-dn-te-wt-sw-sd, var(--_ctm-dn-te-wt-sw-sd))
834
- )
835
- var(
836
- --_ctm-mob-dn-te-wt-sw-cr,
837
- var(--_ctm-tab-dn-te-wt-sw-cr, var(--_ctm-dn-te-wt-sw-cr))
838
- )
839
- );
840
-
841
- width: 100%;
842
-
843
- .table__container {
844
- background-color: var(
845
- --_ctm-mob-dn-te-bd-cr,
846
- var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
847
- );
848
-
849
- border-radius: var(
850
- --_ctm-mob-dn-te-br-rs,
851
- var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs))
852
- );
853
-
854
- box-shadow: var(
855
- --_show-table-shadow,
856
- var(--_ctm-mob-dn-te-sw-ae, var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae)))
857
- var(--_ctm-mob-dn-te-sw-br, var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br)))
858
- var(--_ctm-mob-dn-te-sw-sd, var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd)))
859
- var(--_ctm-mob-dn-te-sw-cr, var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr)))
860
- );
861
- }
862
-
863
- h3 {
864
- text-align: center;
865
- width: 100%;
866
- margin-bottom: 10px;
867
- }
868
- table {
869
- border-collapse: collapse;
870
- // border: none;
871
- width: 100%;
872
- // height: 100%;
873
- text-align: var(--_ctm-mob-lt-ct-at, var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at)));
874
-
875
- th,
876
- td {
877
- border: none;
878
- }
879
- thead {
880
- background-color: var(
881
- --_ctm-mob-dn-te-hr-bd-cr,
882
- var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr))
883
- );
884
-
885
- .thead__row__divider {
886
- height: var(--_ctm-mob-lt-hr-ht, var(--_ctm-tab-lt-hr-ht, var(--_ctm-lt-hr-ht)));
887
-
888
- .th__col__divider {
889
- padding: var(
890
- --_ctm-mob-lt-hr-cl-pg,
891
- var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-lt-hr-cl-pg))
892
- );
893
-
894
- color: var(
895
- --_ctm-mob-dn-hr-tt-cr,
896
- var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
897
- );
898
-
899
- font-family: var(
900
- --_ctm-mob-dn-hr-tt-ft-fy,
901
- var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
902
- );
903
-
904
- font-size: var(
905
- --_ctm-mob-dn-hr-tt-ft-se,
906
- var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se))
907
- );
908
-
909
- font-weight: var(
910
- --_ctm-mob-dn-hr-tt-ft-wt,
911
- var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt))
912
- );
913
-
914
- text-decoration: var(
915
- --_ctm-mob-dn-hr-tt-ue,
916
- var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue))
917
- );
918
-
919
- font-style: var(
920
- --_ctm-mob-dn-hr-tt-ft-se-ic,
921
- var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic))
922
- );
923
-
924
- text-align: var(
925
- --_ctm-mob-dn-hr-tt-tt-an,
926
- var(--_ctm-tab-dn-hr-tt-tt-an, var(--_ctm-dn-hr-tt-tt-an))
927
- );
928
-
929
- letter-spacing: var(
930
- --_ctm-mob-dn-hr-tt-lr-sg,
931
- var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg))
932
- );
933
-
934
- line-height: var(
935
- --_ctm-mob-dn-hr-tt-le-ht,
936
- var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht))
937
- );
938
- }
939
- }
940
- }
941
- tbody {
942
- .tbody__row__divider {
943
- background-color: var(
944
- --_ctm-mob-dn-te-rw-bd-cr,
945
- var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr))
946
- );
947
-
948
- height: var(--_ctm-mob-lt-rw-ht, var(--_ctm-tab-lt-rw-ht, var(--_ctm-lt-rw-ht)));
949
-
950
- .td__col__divider {
951
- padding: var(
952
- --_ctm-mob-lt-rw-cl-pg,
953
- var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-lt-rw-cl-pg))
954
- );
955
-
956
- color: var(
957
- --_sf-hr-fc,
958
- var(
959
- --_ctm-mob-dn-rw-tt-cr,
960
- var(--_ctm-tab-dn-rw-tt-cr, var(--_ctm-dn-rw-tt-cr))
961
- )
962
- );
963
-
964
- font-family: var(
965
- --_sf-hr-ff,
966
- var(
967
- --_ctm-mob-dn-rw-tt-ft-fy,
968
- var(--_ctm-tab-dn-rw-tt-ft-fy, var(--_ctm-dn-rw-tt-ft-fy))
969
- )
970
- );
971
-
972
- font-size: var(
973
- --_sf-hr-fs,
974
- var(
975
- --_ctm-mob-dn-rw-tt-ft-se,
976
- var(--_ctm-tab-dn-rw-tt-ft-se, var(--_ctm-dn-rw-tt-ft-se))
977
- )
978
- );
979
-
980
- text-decoration: var(
981
- --_ctm-mob-dn-rw-tt-ue,
982
- var(--_ctm-tab-dn-rw-tt-ue, var(--_ctm-dn-rw-tt-ue))
983
- );
984
-
985
- font-weight: var(
986
- --_sf-hr-fw,
987
- var(
988
- --_ctm-mob-dn-rw-tt-ft-wt,
989
- var(--_ctm-tab-dn-rw-tt-ft-wt, var(--_ctm-dn-rw-tt-ft-wt))
990
- )
991
- );
992
-
993
- font-style: var(
994
- --_sf-hr-ft,
995
- var(
996
- --_ctm-mob-dn-rw-tt-ft-se-ic,
997
- var(--_ctm-tab-dn-rw-tt-ft-se-ic, var(--_ctm-dn-rw-tt-ft-se-ic))
998
- )
999
- );
1000
-
1001
- text-align: var(
1002
- --_sf-hr-ta,
1003
- var(
1004
- --_ctm-mob-dn-rw-tt-tt-an,
1005
- var(--_ctm-tab-dn-rw-tt-tt-an, var(--_ctm-dn-rw-tt-tt-an))
1006
- )
1007
- );
1008
-
1009
- letter-spacing: var(
1010
- --_sf-hr-ls,
1011
- var(
1012
- --_ctm-mob-dn-rw-tt-lr-sg,
1013
- var(--_ctm-tab-dn-rw-tt-lr-sg, var(--_ctm-dn-rw-tt-lr-sg))
1014
- )
1015
- );
1016
-
1017
- line-height: var(
1018
- --_sf-hr-lh,
1019
- var(
1020
- --_ctm-mob-dn-rw-tt-le-ht,
1021
- var(--_ctm-tab-dn-rw-tt-le-ht, var(--_ctm-dn-rw-tt-le-ht))
1022
- )
1023
- );
1024
- }
1025
- }
1026
- }
1027
- }
1028
-
1029
- .pagination {
1030
- display: var(--_d-flex);
1031
- align-items: var(--_align-center);
1032
- justify-content: var(
1033
- --_ctm-mob-lt-pn-at,
1034
- var(--_ctm-tab-lt-pn-at, var(--_ctm-lt-pn-at))
1035
- );
1036
- margin-top: 10px;
1037
- background-color: var(
1038
- --_sf-bd-cr,
1039
- var(
1040
- --_ctm-mob-dn-pn-dt-se-bd-cr,
1041
- var(--_ctm-tab-dn-pn-dt-se-bd-cr, var(--_ctm-dn-pn-dt-se-bd-cr))
1042
- )
1043
- );
1044
- &.pagination__center {
1045
- justify-content: var(justify-center);
1046
- }
1047
-
1048
- button {
1049
- svg {
1050
- width: var(--_width-18);
1051
- height: var(--_height-18);
1052
- path {
1053
- stroke: var(--_gray-500);
1054
- // stroke: var(--_ctm-dn-pn-in-c1, var(--_tst-dn-pn-in-c1));
1055
- }
1056
- }
1057
- }
1058
- span {
1059
- float: left;
1060
- padding: var(--_pd-8) var(--_pd-16);
1061
- text-decoration: none;
1062
- span {
1063
- // color: var(--_sf-hr-fc, var(--_ctm-dn-pn-bn-cr, var(--_tst-dn-pn-bn-cr)));
1064
- // font-size: var(--_sf-hr-fs, var(--_ctm-dn-pn-ft-se, var(--_tst-dn-pn-ft-se)));
1065
- // font-family: var(--_sf-hr-ff, var(--_ctm-dn-pn-ft-fy, var(--_tst-dn-pn-ft-fy))),
1066
-
1067
- // font-weight: var(--_sf-hr-fw, var(--_ctm-dn-pn-ft-wt, var(--_tst-dn-pn-ft-wt)));
1068
- // font-style: var(--_sf-hr-ft, var(--_ctm-dn-pn-ft-se-ic, var(--_tst-dn-pn-ft-se-ic)));
1069
- // text-align: var(--_sf-hr-ta, var(--_ctm-dn-pn-tt-an, var(--_tst-dn-pn-tt-an)));
1070
- // letter-spacing: var(--_sf-hr-ls, var(--_ctm-dn-pn-lr-sg, var(--_tst-dn-pn-lr-sg)));
1071
- // line-height: var(--_sf-hr-lh, var(--_ctm-dn-pn-le-ht, var(--_tst-dn-pn-le-ht)));
1072
- }
1073
- &.active:hover {
1074
- &hover {
1075
- --_sf-hr-fc: var(--_ctm-dn-pn-hr-se-cr, var(--_tst-dn-pn-hr-se-cr));
1076
- --_sf-hr-ff: var(--_ctm-dn-pn-hr-se-ft-fy, var(--_tst-dn-pn-hr-se-ft-fy));
1077
- --_sf-hr-fs: var(--_ctm-dn-pn-hr-se-ft-se, var(--_tst-dn-pn-hr-se-ft-se));
1078
- --_sf-hr-fw: var(--_ctm-dn-pn-hr-se-ft-wt, var(--_tst-dn-pn-hr-se-ft-wt));
1079
- --_sf-hr-ft: var(--_ctm-dn-pn-hr-se-ft-se-ic, var(--_tst-dn-pn-hr-se-ft-se-ic));
1080
- --_sf-hr-ta: var(--_ctm-dn-pn-hr-se-tt-an, var(--_tst-dn-pn-hr-se-tt-an));
1081
- --_sf-hr-ls: var(--_ctm-dn-pn-hr-se-lr-sg, var(--_tst-dn-pn-hr-se-lr-sg));
1082
- --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
1083
- }
1084
- }
1085
- &.active {
1086
- color: var(
1087
- --_sf-hr-fc,
1088
- var(
1089
- --_ctm-mob-dn-pn-dt-se-cr,
1090
- var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1091
- )
1092
- );
1093
-
1094
- font-family: var(
1095
- --_sf-hr-ff,
1096
- var(
1097
- --_ctm-mob-dn-pn-dt-se-ft-fy,
1098
- var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1099
- )
1100
- );
1101
-
1102
- font-size: var(
1103
- --_sf-hr-fs,
1104
- var(
1105
- --_ctm-mob-dn-pn-dt-se-ft-se,
1106
- var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
1107
- )
1108
- );
1109
-
1110
- text-decoration: var(
1111
- --_sf-hr-td,
1112
- var(
1113
- --_ctm-mob-dn-pn-dt-se-ue,
1114
- var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
1115
- )
1116
- );
1117
-
1118
- font-weight: var(
1119
- --_sf-hr-fw,
1120
- var(
1121
- --_ctm-mob-dn-pn-dt-se-ft-wt,
1122
- var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
1123
- )
1124
- );
1125
-
1126
- font-style: var(
1127
- --_sf-hr-ft,
1128
- var(
1129
- --_ctm-mob-dn-pn-dt-se-ft-se-ic,
1130
- var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
1131
- )
1132
- );
1133
-
1134
- text-align: var(
1135
- --_sf-hr-ta,
1136
- var(
1137
- --_ctm-mob-dn-pn-dt-se-tt-an,
1138
- var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
1139
- )
1140
- );
1141
-
1142
- letter-spacing: var(
1143
- --_sf-hr-ls,
1144
- var(
1145
- --_ctm-mob-dn-pn-dt-se-lr-sg,
1146
- var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
1147
- )
1148
- );
1149
-
1150
- line-height: var(
1151
- --_sf-hr-lh,
1152
- var(
1153
- --_ctm-mob-dn-pn-dt-se-le-ht,
1154
- var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
1155
- )
1156
- );
1157
- }
1158
- }
1159
- .pagination__arrows {
1160
- color: var(
1161
- --_sf-hr-fc,
1162
- var(--_ctm-mob-dn-pn-in-c1, var(--_ctm-tab-dn-pn-in-c1, var(--_ctm-dn-pn-in-c1)))
1163
- );
1164
-
1165
- font-size: var(
1166
- --_sf-hr-fs,
1167
- var(--_ctm-mob-dn-pn-in-se, var(--_ctm-tab-dn-pn-in-se, var(--_ctm-dn-pn-in-se)))
1168
- );
1169
- }
1170
- }
1171
- }
1172
- }
1173
- }
1174
- }
1175
- }
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+
4
+ [data-div-type="element"] {
5
+ &[data-element-type="volumePricing"] {
6
+ // width: var(--_lt-wh);
7
+ // height: var(--_lt-ht);
8
+ // margin: var(--_lt-mn);
9
+ // padding: var(--_lt-pg);
10
+ // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
11
+ // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
12
+ // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
13
+ // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
14
+ // height: ;
15
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
16
+ // --_aspect-ratio: calc(
17
+ // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
18
+ // );
19
+
20
+ width: var(
21
+ --_sf-el-wh-st-mx,
22
+ calc(
23
+ 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
24
+ )
25
+ );
26
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
27
+
28
+ --_aspect-ratio: calc(
29
+ 1 *
30
+ (
31
+ var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
32
+ var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
33
+ )
34
+ );
35
+ & > .wrapper {
36
+ width: 100%;
37
+ // height: 100%;
38
+ }
39
+ &[data-show-shadow="false"] {
40
+ --_show-shadow: none;
41
+ }
42
+ &[data-overflow-items="Wrap"] {
43
+ .horizontal {
44
+ flex-wrap: wrap;
45
+ }
46
+ }
47
+ &[data-overflow-items="Scroll"] {
48
+ .horizontal {
49
+ width: 100%;
50
+ overflow-x: auto;
51
+ .item {
52
+ width: 100%;
53
+ flex-shrink: 0;
54
+ }
55
+ }
56
+ .vertical {
57
+ overflow-y: auto;
58
+ max-height: 30%;
59
+ }
60
+ }
61
+ .text-element {
62
+ color: #333;
63
+ font-family: Lato;
64
+ font-size: 12px;
65
+ font-style: normal;
66
+ font-weight: 400;
67
+ line-height: 18px;
68
+ margin-bottom: 6px;
69
+ }
70
+
71
+ .uom__selector {
72
+ padding: 10px;
73
+ width: 100%;
74
+ // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
75
+ .uom__container {
76
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
77
+ // border: 1px solid rgba(75, 69, 70, 1);
78
+ // border-radius: 20px;
79
+ .stack {
80
+ display: flex;
81
+ flex-direction: column;
82
+ .static {
83
+ color: var(
84
+ --_ctm-mob-dn-um-te-se-cr,
85
+ var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
86
+ );
87
+ font-family: var(
88
+ --_ctm-mob-dn-um-te-se-ft-fy,
89
+ var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
90
+ );
91
+ font-size: var(
92
+ --_ctm-mob-dn-um-te-se-ft-se,
93
+ var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
94
+ );
95
+ font-weight: var(
96
+ --_ctm-mob-dn-um-te-se-ft-wt,
97
+ var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
98
+ );
99
+ font-style: var(
100
+ --_ctm-mob-dn-um-te-se-ft-se-ic,
101
+ var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
102
+ );
103
+ text-align: var(
104
+ --_ctm-mob-dn-um-te-se-tt-an,
105
+ var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
106
+ );
107
+ letter-spacing: var(
108
+ --_ctm-mob-dn-um-te-se-lr-sg,
109
+ var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
110
+ );
111
+ line-height: var(
112
+ --_ctm-mob-dn-um-te-se-le-ht,
113
+ var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
114
+ );
115
+ text-decoration: var(
116
+ --_ctm-mob-dn-um-te-se-ue,
117
+ var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
118
+ );
119
+ }
120
+
121
+ .item {
122
+ display: flex;
123
+ align-items: center;
124
+ justify-content: center;
125
+ flex-direction: column;
126
+ gap: 4px;
127
+ padding: var(
128
+ --_ctm-mob-dn-im-se-dt-se-vl-pg,
129
+ var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
130
+ )
131
+ var(
132
+ --_ctm-mob-dn-im-se-dt-se-hl-pg,
133
+ var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
134
+ );
135
+ cursor: pointer;
136
+ background-color: var(
137
+ --_ctm-mob-dn-im-se-dt-se-bd-cr,
138
+ var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
139
+ );
140
+
141
+ border-color: var(
142
+ --_show-border-im-se,
143
+ var(
144
+ --_ctm-mob-dn-im-se-dt-se-br-cr,
145
+ var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
146
+ )
147
+ );
148
+ border-style: var(
149
+ --_show-border-im-se,
150
+ var(
151
+ --_ctm-mob-dn-im-se-dt-se-br-se,
152
+ var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
153
+ )
154
+ );
155
+ border-width: var(
156
+ --_show-border-im-se,
157
+ var(
158
+ --_ctm-mob-dn-im-se-dt-se-br-wh,
159
+ var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
160
+ )
161
+ );
162
+ border-radius: var(
163
+ --_ctm-mob-dn-im-se-dt-se-br-rs,
164
+ var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
165
+ );
166
+
167
+ box-shadow: var(
168
+ --_show-shadow-im-se,
169
+ var(
170
+ --_ctm-mob-dn-im-se-dt-se-sw-ae,
171
+ var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
172
+ )
173
+ var(
174
+ --_ctm-mob-dn-im-se-dt-se-sw-br,
175
+ var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
176
+ )
177
+ var(
178
+ --_ctm-mob-dn-im-se-dt-se-sw-sd,
179
+ var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
180
+ )
181
+ var(
182
+ --_ctm-mob-dn-im-se-dt-se-sw-cr,
183
+ var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
184
+ )
185
+ );
186
+ }
187
+ .active {
188
+ display: flex;
189
+
190
+ align-items: var(
191
+ --_ctm-mob-dn-im-se-sd-se-ct-at,
192
+ var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
193
+ );
194
+
195
+ justify-content: center;
196
+ flex-direction: column;
197
+ gap: 4px;
198
+
199
+ padding: var(
200
+ --_ctm-mob-dn-im-se-sd-se-vl-pg,
201
+ var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
202
+ )
203
+ var(
204
+ --_ctm-mob-dn-im-se-sd-se-hl-pg,
205
+ var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
206
+ );
207
+
208
+ cursor: pointer;
209
+
210
+ background-color: var(
211
+ --_ctm-mob-dn-im-se-sd-se-bd-cr,
212
+ var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
213
+ );
214
+
215
+ border-color: var(
216
+ --_show-border-im-se,
217
+ var(
218
+ --_ctm-mob-dn-im-se-sd-se-br-cr,
219
+ var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
220
+ )
221
+ );
222
+
223
+ border-style: var(
224
+ --_show-border-im-se,
225
+ var(
226
+ --_ctm-mob-dn-im-se-sd-se-br-se,
227
+ var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
228
+ )
229
+ );
230
+
231
+ border-width: var(
232
+ --_show-border-im-se,
233
+ var(
234
+ --_ctm-mob-dn-im-se-sd-se-br-wh,
235
+ var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
236
+ )
237
+ );
238
+
239
+ border-radius: var(
240
+ --_ctm-mob-dn-im-se-sd-se-br-rs,
241
+ var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
242
+ );
243
+
244
+ box-shadow: var(
245
+ --_show-shadow-im-se,
246
+ var(
247
+ --_ctm-mob-dn-im-se-sd-se-sw-ae,
248
+ var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
249
+ )
250
+ var(
251
+ --_ctm-mob-dn-im-se-sd-se-sw-br,
252
+ var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
253
+ )
254
+ var(
255
+ --_ctm-mob-dn-im-se-sd-se-sw-sd,
256
+ var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
257
+ )
258
+ var(
259
+ --_ctm-mob-dn-im-se-sd-se-sw-cr,
260
+ var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
261
+ )
262
+ );
263
+
264
+ .each {
265
+ color: var(
266
+ --_ctm-mob-dn-um-se-cr,
267
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
268
+ );
269
+ font-family: var(
270
+ --_ctm-mob-dn-um-se-ft-fy,
271
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
272
+ );
273
+ font-size: var(
274
+ --_ctm-mob-dn-um-se-ft-se,
275
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
276
+ );
277
+ font-weight: var(
278
+ --_ctm-mob-dn-um-se-ft-wt,
279
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
280
+ );
281
+ font-style: var(
282
+ --_ctm-mob-dn-um-se-ft-se-ic,
283
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
284
+ );
285
+ text-align: var(
286
+ --_ctm-mob-dn-um-se-tt-an,
287
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
288
+ );
289
+ letter-spacing: var(
290
+ --_ctm-mob-dn-um-se-lr-sg,
291
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
292
+ );
293
+ line-height: var(
294
+ --_ctm-mob-dn-um-se-le-ht,
295
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
296
+ );
297
+ text-decoration: var(
298
+ --_ctm-mob-dn-um-se-ue,
299
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
300
+ );
301
+ }
302
+
303
+ .price {
304
+ color: var(
305
+ --_ctm-mob-dn-pt-pe-cr,
306
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
307
+ );
308
+ font-family: var(
309
+ --_ctm-mob-dn-pt-pe-ft-fy,
310
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
311
+ );
312
+ font-size: var(
313
+ --_ctm-mob-dn-pt-pe-ft-se,
314
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
315
+ );
316
+ font-weight: var(
317
+ --_ctm-mob-dn-pt-pe-ft-wt,
318
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
319
+ );
320
+ font-style: var(
321
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
322
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
323
+ );
324
+ text-align: var(
325
+ --_ctm-mob-dn-pt-pe-tt-an,
326
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
327
+ );
328
+ letter-spacing: var(
329
+ --_ctm-mob-dn-pt-pe-lr-sg,
330
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
331
+ );
332
+ line-height: var(
333
+ --_ctm-mob-dn-pt-pe-le-ht,
334
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
335
+ );
336
+ text-decoration: var(
337
+ --_ctm-mob-dn-pt-pe-ue,
338
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
339
+ );
340
+ }
341
+ .off__price {
342
+ font-size: 12px;
343
+ display: flex;
344
+ justify-content: space-around;
345
+ gap: 10px;
346
+ align-items: center;
347
+ .saving__amount {
348
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
349
+ font-family: var(
350
+ --_ctm-mob-dn-ss-ft-fy,
351
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
352
+ );
353
+ font-size: var(
354
+ --_ctm-mob-dn-ss-ft-se,
355
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
356
+ );
357
+ font-weight: var(
358
+ --_ctm-mob-dn-ss-ft-wt,
359
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
360
+ );
361
+ font-style: var(
362
+ --_ctm-mob-dn-ss-ft-se-ic,
363
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
364
+ );
365
+ text-align: var(
366
+ --_ctm-mob-dn-ss-tt-an,
367
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
368
+ );
369
+ letter-spacing: var(
370
+ --_ctm-mob-dn-ss-lr-sg,
371
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
372
+ );
373
+ line-height: var(
374
+ --_ctm-mob-dn-ss-le-ht,
375
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
376
+ );
377
+ text-decoration: var(
378
+ --_ctm-mob-dn-ss-ue,
379
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
380
+ );
381
+ }
382
+
383
+ .actual__price {
384
+ color: var(
385
+ --_ctm-mob-dn-al-pe-cr,
386
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
387
+ );
388
+ font-family: var(
389
+ --_ctm-mob-dn-al-pe-ft-fy,
390
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
391
+ );
392
+ font-size: var(
393
+ --_ctm-mob-dn-al-pe-ft-se,
394
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
395
+ );
396
+ font-weight: var(
397
+ --_ctm-mob-dn-al-pe-ft-wt,
398
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
399
+ );
400
+ font-style: var(
401
+ --_ctm-mob-dn-al-pe-ft-se-ic,
402
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
403
+ );
404
+ text-align: var(
405
+ --_ctm-mob-dn-al-pe-tt-an,
406
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
407
+ );
408
+ letter-spacing: var(
409
+ --_ctm-mob-dn-al-pe-lr-sg,
410
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
411
+ );
412
+ line-height: var(
413
+ --_ctm-mob-dn-al-pe-le-ht,
414
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
415
+ );
416
+ text-decoration: var(
417
+ --_ctm-mob-dn-al-pe-ue,
418
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
419
+ );
420
+ }
421
+ }
422
+ .units {
423
+ color: var(
424
+ --_ctm-mob-dn-pe-pr-ut-cr,
425
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
426
+ );
427
+ font-family: var(
428
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
429
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
430
+ );
431
+ font-size: var(
432
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
433
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
434
+ );
435
+ font-weight: var(
436
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
437
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
438
+ );
439
+ font-style: var(
440
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
441
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
442
+ );
443
+ text-align: var(
444
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
445
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
446
+ );
447
+ letter-spacing: var(
448
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
449
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
450
+ );
451
+ line-height: var(
452
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
453
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
454
+ );
455
+ text-decoration: var(
456
+ --_ctm-mob-dn-pe-pr-ut-ue,
457
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
458
+ );
459
+ }
460
+ }
461
+
462
+ .each {
463
+ color: var(
464
+ --_ctm-mob-dn-um-se-cr,
465
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
466
+ );
467
+ font-family: var(
468
+ --_ctm-mob-dn-um-se-ft-fy,
469
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
470
+ );
471
+ font-size: var(
472
+ --_ctm-mob-dn-um-se-ft-se,
473
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
474
+ );
475
+ font-weight: var(
476
+ --_ctm-mob-dn-um-se-ft-wt,
477
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
478
+ );
479
+ font-style: var(
480
+ --_ctm-mob-dn-um-se-ft-se-ic,
481
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
482
+ );
483
+ text-align: var(
484
+ --_ctm-mob-dn-um-se-tt-an,
485
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
486
+ );
487
+ letter-spacing: var(
488
+ --_ctm-mob-dn-um-se-lr-sg,
489
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
490
+ );
491
+ line-height: var(
492
+ --_ctm-mob-dn-um-se-le-ht,
493
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
494
+ );
495
+ text-decoration: var(
496
+ --_ctm-mob-dn-um-se-ue,
497
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
498
+ );
499
+ }
500
+
501
+ .price {
502
+ color: var(
503
+ --_ctm-mob-dn-pt-pe-cr,
504
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
505
+ );
506
+ font-family: var(
507
+ --_ctm-mob-dn-pt-pe-ft-fy,
508
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
509
+ );
510
+ font-size: var(
511
+ --_ctm-mob-dn-pt-pe-ft-se,
512
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
513
+ );
514
+ font-weight: var(
515
+ --_ctm-mob-dn-pt-pe-ft-wt,
516
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
517
+ );
518
+ font-style: var(
519
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
520
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
521
+ );
522
+ text-align: var(
523
+ --_ctm-mob-dn-pt-pe-tt-an,
524
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
525
+ );
526
+ letter-spacing: var(
527
+ --_ctm-mob-dn-pt-pe-lr-sg,
528
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
529
+ );
530
+ line-height: var(
531
+ --_ctm-mob-dn-pt-pe-le-ht,
532
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
533
+ );
534
+ text-decoration: var(
535
+ --_ctm-mob-dn-pt-pe-ue,
536
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
537
+ );
538
+ }
539
+ .actual__price {
540
+ color: var(
541
+ --_ctm-mob-dn-al-pe-cr,
542
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
543
+ );
544
+ font-family: var(
545
+ --_ctm-mob-dn-al-pe-ft-fy,
546
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
547
+ );
548
+ font-size: var(
549
+ --_ctm-mob-dn-al-pe-ft-se,
550
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
551
+ );
552
+ font-weight: var(
553
+ --_ctm-mob-dn-al-pe-ft-wt,
554
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
555
+ );
556
+ font-style: var(
557
+ --_ctm-mob-dn-al-pe-ft-se-ic,
558
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
559
+ );
560
+ text-align: var(
561
+ --_ctm-mob-dn-al-pe-tt-an,
562
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
563
+ );
564
+ letter-spacing: var(
565
+ --_ctm-mob-dn-al-pe-lr-sg,
566
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
567
+ );
568
+ line-height: var(
569
+ --_ctm-mob-dn-al-pe-le-ht,
570
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
571
+ );
572
+ text-decoration: var(
573
+ --_ctm-mob-dn-al-pe-ue,
574
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
575
+ );
576
+ }
577
+ .saving__amount {
578
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
579
+ font-family: var(
580
+ --_ctm-mob-dn-ss-ft-fy,
581
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
582
+ );
583
+ font-size: var(
584
+ --_ctm-mob-dn-ss-ft-se,
585
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
586
+ );
587
+ font-weight: var(
588
+ --_ctm-mob-dn-ss-ft-wt,
589
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
590
+ );
591
+ font-style: var(
592
+ --_ctm-mob-dn-ss-ft-se-ic,
593
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
594
+ );
595
+ text-align: var(
596
+ --_ctm-mob-dn-ss-tt-an,
597
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
598
+ );
599
+ letter-spacing: var(
600
+ --_ctm-mob-dn-ss-lr-sg,
601
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
602
+ );
603
+ line-height: var(
604
+ --_ctm-mob-dn-ss-le-ht,
605
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
606
+ );
607
+ text-decoration: var(
608
+ --_ctm-mob-dn-ss-ue,
609
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
610
+ );
611
+ }
612
+ .off__price {
613
+ font-size: 12px;
614
+ display: flex;
615
+ justify-content: space-around;
616
+ gap: 10px;
617
+ align-items: center;
618
+ }
619
+
620
+ .units {
621
+ color: var(
622
+ --_ctm-mob-dn-pe-pr-ut-cr,
623
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
624
+ );
625
+ font-family: var(
626
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
627
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
628
+ );
629
+ font-size: var(
630
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
631
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
632
+ );
633
+ font-weight: var(
634
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
635
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
636
+ );
637
+ font-style: var(
638
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
639
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
640
+ );
641
+ text-align: var(
642
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
643
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
644
+ );
645
+ letter-spacing: var(
646
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
647
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
648
+ );
649
+ line-height: var(
650
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
651
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
652
+ );
653
+ text-decoration: var(
654
+ --_ctm-mob-dn-pe-pr-ut-ue,
655
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
656
+ );
657
+ }
658
+ }
659
+ }
660
+
661
+ .table__common_parent {
662
+ // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
663
+ width: 100%;
664
+
665
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
666
+ // --_aspect-ratio: calc(
667
+ // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
668
+ // );
669
+
670
+ .pagination:hover {
671
+ --_sf-bd-cr: var(--_ctm-dn-pn-hr-se-bd-cr, var(--_tst-dn-pn-hr-se-bd-cr));
672
+ }
673
+
674
+ .pagination .active:hover {
675
+ cursor: pointer;
676
+ --_sf-hr-fc: var(--_ctm-dn-pn-hr-se-cr, var(--_tst-dn-pn-hr-se-cr));
677
+ --_sf-hr-ff: var(--_ctm-dn-pn-hr-se-ft-fy, var(--_tst-dn-pn-hr-se-ft-fy));
678
+ --_sf-hr-fs: var(--_ctm-dn-pn-hr-se-ft-se, var(--_tst-dn-pn-hr-se-ft-se));
679
+ --_sf-hr-td: var(--_ctm-dn-pn-hr-se-tt-ue, var(--_tst-dn-hr-tt-ue));
680
+ --_sf-hr-fw: var(--_ctm-dn-pn-hr-se-ft-wt, var(--_tst-dn-pn-hr-se-ft-wt));
681
+ --_sf-hr-ft: var(--_ctm-dn-pn-hr-se-ft-se-ic, var(--_tst-dn-pn-hr-se-ft-se-ic));
682
+ --_sf-hr-ta: var(--_ctm-dn-pn-hr-se-tt-an, var(--_tst-dn-pn-hr-se-tt-an));
683
+ --_sf-hr-ls: var(--_ctm-dn-pn-hr-se-lr-sg, var(--_tst-dn-pn-hr-se-lr-sg));
684
+ --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
685
+ }
686
+ &[data-widget-shadow="false"] {
687
+ .table__wrapper {
688
+ --_show-shadow: none;
689
+ }
690
+ }
691
+ &[data-widget-border="true"] {
692
+ .table__wrapper {
693
+ border-color: var(
694
+ --_ctm-mob-dn-te-wt-br-cr,
695
+ var(--_ctm-tab-dn-te-wt-br-cr, var(--_ctm-dn-te-wt-br-cr))
696
+ );
697
+ border-style: var(
698
+ --_ctm-mob-dn-te-wt-br-se,
699
+ var(--_ctm-tab-dn-te-wt-br-se, var(--_ctm-dn-te-wt-br-se))
700
+ );
701
+ border-width: var(
702
+ --_ctm-mob-dn-te-wt-br-wh,
703
+ var(--_ctm-tab-dn-te-wt-br-wh, var(--_ctm-dn-te-wt-br-wh))
704
+ );
705
+ }
706
+ }
707
+ &[data-table-shadow="false"] {
708
+ .table__container {
709
+ --_show-table-shadow: none;
710
+ }
711
+ }
712
+ &[data-table-border="true"] {
713
+ .table__container {
714
+ border-color: var(
715
+ --_ctm-mob-dn-te-br-cr,
716
+ var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))
717
+ );
718
+ border-style: var(
719
+ --_ctm-mob-dn-te-br-se,
720
+ var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))
721
+ );
722
+ border-width: var(
723
+ --_ctm-mob-dn-te-br-wh,
724
+ var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))
725
+ );
726
+ }
727
+ }
728
+
729
+ &[data-header-divider="true"] {
730
+ thead tr th {
731
+ border-bottom: 1px solid
732
+ var(
733
+ --_ctm-mob-dn-rw-ad-hr-ds-hr-dr,
734
+ var(--_ctm-tab-dn-rw-ad-hr-ds-hr-dr, var(--_ctm-dn-rw-ad-hr-ds-hr-dr))
735
+ );
736
+ }
737
+ }
738
+ &[data-row-divider="true"] {
739
+ tbody tr {
740
+ border-bottom: 1px solid
741
+ var(
742
+ --_ctm-mob-dn-rw-ad-hr-ds-rw-dr,
743
+ var(--_ctm-tab-dn-rw-ad-hr-ds-rw-dr, var(--_ctm-dn-rw-ad-hr-ds-rw-dr))
744
+ );
745
+ }
746
+ }
747
+ &[data-column-divider="true"] {
748
+ tbody tr td,
749
+ thead tr th {
750
+ border-right: 1px solid
751
+ var(
752
+ --_ctm-mob-dn-rw-ad-hr-ds-cn-dr,
753
+ var(--_ctm-tab-dn-rw-ad-hr-ds-cn-dr, var(--_ctm-dn-rw-ad-hr-ds-cn-dr))
754
+ );
755
+ }
756
+
757
+ tbody tr td:last-child,
758
+ thead tr th:last-child {
759
+ border-right: none;
760
+ }
761
+ }
762
+ &[data-show-more-rows="onScroll"] {
763
+ .table__container {
764
+ overflow-y: scroll;
765
+ height: var(
766
+ --_ctm-mob-lt-te-ht,
767
+ var(--_ctm-tab-lt-te-ht, var(--_ctm-lt-te-ht))
768
+ ) !important;
769
+
770
+ &::-webkit-scrollbar {
771
+ width: var(
772
+ --_ctm-mob-dn-sl-br-sl-br-wh,
773
+ var(--_ctm-tab-dn-sl-br-sl-br-wh, var(--_ctm-dn-sl-br-sl-br-wh))
774
+ );
775
+ }
776
+
777
+ &::-webkit-scrollbar-track {
778
+ background-color: var(--_base-white);
779
+ }
780
+
781
+ &::-webkit-scrollbar-thumb {
782
+ background-color: var(
783
+ --_ctm-mob-dn-sl-br-sl-br-cr,
784
+ var(--_ctm-tab-dn-sl-br-sl-br-cr, var(--_ctm-dn-sl-br-sl-br-cr))
785
+ );
786
+ }
787
+
788
+ // // Scrollbar thumb when hovered
789
+ // &::-webkit-scrollbar-thumb:hover {
790
+ // background-color: #555; // Darker color when hovering over the thumb
791
+ // }
792
+
793
+ // // For Firefox, using scrollbar-width and scrollbar-color
794
+ // scrollbar-width: thin; // Thin scrollbar
795
+ // scrollbar-color: #888 #f1f1f1; // Thumb and track colors
796
+ }
797
+ }
798
+
799
+ &[data-alternative-row-colors="true"] {
800
+ tbody .tbody__row__divider:nth-child(odd) {
801
+ background-color: #f76b6b;
802
+ }
803
+ }
804
+
805
+ .table__wrapper {
806
+ padding: var(
807
+ --_ctm-mob-lt-pg,
808
+ var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg, var(--_tst-lt-pg)))
809
+ );
810
+
811
+ background-color: var(
812
+ --_ctm-mob-dn-te-wt-bd-cr,
813
+ var(--_ctm-tab-dn-te-wt-bd-cr, var(--_ctm-dn-te-wt-bd-cr, var(--_tst-dn-te-wt-bd-cr)))
814
+ );
815
+
816
+ border-radius: var(
817
+ --_ctm-mob-dn-te-wt-br-rs,
818
+ var(--_ctm-tab-dn-te-wt-br-rs, var(--_ctm-dn-te-wt-br-rs, var(--_tst-dn-te-wt-br-rs)))
819
+ );
820
+
821
+ box-shadow: var(
822
+ --_show-shadow,
823
+ var(
824
+ --_ctm-mob-dn-te-wt-sw-ae,
825
+ var(--_ctm-tab-dn-te-wt-sw-ae, var(--_ctm-dn-te-wt-sw-ae))
826
+ )
827
+ var(
828
+ --_ctm-mob-dn-te-wt-sw-br,
829
+ var(--_ctm-tab-dn-te-wt-sw-br, var(--_ctm-dn-te-wt-sw-br))
830
+ )
831
+ var(
832
+ --_ctm-mob-dn-te-wt-sw-sd,
833
+ var(--_ctm-tab-dn-te-wt-sw-sd, var(--_ctm-dn-te-wt-sw-sd))
834
+ )
835
+ var(
836
+ --_ctm-mob-dn-te-wt-sw-cr,
837
+ var(--_ctm-tab-dn-te-wt-sw-cr, var(--_ctm-dn-te-wt-sw-cr))
838
+ )
839
+ );
840
+
841
+ width: 100%;
842
+
843
+ .table__container {
844
+ background-color: var(
845
+ --_ctm-mob-dn-te-bd-cr,
846
+ var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
847
+ );
848
+
849
+ border-radius: var(
850
+ --_ctm-mob-dn-te-br-rs,
851
+ var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs))
852
+ );
853
+
854
+ box-shadow: var(
855
+ --_show-table-shadow,
856
+ var(--_ctm-mob-dn-te-sw-ae, var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae)))
857
+ var(--_ctm-mob-dn-te-sw-br, var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br)))
858
+ var(--_ctm-mob-dn-te-sw-sd, var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd)))
859
+ var(--_ctm-mob-dn-te-sw-cr, var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr)))
860
+ );
861
+ }
862
+
863
+ h3 {
864
+ text-align: center;
865
+ width: 100%;
866
+ margin-bottom: 10px;
867
+ }
868
+ table {
869
+ border-collapse: collapse;
870
+ // border: none;
871
+ width: 100%;
872
+ // height: 100%;
873
+ text-align: var(--_ctm-mob-lt-ct-at, var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at)));
874
+
875
+ th,
876
+ td {
877
+ border: none;
878
+ }
879
+ thead {
880
+ background-color: var(
881
+ --_ctm-mob-dn-te-hr-bd-cr,
882
+ var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr))
883
+ );
884
+
885
+ .thead__row__divider {
886
+ height: var(--_ctm-mob-lt-hr-ht, var(--_ctm-tab-lt-hr-ht, var(--_ctm-lt-hr-ht)));
887
+
888
+ .th__col__divider {
889
+ padding: var(
890
+ --_ctm-mob-lt-hr-cl-pg,
891
+ var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-lt-hr-cl-pg))
892
+ );
893
+
894
+ color: var(
895
+ --_ctm-mob-dn-hr-tt-cr,
896
+ var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
897
+ );
898
+
899
+ font-family: var(
900
+ --_ctm-mob-dn-hr-tt-ft-fy,
901
+ var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
902
+ );
903
+
904
+ font-size: var(
905
+ --_ctm-mob-dn-hr-tt-ft-se,
906
+ var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se))
907
+ );
908
+
909
+ font-weight: var(
910
+ --_ctm-mob-dn-hr-tt-ft-wt,
911
+ var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt))
912
+ );
913
+
914
+ text-decoration: var(
915
+ --_ctm-mob-dn-hr-tt-ue,
916
+ var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue))
917
+ );
918
+
919
+ font-style: var(
920
+ --_ctm-mob-dn-hr-tt-ft-se-ic,
921
+ var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic))
922
+ );
923
+
924
+ text-align: var(
925
+ --_ctm-mob-dn-hr-tt-tt-an,
926
+ var(--_ctm-tab-dn-hr-tt-tt-an, var(--_ctm-dn-hr-tt-tt-an))
927
+ );
928
+
929
+ letter-spacing: var(
930
+ --_ctm-mob-dn-hr-tt-lr-sg,
931
+ var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg))
932
+ );
933
+
934
+ line-height: var(
935
+ --_ctm-mob-dn-hr-tt-le-ht,
936
+ var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht))
937
+ );
938
+ }
939
+ }
940
+ }
941
+ tbody {
942
+ .tbody__row__divider {
943
+ background-color: var(
944
+ --_ctm-mob-dn-te-rw-bd-cr,
945
+ var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr))
946
+ );
947
+
948
+ height: var(--_ctm-mob-lt-rw-ht, var(--_ctm-tab-lt-rw-ht, var(--_ctm-lt-rw-ht)));
949
+
950
+ .td__col__divider {
951
+ padding: var(
952
+ --_ctm-mob-lt-rw-cl-pg,
953
+ var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-lt-rw-cl-pg))
954
+ );
955
+
956
+ color: var(
957
+ --_sf-hr-fc,
958
+ var(
959
+ --_ctm-mob-dn-rw-tt-cr,
960
+ var(--_ctm-tab-dn-rw-tt-cr, var(--_ctm-dn-rw-tt-cr))
961
+ )
962
+ );
963
+
964
+ font-family: var(
965
+ --_sf-hr-ff,
966
+ var(
967
+ --_ctm-mob-dn-rw-tt-ft-fy,
968
+ var(--_ctm-tab-dn-rw-tt-ft-fy, var(--_ctm-dn-rw-tt-ft-fy))
969
+ )
970
+ );
971
+
972
+ font-size: var(
973
+ --_sf-hr-fs,
974
+ var(
975
+ --_ctm-mob-dn-rw-tt-ft-se,
976
+ var(--_ctm-tab-dn-rw-tt-ft-se, var(--_ctm-dn-rw-tt-ft-se))
977
+ )
978
+ );
979
+
980
+ text-decoration: var(
981
+ --_ctm-mob-dn-rw-tt-ue,
982
+ var(--_ctm-tab-dn-rw-tt-ue, var(--_ctm-dn-rw-tt-ue))
983
+ );
984
+
985
+ font-weight: var(
986
+ --_sf-hr-fw,
987
+ var(
988
+ --_ctm-mob-dn-rw-tt-ft-wt,
989
+ var(--_ctm-tab-dn-rw-tt-ft-wt, var(--_ctm-dn-rw-tt-ft-wt))
990
+ )
991
+ );
992
+
993
+ font-style: var(
994
+ --_sf-hr-ft,
995
+ var(
996
+ --_ctm-mob-dn-rw-tt-ft-se-ic,
997
+ var(--_ctm-tab-dn-rw-tt-ft-se-ic, var(--_ctm-dn-rw-tt-ft-se-ic))
998
+ )
999
+ );
1000
+
1001
+ text-align: var(
1002
+ --_sf-hr-ta,
1003
+ var(
1004
+ --_ctm-mob-dn-rw-tt-tt-an,
1005
+ var(--_ctm-tab-dn-rw-tt-tt-an, var(--_ctm-dn-rw-tt-tt-an))
1006
+ )
1007
+ );
1008
+
1009
+ letter-spacing: var(
1010
+ --_sf-hr-ls,
1011
+ var(
1012
+ --_ctm-mob-dn-rw-tt-lr-sg,
1013
+ var(--_ctm-tab-dn-rw-tt-lr-sg, var(--_ctm-dn-rw-tt-lr-sg))
1014
+ )
1015
+ );
1016
+
1017
+ line-height: var(
1018
+ --_sf-hr-lh,
1019
+ var(
1020
+ --_ctm-mob-dn-rw-tt-le-ht,
1021
+ var(--_ctm-tab-dn-rw-tt-le-ht, var(--_ctm-dn-rw-tt-le-ht))
1022
+ )
1023
+ );
1024
+ }
1025
+ }
1026
+ }
1027
+ }
1028
+
1029
+ .pagination {
1030
+ display: var(--_d-flex);
1031
+ align-items: var(--_align-center);
1032
+ justify-content: var(
1033
+ --_ctm-mob-lt-pn-at,
1034
+ var(--_ctm-tab-lt-pn-at, var(--_ctm-lt-pn-at))
1035
+ );
1036
+ margin-top: 10px;
1037
+ background-color: var(
1038
+ --_sf-bd-cr,
1039
+ var(
1040
+ --_ctm-mob-dn-pn-dt-se-bd-cr,
1041
+ var(--_ctm-tab-dn-pn-dt-se-bd-cr, var(--_ctm-dn-pn-dt-se-bd-cr))
1042
+ )
1043
+ );
1044
+ &.pagination__center {
1045
+ justify-content: var(justify-center);
1046
+ }
1047
+
1048
+ button {
1049
+ svg {
1050
+ width: var(--_width-18);
1051
+ height: var(--_height-18);
1052
+ path {
1053
+ stroke: var(--_gray-500);
1054
+ // stroke: var(--_ctm-dn-pn-in-c1, var(--_tst-dn-pn-in-c1));
1055
+ }
1056
+ }
1057
+ }
1058
+ span {
1059
+ float: left;
1060
+ padding: var(--_pd-8) var(--_pd-16);
1061
+ text-decoration: none;
1062
+ span {
1063
+ // color: var(--_sf-hr-fc, var(--_ctm-dn-pn-bn-cr, var(--_tst-dn-pn-bn-cr)));
1064
+ // font-size: var(--_sf-hr-fs, var(--_ctm-dn-pn-ft-se, var(--_tst-dn-pn-ft-se)));
1065
+ // font-family: var(--_sf-hr-ff, var(--_ctm-dn-pn-ft-fy, var(--_tst-dn-pn-ft-fy))),
1066
+
1067
+ // font-weight: var(--_sf-hr-fw, var(--_ctm-dn-pn-ft-wt, var(--_tst-dn-pn-ft-wt)));
1068
+ // font-style: var(--_sf-hr-ft, var(--_ctm-dn-pn-ft-se-ic, var(--_tst-dn-pn-ft-se-ic)));
1069
+ // text-align: var(--_sf-hr-ta, var(--_ctm-dn-pn-tt-an, var(--_tst-dn-pn-tt-an)));
1070
+ // letter-spacing: var(--_sf-hr-ls, var(--_ctm-dn-pn-lr-sg, var(--_tst-dn-pn-lr-sg)));
1071
+ // line-height: var(--_sf-hr-lh, var(--_ctm-dn-pn-le-ht, var(--_tst-dn-pn-le-ht)));
1072
+ }
1073
+ &.active:hover {
1074
+ &hover {
1075
+ --_sf-hr-fc: var(--_ctm-dn-pn-hr-se-cr, var(--_tst-dn-pn-hr-se-cr));
1076
+ --_sf-hr-ff: var(--_ctm-dn-pn-hr-se-ft-fy, var(--_tst-dn-pn-hr-se-ft-fy));
1077
+ --_sf-hr-fs: var(--_ctm-dn-pn-hr-se-ft-se, var(--_tst-dn-pn-hr-se-ft-se));
1078
+ --_sf-hr-fw: var(--_ctm-dn-pn-hr-se-ft-wt, var(--_tst-dn-pn-hr-se-ft-wt));
1079
+ --_sf-hr-ft: var(--_ctm-dn-pn-hr-se-ft-se-ic, var(--_tst-dn-pn-hr-se-ft-se-ic));
1080
+ --_sf-hr-ta: var(--_ctm-dn-pn-hr-se-tt-an, var(--_tst-dn-pn-hr-se-tt-an));
1081
+ --_sf-hr-ls: var(--_ctm-dn-pn-hr-se-lr-sg, var(--_tst-dn-pn-hr-se-lr-sg));
1082
+ --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
1083
+ }
1084
+ }
1085
+ &.active {
1086
+ color: var(
1087
+ --_sf-hr-fc,
1088
+ var(
1089
+ --_ctm-mob-dn-pn-dt-se-cr,
1090
+ var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1091
+ )
1092
+ );
1093
+
1094
+ font-family: var(
1095
+ --_sf-hr-ff,
1096
+ var(
1097
+ --_ctm-mob-dn-pn-dt-se-ft-fy,
1098
+ var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1099
+ )
1100
+ );
1101
+
1102
+ font-size: var(
1103
+ --_sf-hr-fs,
1104
+ var(
1105
+ --_ctm-mob-dn-pn-dt-se-ft-se,
1106
+ var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
1107
+ )
1108
+ );
1109
+
1110
+ text-decoration: var(
1111
+ --_sf-hr-td,
1112
+ var(
1113
+ --_ctm-mob-dn-pn-dt-se-ue,
1114
+ var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
1115
+ )
1116
+ );
1117
+
1118
+ font-weight: var(
1119
+ --_sf-hr-fw,
1120
+ var(
1121
+ --_ctm-mob-dn-pn-dt-se-ft-wt,
1122
+ var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
1123
+ )
1124
+ );
1125
+
1126
+ font-style: var(
1127
+ --_sf-hr-ft,
1128
+ var(
1129
+ --_ctm-mob-dn-pn-dt-se-ft-se-ic,
1130
+ var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
1131
+ )
1132
+ );
1133
+
1134
+ text-align: var(
1135
+ --_sf-hr-ta,
1136
+ var(
1137
+ --_ctm-mob-dn-pn-dt-se-tt-an,
1138
+ var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
1139
+ )
1140
+ );
1141
+
1142
+ letter-spacing: var(
1143
+ --_sf-hr-ls,
1144
+ var(
1145
+ --_ctm-mob-dn-pn-dt-se-lr-sg,
1146
+ var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
1147
+ )
1148
+ );
1149
+
1150
+ line-height: var(
1151
+ --_sf-hr-lh,
1152
+ var(
1153
+ --_ctm-mob-dn-pn-dt-se-le-ht,
1154
+ var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
1155
+ )
1156
+ );
1157
+ }
1158
+ }
1159
+ .pagination__arrows {
1160
+ color: var(
1161
+ --_sf-hr-fc,
1162
+ var(--_ctm-mob-dn-pn-in-c1, var(--_ctm-tab-dn-pn-in-c1, var(--_ctm-dn-pn-in-c1)))
1163
+ );
1164
+
1165
+ font-size: var(
1166
+ --_sf-hr-fs,
1167
+ var(--_ctm-mob-dn-pn-in-se, var(--_ctm-tab-dn-pn-in-se, var(--_ctm-dn-pn-in-se)))
1168
+ );
1169
+ }
1170
+ }
1171
+ }
1172
+ }
1173
+ }
1174
+ }
1175
+ }