@sc-360-v2/storefront-cms-library 0.5.58 → 0.5.60

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