@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/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,65 +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
- );
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
+
92
+ &.flex__overflow {
93
+ white-space: normal;
94
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
95
+ }
96
+
89
97
  font-size: var(--_ctm-mob-dn-ll-ft-se, var(--_ctm-tab-dn-ll-ft-se, var(--_ctm-dn-ll-ft-se)));
90
- font-weight: var(
91
- --_ctm-mob-dn-ll-ft-wt,
92
- var(--_ctm-tab-dn-ll-ft-wt, var(--_ctm-dn-ll-ft-wt))
93
- );
94
- font-style: var(
95
- --_ctm-mob-dn-ll-ft-se-ic,
96
- var(--_ctm-tab-dn-ll-ft-se-ic, var(--_ctm-dn-ll-ft-se-ic))
97
- );
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)));
98
102
  text-align: var(--_ctm-mob-dn-ll-tt-an, var(--_ctm-tab-dn-ll-tt-an, var(--_ctm-dn-ll-tt-an)));
99
- letter-spacing: var(
100
- --_ctm-mob-dn-ll-lr-sg,
101
- var(--_ctm-tab-dn-ll-lr-sg, var(--_ctm-dn-ll-lr-sg))
102
- );
103
- line-height: var(
104
- --_ctm-mob-dn-ll-le-ht,
105
- var(--_ctm-tab-dn-ll-le-ht, var(--_ctm-dn-ll-le-ht))
106
- );
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)));
107
107
  text-decoration: var(--_ctm-mob-dn-ll-ue, var(--_ctm-tab-dn-ll-ue, var(--_ctm-dn-ll-ue)));
108
108
 
109
- border-color: var(
110
- --_show-border,
111
- var(--_ctm-mob-dn-ll-br-cr, var(--_ctm-tab-dn-ll-br-cr, var(--_ctm-dn-ll-br-cr)))
112
- );
113
- border-style: var(
114
- --_show-border,
115
- var(--_ctm-mob-dn-ll-br-se, var(--_ctm-tab-dn-ll-br-se, var(--_ctm-dn-ll-br-se)))
116
- );
117
- border-width: var(
118
- --_show-border,
119
- var(--_ctm-mob-dn-ll-br-wh, var(--_ctm-tab-dn-ll-br-wh, var(--_ctm-dn-ll-br-wh)))
120
- );
121
- border-radius: var(
122
- --_ctm-mob-dn-ll-br-rs,
123
- var(--_ctm-tab-dn-ll-br-rs, var(--_ctm-dn-ll-br-rs))
124
- );
125
-
126
- box-shadow: var(
127
- --_show-shadow,
128
- var(--_ctm-mob-dn-ll-sw-ae, var(--_ctm-tab-dn-ll-sw-ae, var(--_ctm-dn-ll-sw-ae)))
129
- var(--_ctm-mob-dn-ll-sw-br, var(--_ctm-tab-dn-ll-sw-br, var(--_ctm-dn-ll-sw-br)))
130
- var(--_ctm-mob-dn-ll-sw-sd, var(--_ctm-tab-dn-ll-sw-sd, var(--_ctm-dn-ll-sw-sd)))
131
- var(--_ctm-mob-dn-ll-sw-cr, var(--_ctm-tab-dn-ll-sw-cr, var(--_ctm-dn-ll-sw-cr)))
132
- );
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))));
133
120
 
134
121
  padding: var(--_ctm-mob-dn-ll-pg, var(--_ctm-tab-dn-ll-pg, var(--_ctm-dn-ll-pg)));
135
122
  }
136
123
 
137
124
  .uom__selector {
138
125
  width: 100%;
126
+
139
127
  // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
140
128
  .uom__container {
141
129
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
@@ -145,492 +133,320 @@
145
133
  // border-radius: 20px;
146
134
 
147
135
  .each__wraper {
148
- background-color: var(
149
- --_ctm-mob-dn-um-te-se-bd-cr,
150
- var(--_ctm-tab-dn-um-te-se-bd-cr, var(--_ctm-dn-um-te-se-bd-cr))
151
- );
152
-
153
- border-color: var(
154
- --_ctm-mob-dn-um-te-se-br-cr,
155
- var(--_ctm-tab-dn-um-te-se-br-cr, var(--_ctm-dn-um-te-se-br-cr))
156
- );
157
-
158
- border-style: var(
159
- --_ctm-mob-dn-um-te-se-br-se,
160
- var(--_ctm-tab-dn-um-te-se-br-se, var(--_ctm-dn-um-te-se-br-se))
161
- );
162
-
163
- border-width: var(
164
- --_ctm-mob-dn-um-te-se-br-wh,
165
- var(--_ctm-tab-dn-um-te-se-br-wh, var(--_ctm-dn-um-te-se-br-wh))
166
- );
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)));
167
147
 
168
148
  &[data-show-border="false"] {
169
149
  border: none;
170
150
  }
171
151
 
