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