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

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