172
- border-radius: var(
173
- --_ctm-mob-dn-um-te-se-br-rs,
174
- var(--_ctm-tab-dn-um-te-se-br-rs, var(--_ctm-dn-um-te-se-br-rs))
175
- );
176
-
177
- box-shadow: var(
178
- --_show-shadow,
179
- var(
180
- --_ctm-mob-dn-um-te-se-sw-ae,
181
- var(--_ctm-tab-dn-um-te-se-sw-ae, var(--_ctm-dn-um-te-se-sw-ae))
182
- )
183
- var(
184
- --_ctm-mob-dn-um-te-se-sw-br,
185
- var(--_ctm-tab-dn-um-te-se-sw-br, var(--_ctm-dn-um-te-se-sw-br))
186
- )
187
- var(
188
- --_ctm-mob-dn-um-te-se-sw-sd,
189
- var(--_ctm-tab-dn-um-te-se-sw-sd, var(--_ctm-dn-um-te-se-sw-sd))
190
- )
191
- var(
192
- --_ctm-mob-dn-um-te-se-sw-cr,
193
- var(--_ctm-tab-dn-um-te-se-sw-cr, var(--_ctm-dn-um-te-se-sw-cr))
194
- )
195
- );
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))));
196
161
  white-space: nowrap;
197
162
 
198
163
  padding: prepareMediaVariable(--_ctm-dn-um-te-se-pg);
199
164
 
200
165
  .each {
201
- color: var(
202
- --_ctm-mob-dn-um-te-se-cr,
203
- var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
204
- );
205
- font-family: var(
206
- --_ctm-mob-dn-um-te-se-ft-fy,
207
- var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
208
- );
209
- font-size: var(
210
- --_ctm-mob-dn-um-te-se-ft-se,
211
- var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
212
- );
213
- font-weight: var(
214
- --_ctm-mob-dn-um-te-se-ft-wt,
215
- var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
216
- );
217
- font-style: var(
218
- --_ctm-mob-dn-um-te-se-ft-se-ic,
219
- var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
220
- );
221
- text-align: var(
222
- --_ctm-mob-dn-um-te-se-tt-an,
223
- var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
224
- );
225
- letter-spacing: var(
226
- --_ctm-mob-dn-um-te-se-lr-sg,
227
- var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
228
- );
229
- line-height: var(
230
- --_ctm-mob-dn-um-te-se-le-ht,
231
- var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
232
- );
233
- text-decoration: var(
234
- --_ctm-mob-dn-um-te-se-ue,
235
- var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
236
- );
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)));
237
190
  }
238
191
  }
192
+
239
193
  .price__wraper {
240
- background-color: var(
241
- --_ctm-mob-dn-pt-pe-bd-cr,
242
- var(--_ctm-tab-dn-pt-pe-bd-cr, var(--_ctm-dn-pt-pe-bd-cr))
243
- );
244
-
245
- border-color: var(
246
- --_ctm-mob-dn-pt-pe-br-cr,
247
- var(--_ctm-tab-dn-pt-pe-br-cr, var(--_ctm-dn-pt-pe-br-cr))
248
- );
249
-
250
- border-style: var(
251
- --_ctm-mob-dn-pt-pe-br-se,
252
- var(--_ctm-tab-dn-pt-pe-br-se, var(--_ctm-dn-pt-pe-br-se))
253
- );
254
-
255
- border-width: var(
256
- --_ctm-mob-dn-pt-pe-br-wh,
257
- var(--_ctm-tab-dn-pt-pe-br-wh, var(--_ctm-dn-pt-pe-br-wh))
258
- );
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)));
259
205
 
260
206
  &[data-show-border="false"] {
261
207
  border: none;
262
208
  }
263
209
 
264
- border-radius: var(
265
- --_ctm-mob-dn-pt-pe-br-rs,
266
- var(--_ctm-tab-dn-pt-pe-br-rs, var(--_ctm-dn-pt-pe-br-rs))
267
- );
268
-
269
- box-shadow: var(
270
- --_show-shadow,
271
- var(
272
- --_ctm-mob-dn-pt-pe-sw-ae,
273
- var(--_ctm-tab-dn-pt-pe-sw-ae, var(--_ctm-dn-pt-pe-sw-ae))
274
- )
275
- var(
276
- --_ctm-mob-dn-pt-pe-sw-br,
277
- var(--_ctm-tab-dn-pt-pe-sw-br, var(--_ctm-dn-pt-pe-sw-br))
278
- )
279
- var(
280
- --_ctm-mob-dn-pt-pe-sw-sd,
281
- var(--_ctm-tab-dn-pt-pe-sw-sd, var(--_ctm-dn-pt-pe-sw-sd))
282
- )
283
- var(
284
- --_ctm-mob-dn-pt-pe-sw-cr,
285
- var(--_ctm-tab-dn-pt-pe-sw-cr, var(--_ctm-dn-pt-pe-sw-cr))
286
- )
287
- );
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))));
288
219
  white-space: nowrap;
289
220
 
290
221
  padding: prepareMediaVariable(--_ctm-dn-pt-pe-pg);
291
222
 
