@sc-360-v2/storefront-cms-library 0.5.73 → 0.5.74

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