@sc-360-v2/storefront-cms-library 0.4.57 → 0.4.59

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 (149) 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/allocationDetails.scss +3 -0
  5. package/dist/allocations.scss +1603 -1603
  6. package/dist/amount-estimator.scss +1083 -1083
  7. package/dist/animation-control.scss +23 -23
  8. package/dist/badge.scss +388 -388
  9. package/dist/brand-basic-elements.scss +292 -292
  10. package/dist/brand.scss +93 -93
  11. package/dist/breadcrumbs.scss +802 -802
  12. package/dist/bulk-order-pad.scss +677 -677
  13. package/dist/bulk-variant-picker copy.scss +1121 -1121
  14. package/dist/bulk-variant-picker.scss +3294 -3294
  15. package/dist/bundle copy.scss +2805 -2805
  16. package/dist/bundle.scss +2383 -2383
  17. package/dist/bundleDetails copy.scss +1431 -1431
  18. package/dist/button copy.scss +271 -271
  19. package/dist/button.scss +292 -292
  20. package/dist/buy-for-tab-container.scss +90 -90
  21. package/dist/buy-for-tabs-container-item.scss +80 -80
  22. package/dist/buyForHeaders.scss +6718 -6718
  23. package/dist/cart-products-sidebar.scss +211 -211
  24. package/dist/cart-summary.scss +2728 -2728
  25. package/dist/cart-wrapper.scss +127 -127
  26. package/dist/cartGrouping.scss +89 -89
  27. package/dist/category-groups-element.scss +138 -138
  28. package/dist/category.scss +73 -73
  29. package/dist/categoryDetails.scss +61 -61
  30. package/dist/categoryWidget.scss +34 -34
  31. package/dist/checkbox-radio.scss +124 -124
  32. package/dist/code-temp.scss +58 -58
  33. package/dist/colorpicker_v2.scss +52 -52
  34. package/dist/common-element.scss +35 -35
  35. package/dist/confirm-modal.scss +351 -351
  36. package/dist/confirmationModal.scss +139 -139
  37. package/dist/container.scss +114 -114
  38. package/dist/countdown.scss +751 -751
  39. package/dist/coupon.scss +1254 -1254
  40. package/dist/custom-fonts.scss +100 -100
  41. package/dist/customization-tree.scss +160 -160
  42. package/dist/default-dropdown.scss +240 -240
  43. package/dist/editCartItem.scss +111 -111
  44. package/dist/embed-temp.scss +72 -72
  45. package/dist/embroider-preview-element.scss +94 -94
  46. package/dist/embroider-template-1-v2.scss +937 -937
  47. package/dist/embroider-template-1.scss +482 -482
  48. package/dist/embroidery.scss +213 -213
  49. package/dist/employee-bulk-order.scss +4057 -4057
  50. package/dist/emtpy-templates.scss +165 -165
  51. package/dist/faq.scss +564 -564
  52. package/dist/fb-dropdown.scss +125 -125
  53. package/dist/filter-results.scss +323 -323
  54. package/dist/flex-text-editor.scss +271 -271
  55. package/dist/form-preview.scss +290 -290
  56. package/dist/form-zindex-module.scss +24 -24
  57. package/dist/gallery-slider-temp.scss +1234 -1234
  58. package/dist/global-styles.scss +86 -86
  59. package/dist/grid.scss +119 -119
  60. package/dist/hotspot.scss +397 -397
  61. package/dist/icon-library.scss +74 -74
  62. package/dist/image-for-product.scss +21 -21
  63. package/dist/image-temp.scss +168 -168
  64. package/dist/item-stock.scss +87 -87
  65. package/dist/layouter-item.scss +89 -89
  66. package/dist/layouter-pro-item.scss +80 -80
  67. package/dist/layouter-pro.scss +88 -88
  68. package/dist/light-box-v2.scss +105 -105
  69. package/dist/lightbox.scss +78 -78
  70. package/dist/line.scss +166 -166
  71. package/dist/loader.scss +37 -37
  72. package/dist/map.scss +962 -962
  73. package/dist/marchandiserSets.scss +60 -60
  74. package/dist/mega-menu-container.scss +99 -99
  75. package/dist/mega-menu.scss +838 -838
  76. package/dist/menu-item.scss +19 -19
  77. package/dist/menu.scss +162 -162
  78. package/dist/modal.scss +2267 -2267
  79. package/dist/multi-select-dropdown.scss +282 -282
  80. package/dist/my-wishlist.scss +17 -17
  81. package/dist/option-bar.scss +845 -845
  82. package/dist/order-processing.scss +61 -61
  83. package/dist/overflow-module.scss +63 -63
  84. package/dist/past-orders.scss +975 -975
  85. package/dist/payment-methods.scss +289 -289
  86. package/dist/pickup-locations.scss +1167 -1167
  87. package/dist/position-module.scss +95 -95
  88. package/dist/prefix-list.scss +86 -86
  89. package/dist/product-actions copy.scss +2765 -2765
  90. package/dist/product-actions.scss +2286 -2286
  91. package/dist/product-basic-elements.scss +770 -770
  92. package/dist/product-customizations.scss +149 -149
  93. package/dist/product-highlights copy.scss +217 -217
  94. package/dist/product-highlights.scss +311 -311
  95. package/dist/product-image copy.scss +787 -787
  96. package/dist/product-image-allocation.scss +3 -0
  97. package/dist/product-inventory.scss +1378 -1378
  98. package/dist/product-options.scss +1144 -1144
  99. package/dist/product-price.scss +2598 -2598
  100. package/dist/product-promotions.scss +2759 -2759
  101. package/dist/product.scss +97 -97
  102. package/dist/productDetails.scss +70 -70
  103. package/dist/quick-links.scss +552 -552
  104. package/dist/quick-order-pad.scss +237 -237
  105. package/dist/quota-details.scss +263 -263
  106. package/dist/quotes.scss +737 -737
  107. package/dist/repeater copy.scss +635 -635
  108. package/dist/repeater-grid-toggle.scss +58 -58
  109. package/dist/repeater-item.scss +90 -90
  110. package/dist/request-for-quotes.scss +746 -746
  111. package/dist/responsive-behaviour.scss +29 -29
  112. package/dist/rfqs.scss +736 -736
  113. package/dist/scroll.scss +222 -222
  114. package/dist/search-results-heading.scss +279 -279
  115. package/dist/shareCartSideBar.scss +254 -254
  116. package/dist/shipping-estimator.scss +41 -41
  117. package/dist/shipping-payments.scss +2467 -2467
  118. package/dist/simple-list.scss +259 -259
  119. package/dist/skeleton.scss +74 -74
  120. package/dist/social.scss +276 -276
  121. package/dist/sort.scss +89 -89
  122. package/dist/spotlight.scss +1663 -1663
  123. package/dist/stack.scss +129 -129
  124. package/dist/static-text.scss +52 -52
  125. package/dist/stockStatus.scss +64 -64
  126. package/dist/store-locations.scss +1398 -1398
  127. package/dist/sub-category.scss +74 -74
  128. package/dist/submit-quote.scss +275 -275
  129. package/dist/tab-container-item.scss +80 -80
  130. package/dist/tab-container.scss +89 -89
  131. package/dist/tab-v2.scss +583 -583
  132. package/dist/table-common.scss +506 -506
  133. package/dist/table.scss +685 -685
  134. package/dist/tabs.scss +395 -395
  135. package/dist/text-temp-v2.scss +139 -139
  136. package/dist/text-temp.scss +109 -109
  137. package/dist/toaster.scss +350 -350
  138. package/dist/toggle-button.scss +32 -32
  139. package/dist/transform-properties-module.scss +20 -20
  140. package/dist/uom-selector.scss +1169 -1169
  141. package/dist/user-elements copy.scss +1437 -1437
  142. package/dist/variant-picker.scss +2384 -2384
  143. package/dist/video.scss +476 -476
  144. package/dist/volume-pricing copy 2.scss +1468 -1468
  145. package/dist/volume-pricing copy.scss +1077 -1077
  146. package/dist/volume-pricing.scss +1175 -1175
  147. package/dist/widget.scss +148 -148
  148. package/dist/wishlist-overlay.scss +48 -48
  149. package/package.json +1 -1