292
223
  .price {
293
- color: var(
294
- --_ctm-mob-dn-pt-pe-cr,
295
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
296
- );
297
- font-family: var(
298
- --_ctm-mob-dn-pt-pe-ft-fy,
299
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
300
- );
301
- font-size: var(
302
- --_ctm-mob-dn-pt-pe-ft-se,
303
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
304
- );
305
- font-weight: var(
306
- --_ctm-mob-dn-pt-pe-ft-wt,
307
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
308
- );
309
- font-style: var(
310
- --_ctm-mob-dn-pt-pe-ft-se-ic,
311
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
312
- );
313
- text-align: var(
314
- --_ctm-mob-dn-pt-pe-tt-an,
315
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
316
- );
317
- letter-spacing: var(
318
- --_ctm-mob-dn-pt-pe-lr-sg,
319
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
320
- );
321
- line-height: var(
322
- --_ctm-mob-dn-pt-pe-le-ht,
323
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
324
- );
325
- text-decoration: var(
326
- --_ctm-mob-dn-pt-pe-ue,
327
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
328
- );
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)));
329
248
  }
330
249
  }
331
250
 
332
251
  .actual__price__wraper {
333
- background-color: var(
334
- --_ctm-mob-dn-al-pe-bd-cr,
335
- var(--_ctm-tab-dn-al-pe-bd-cr, var(--_ctm-dn-al-pe-bd-cr))
336
- );
337
-
338
- border-color: var(
339
- --_ctm-mob-dn-al-pe-br-cr,
340
- var(--_ctm-tab-dn-al-pe-br-cr, var(--_ctm-dn-al-pe-br-cr))
341
- );
342
-
343
- border-style: var(
344
- --_ctm-mob-dn-al-pe-br-se,
345
- var(--_ctm-tab-dn-al-pe-br-se, var(--_ctm-dn-al-pe-br-se))
346
- );
347
-
348
- border-width: var(
349
- --_ctm-mob-dn-al-pe-br-wh,
350
- var(--_ctm-tab-dn-al-pe-br-wh, var(--_ctm-dn-al-pe-br-wh))
351
- );
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)));
352
263
 
353
264
  &[data-show-border="false"] {
354
265
  border: none;
355
266
  }
356
267
 
357
- border-radius: var(
358
- --_ctm-mob-dn-al-pe-br-rs,
359
- var(--_ctm-tab-dn-al-pe-br-rs, var(--_ctm-dn-al-pe-br-rs))
360
- );
361
-
362
- box-shadow: var(
363
- --_show-shadow,
364
- var(
365
- --_ctm-mob-dn-al-pe-sw-ae,
366
- var(--_ctm-tab-dn-al-pe-sw-ae, var(--_ctm-dn-al-pe-sw-ae))
367
- )
368
- var(
369
- --_ctm-mob-dn-al-pe-sw-br,
370
- var(--_ctm-tab-dn-al-pe-sw-br, var(--_ctm-dn-al-pe-sw-br))
371
- )
372
- var(
373
- --_ctm-mob-dn-al-pe-sw-sd,
374
- var(--_ctm-tab-dn-al-pe-sw-sd, var(--_ctm-dn-al-pe-sw-sd))
375
- )
376
- var(
377
- --_ctm-mob-dn-al-pe-sw-cr,
378
- var(--_ctm-tab-dn-al-pe-sw-cr, var(--_ctm-dn-al-pe-sw-cr))
379
- )
380
- );
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))));
381
277
  white-space: nowrap;
382
278
 
383
279
  padding: prepareMediaVariable(--_ctm-dn-al-pe-pg);
384
280
 
385
281
  .actual__price {
386
- color: var(
387
- --_ctm-mob-dn-al-pe-cr,
388
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
389
- );
390
- font-family: var(
391
- --_ctm-mob-dn-al-pe-ft-fy,
392
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
393
- );
394
- font-size: var(
395
- --_ctm-mob-dn-al-pe-ft-se,
396
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
397
- );
398
- font-weight: var(
399
- --_ctm-mob-dn-al-pe-ft-wt,
400
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
401
- );
402
- font-style: var(
403
- --_ctm-mob-dn-al-pe-ft-se-ic,
404
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
405
- );
406
- text-align: var(
407
- --_ctm-mob-dn-al-pe-tt-an,
408
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
409
- );
410
- letter-spacing: var(
411
- --_ctm-mob-dn-al-pe-lr-sg,
412
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
413
- );
414
- line-height: var(
415
- --_ctm-mob-dn-al-pe-le-ht,
416
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
417
- );
418
- text-decoration: var(
419
- --_ctm-mob-dn-al-pe-ue,
420
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
421
- );
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)));
422
306
  }
423
307
  }
308
+
424
309
  .saving__amount__wraper {
425
- background-color: var(
426
- --_ctm-mob-dn-ss-bd-cr,
427
- var(--_ctm-tab-dn-ss-bd-cr, var(--_ctm-dn-ss-bd-cr))
428
- );
429
-
430
- border-color: var(
431
- --_ctm-mob-dn-ss-br-cr,
432
- var(--_ctm-tab-dn-ss-br-cr, var(--_ctm-dn-ss-br-cr))
433
- );
434
-
435
- border-style: var(
436
- --_ctm-mob-dn-ss-br-se,
437
- var(--_ctm-tab-dn-ss-br-se, var(--_ctm-dn-ss-br-se))
438
- );
439
-
440
- border-width: var(
441
- --_ctm-mob-dn-ss-br-wh,
442
- var(--_ctm-tab-dn-ss-br-wh, var(--_ctm-dn-ss-br-wh))
443
- );
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)));
444
321
 
445
322
  &[data-show-border="false"] {
446
323
  border: none;
447
324
  }
448
325
 
449
- border-radius: var(
450
- --_ctm-mob-dn-ss-br-rs,
451
- var(--_ctm-tab-dn-ss-br-rs, var(--_ctm-dn-ss-br-rs))
452
- );
453
-
454
- box-shadow: var(
455
- --_show-shadow,
456
- var(--_ctm-mob-dn-ss-sw-ae, var(--_ctm-tab-dn-ss-sw-ae, var(--_ctm-dn-ss-sw-ae)))
457
- var(--_ctm-mob-dn-ss-sw-br, var(--_ctm-tab-dn-ss-sw-br, var(--_ctm-dn-ss-sw-br)))
458
- var(--_ctm-mob-dn-ss-sw-sd, var(--_ctm-tab-dn-ss-sw-sd, var(--_ctm-dn-ss-sw-sd)))
459
- var(--_ctm-mob-dn-ss-sw-cr, var(--_ctm-tab-dn-ss-sw-cr, var(--_ctm-dn-ss-sw-cr)))
460
- );
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))));
461
331
  white-space: nowrap;
462
332
 
463
333
  padding: prepareMediaVariable(--_ctm-dn-ss-pg);
464
334
 
465
335
  .saving__amount {
466
336
  color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
467
- font-family: var(
468
- --_ctm-mob-dn-ss-ft-fy,
469
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
470
- );
471
- font-size: var(
472
- --_ctm-mob-dn-ss-ft-se,
473
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
474
- );
475
- font-weight: var(
476
- --_ctm-mob-dn-ss-ft-wt,
477
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
478
- );
479
- font-style: var(
480
- --_ctm-mob-dn-ss-ft-se-ic,
481
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
482
- );
483
- text-align: var(
484
- --_ctm-mob-dn-ss-tt-an,
485
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
486
- );
487
- letter-spacing: var(
488
- --_ctm-mob-dn-ss-lr-sg,
489
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
490
- );
491
- line-height: var(
492
- --_ctm-mob-dn-ss-le-ht,
493
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
494
- );
495
- text-decoration: var(
496
- --_ctm-mob-dn-ss-ue,
497
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
498
- );
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)));
499
359
  }
500
360
  }
361
+
501
362
  .units__wraper {
502
- background-color: var(
503
- --_ctm-mob-dn-pe-pr-ut-bd-cr,
504
- var(--_ctm-tab-dn-pe-pr-ut-bd-cr, var(--_ctm-dn-pe-pr-ut-bd-cr))
505
- );
506
-
507
- border-color: var(
508
- --_ctm-mob-dn-pe-pr-ut-br-cr,
509
- var(--_ctm-tab-dn-pe-pr-ut-br-cr, var(--_ctm-dn-pe-pr-ut-br-cr))
510
- );
511
-
512
- border-style: var(
513
- --_ctm-mob-dn-pe-pr-ut-br-se,
514
- var(--_ctm-tab-dn-pe-pr-ut-br-se, var(--_ctm-dn-pe-pr-ut-br-se))
515
- );
516
-
517
- border-width: var(
518
- --_ctm-mob-dn-pe-pr-ut-br-wh,
519
- var(--_ctm-tab-dn-pe-pr-ut-br-wh, var(--_ctm-dn-pe-pr-ut-br-wh))
520
- );
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)));
521
374
 
522
375
  &[data-show-border="false"] {
523
376
  border: none;
524
377
  }
525
378
 
526
- border-radius: var(
527
- --_ctm-mob-dn-pe-pr-ut-br-rs,
528
- var(--_ctm-tab-dn-pe-pr-ut-br-rs, var(--_ctm-dn-pe-pr-ut-br-rs))
529
- );
530
-
531
- box-shadow: var(
532
- --_show-shadow,
533
- var(
534
- --_ctm-mob-dn-pe-pr-ut-sw-ae,
535
- var(--_ctm-tab-dn-pe-pr-ut-sw-ae, var(--_ctm-dn-pe-pr-ut-sw-ae))
536
- )
537
- var(
538
- --_ctm-mob-dn-pe-pr-ut-sw-br,
539
- var(--_ctm-tab-dn-pe-pr-ut-sw-br, var(--_ctm-dn-pe-pr-ut-sw-br))
540
- )
541
- var(
542
- --_ctm-mob-dn-pe-pr-ut-sw-sd,
543
- var(--_ctm-tab-dn-pe-pr-ut-sw-sd, var(--_ctm-dn-pe-pr-ut-sw-sd))
544
- )
545
- var(
546
- --_ctm-mob-dn-pe-pr-ut-sw-cr,
547
- var(--_ctm-tab-dn-pe-pr-ut-sw-cr, var(--_ctm-dn-pe-pr-ut-sw-cr))
548
- )
549
- );
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))));
550
388
  white-space: nowrap;
551
389
 
552
390
  padding: prepareMediaVariable(--_ctm-dn-pe-pr-ut-pg);
553
391
 