@@ -1,1468 +1,1468 @@
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
- .horizontal {
659
- display: flex;
660
- flex-direction: row;
661
- flex-wrap: wrap;
662
-
663
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
664
- }
665
-
666
- .vertical {
667
- display: flex;
668
- flex-direction: column;
669
- gap: var(--_ctm-lt-im-sg);
670
- .item {
671
- flex-direction: row;
672
- justify-content: space-between;
673
- align-items: center;
674
- .right__side__content {
675
- display: flex;
676
- gap: 20px;
677
- div {
678
- display: flex;
679
- gap: 1px;
680
-
681
- flex-direction: column;
682
- justify-content: right;
683
- align-items: center;
684
- }
685
- }
686
- }
687
- }
688
- .grid {
689
- display: grid;
690
- grid-template-columns: repeat(var(--_ctm-lt-is-pr-rw), minmax(auto, 1fr));
691
- gap: var(--_ctm-lt-im-sg);
692
- padding: var(--_ctm-lt-im-pg);
693
- &[data-overflow-items="Scroll"] {
694
- height: 200px;
695
- overflow-y: auto;
696
- }
697
- .item {
698
- display: flex;
699
- align-items: center;
700
- justify-content: center;
701
- flex-direction: column;
702
- gap: 4px;
703
- padding: var(--_ctm-dn-im-se-dt-se-vl-pg) var(--_ctm-dn-im-se-dt-se-hl-pg);
704
- cursor: pointer;
705
- background-color: var(--_ctm-dn-im-se-dt-se-bd-cr);
706
- border-color: var(
707
- --_show-border-im-se,
708
- var(--_ctm-dn-im-se-dt-se-br-cr, var(--_tst-dn-br-cr))
709
- );
710
- border-style: var(
711
- --_show-border-im-se,
712
- var(--_ctm-dn-im-se-dt-se-br-se, var(--_tst-dn-br-se))
713
- );
714
- border-width: var(
715
- --_show-border-im-se,
716
- var(--_ctm-dn-im-se-dt-se-br-wh, var(--_tst-dn-br-wh))
717
- );
718
- border-radius: var(--_ctm-dn-im-se-dt-se-br-rs, var(--_tst-dn-br-rs));
719
- box-shadow: var(
720
- --_show-shadow-im-se,
721
- var(--_ctm-dn-im-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
722
- var(--_ctm-dn-im-se-dt-se-sw-br, var(--_tst-dn-sw-br))
723
- var(--_ctm-dn-im-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
724
- var(--_ctm-dn-im-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
725
- );
726
- cursor: pointer;
727
- .each {
728
- color: var(
729
- --_ctm-mob-dn-um-se-cr,
730
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
731
- );
732
- font-family: var(
733
- --_ctm-mob-dn-um-se-ft-fy,
734
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
735
- );
736
- font-size: var(
737
- --_ctm-mob-dn-um-se-ft-se,
738
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
739
- );
740
- font-weight: var(
741
- --_ctm-mob-dn-um-se-ft-wt,
742
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
743
- );
744
- font-style: var(
745
- --_ctm-mob-dn-um-se-ft-se-ic,
746
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
747
- );
748
- text-align: var(
749
- --_ctm-mob-dn-um-se-tt-an,
750
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
751
- );
752
- letter-spacing: var(
753
- --_ctm-mob-dn-um-se-lr-sg,
754
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
755
- );
756
- line-height: var(
757
- --_ctm-mob-dn-um-se-le-ht,
758
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
759
- );
760
- text-decoration: var(
761
- --_ctm-mob-dn-um-se-ue,
762
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
763
- );
764
- }
765
- .price {
766
- color: var(
767
- --_ctm-mob-dn-pt-pe-cr,
768
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
769
- );
770
- font-family: var(
771
- --_ctm-mob-dn-pt-pe-ft-fy,
772
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
773
- );
774
- font-size: var(
775
- --_ctm-mob-dn-pt-pe-ft-se,
776
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
777
- );
778
- font-weight: var(
779
- --_ctm-mob-dn-pt-pe-ft-wt,
780
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
781
- );
782
- font-style: var(
783
- --_ctm-mob-dn-pt-pe-ft-se-ic,
784
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
785
- );
786
- text-align: var(
787
- --_ctm-mob-dn-pt-pe-tt-an,
788
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
789
- );
790
- letter-spacing: var(
791
- --_ctm-mob-dn-pt-pe-lr-sg,
792
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
793
- );
794
- line-height: var(
795
- --_ctm-mob-dn-pt-pe-le-ht,
796
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
797
- );
798
- text-decoration: var(
799
- --_ctm-mob-dn-pt-pe-ue,
800
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
801
- );
802
- }
803
- .off__price {
804
- font-size: 12px;
805
- display: flex;
806
- justify-content: space-around;
807
- gap: 10px;
808
- align-items: center;
809
- .saving__amount {
810
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
811
- font-family: var(
812
- --_ctm-mob-dn-ss-ft-fy,
813
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
814
- );
815
- font-size: var(
816
- --_ctm-mob-dn-ss-ft-se,
817
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
818
- );
819
- font-weight: var(
820
- --_ctm-mob-dn-ss-ft-wt,
821
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
822
- );
823
- font-style: var(
824
- --_ctm-mob-dn-ss-ft-se-ic,
825
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
826
- );
827
- text-align: var(
828
- --_ctm-mob-dn-ss-tt-an,
829
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
830
- );
831
- letter-spacing: var(
832
- --_ctm-mob-dn-ss-lr-sg,
833
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
834
- );
835
- line-height: var(
836
- --_ctm-mob-dn-ss-le-ht,
837
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
838
- );
839
- text-decoration: var(
840
- --_ctm-mob-dn-ss-ue,
841
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
842
- );
843
- }
844
- .actual__price {
845
- color: var(
846
- --_ctm-mob-dn-al-pe-cr,
847
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
848
- );
849
- font-family: var(
850
- --_ctm-mob-dn-al-pe-ft-fy,
851
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
852
- );
853
- font-size: var(
854
- --_ctm-mob-dn-al-pe-ft-se,
855
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
856
- );
857
- font-weight: var(
858
- --_ctm-mob-dn-al-pe-ft-wt,
859
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
860
- );
861
- font-style: var(
862
- --_ctm-mob-dn-al-pe-ft-se-ic,
863
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
864
- );
865
- text-align: var(
866
- --_ctm-mob-dn-al-pe-tt-an,
867
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
868
- );
869
- letter-spacing: var(
870
- --_ctm-mob-dn-al-pe-lr-sg,
871
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
872
- );
873
- line-height: var(
874
- --_ctm-mob-dn-al-pe-le-ht,
875
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
876
- );
877
- text-decoration: var(
878
- --_ctm-mob-dn-al-pe-ue,
879
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
880
- );
881
- }
882
- }
883
- .units {
884
- color: var(
885
- --_ctm-mob-dn-pe-pr-ut-cr,
886
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
887
- );
888
- font-family: var(
889
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
890
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
891
- );
892
- font-size: var(
893
- --_ctm-mob-dn-pe-pr-ut-ft-se,
894
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
895
- );
896
- font-weight: var(
897
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
898
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
899
- );
900
- font-style: var(
901
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
902
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
903
- );
904
- text-align: var(
905
- --_ctm-mob-dn-pe-pr-ut-tt-an,
906
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
907
- );
908
- letter-spacing: var(
909
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
910
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
911
- );
912
- line-height: var(
913
- --_ctm-mob-dn-pe-pr-ut-le-ht,
914
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
915
- );
916
- text-decoration: var(
917
- --_ctm-mob-dn-pe-pr-ut-ue,
918
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
919
- );
920
- }
921
- }
922
- .active {
923
- display: flex;
924
-
925
- align-items: var(
926
- --_ctm-mob-dn-im-se-sd-se-ct-at,
927
- var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
928
- );
929
-
930
- justify-content: center;
931
- flex-direction: column;
932
- gap: 4px;
933
-
934
- padding: var(
935
- --_ctm-mob-dn-im-se-sd-se-vl-pg,
936
- var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
937
- )
938
- var(
939
- --_ctm-mob-dn-im-se-sd-se-hl-pg,
940
- var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
941
- );
942
-
943
- cursor: pointer;
944
-
945
- background-color: var(
946
- --_ctm-mob-dn-im-se-sd-se-bd-cr,
947
- var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
948
- );
949
-
950
- border-color: var(
951
- --_show-border-im-se,
952
- var(
953
- --_ctm-mob-dn-im-se-sd-se-br-cr,
954
- var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
955
- )
956
- );
957
-
958
- border-style: var(
959
- --_show-border-im-se,
960
- var(
961
- --_ctm-mob-dn-im-se-sd-se-br-se,
962
- var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
963
- )
964
- );
965
-
966
- border-width: var(
967
- --_show-border-im-se,
968
- var(
969
- --_ctm-mob-dn-im-se-sd-se-br-wh,
970
- var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
971
- )
972
- );
973
-
974
- border-radius: var(
975
- --_ctm-mob-dn-im-se-sd-se-br-rs,
976
- var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
977
- );
978
-
979
- box-shadow: var(
980
- --_show-shadow-im-se,
981
- var(
982
- --_ctm-mob-dn-im-se-sd-se-sw-ae,
983
- var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
984
- )
985
- var(
986
- --_ctm-mob-dn-im-se-sd-se-sw-br,
987
- var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
988
- )
989
- var(
990
- --_ctm-mob-dn-im-se-sd-se-sw-sd,
991
- var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
992
- )
993
- var(
994
- --_ctm-mob-dn-im-se-sd-se-sw-cr,
995
- var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
996
- )
997
- );
998
-
999
- .each {
1000
- color: var(
1001
- --_ctm-mob-dn-um-se-cr,
1002
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
1003
- );
1004
- font-family: var(
1005
- --_ctm-mob-dn-um-se-ft-fy,
1006
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
1007
- );
1008
- font-size: var(
1009
- --_ctm-mob-dn-um-se-ft-se,
1010
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
1011
- );
1012
- font-weight: var(
1013
- --_ctm-mob-dn-um-se-ft-wt,
1014
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
1015
- );
1016
- font-style: var(
1017
- --_ctm-mob-dn-um-se-ft-se-ic,
1018
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
1019
- );
1020
- text-align: var(
1021
- --_ctm-mob-dn-um-se-tt-an,
1022
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
1023
- );
1024
- letter-spacing: var(
1025
- --_ctm-mob-dn-um-se-lr-sg,
1026
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
1027
- );
1028
- line-height: var(
1029
- --_ctm-mob-dn-um-se-le-ht,
1030
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
1031
- );
1032
- text-decoration: var(
1033
- --_ctm-mob-dn-um-se-ue,
1034
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
1035
- );
1036
- }
1037
- .price {
1038
- color: var(
1039
- --_ctm-mob-dn-pt-pe-cr,
1040
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
1041
- );
1042
- font-family: var(
1043
- --_ctm-mob-dn-pt-pe-ft-fy,
1044
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
1045
- );
1046
- font-size: var(
1047
- --_ctm-mob-dn-pt-pe-ft-se,
1048
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
1049
- );
1050
- font-weight: var(
1051
- --_ctm-mob-dn-pt-pe-ft-wt,
1052
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
1053
- );
1054
- font-style: var(
1055
- --_ctm-mob-dn-pt-pe-ft-se-ic,
1056
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
1057
- );
1058
- text-align: var(
1059
- --_ctm-mob-dn-pt-pe-tt-an,
1060
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
1061
- );
1062
- letter-spacing: var(
1063
- --_ctm-mob-dn-pt-pe-lr-sg,
1064
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
1065
- );
1066
- line-height: var(
1067
- --_ctm-mob-dn-pt-pe-le-ht,
1068
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
1069
- );
1070
- text-decoration: var(
1071
- --_ctm-mob-dn-pt-pe-ue,
1072
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
1073
- );
1074
- }
1075
- .off__price {
1076
- font-size: 12px;
1077
- display: flex;
1078
- justify-content: space-around;
1079
- gap: 10px;
1080
- align-items: center;
1081
- .saving__amount {
1082
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1083
- font-family: var(
1084
- --_ctm-mob-dn-ss-ft-fy,
1085
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1086
- );
1087
- font-size: var(
1088
- --_ctm-mob-dn-ss-ft-se,
1089
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1090
- );
1091
- font-weight: var(
1092
- --_ctm-mob-dn-ss-ft-wt,
1093
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1094
- );
1095
- font-style: var(
1096
- --_ctm-mob-dn-ss-ft-se-ic,
1097
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1098
- );
1099
- text-align: var(
1100
- --_ctm-mob-dn-ss-tt-an,
1101
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1102
- );
1103
- letter-spacing: var(
1104
- --_ctm-mob-dn-ss-lr-sg,
1105
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1106
- );
1107
- line-height: var(
1108
- --_ctm-mob-dn-ss-le-ht,
1109
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1110
- );
1111
- text-decoration: var(
1112
- --_ctm-mob-dn-ss-ue,
1113
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1114
- );
1115
- }
1116
- .actual__price {
1117
- color: var(
1118
- --_ctm-mob-dn-al-pe-cr,
1119
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1120
- );
1121
- font-family: var(
1122
- --_ctm-mob-dn-al-pe-ft-fy,
1123
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1124
- );
1125
- font-size: var(
1126
- --_ctm-mob-dn-al-pe-ft-se,
1127
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1128
- );
1129
- font-weight: var(
1130
- --_ctm-mob-dn-al-pe-ft-wt,
1131
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1132
- );
1133
- font-style: var(
1134
- --_ctm-mob-dn-al-pe-ft-se-ic,
1135
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1136
- );
1137
- text-align: var(
1138
- --_ctm-mob-dn-al-pe-tt-an,
1139
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1140
- );
1141
- letter-spacing: var(
1142
- --_ctm-mob-dn-al-pe-lr-sg,
1143
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1144
- );
1145
- line-height: var(
1146
- --_ctm-mob-dn-al-pe-le-ht,
1147
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1148
- );
1149
- text-decoration: var(
1150
- --_ctm-mob-dn-al-pe-ue,
1151
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1152
- );
1153
- }
1154
- }
1155
- .units {
1156
- color: var(
1157
- --_ctm-mob-dn-pe-pr-ut-cr,
1158
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
1159
- );
1160
- font-family: var(
1161
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
1162
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
1163
- );
1164
- font-size: var(
1165
- --_ctm-mob-dn-pe-pr-ut-ft-se,
1166
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
1167
- );
1168
- font-weight: var(
1169
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
1170
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
1171
- );
1172
- font-style: var(
1173
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
1174
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
1175
- );
1176
- text-align: var(
1177
- --_ctm-mob-dn-pe-pr-ut-tt-an,
1178
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
1179
- );
1180
- letter-spacing: var(
1181
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
1182
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
1183
- );
1184
- line-height: var(
1185
- --_ctm-mob-dn-pe-pr-ut-le-ht,
1186
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
1187
- );
1188
- text-decoration: var(
1189
- --_ctm-mob-dn-pe-pr-ut-ue,
1190
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
1191
- );
1192
- }
1193
- }
1194
- }
1195
- }
1196
- .table-content {
1197
- border-collapse: collapse;
1198
- background-color: var(
1199
- --_ctm-mob-dn-te-bd-cr,
1200
- var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
1201
- );
1202
- border-color: var(
1203
- --_show-border-im-se,
1204
- var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))),
1205
- var(--_tst-dn-br-cr)
1206
- );
1207
- border-style: var(
1208
- --_show-border-im-se,
1209
- var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))),
1210
- var(--_tst-dn-br-se)
1211
- );
1212
- border-width: var(
1213
- --_show-border-im-se,
1214
- var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))),
1215
- var(--_tst-dn-br-wh)
1216
- );
1217
- border-radius: var(
1218
- --_ctm-mob-dn-te-br-rs,
1219
- var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)),
1220
- var(--_tst-dn-br-rs)
1221
- );
1222
- box-shadow: var(
1223
- --_show-shadow-im-se,
1224
- var(
1225
- --_ctm-mob-dn-te-sw-ae,
1226
- var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae)))
1227
- )
1228
- var(
1229
- --_ctm-mob-dn-te-sw-br,
1230
- var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br)))
1231
- )
1232
- var(
1233
- --_ctm-mob-dn-te-sw-sd,
1234
- var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd)))
1235
- )
1236
- var(
1237
- --_ctm-mob-dn-te-sw-cr,
1238
- var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr)))
1239
- )
1240
- );
1241
- &[data-header-divider="true"] {
1242
- thead tr th {
1243
- border-bottom: 1px solid var(--_ctm-dn-rw-ds-hr-dr);
1244
- }
1245
- }
1246
- &[data-row-divider="true"] {
1247
- tbody tr td {
1248
- border-bottom: 1px solid var(--_ctm-dn-rw-ds-rw-dr);
1249
- }
1250
- }
1251
- &[data-column-divider="true"] {
1252
- tbody tr td,
1253
- thead tr th {
1254
- border-right: 1px solid var(--_ctm-dn-rw-ds-cn-dr);
1255
- }
1256
-
1257
- tbody tr td:last-child,
1258
- thead tr th:last-child {
1259
- border-right: none;
1260
- }
1261
- }
1262
- &[data-alternative-row-colors="true"] {
1263
- tbody tr:nth-child(odd) {
1264
- background-color: var(--_gray-300);
1265
- width: 100%;
1266
- }
1267
- }
1268
- thead {
1269
- height: var(--_ctm-lt-hr-ht);
1270
- tr {
1271
- th {
1272
- padding: var(--_ctm-lt-hr-cl-pg);
1273
- text-align: var(--_ctm-lt-ct-at, var(--_ctm-dn-hr-tt-tt-an));
1274
- border: 0;
1275
- background-color: var(--_ctm-dn-te-hr-bd-cr);
1276
- color: var(--_ctm-dn-hr-tt-cr);
1277
- font-family: var(--_ctm-dn-hr-tt-ft-fy);
1278
- font-size: var(--_ctm-dn-hr-tt-ft-se);
1279
- font-weight: var(--_ctm-dn-hr-tt-ft-wt);
1280
- font-style: var(--_ctm-dn-hr-tt-ft-se-ic);
1281
- letter-spacing: var(--_ctm-dn-hr-tt-lr-sg);
1282
- line-height: var(--_ctm-dn-hr-tt-le-ht);
1283
- text-decoration: var(--_ctm-dn-hr-tt-ue);
1284
- }
1285
- }
1286
- }
1287
- tbody {
1288
- tr {
1289
- padding: var(--_ctm-lt-rw-cl-pg);
1290
- height: var(--_ctm-lt-rw-ht);
1291
- background-color: var(--_ctm-dn-te-rw-bd-cr);
1292
- text-align: var(--_ctm-lt-ct-at);
1293
- th,
1294
- td {
1295
- border: 0;
1296
- padding: inherit;
1297
- color: var(--_ctm-dn-te-rw-cr);
1298
- font-family: var(--_ctm-dn-te-rw-ft-fy);
1299
- font-size: var(--_ctm-dn-te-rw-ft-se);
1300
- font-weight: var(--_ctm-dn-te-rw-ft-wt);
1301
- font-style: var(--_ctm-dn-te-rw-ft-se-ic);
1302
- text-align: var(--_ctm-dn-te-rw-tt-an);
1303
- letter-spacing: var(--_ctm-dn-te-rw-lr-sg);
1304
- line-height: var(--_ctm-dn-te-rw-le-ht);
1305
- text-decoration: var(--_ctm-dn-te-rw-ue);
1306
- }
1307
- }
1308
- }
1309
- }
1310
- .pagination_container {
1311
- display: flex;
1312
- justify-content: center;
1313
- align-items: center;
1314
- gap: 10px;
1315
- button {
1316
- font-size: 16px;
1317
- // padding: 10px 20px;
1318
- // background-color: #000;
1319
- color: #fff;
1320
- border: none;
1321
- cursor: pointer;
1322
- // border-radius: 10px;
1323
- }
1324
- span {
1325
- cursor: pointer;
1326
- color: var(
1327
- --_ctm-mob-dn-pn-dt-se-cr,
1328
- var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1329
- );
1330
- font-family: var(
1331
- --_ctm-mob-dn-pn-dt-se-ft-fy,
1332
- var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1333
- );
1334
- font-size: var(
1335
- --_ctm-mob-dn-pn-dt-se-ft-se,
1336
- var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
1337
- );
1338
- font-weight: var(
1339
- --_ctm-mob-dn-pn-dt-se-ft-wt,
1340
- var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
1341
- );
1342
- font-style: var(
1343
- --_ctm-mob-dn-pn-dt-se-ft-se-ic,
1344
- var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
1345
- );
1346
- text-align: var(
1347
- --_ctm-mob-dn-pn-dt-se-tt-an,
1348
- var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
1349
- );
1350
- letter-spacing: var(
1351
- --_ctm-mob-dn-pn-dt-se-lr-sg,
1352
- var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
1353
- );
1354
- line-height: var(
1355
- --_ctm-mob-dn-pn-dt-se-le-ht,
1356
- var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
1357
- );
1358
- text-decoration: var(
1359
- --_ctm-mob-dn-pn-dt-se-ue,
1360
- var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
1361
- );
1362
- }
1363
- .active {
1364
- span {
1365
- background-color: var(--_ctm-dn-pn-dt-se-bd-cr);
1366
- padding: 2px;
1367
- }
1368
- }
1369
- }
1370
- .loadmore_conatiner {
1371
- display: flex;
1372
- justify-content: center;
1373
- align-items: center;
1374
- gap: 10px;
1375
- margin-top: 10px;
1376
- button {
1377
- padding: 10px;
1378
- cursor: pointer;
1379
- color: var(
1380
- --_ctm-mob-dn-sw-me-is-bn-cr,
1381
- var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1382
- );
1383
- font-family: var(
1384
- --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1385
- var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1386
- );
1387
- font-size: var(
1388
- --_ctm-mob-dn-sw-me-is-bn-ft-se,
1389
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
1390
- );
1391
- font-weight: var(
1392
- --_ctm-mob-dn-sw-me-is-bn-ft-wt,
1393
- var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
1394
- );
1395
- font-style: var(
1396
- --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
1397
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
1398
- );
1399
- text-align: var(
1400
- --_ctm-mob-dn-sw-me-is-bn-tt-an,
1401
- var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
1402
- );
1403
- letter-spacing: var(
1404
- --_ctm-mob-dn-sw-me-is-bn-lr-sg,
1405
- var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
1406
- );
1407
- line-height: var(
1408
- --_ctm-mob-dn-sw-me-is-bn-le-ht,
1409
- var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
1410
- );
1411
- text-decoration: var(
1412
- --_ctm-mob-dn-sw-me-is-bn-ue,
1413
- var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
1414
- );
1415
- background-color: var(
1416
- --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1417
- var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1418
- );
1419
- border-color: var(
1420
- --_show-border-im-se,
1421
- var(
1422
- --_ctm-mob-dn-sw-me-is-bn-br-cr,
1423
- var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
1424
- )
1425
- );
1426
- border-style: var(
1427
- --_show-border-im-se,
1428
- var(
1429
- --_ctm-mob-dn-sw-me-is-bn-br-se,
1430
- var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
1431
- )
1432
- );
1433
- border-width: var(
1434
- --_show-border-im-se,
1435
- var(
1436
- --_ctm-mob-dn-sw-me-is-bn-br-wh,
1437
- var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
1438
- )
1439
- );
1440
- border-radius: var(
1441
- --_ctm-mob-dn-sw-me-is-bn-br-rs,
1442
- var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
1443
- );
1444
- box-shadow: var(
1445
- --_show-shadow-im-se,
1446
- var(
1447
- --_ctm-mob-dn-sw-me-is-bn-sw-ae,
1448
- var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
1449
- )
1450
- var(
1451
- --_ctm-mob-dn-sw-me-is-bn-sw-br,
1452
- var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
1453
- )
1454
- var(
1455
- --_ctm-mob-dn-sw-me-is-bn-sw-sd,
1456
- var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
1457
- )
1458
- var(
1459
- --_ctm-mob-dn-sw-me-is-bn-sw-cr,
1460
- var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
1461
- )
1462
- );
1463
- }
1464
- }
1465
- }
1466
- }
1467
- }
1468
- }
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
+ .horizontal {
659
+ display: flex;
660
+ flex-direction: row;
661
+ flex-wrap: wrap;
662
+
663
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
664
+ }
665
+
666
+ .vertical {
667
+ display: flex;
668
+ flex-direction: column;
669
+ gap: var(--_ctm-lt-im-sg);
670
+ .item {
671
+ flex-direction: row;
672
+ justify-content: space-between;
673
+ align-items: center;
674
+ .right__side__content {
675
+ display: flex;
676
+ gap: 20px;
677
+ div {
678
+ display: flex;
679
+ gap: 1px;
680
+
681
+ flex-direction: column;
682
+ justify-content: right;
683
+ align-items: center;
684
+ }
685
+ }
686
+ }
687
+ }
688
+ .grid {
689
+ display: grid;
690
+ grid-template-columns: repeat(var(--_ctm-lt-is-pr-rw), minmax(auto, 1fr));
691
+ gap: var(--_ctm-lt-im-sg);
692
+ padding: var(--_ctm-lt-im-pg);
693
+ &[data-overflow-items="Scroll"] {
694
+ height: 200px;
695
+ overflow-y: auto;
696
+ }
697
+ .item {
698
+ display: flex;
699
+ align-items: center;
700
+ justify-content: center;
701
+ flex-direction: column;
702
+ gap: 4px;
703
+ padding: var(--_ctm-dn-im-se-dt-se-vl-pg) var(--_ctm-dn-im-se-dt-se-hl-pg);
704
+ cursor: pointer;
705
+ background-color: var(--_ctm-dn-im-se-dt-se-bd-cr);
706
+ border-color: var(
707
+ --_show-border-im-se,
708
+ var(--_ctm-dn-im-se-dt-se-br-cr, var(--_tst-dn-br-cr))
709
+ );
710
+ border-style: var(
711
+ --_show-border-im-se,
712
+ var(--_ctm-dn-im-se-dt-se-br-se, var(--_tst-dn-br-se))
713
+ );
714
+ border-width: var(
715
+ --_show-border-im-se,
716
+ var(--_ctm-dn-im-se-dt-se-br-wh, var(--_tst-dn-br-wh))
717
+ );
718
+ border-radius: var(--_ctm-dn-im-se-dt-se-br-rs, var(--_tst-dn-br-rs));
719
+ box-shadow: var(
720
+ --_show-shadow-im-se,
721
+ var(--_ctm-dn-im-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
722
+ var(--_ctm-dn-im-se-dt-se-sw-br, var(--_tst-dn-sw-br))
723
+ var(--_ctm-dn-im-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
724
+ var(--_ctm-dn-im-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
725
+ );
726
+ cursor: pointer;
727
+ .each {
728
+ color: var(
729
+ --_ctm-mob-dn-um-se-cr,
730
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
731
+ );
732
+ font-family: var(
733
+ --_ctm-mob-dn-um-se-ft-fy,
734
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
735
+ );
736
+ font-size: var(
737
+ --_ctm-mob-dn-um-se-ft-se,
738
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
739
+ );
740
+ font-weight: var(
741
+ --_ctm-mob-dn-um-se-ft-wt,
742
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
743
+ );
744
+ font-style: var(
745
+ --_ctm-mob-dn-um-se-ft-se-ic,
746
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
747
+ );
748
+ text-align: var(
749
+ --_ctm-mob-dn-um-se-tt-an,
750
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
751
+ );
752
+ letter-spacing: var(
753
+ --_ctm-mob-dn-um-se-lr-sg,
754
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
755
+ );
756
+ line-height: var(
757
+ --_ctm-mob-dn-um-se-le-ht,
758
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
759
+ );
760
+ text-decoration: var(
761
+ --_ctm-mob-dn-um-se-ue,
762
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
763
+ );
764
+ }
765
+ .price {
766
+ color: var(
767
+ --_ctm-mob-dn-pt-pe-cr,
768
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
769
+ );
770
+ font-family: var(
771
+ --_ctm-mob-dn-pt-pe-ft-fy,
772
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
773
+ );
774
+ font-size: var(
775
+ --_ctm-mob-dn-pt-pe-ft-se,
776
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
777
+ );
778
+ font-weight: var(
779
+ --_ctm-mob-dn-pt-pe-ft-wt,
780
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
781
+ );
782
+ font-style: var(
783
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
784
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
785
+ );
786
+ text-align: var(
787
+ --_ctm-mob-dn-pt-pe-tt-an,
788
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
789
+ );
790
+ letter-spacing: var(
791
+ --_ctm-mob-dn-pt-pe-lr-sg,
792
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
793
+ );
794
+ line-height: var(
795
+ --_ctm-mob-dn-pt-pe-le-ht,
796
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
797
+ );
798
+ text-decoration: var(
799
+ --_ctm-mob-dn-pt-pe-ue,
800
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
801
+ );
802
+ }
803
+ .off__price {
804
+ font-size: 12px;
805
+ display: flex;
806
+ justify-content: space-around;
807
+ gap: 10px;
808
+ align-items: center;
809
+ .saving__amount {
810
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
811
+ font-family: var(
812
+ --_ctm-mob-dn-ss-ft-fy,
813
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
814
+ );
815
+ font-size: var(
816
+ --_ctm-mob-dn-ss-ft-se,
817
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
818
+ );
819
+ font-weight: var(
820
+ --_ctm-mob-dn-ss-ft-wt,
821
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
822
+ );
823
+ font-style: var(
824
+ --_ctm-mob-dn-ss-ft-se-ic,
825
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
826
+ );
827
+ text-align: var(
828
+ --_ctm-mob-dn-ss-tt-an,
829
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
830
+ );
831
+ letter-spacing: var(
832
+ --_ctm-mob-dn-ss-lr-sg,
833
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
834
+ );
835
+ line-height: var(
836
+ --_ctm-mob-dn-ss-le-ht,
837
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
838
+ );
839
+ text-decoration: var(
840
+ --_ctm-mob-dn-ss-ue,
841
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
842
+ );
843
+ }
844
+ .actual__price {
845
+ color: var(
846
+ --_ctm-mob-dn-al-pe-cr,
847
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
848
+ );
849
+ font-family: var(
850
+ --_ctm-mob-dn-al-pe-ft-fy,
851
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
852
+ );
853
+ font-size: var(
854
+ --_ctm-mob-dn-al-pe-ft-se,
855
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
856
+ );
857
+ font-weight: var(
858
+ --_ctm-mob-dn-al-pe-ft-wt,
859
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
860
+ );
861
+ font-style: var(
862
+ --_ctm-mob-dn-al-pe-ft-se-ic,
863
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
864
+ );
865
+ text-align: var(
866
+ --_ctm-mob-dn-al-pe-tt-an,
867
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
868
+ );
869
+ letter-spacing: var(
870
+ --_ctm-mob-dn-al-pe-lr-sg,
871
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
872
+ );
873
+ line-height: var(
874
+ --_ctm-mob-dn-al-pe-le-ht,
875
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
876
+ );
877
+ text-decoration: var(
878
+ --_ctm-mob-dn-al-pe-ue,
879
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
880
+ );
881
+ }
882
+ }
883
+ .units {
884
+ color: var(
885
+ --_ctm-mob-dn-pe-pr-ut-cr,
886
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
887
+ );
888
+ font-family: var(
889
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
890
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
891
+ );
892
+ font-size: var(
893
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
894
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
895
+ );
896
+ font-weight: var(
897
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
898
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
899
+ );
900
+ font-style: var(
901
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
902
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
903
+ );
904
+ text-align: var(
905
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
906
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
907
+ );
908
+ letter-spacing: var(
909
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
910
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
911
+ );
912
+ line-height: var(
913
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
914
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
915
+ );
916
+ text-decoration: var(
917
+ --_ctm-mob-dn-pe-pr-ut-ue,
918
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
919
+ );
920
+ }
921
+ }
922
+ .active {
923
+ display: flex;
924
+
925
+ align-items: var(
926
+ --_ctm-mob-dn-im-se-sd-se-ct-at,
927
+ var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
928
+ );
929
+
930
+ justify-content: center;
931
+ flex-direction: column;
932
+ gap: 4px;
933
+
934
+ padding: var(
935
+ --_ctm-mob-dn-im-se-sd-se-vl-pg,
936
+ var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
937
+ )
938
+ var(
939
+ --_ctm-mob-dn-im-se-sd-se-hl-pg,
940
+ var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
941
+ );
942
+
943
+ cursor: pointer;
944
+
945
+ background-color: var(
946
+ --_ctm-mob-dn-im-se-sd-se-bd-cr,
947
+ var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
948
+ );
949
+
950
+ border-color: var(
951
+ --_show-border-im-se,
952
+ var(
953
+ --_ctm-mob-dn-im-se-sd-se-br-cr,
954
+ var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
955
+ )
956
+ );
957
+
958
+ border-style: var(
959
+ --_show-border-im-se,
960
+ var(
961
+ --_ctm-mob-dn-im-se-sd-se-br-se,
962
+ var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
963
+ )
964
+ );
965
+
966
+ border-width: var(
967
+ --_show-border-im-se,
968
+ var(
969
+ --_ctm-mob-dn-im-se-sd-se-br-wh,
970
+ var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
971
+ )
972
+ );
973
+
974
+ border-radius: var(
975
+ --_ctm-mob-dn-im-se-sd-se-br-rs,
976
+ var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
977
+ );
978
+
979
+ box-shadow: var(
980
+ --_show-shadow-im-se,
981
+ var(
982
+ --_ctm-mob-dn-im-se-sd-se-sw-ae,
983
+ var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
984
+ )
985
+ var(
986
+ --_ctm-mob-dn-im-se-sd-se-sw-br,
987
+ var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
988
+ )
989
+ var(
990
+ --_ctm-mob-dn-im-se-sd-se-sw-sd,
991
+ var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
992
+ )
993
+ var(
994
+ --_ctm-mob-dn-im-se-sd-se-sw-cr,
995
+ var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
996
+ )
997
+ );
998
+
999
+ .each {
1000
+ color: var(
1001
+ --_ctm-mob-dn-um-se-cr,
1002
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
1003
+ );
1004
+ font-family: var(
1005
+ --_ctm-mob-dn-um-se-ft-fy,
1006
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
1007
+ );
1008
+ font-size: var(
1009
+ --_ctm-mob-dn-um-se-ft-se,
1010
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
1011
+ );
1012
+ font-weight: var(
1013
+ --_ctm-mob-dn-um-se-ft-wt,
1014
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
1015
+ );
1016
+ font-style: var(
1017
+ --_ctm-mob-dn-um-se-ft-se-ic,
1018
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
1019
+ );
1020
+ text-align: var(
1021
+ --_ctm-mob-dn-um-se-tt-an,
1022
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
1023
+ );
1024
+ letter-spacing: var(
1025
+ --_ctm-mob-dn-um-se-lr-sg,
1026
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
1027
+ );
1028
+ line-height: var(
1029
+ --_ctm-mob-dn-um-se-le-ht,
1030
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
1031
+ );
1032
+ text-decoration: var(
1033
+ --_ctm-mob-dn-um-se-ue,
1034
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
1035
+ );
1036
+ }
1037
+ .price {
1038
+ color: var(
1039
+ --_ctm-mob-dn-pt-pe-cr,
1040
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
1041
+ );
1042
+ font-family: var(
1043
+ --_ctm-mob-dn-pt-pe-ft-fy,
1044
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
1045
+ );
1046
+ font-size: var(
1047
+ --_ctm-mob-dn-pt-pe-ft-se,
1048
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
1049
+ );
1050
+ font-weight: var(
1051
+ --_ctm-mob-dn-pt-pe-ft-wt,
1052
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
1053
+ );
1054
+ font-style: var(
1055
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
1056
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
1057
+ );
1058
+ text-align: var(
1059
+ --_ctm-mob-dn-pt-pe-tt-an,
1060
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
1061
+ );
1062
+ letter-spacing: var(
1063
+ --_ctm-mob-dn-pt-pe-lr-sg,
1064
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
1065
+ );
1066
+ line-height: var(
1067
+ --_ctm-mob-dn-pt-pe-le-ht,
1068
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
1069
+ );
1070
+ text-decoration: var(
1071
+ --_ctm-mob-dn-pt-pe-ue,
1072
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
1073
+ );
1074
+ }
1075
+ .off__price {
1076
+ font-size: 12px;
1077
+ display: flex;
1078
+ justify-content: space-around;
1079
+ gap: 10px;
1080
+ align-items: center;
1081
+ .saving__amount {
1082
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1083
+ font-family: var(
1084
+ --_ctm-mob-dn-ss-ft-fy,
1085
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1086
+ );
1087
+ font-size: var(
1088
+ --_ctm-mob-dn-ss-ft-se,
1089
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1090
+ );
1091
+ font-weight: var(
1092
+ --_ctm-mob-dn-ss-ft-wt,
1093
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1094
+ );
1095
+ font-style: var(
1096
+ --_ctm-mob-dn-ss-ft-se-ic,
1097
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1098
+ );
1099
+ text-align: var(
1100
+ --_ctm-mob-dn-ss-tt-an,
1101
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1102
+ );
1103
+ letter-spacing: var(
1104
+ --_ctm-mob-dn-ss-lr-sg,
1105
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1106
+ );
1107
+ line-height: var(
1108
+ --_ctm-mob-dn-ss-le-ht,
1109
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1110
+ );
1111
+ text-decoration: var(
1112
+ --_ctm-mob-dn-ss-ue,
1113
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1114
+ );
1115
+ }
1116
+ .actual__price {
1117
+ color: var(
1118
+ --_ctm-mob-dn-al-pe-cr,
1119
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1120
+ );
1121
+ font-family: var(
1122
+ --_ctm-mob-dn-al-pe-ft-fy,
1123
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1124
+ );
1125
+ font-size: var(
1126
+ --_ctm-mob-dn-al-pe-ft-se,
1127
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1128
+ );
1129
+ font-weight: var(
1130
+ --_ctm-mob-dn-al-pe-ft-wt,
1131
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1132
+ );
1133
+ font-style: var(
1134
+ --_ctm-mob-dn-al-pe-ft-se-ic,
1135
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1136
+ );
1137
+ text-align: var(
1138
+ --_ctm-mob-dn-al-pe-tt-an,
1139
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1140
+ );
1141
+ letter-spacing: var(
1142
+ --_ctm-mob-dn-al-pe-lr-sg,
1143
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1144
+ );
1145
+ line-height: var(
1146
+ --_ctm-mob-dn-al-pe-le-ht,
1147
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1148
+ );
1149
+ text-decoration: var(
1150
+ --_ctm-mob-dn-al-pe-ue,
1151
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1152
+ );
1153
+ }
1154
+ }
1155
+ .units {
1156
+ color: var(
1157
+ --_ctm-mob-dn-pe-pr-ut-cr,
1158
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
1159
+ );
1160
+ font-family: var(
1161
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
1162
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
1163
+ );
1164
+ font-size: var(
1165
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
1166
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
1167
+ );
1168
+ font-weight: var(
1169
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
1170
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
1171
+ );
1172
+ font-style: var(
1173
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
1174
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
1175
+ );
1176
+ text-align: var(
1177
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
1178
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
1179
+ );
1180
+ letter-spacing: var(
1181
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
1182
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
1183
+ );
1184
+ line-height: var(
1185
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
1186
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
1187
+ );
1188
+ text-decoration: var(
1189
+ --_ctm-mob-dn-pe-pr-ut-ue,
1190
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
1191
+ );
1192
+ }
1193
+ }
1194
+ }
1195
+ }
1196
+ .table-content {
1197
+ border-collapse: collapse;
1198
+ background-color: var(
1199
+ --_ctm-mob-dn-te-bd-cr,
1200
+ var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
1201
+ );
1202
+ border-color: var(
1203
+ --_show-border-im-se,
1204
+ var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))),
1205
+ var(--_tst-dn-br-cr)
1206
+ );
1207
+ border-style: var(
1208
+ --_show-border-im-se,
1209
+ var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))),
1210
+ var(--_tst-dn-br-se)
1211
+ );
1212
+ border-width: var(
1213
+ --_show-border-im-se,
1214
+ var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))),
1215
+ var(--_tst-dn-br-wh)
1216
+ );
1217
+ border-radius: var(
1218
+ --_ctm-mob-dn-te-br-rs,
1219
+ var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)),
1220
+ var(--_tst-dn-br-rs)
1221
+ );
1222
+ box-shadow: var(
1223
+ --_show-shadow-im-se,
1224
+ var(
1225
+ --_ctm-mob-dn-te-sw-ae,
1226
+ var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae)))
1227
+ )
1228
+ var(
1229
+ --_ctm-mob-dn-te-sw-br,
1230
+ var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br)))
1231
+ )
1232
+ var(
1233
+ --_ctm-mob-dn-te-sw-sd,
1234
+ var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd)))
1235
+ )
1236
+ var(
1237
+ --_ctm-mob-dn-te-sw-cr,
1238
+ var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr)))
1239
+ )
1240
+ );
1241
+ &[data-header-divider="true"] {
1242
+ thead tr th {
1243
+ border-bottom: 1px solid var(--_ctm-dn-rw-ds-hr-dr);
1244
+ }
1245
+ }
1246
+ &[data-row-divider="true"] {
1247
+ tbody tr td {
1248
+ border-bottom: 1px solid var(--_ctm-dn-rw-ds-rw-dr);
1249
+ }
1250
+ }
1251
+ &[data-column-divider="true"] {
1252
+ tbody tr td,
1253
+ thead tr th {
1254
+ border-right: 1px solid var(--_ctm-dn-rw-ds-cn-dr);
1255
+ }
1256
+
1257
+ tbody tr td:last-child,
1258
+ thead tr th:last-child {
1259
+ border-right: none;
1260
+ }
1261
+ }
1262
+ &[data-alternative-row-colors="true"] {
1263
+ tbody tr:nth-child(odd) {
1264
+ background-color: var(--_gray-300);
1265
+ width: 100%;
1266
+ }
1267
+ }
1268
+ thead {
1269
+ height: var(--_ctm-lt-hr-ht);
1270
+ tr {
1271
+ th {
1272
+ padding: var(--_ctm-lt-hr-cl-pg);
1273
+ text-align: var(--_ctm-lt-ct-at, var(--_ctm-dn-hr-tt-tt-an));
1274
+ border: 0;
1275
+ background-color: var(--_ctm-dn-te-hr-bd-cr);
1276
+ color: var(--_ctm-dn-hr-tt-cr);
1277
+ font-family: var(--_ctm-dn-hr-tt-ft-fy);
1278
+ font-size: var(--_ctm-dn-hr-tt-ft-se);
1279
+ font-weight: var(--_ctm-dn-hr-tt-ft-wt);
1280
+ font-style: var(--_ctm-dn-hr-tt-ft-se-ic);
1281
+ letter-spacing: var(--_ctm-dn-hr-tt-lr-sg);
1282
+ line-height: var(--_ctm-dn-hr-tt-le-ht);
1283
+ text-decoration: var(--_ctm-dn-hr-tt-ue);
1284
+ }
1285
+ }
1286
+ }
1287
+ tbody {
1288
+ tr {
1289
+ padding: var(--_ctm-lt-rw-cl-pg);
1290
+ height: var(--_ctm-lt-rw-ht);
1291
+ background-color: var(--_ctm-dn-te-rw-bd-cr);
1292
+ text-align: var(--_ctm-lt-ct-at);
1293
+ th,
1294
+ td {
1295
+ border: 0;
1296
+ padding: inherit;
1297
+ color: var(--_ctm-dn-te-rw-cr);
1298
+ font-family: var(--_ctm-dn-te-rw-ft-fy);
1299
+ font-size: var(--_ctm-dn-te-rw-ft-se);
1300
+ font-weight: var(--_ctm-dn-te-rw-ft-wt);
1301
+ font-style: var(--_ctm-dn-te-rw-ft-se-ic);
1302
+ text-align: var(--_ctm-dn-te-rw-tt-an);
1303
+ letter-spacing: var(--_ctm-dn-te-rw-lr-sg);
1304
+ line-height: var(--_ctm-dn-te-rw-le-ht);
1305
+ text-decoration: var(--_ctm-dn-te-rw-ue);
1306
+ }
1307
+ }
1308
+ }
1309
+ }
1310
+ .pagination_container {
1311
+ display: flex;
1312
+ justify-content: center;
1313
+ align-items: center;
1314
+ gap: 10px;
1315
+ button {
1316
+ font-size: 16px;
1317
+ // padding: 10px 20px;
1318
+ // background-color: #000;
1319
+ color: #fff;
1320
+ border: none;
1321
+ cursor: pointer;
1322
+ // border-radius: 10px;
1323
+ }
1324
+ span {
1325
+ cursor: pointer;
1326
+ color: var(
1327
+ --_ctm-mob-dn-pn-dt-se-cr,
1328
+ var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1329
+ );
1330
+ font-family: var(
1331
+ --_ctm-mob-dn-pn-dt-se-ft-fy,
1332
+ var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1333
+ );
1334
+ font-size: var(
1335
+ --_ctm-mob-dn-pn-dt-se-ft-se,
1336
+ var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
1337
+ );
1338
+ font-weight: var(
1339
+ --_ctm-mob-dn-pn-dt-se-ft-wt,
1340
+ var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
1341
+ );
1342
+ font-style: var(
1343
+ --_ctm-mob-dn-pn-dt-se-ft-se-ic,
1344
+ var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
1345
+ );
1346
+ text-align: var(
1347
+ --_ctm-mob-dn-pn-dt-se-tt-an,
1348
+ var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
1349
+ );
1350
+ letter-spacing: var(
1351
+ --_ctm-mob-dn-pn-dt-se-lr-sg,
1352
+ var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
1353
+ );
1354
+ line-height: var(
1355
+ --_ctm-mob-dn-pn-dt-se-le-ht,
1356
+ var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
1357
+ );
1358
+ text-decoration: var(
1359
+ --_ctm-mob-dn-pn-dt-se-ue,
1360
+ var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
1361
+ );
1362
+ }
1363
+ .active {
1364
+ span {
1365
+ background-color: var(--_ctm-dn-pn-dt-se-bd-cr);
1366
+ padding: 2px;
1367
+ }
1368
+ }
1369
+ }
1370
+ .loadmore_conatiner {
1371
+ display: flex;
1372
+ justify-content: center;
1373
+ align-items: center;
1374
+ gap: 10px;
1375
+ margin-top: 10px;
1376
+ button {
1377
+ padding: 10px;
1378
+ cursor: pointer;
1379
+ color: var(
1380
+ --_ctm-mob-dn-sw-me-is-bn-cr,
1381
+ var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1382
+ );
1383
+ font-family: var(
1384
+ --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1385
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1386
+ );
1387
+ font-size: var(
1388
+ --_ctm-mob-dn-sw-me-is-bn-ft-se,
1389
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
1390
+ );
1391
+ font-weight: var(
1392
+ --_ctm-mob-dn-sw-me-is-bn-ft-wt,
1393
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
1394
+ );
1395
+ font-style: var(
1396
+ --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
1397
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
1398
+ );
1399
+ text-align: var(
1400
+ --_ctm-mob-dn-sw-me-is-bn-tt-an,
1401
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
1402
+ );
1403
+ letter-spacing: var(
1404
+ --_ctm-mob-dn-sw-me-is-bn-lr-sg,
1405
+ var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
1406
+ );
1407
+ line-height: var(
1408
+ --_ctm-mob-dn-sw-me-is-bn-le-ht,
1409
+ var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
1410
+ );
1411
+ text-decoration: var(
1412
+ --_ctm-mob-dn-sw-me-is-bn-ue,
1413
+ var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
1414
+ );
1415
+ background-color: var(
1416
+ --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1417
+ var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1418
+ );
1419
+ border-color: var(
1420
+ --_show-border-im-se,
1421
+ var(
1422
+ --_ctm-mob-dn-sw-me-is-bn-br-cr,
1423
+ var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
1424
+ )
1425
+ );
1426
+ border-style: var(
1427
+ --_show-border-im-se,
1428
+ var(
1429
+ --_ctm-mob-dn-sw-me-is-bn-br-se,
1430
+ var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
1431
+ )
1432
+ );
1433
+ border-width: var(
1434
+ --_show-border-im-se,
1435
+ var(
1436
+ --_ctm-mob-dn-sw-me-is-bn-br-wh,
1437
+ var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
1438
+ )
1439
+ );
1440
+ border-radius: var(
1441
+ --_ctm-mob-dn-sw-me-is-bn-br-rs,
1442
+ var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
1443
+ );
1444
+ box-shadow: var(
1445
+ --_show-shadow-im-se,
1446
+ var(
1447
+ --_ctm-mob-dn-sw-me-is-bn-sw-ae,
1448
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
1449
+ )
1450
+ var(
1451
+ --_ctm-mob-dn-sw-me-is-bn-sw-br,
1452
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
1453
+ )
1454
+ var(
1455
+ --_ctm-mob-dn-sw-me-is-bn-sw-sd,
1456
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
1457
+ )
1458
+ var(
1459
+ --_ctm-mob-dn-sw-me-is-bn-sw-cr,
1460
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
1461
+ )
1462
+ );
1463
+ }
1464
+ }
1465
+ }
1466
+ }
1467
+ }
1468
+ }