554
392
  .units {
555
- color: var(
556
- --_ctm-mob-dn-pe-pr-ut-cr,
557
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
558
- );
559
- font-family: var(
560
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
561
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
562
- );
563
- font-size: var(
564
- --_ctm-mob-dn-pe-pr-ut-ft-se,
565
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
566
- );
567
- font-weight: var(
568
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
569
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
570
- );
571
- font-style: var(
572
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
573
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
574
- );
575
- text-align: var(
576
- --_ctm-mob-dn-pe-pr-ut-tt-an,
577
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
578
- );
579
- letter-spacing: var(
580
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
581
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
582
- );
583
- line-height: var(
584
- --_ctm-mob-dn-pe-pr-ut-le-ht,
585
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
586
- );
587
- text-decoration: var(
588
- --_ctm-mob-dn-pe-pr-ut-ue,
589
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
590
- );
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)));
591
417
  }
592
418
  }
419
+
593
420
  .stack {
594
421
  display: flex;
595
422
  flex-direction: column;
423
+
596
424
  // height: 100%;
597
425
  .static {
598
- color: var(
599
- --_ctm-mob-dn-um-te-se-cr,
600
- var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
601
- );
602
- font-family: var(
603
- --_ctm-mob-dn-um-te-se-ft-fy,
604
- var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
605
- );
606
- font-size: var(
607
- --_ctm-mob-dn-um-te-se-ft-se,
608
- var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
609
- );
610
- font-weight: var(
611
- --_ctm-mob-dn-um-te-se-ft-wt,
612
- var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
613
- );
614
- font-style: var(
615
- --_ctm-mob-dn-um-te-se-ft-se-ic,
616
- var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
617
- );
618
- text-align: var(
619
- --_ctm-mob-dn-um-te-se-tt-an,
620
- var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
621
- );
622
- letter-spacing: var(
623
- --_ctm-mob-dn-um-te-se-lr-sg,
624
- var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
625
- );
626
- line-height: var(
627
- --_ctm-mob-dn-um-te-se-le-ht,
628
- var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
629
- );
630
- text-decoration: var(
631
- --_ctm-mob-dn-um-te-se-ue,
632
- var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
633
- );
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)));
634
450
  }
635
451
 
636
452
  .item {
@@ -641,66 +457,33 @@
641
457
  white-space: nowrap;
642
458
  gap: 4px;
643
459
  flex-shrink: 0;
644
- padding: var(
645
- --_ctm-mob-dn-im-se-dt-se-vl-pg,
646
- var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
647
- )
648
- var(
649
- --_ctm-mob-dn-im-se-dt-se-hl-pg,
650
- var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
651
- );
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)));
652
463
  cursor: pointer;
653
- background-color: var(
654
- --_ctm-mob-dn-im-se-dt-se-bd-cr,
655
- var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
656
- );
657
-
658
- border-color: var(
659
- --_show-border-im-se,
660
- var(
661
- --_ctm-mob-dn-im-se-dt-se-br-cr,
662
- var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
663
- )
664
- );
665
- border-style: var(
666
- --_show-border-im-se,
667
- var(
668
- --_ctm-mob-dn-im-se-dt-se-br-se,
669
- var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
670
- )
671
- );
672
- border-width: var(
673
- --_show-border-im-se,
674
- var(
675
- --_ctm-mob-dn-im-se-dt-se-br-wh,
676
- var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
677
- )
678
- );
679
- border-radius: var(
680
- --_ctm-mob-dn-im-se-dt-se-br-rs,
681
- var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
682
- );
683
-
684
- box-shadow: var(
685
- --_show-shadow-im-se,
686
- var(
687
- --_ctm-mob-dn-im-se-dt-se-sw-ae,
688
- var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
689
- )
690
- var(
691
- --_ctm-mob-dn-im-se-dt-se-sw-br,
692
- var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
693
- )
694
- var(
695
- --_ctm-mob-dn-im-se-dt-se-sw-sd,
696
- var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
697
- )
698
- var(
699
- --_ctm-mob-dn-im-se-dt-se-sw-cr,
700
- var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
701
- )
702
- );
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))));
703
485
  }
486
+
704
487
  .active {
705
488
  display: flex;
706
489
 
@@ -713,70 +496,36 @@
713
496
  flex-direction: column;
714
497
  gap: 4px;
715
498
 
716
- padding: var(
717
- --_ctm-mob-dn-im-se-sd-se-vl-pg,
718
- var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
719
- )
720
- var(
721
- --_ctm-mob-dn-im-se-sd-se-hl-pg,
722
- var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
723
- );
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)));
724
502
 
725
503
  cursor: pointer;
726
504
 
727
- background-color: var(
728
- --_ctm-mob-dn-im-se-sd-se-bd-cr,
729
- var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
730
- );
731
-
732
- border-color: var(
733
- --_show-border-im-se,
734
- var(
735
- --_ctm-mob-dn-im-se-sd-se-br-cr,
736
- var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
737
- )
738
- );
739
-
740
- border-style: var(
741
- --_show-border-im-se,
742
- var(
743
- --_ctm-mob-dn-im-se-sd-se-br-se,
744
- var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
745
- )
746
- );
747
-
748
- border-width: var(
749
- --_show-border-im-se,
750
- var(
751
- --_ctm-mob-dn-im-se-sd-se-br-wh,
752
- var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
753
- )
754
- );
755
-
756
- border-radius: var(
757
- --_ctm-mob-dn-im-se-sd-se-br-rs,
758
- var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
759
- );
760
-
761
- box-shadow: var(
762
- --_show-shadow-im-se,
763
- var(
764
- --_ctm-mob-dn-im-se-sd-se-sw-ae,
765
- var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
766
- )
767
- var(
768
- --_ctm-mob-dn-im-se-sd-se-sw-br,
769
- var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
770
- )
771
- var(
772
- --_ctm-mob-dn-im-se-sd-se-sw-sd,
773
- var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
774
- )
775
- var(
776
- --_ctm-mob-dn-im-se-sd-se-sw-cr,
777
- var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
778
- )
779
- );
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))));
780
529
 
781
530
  .off__price {
782
531
  font-size: 12px;
@@ -802,13 +551,16 @@
802
551
  flex-wrap: wrap;
803
552
 
804
553
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
554
+
805
555
  &:not([data-overflow-items="Wrap"]) {
806
556
  flex-wrap: nowrap;
557
+
807
558
  // overflow-x: auto;
808
559
  .item {
809
560
  min-width: 3uom__selector0px;
810
561
  }
811
562
  }
563
+
812
564
  &[data-overflow-items="None"] {
813
565
  overflow: hidden;
814
566
  }
@@ -820,14 +572,17 @@
820
572
  overflow-y: auto;
821
573
  // flex-wrap: wrap;
822
574
  row-gap: var(--_ctm-lt-im-sg);
575
+
823
576
  .item {
824
577
  flex-direction: row;
825
578
  justify-content: space-between;
826
579
  align-items: center;
580
+
827
581
  .right__side__content {
828
582
  display: flex;
829
583
  gap: 20px;
830
584
  align-items: center;
585
+
831
586
  div {
832
587
  display: flex;
833
588
  gap: 1px;
@@ -839,15 +594,18 @@
839
594
  }
840
595
  }
841
596
  }
597
+
842
598
  .grid {
843
599
  display: grid;
844
600
  grid-template-columns: repeat(var(--_ctm-lt-is-pr-rw), minmax(auto, 1fr));
845
601
  gap: var(--_ctm-lt-im-sg);
846
602
  padding: var(--_ctm-lt-im-pg);
603
+
847
604
  &[data-overflow-items="Scroll"] {
848
605
  height: 200px;
849
606
  overflow-y: auto;
850
607
  }
608
+
851
609
  .item {
852
610
  display: flex;
853
611
  align-items: center;
@@ -857,26 +615,15 @@
857
615
  padding: var(--_ctm-dn-im-se-dt-se-vl-pg) var(--_ctm-dn-im-se-dt-se-hl-pg);
858
616
  cursor: pointer;
859
617
  background-color: var(--_ctm-dn-im-se-dt-se-bd-cr);
860
- border-color: var(
861
- --_show-border-im-se,
862
- var(--_ctm-dn-im-se-dt-se-br-cr, var(--_tst-dn-br-cr))
863
- );
864
- border-style: var(
865
- --_show-border-im-se,
866
- var(--_ctm-dn-im-se-dt-se-br-se, var(--_tst-dn-br-se))
867
- );
868
- border-width: var(
869
- --_show-border-im-se,
870
- var(--_ctm-dn-im-se-dt-se-br-wh, var(--_tst-dn-br-wh))
871
- );
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)));
872
624
  border-radius: var(--_ctm-dn-im-se-dt-se-br-rs, var(--_tst-dn-br-rs));
873
- box-shadow: var(
874
- --_show-shadow-im-se,
875
- var(--_ctm-dn-im-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
876
- var(--_ctm-dn-im-se-dt-se-sw-br, var(--_tst-dn-sw-br))
877
- var(--_ctm-dn-im-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
878
- var(--_ctm-dn-im-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
879
- );
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)));
880
627
  cursor: pointer;
881
628
 
882
629
  .off__price {
@@ -887,82 +634,47 @@
887
634
  align-items: center;
888
635
  }
889
636
  }
637
+
890
638
  .active {
891
639
  display: flex;
892
640
 
893
- align-items: var(
894
- --_ctm-mob-dn-im-se-sd-se-ct-at,
895
- var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
896
- );
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)));
897
643
 
898
644
  justify-content: center;
899
645
  flex-direction: column;
900
646
  gap: 4px;
901
647
 
902
- padding: var(
903
- --_ctm-mob-dn-im-se-sd-se-vl-pg,
904
- var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
905
- )
906
- var(
907
- --_ctm-mob-dn-im-se-sd-se-hl-pg,
908
- var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
909
- );
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)));
910
651
 
911
652
  cursor: pointer;
912
653
 
913
- background-color: var(
914
- --_ctm-mob-dn-im-se-sd-se-bd-cr,
915
- var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
916
- );
917
-
918
- border-color: var(
919
- --_show-border-im-se,
920
- var(
921
- --_ctm-mob-dn-im-se-sd-se-br-cr,
922
- var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
923
- )
924
- );
925
-
926
- border-style: var(
927
- --_show-border-im-se,
928
- var(
929
- --_ctm-mob-dn-im-se-sd-se-br-se,
930
- var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
931
- )
932
- );
933
-
934
- border-width: var(
935
- --_show-border-im-se,
936
- var(
937
- --_ctm-mob-dn-im-se-sd-se-br-wh,
938
- var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
939
- )
940
- );
941
-
942
- border-radius: var(
943
- --_ctm-mob-dn-im-se-sd-se-br-rs,
944
- var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
945
- );
946
-
947
- box-shadow: var(
948
- --_show-shadow-im-se,
949
- var(
950
- --_ctm-mob-dn-im-se-sd-se-sw-ae,
951
- var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
952
- )
953
- var(
954
- --_ctm-mob-dn-im-se-sd-se-sw-br,
955
- var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
956
- )
957
- var(
958
- --_ctm-mob-dn-im-se-sd-se-sw-sd,
959
- var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
960
- )
961
- var(
962
- --_ctm-mob-dn-im-se-sd-se-sw-cr,
963
- var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
964
- )
965
- );
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))));
966
678
 
967
679
  .off__price {
968
680
  font-size: 12px;
@@ -974,62 +686,44 @@
974
686
  }
975
687
  }
976
688
  }
689
+
977
690
  .table-content {
978
691
  border-collapse: collapse;
979
- background-color: var(
980
- --_ctm-mob-dn-te-bd-cr,
981
- var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
982
- );
983
- border-color: var(
984
- --_show-border-im-se,
985
- var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))),
986
- var(--_tst-dn-br-cr)
987
- );
988
- border-style: var(
989
- --_show-border-im-se,
990
- var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))),
991
- var(--_tst-dn-br-se)
992
- );
993
- border-width: var(
994
- --_show-border-im-se,
995
- var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))),
996
- var(--_tst-dn-br-wh)
997
- );
998
- border-radius: var(
999
- --_ctm-mob-dn-te-br-rs,
1000
- var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)),
1001
- var(--_tst-dn-br-rs)
1002
- );
1003
- box-shadow: var(
1004
- --_show-shadow-im-se,
1005
- var(
1006
- --_ctm-mob-dn-te-sw-ae,
1007
- var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae)))
1008
- )
1009
- var(
1010
- --_ctm-mob-dn-te-sw-br,
1011
- var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br)))
1012
- )
1013
- var(
1014
- --_ctm-mob-dn-te-sw-sd,
1015
- var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd)))
1016
- )
1017
- var(
1018
- --_ctm-mob-dn-te-sw-cr,
1019
- var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr)))
1020
- )
1021
- );
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
+
1022
713
  &[data-header-divider="true"] {
1023
714
  thead tr th {
1024
715
  border-bottom: 1px solid var(--_ctm-dn-rw-ds-hr-dr);
1025
716
  }
1026
717
  }
718
+
1027
719
  &[data-row-divider="true"] {
1028
720
  tbody tr td {
1029
721
  border-bottom: 1px solid var(--_ctm-dn-rw-ds-rw-dr);
1030
722
  }
1031
723
  }
724
+
1032
725
  &[data-column-divider="true"] {
726
+
1033
727
  tbody tr td,
1034
728
  thead tr th {
1035
729
  border-right: 1px solid var(--_ctm-dn-rw-ds-cn-dr);
@@ -1040,14 +734,17 @@
1040
734
  border-right: none;
1041
735
  }
1042
736
  }
737
+
1043
738
  &[data-alternative-row-colors="true"] {
1044
739
  tbody tr:nth-child(odd) {
1045
740
  background-color: var(--_gray-300);
1046
741
  width: 100%;
1047
742
  }
1048
743
  }
744
+
1049
745
  thead {
1050
746
  height: var(--_ctm-lt-hr-ht);
747
+
1051
748
  tr {
1052
749
  th {
1053
750
  padding: var(--_ctm-lt-hr-cl-pg);
@@ -1056,6 +753,9 @@
1056
753
  background-color: var(--_ctm-dn-te-hr-bd-cr);
1057
754
  color: var(--_ctm-dn-hr-tt-cr);
1058
755
  font-family: var(--_ctm-dn-hr-tt-ft-fy);
756
+ text-transform: var(--_ctm-dn-hr-tt-tt-tm);
757
+ word-wrap: var(--_ctm-dn-hr-tt-wd-wp);
758
+ word-break: var(--_ctm-dn-hr-tt-wd-bk);
1059
759
  font-size: var(--_ctm-dn-hr-tt-ft-se);
1060
760
  font-weight: var(--_ctm-dn-hr-tt-ft-wt);
1061
761
  font-style: var(--_ctm-dn-hr-tt-ft-se-ic);
@@ -1065,18 +765,23 @@
1065
765
  }
1066
766
  }
1067
767
  }
768
+
1068
769
  tbody {
1069
770
  tr {
1070
771
  padding: var(--_ctm-lt-rw-cl-pg);
1071
772
  height: var(--_ctm-lt-rw-ht);
1072
773
  background-color: var(--_ctm-dn-te-rw-bd-cr);
1073
774
  text-align: var(--_ctm-lt-ct-at);
775
+
1074
776
  th,
1075
777
  td {
1076
778
  border: 0;
1077
779
  padding: inherit;
1078
780
  color: var(--_ctm-dn-te-rw-cr);
1079
781
  font-family: var(--_ctm-dn-te-rw-ft-fy);
782
+ text-transform: var(--_ctm-dn-te-rw-tt-tm);
783
+ word-wrap: var(--_ctm-dn-te-rw-wd-wp);
784
+ word-break: var(--_ctm-dn-te-rw-wd-bk);
1080
785
  font-size: var(--_ctm-dn-te-rw-ft-se);
1081
786
  font-weight: var(--_ctm-dn-te-rw-ft-wt);
1082
787
  font-style: var(--_ctm-dn-te-rw-ft-se-ic);
@@ -1088,11 +793,13 @@
1088
793
  }
1089
794
  }
1090
795
  }
796
+
1091
797
  .pagination_container {
1092
798
  display: flex;
1093
799
  justify-content: center;
1094
800
  align-items: center;
1095
801
  gap: 10px;
802
+
1096
803
  button {
1097
804
  font-size: 16px;
1098
805
  // padding: 10px 20px;
@@ -1102,45 +809,35 @@
1102
809
  cursor: pointer;
1103
810
  // border-radius: 10px;
1104
811
  }
812
+
1105
813
  span {
1106
814
  cursor: pointer;
1107
- color: var(
1108
- --_ctm-mob-dn-pn-dt-se-cr,
1109
- var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1110
- );
1111
- font-family: var(
1112
- --_ctm-mob-dn-pn-dt-se-ft-fy,
1113
- var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1114
- );
1115
- font-size: var(
1116
- --_ctm-mob-dn-pn-dt-se-ft-se,
1117
- var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
1118
- );
1119
- font-weight: var(
1120
- --_ctm-mob-dn-pn-dt-se-ft-wt,
1121
- var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
1122
- );
1123
- font-style: var(
1124
- --_ctm-mob-dn-pn-dt-se-ft-se-ic,
1125
- var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
1126
- );
1127
- text-align: var(
1128
- --_ctm-mob-dn-pn-dt-se-tt-an,
1129
- var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
1130
- );
1131
- letter-spacing: var(
1132
- --_ctm-mob-dn-pn-dt-se-lr-sg,
1133
- var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
1134
- );
1135
- line-height: var(
1136
- --_ctm-mob-dn-pn-dt-se-le-ht,
1137
- var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
1138
- );
1139
- text-decoration: var(
1140
- --_ctm-mob-dn-pn-dt-se-ue,
1141
- var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
1142
- );
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)));
1143
839
  }
840
+
1144
841
  .active {
1145
842
  span {
1146
843
  background-color: var(--_ctm-dn-pn-dt-se-bd-cr);
@@ -1148,102 +845,63 @@
1148
845
  }
1149
846
  }
1150
847
  }
848
+
1151
849
  .loadmore_conatiner {
1152
850
  display: flex;
1153
851
  justify-content: center;
1154
852
  align-items: center;
1155
853
  gap: 10px;
1156
854
  margin-top: 10px;
855
+
1157
856
  button {
1158
857
  padding: 10px;
1159
858
  cursor: pointer;
1160
- color: var(
1161
- --_ctm-mob-dn-sw-me-is-bn-cr,
1162
- var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1163
- );
1164
- font-family: var(
1165
- --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1166
- var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1167
- );
1168
- font-size: var(
1169
- --_ctm-mob-dn-sw-me-is-bn-ft-se,
1170
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
1171
- );
1172
- font-weight: var(
1173
- --_ctm-mob-dn-sw-me-is-bn-ft-wt,
1174
- var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
1175
- );
1176
- font-style: var(
1177
- --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
1178
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
1179
- );
1180
- text-align: var(
1181
- --_ctm-mob-dn-sw-me-is-bn-tt-an,
1182
- var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
1183
- );
1184
- letter-spacing: var(
1185
- --_ctm-mob-dn-sw-me-is-bn-lr-sg,
1186
- var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
1187
- );
1188
- line-height: var(
1189
- --_ctm-mob-dn-sw-me-is-bn-le-ht,
1190
- var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
1191
- );
1192
- text-decoration: var(
1193
- --_ctm-mob-dn-sw-me-is-bn-ue,
1194
- var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
1195
- );
1196
- background-color: var(
1197
- --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1198
- var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1199
- );
1200
- border-color: var(
1201
- --_show-border-im-se,
1202
- var(
1203
- --_ctm-mob-dn-sw-me-is-bn-br-cr,
1204
- var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
1205
- )
1206
- );
1207
- border-style: var(
1208
- --_show-border-im-se,
1209
- var(
1210
- --_ctm-mob-dn-sw-me-is-bn-br-se,
1211
- var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
1212
- )
1213
- );
1214
- border-width: var(
1215
- --_show-border-im-se,
1216
- var(
1217
- --_ctm-mob-dn-sw-me-is-bn-br-wh,
1218
- var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
1219
- )
1220
- );
1221
- border-radius: var(
1222
- --_ctm-mob-dn-sw-me-is-bn-br-rs,
1223
- var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
1224
- );
1225
- box-shadow: var(
1226
- --_show-shadow-im-se,
1227
- var(
1228
- --_ctm-mob-dn-sw-me-is-bn-sw-ae,
1229
- var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
1230
- )
1231
- var(
1232
- --_ctm-mob-dn-sw-me-is-bn-sw-br,
1233
- var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
1234
- )
1235
- var(
1236
- --_ctm-mob-dn-sw-me-is-bn-sw-sd,
1237
- var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
1238
- )
1239
- var(
1240
- --_ctm-mob-dn-sw-me-is-bn-sw-cr,
1241
- var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
1242
- )
1243
- );
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))));
1244
902
  }
1245
903
  }
1246
904
  }
1247
905
  }
1248
906
  }
1249
- }
907
+ }