@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,44 +18,47 @@
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, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))));
21
+ width: var(
22
+ --_sf-el-wh-st-mx,
23
+ calc(
24
+ 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
25
+ )
26
+ );
23
27
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
24
28
 
25
- --_aspect-ratio: calc(1 * (var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) / var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))));
26
-
27
- &>.wrapper {
29
+ --_aspect-ratio: calc(
30
+ 1 *
31
+ (
32
+ var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
33
+ var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
34
+ )
35
+ );
36
+ & > .wrapper {
28
37
  width: 100%;
29
38
  // height: 100%;
30
39
  }
31
-
32
40
  &[data-show-shadow="false"] {
33
41
  --_show-shadow: none;
34
42
  }
35
-
36
43
  &[data-overflow-items="Wrap"] {
37
44
  .horizontal {
38
45
  flex-wrap: wrap;
39
46
  }
40
47
  }
41
-
42
48
  &[data-overflow-items="Scroll"] {
43
49
  .horizontal {
44
50
  width: 100%;
45
51
  overflow-x: auto;
46
-
47
52
  .item {
48
53
  width: 100%;
49
54
  flex-shrink: 0;
50
55
  }
51
56
  }
52
-
53
57
  .vertical {
54
58
  overflow-y: auto;
55
59
  max-height: 30%;
56
60
  }
57
61
  }
58
-
59
62
  .text-element {
60
63
  color: #333;
61
64
  font-size: 12px;
@@ -67,42 +70,63 @@
67
70
 
68
71
  .uom__selector {
69
72
  width: 100%;
70
-
71
73
  // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
72
74
  .uom__container {
73
75
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
74
-
75
76
  // border: 1px solid rgba(75, 69, 70, 1);
76
77
  // border-radius: 20px;
77
78
  .stack {
78
79
  display: flex;
79
80
  flex-direction: column;
80
-
81
81
  .static {
82
- color: var(--_ctm-mob-dn-um-te-se-cr,
83
- var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr)));
84
- font-family: var(--_ctm-mob-dn-um-te-se-ft-fy,
85
- var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy)));
86
- text-transform: var(--_ctm-mob-dn-um-te-se-tt-tm,
87
- var(--_ctm-tab-dn-um-te-se-tt-tm, var(--_ctm-dn-um-te-se-tt-tm)));
88
- word-wrap: var(--_ctm-mob-dn-um-te-se-wd-wp,
89
- var(--_ctm-tab-dn-um-te-se-wd-wp, var(--_ctm-dn-um-te-se-wd-wp)));
90
- word-break: var(--_ctm-mob-dn-um-te-se-wd-bk,
91
- var(--_ctm-tab-dn-um-te-se-wd-bk, var(--_ctm-dn-um-te-se-wd-bk)));
92
- font-size: var(--_ctm-mob-dn-um-te-se-ft-se,
93
- var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se)));
94
- font-weight: var(--_ctm-mob-dn-um-te-se-ft-wt,
95
- var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt)));
96
- font-style: var(--_ctm-mob-dn-um-te-se-ft-se-ic,
97
- var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic)));
98
- text-align: var(--_ctm-mob-dn-um-te-se-tt-an,
99
- var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an)));
100
- letter-spacing: var(--_ctm-mob-dn-um-te-se-lr-sg,
101
- var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg)));
102
- line-height: var(--_ctm-mob-dn-um-te-se-le-ht,
103
- var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht)));
104
- text-decoration: var(--_ctm-mob-dn-um-te-se-ue,
105
- var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue)));
82
+ color: var(
83
+ --_ctm-mob-dn-um-te-se-cr,
84
+ var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
85
+ );
86
+ font-family: var(
87
+ --_ctm-mob-dn-um-te-se-ft-fy,
88
+ var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
89
+ );
90
+ text-transform: var(
91
+ --_ctm-mob-dn-um-te-se-tt-tm,
92
+ var(--_ctm-tab-dn-um-te-se-tt-tm, var(--_ctm-dn-um-te-se-tt-tm))
93
+ );
94
+ word-wrap: var(
95
+ --_ctm-mob-dn-um-te-se-wd-wp,
96
+ var(--_ctm-tab-dn-um-te-se-wd-wp, var(--_ctm-dn-um-te-se-wd-wp))
97
+ );
98
+ word-break: var(
99
+ --_ctm-mob-dn-um-te-se-wd-bk,
100
+ var(--_ctm-tab-dn-um-te-se-wd-bk, var(--_ctm-dn-um-te-se-wd-bk))
101
+ );
102
+ font-size: var(
103
+ --_ctm-mob-dn-um-te-se-ft-se,
104
+ var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
105
+ );
106
+ font-weight: var(
107
+ --_ctm-mob-dn-um-te-se-ft-wt,
108
+ var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
109
+ );
110
+ font-style: var(
111
+ --_ctm-mob-dn-um-te-se-ft-se-ic,
112
+ var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
113
+ );
114
+ text-align: var(
115
+ --_ctm-mob-dn-um-te-se-tt-an,
116
+ var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
117
+ );
118
+ letter-spacing: var(
119
+ --_ctm-mob-dn-um-te-se-lr-sg,
120
+ var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
121
+ );
122
+ line-height: var(
123
+ --_ctm-mob-dn-um-te-se-le-ht,
124
+ var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
125
+ );
126
+ text-decoration: var(
127
+ --_ctm-mob-dn-um-te-se-ue,
128
+ var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
129
+ );
106
130
  }
107
131
 
108
132
  .item {
@@ -111,324 +135,599 @@
111
135
  justify-content: center;
112
136
  flex-direction: column;
113
137
  gap: 4px;
114
- padding: var(--_ctm-mob-dn-im-se-dt-se-vl-pg,
115
- var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))) var(--_ctm-mob-dn-im-se-dt-se-hl-pg,
116
- var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg)));
138
+ padding: var(
139
+ --_ctm-mob-dn-im-se-dt-se-vl-pg,
140
+ var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
141
+ )
142
+ var(
143
+ --_ctm-mob-dn-im-se-dt-se-hl-pg,
144
+ var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
145
+ );
117
146
  cursor: pointer;
118
- background-color: var(--_ctm-mob-dn-im-se-dt-se-bd-cr,
119
- var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr)));
120
-
121
- border-color: var(--_show-border-im-se,
122
- var(--_ctm-mob-dn-im-se-dt-se-br-cr,
123
- var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))));
124
- border-style: var(--_show-border-im-se,
125
- var(--_ctm-mob-dn-im-se-dt-se-br-se,
126
- var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))));
127
- border-width: var(--_show-border-im-se,
128
- var(--_ctm-mob-dn-im-se-dt-se-br-wh,
129
- var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))));
130
- border-radius: var(--_ctm-mob-dn-im-se-dt-se-br-rs,
131
- var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs)));
132
-
133
- box-shadow: var(--_show-shadow-im-se,
134
- var(--_ctm-mob-dn-im-se-dt-se-sw-ae,
135
- var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))) var(--_ctm-mob-dn-im-se-dt-se-sw-br,
136
- var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))) var(--_ctm-mob-dn-im-se-dt-se-sw-sd,
137
- var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))) var(--_ctm-mob-dn-im-se-dt-se-sw-cr,
138
- var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))));
147
+ background-color: var(
148
+ --_ctm-mob-dn-im-se-dt-se-bd-cr,
149
+ var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
150
+ );
151
+
152
+ border-color: var(
153
+ --_show-border-im-se,
154
+ var(
155
+ --_ctm-mob-dn-im-se-dt-se-br-cr,
156
+ var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
157
+ )
158
+ );
159
+ border-style: var(
160
+ --_show-border-im-se,
161
+ var(
162
+ --_ctm-mob-dn-im-se-dt-se-br-se,
163
+ var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
164
+ )
165
+ );
166
+ border-width: var(
167
+ --_show-border-im-se,
168
+ var(
169
+ --_ctm-mob-dn-im-se-dt-se-br-wh,
170
+ var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
171
+ )
172
+ );
173
+ border-radius: var(
174
+ --_ctm-mob-dn-im-se-dt-se-br-rs,
175
+ var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
176
+ );
177
+
178
+ box-shadow: var(
179
+ --_show-shadow-im-se,
180
+ var(
181
+ --_ctm-mob-dn-im-se-dt-se-sw-ae,
182
+ var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
183
+ )
184
+ var(
185
+ --_ctm-mob-dn-im-se-dt-se-sw-br,
186
+ var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
187
+ )
188
+ var(
189
+ --_ctm-mob-dn-im-se-dt-se-sw-sd,
190
+ var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
191
+ )
192
+ var(
193
+ --_ctm-mob-dn-im-se-dt-se-sw-cr,
194
+ var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
195
+ )
196
+ );
139
197
  }
140
-
141
198
  .active {
142
199
  display: flex;
143
200
 
144
- align-items: var(--_ctm-mob-dn-im-se-sd-se-ct-at,
145
- var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at)));
201
+ align-items: var(
202
+ --_ctm-mob-dn-im-se-sd-se-ct-at,
203
+ var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
204
+ );
146
205
 
147
206
  justify-content: center;
148
207
  flex-direction: column;
149
208
  gap: 4px;
150
209
 
151
- padding: var(--_ctm-mob-dn-im-se-sd-se-vl-pg,
152
- var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))) var(--_ctm-mob-dn-im-se-sd-se-hl-pg,
153
- var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg)));
210
+ padding: var(
211
+ --_ctm-mob-dn-im-se-sd-se-vl-pg,
212
+ var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
213
+ )
214
+ var(
215
+ --_ctm-mob-dn-im-se-sd-se-hl-pg,
216
+ var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
217
+ );
154
218
 
155
219
  cursor: pointer;
156
220
 
157
- background-color: var(--_ctm-mob-dn-im-se-sd-se-bd-cr,
158
- var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr)));
159
-
160
- border-color: var(--_show-border-im-se,
161
- var(--_ctm-mob-dn-im-se-sd-se-br-cr,
162
- var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))));
163
-
164
- border-style: var(--_show-border-im-se,
165
- var(--_ctm-mob-dn-im-se-sd-se-br-se,
166
- var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))));
167
-
168
- border-width: var(--_show-border-im-se,
169
- var(--_ctm-mob-dn-im-se-sd-se-br-wh,
170
- var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))));
171
-
172
- border-radius: var(--_ctm-mob-dn-im-se-sd-se-br-rs,
173
- var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs)));
174
-
175
- box-shadow: var(--_show-shadow-im-se,
176
- var(--_ctm-mob-dn-im-se-sd-se-sw-ae,
177
- var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))) var(--_ctm-mob-dn-im-se-sd-se-sw-br,
178
- var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))) var(--_ctm-mob-dn-im-se-sd-se-sw-sd,
179
- var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))) var(--_ctm-mob-dn-im-se-sd-se-sw-cr,
180
- var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))));
221
+ background-color: var(
222
+ --_ctm-mob-dn-im-se-sd-se-bd-cr,
223
+ var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
224
+ );
225
+
226
+ border-color: var(
227
+ --_show-border-im-se,
228
+ var(
229
+ --_ctm-mob-dn-im-se-sd-se-br-cr,
230
+ var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
231
+ )
232
+ );
233
+
234
+ border-style: var(
235
+ --_show-border-im-se,
236
+ var(
237
+ --_ctm-mob-dn-im-se-sd-se-br-se,
238
+ var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
239
+ )
240
+ );
241
+
242
+ border-width: var(
243
+ --_show-border-im-se,
244
+ var(
245
+ --_ctm-mob-dn-im-se-sd-se-br-wh,
246
+ var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
247
+ )
248
+ );
249
+
250
+ border-radius: var(
251
+ --_ctm-mob-dn-im-se-sd-se-br-rs,
252
+ var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
253
+ );
254
+
255
+ box-shadow: var(
256
+ --_show-shadow-im-se,
257
+ var(
258
+ --_ctm-mob-dn-im-se-sd-se-sw-ae,
259
+ var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
260
+ )
261
+ var(
262
+ --_ctm-mob-dn-im-se-sd-se-sw-br,
263
+ var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
264
+ )
265
+ var(
266
+ --_ctm-mob-dn-im-se-sd-se-sw-sd,
267
+ var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
268
+ )
269
+ var(
270
+ --_ctm-mob-dn-im-se-sd-se-sw-cr,
271
+ var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
272
+ )
273
+ );
181
274
 
182
275
  .each {
183
- color: var(--_ctm-mob-dn-um-se-cr,
184
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr)));
185
- font-family: var(--_ctm-mob-dn-um-se-ft-fy,
186
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy)));
187
- text-transform: var(--_ctm-mob-dn-um-se-tt-tm,
188
- var(--_ctm-tab-dn-um-se-tt-tm, var(--_ctm-dn-um-se-tt-tm)));
189
- word-wrap: var(--_ctm-mob-dn-um-se-wd-wp,
190
- var(--_ctm-tab-dn-um-se-wd-wp, var(--_ctm-dn-um-se-wd-wp)));
191
- word-break: var(--_ctm-mob-dn-um-se-wd-bk,
192
- var(--_ctm-tab-dn-um-se-wd-bk, var(--_ctm-dn-um-se-wd-bk)));
193
- font-size: var(--_ctm-mob-dn-um-se-ft-se,
194
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se)));
195
- font-weight: var(--_ctm-mob-dn-um-se-ft-wt,
196
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt)));
197
- font-style: var(--_ctm-mob-dn-um-se-ft-se-ic,
198
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic)));
199
- text-align: var(--_ctm-mob-dn-um-se-tt-an,
200
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an)));
201
- letter-spacing: var(--_ctm-mob-dn-um-se-lr-sg,
202
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg)));
203
- line-height: var(--_ctm-mob-dn-um-se-le-ht,
204
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht)));
205
- text-decoration: var(--_ctm-mob-dn-um-se-ue,
206
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue)));
276
+ color: var(
277
+ --_ctm-mob-dn-um-se-cr,
278
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
279
+ );
280
+ font-family: var(
281
+ --_ctm-mob-dn-um-se-ft-fy,
282
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
283
+ );
284
+ text-transform: var(
285
+ --_ctm-mob-dn-um-se-tt-tm,
286
+ var(--_ctm-tab-dn-um-se-tt-tm, var(--_ctm-dn-um-se-tt-tm))
287
+ );
288
+ word-wrap: var(
289
+ --_ctm-mob-dn-um-se-wd-wp,
290
+ var(--_ctm-tab-dn-um-se-wd-wp, var(--_ctm-dn-um-se-wd-wp))
291
+ );
292
+ word-break: var(
293
+ --_ctm-mob-dn-um-se-wd-bk,
294
+ var(--_ctm-tab-dn-um-se-wd-bk, var(--_ctm-dn-um-se-wd-bk))
295
+ );
296
+ font-size: var(
297
+ --_ctm-mob-dn-um-se-ft-se,
298
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
299
+ );
300
+ font-weight: var(
301
+ --_ctm-mob-dn-um-se-ft-wt,
302
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
303
+ );
304
+ font-style: var(
305
+ --_ctm-mob-dn-um-se-ft-se-ic,
306
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
307
+ );
308
+ text-align: var(
309
+ --_ctm-mob-dn-um-se-tt-an,
310
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
311
+ );
312
+ letter-spacing: var(
313
+ --_ctm-mob-dn-um-se-lr-sg,
314
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
315
+ );
316
+ line-height: var(
317
+ --_ctm-mob-dn-um-se-le-ht,
318
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
319
+ );
320
+ text-decoration: var(
321
+ --_ctm-mob-dn-um-se-ue,
322
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
323
+ );
207
324
  }
208
325
 
209
326
  .price {
210
- color: var(--_ctm-mob-dn-pt-pe-cr,
211
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr)));
212
- font-family: var(--_ctm-mob-dn-pt-pe-ft-fy,
213
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy)));
214
- text-transform: var(--_ctm-mob-dn-pt-pe-tt-tm,
215
- var(--_ctm-tab-dn-pt-pe-tt-tm, var(--_ctm-dn-pt-pe-tt-tm)));
216
- word-wrap: var(--_ctm-mob-dn-pt-pe-wd-wp,
217
- var(--_ctm-tab-dn-pt-pe-wd-wp, var(--_ctm-dn-pt-pe-wd-wp)));
218
- word-break: var(--_ctm-mob-dn-pt-pe-wd-bk,
219
- var(--_ctm-tab-dn-pt-pe-wd-bk, var(--_ctm-dn-pt-pe-wd-bk)));
220
- font-size: var(--_ctm-mob-dn-pt-pe-ft-se,
221
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se)));
222
- font-weight: var(--_ctm-mob-dn-pt-pe-ft-wt,
223
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt)));
224
- font-style: var(--_ctm-mob-dn-pt-pe-ft-se-ic,
225
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic)));
226
- text-align: var(--_ctm-mob-dn-pt-pe-tt-an,
227
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an)));
228
- letter-spacing: var(--_ctm-mob-dn-pt-pe-lr-sg,
229
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg)));
230
- line-height: var(--_ctm-mob-dn-pt-pe-le-ht,
231
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht)));
232
- text-decoration: var(--_ctm-mob-dn-pt-pe-ue,
233
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue)));
327
+ color: var(
328
+ --_ctm-mob-dn-pt-pe-cr,
329
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
330
+ );
331
+ font-family: var(
332
+ --_ctm-mob-dn-pt-pe-ft-fy,
333
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
334
+ );
335
+ text-transform: var(
336
+ --_ctm-mob-dn-pt-pe-tt-tm,
337
+ var(--_ctm-tab-dn-pt-pe-tt-tm, var(--_ctm-dn-pt-pe-tt-tm))
338
+ );
339
+ word-wrap: var(
340
+ --_ctm-mob-dn-pt-pe-wd-wp,
341
+ var(--_ctm-tab-dn-pt-pe-wd-wp, var(--_ctm-dn-pt-pe-wd-wp))
342
+ );
343
+ word-break: var(
344
+ --_ctm-mob-dn-pt-pe-wd-bk,
345
+ var(--_ctm-tab-dn-pt-pe-wd-bk, var(--_ctm-dn-pt-pe-wd-bk))
346
+ );
347
+ font-size: var(
348
+ --_ctm-mob-dn-pt-pe-ft-se,
349
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
350
+ );
351
+ font-weight: var(
352
+ --_ctm-mob-dn-pt-pe-ft-wt,
353
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
354
+ );
355
+ font-style: var(
356
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
357
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
358
+ );
359
+ text-align: var(
360
+ --_ctm-mob-dn-pt-pe-tt-an,
361
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
362
+ );
363
+ letter-spacing: var(
364
+ --_ctm-mob-dn-pt-pe-lr-sg,
365
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
366
+ );
367
+ line-height: var(
368
+ --_ctm-mob-dn-pt-pe-le-ht,
369
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
370
+ );
371
+ text-decoration: var(
372
+ --_ctm-mob-dn-pt-pe-ue,
373
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
374
+ );
234
375
  }
235
-
236
376
  .off__price {
237
377
  font-size: 12px;
238
378
  display: flex;
239
379
  justify-content: space-around;
240
380
  gap: 10px;
241
381
  align-items: center;
242
-
243
382
  .saving__amount {
244
383
  color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
245
- font-family: var(--_ctm-mob-dn-ss-ft-fy,
246
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy)));
247
- text-transform: var(--_ctm-mob-dn-ss-tt-tm,
248
- var(--_ctm-tab-dn-ss-tt-tm, var(--_ctm-dn-ss-tt-tm)));
249
- word-wrap: var(--_ctm-mob-dn-ss-wd-wp,
250
- var(--_ctm-tab-dn-ss-wd-wp, var(--_ctm-dn-ss-wd-wp)));
251
- word-break: var(--_ctm-mob-dn-ss-wd-bk,
252
- var(--_ctm-tab-dn-ss-wd-bk, var(--_ctm-dn-ss-wd-bk)));
253
- font-size: var(--_ctm-mob-dn-ss-ft-se,
254
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se)));
255
- font-weight: var(--_ctm-mob-dn-ss-ft-wt,
256
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt)));
257
- font-style: var(--_ctm-mob-dn-ss-ft-se-ic,
258
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic)));
259
- text-align: var(--_ctm-mob-dn-ss-tt-an,
260
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an)));
261
- letter-spacing: var(--_ctm-mob-dn-ss-lr-sg,
262
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg)));
263
- line-height: var(--_ctm-mob-dn-ss-le-ht,
264
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht)));
265
- text-decoration: var(--_ctm-mob-dn-ss-ue,
266
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue)));
384
+ font-family: var(
385
+ --_ctm-mob-dn-ss-ft-fy,
386
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
387
+ );
388
+ text-transform: var(
389
+ --_ctm-mob-dn-ss-tt-tm,
390
+ var(--_ctm-tab-dn-ss-tt-tm, var(--_ctm-dn-ss-tt-tm))
391
+ );
392
+ word-wrap: var(
393
+ --_ctm-mob-dn-ss-wd-wp,
394
+ var(--_ctm-tab-dn-ss-wd-wp, var(--_ctm-dn-ss-wd-wp))
395
+ );
396
+ word-break: var(
397
+ --_ctm-mob-dn-ss-wd-bk,
398
+ var(--_ctm-tab-dn-ss-wd-bk, var(--_ctm-dn-ss-wd-bk))
399
+ );
400
+ font-size: var(
401
+ --_ctm-mob-dn-ss-ft-se,
402
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
403
+ );
404
+ font-weight: var(
405
+ --_ctm-mob-dn-ss-ft-wt,
406
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
407
+ );
408
+ font-style: var(
409
+ --_ctm-mob-dn-ss-ft-se-ic,
410
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
411
+ );
412
+ text-align: var(
413
+ --_ctm-mob-dn-ss-tt-an,
414
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
415
+ );
416
+ letter-spacing: var(
417
+ --_ctm-mob-dn-ss-lr-sg,
418
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
419
+ );
420
+ line-height: var(
421
+ --_ctm-mob-dn-ss-le-ht,
422
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
423
+ );
424
+ text-decoration: var(
425
+ --_ctm-mob-dn-ss-ue,
426
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
427
+ );
267
428
  }
268
429
 
269
430
  .actual__price {
270
- color: var(--_ctm-mob-dn-al-pe-cr,
271
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr)));
272
- font-family: var(--_ctm-mob-dn-al-pe-ft-fy,
273
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy)));
274
- text-transform: var(--_ctm-mob-dn-al-pe-tt-tm,
275
- var(--_ctm-tab-dn-al-pe-tt-tm, var(--_ctm-dn-al-pe-tt-tm)));
276
- word-wrap: var(--_ctm-mob-dn-al-pe-wd-wp,
277
- var(--_ctm-tab-dn-al-pe-wd-wp, var(--_ctm-dn-al-pe-wd-wp)));
278
- word-break: var(--_ctm-mob-dn-al-pe-wd-bk,
279
- var(--_ctm-tab-dn-al-pe-wd-bk, var(--_ctm-dn-al-pe-wd-bk)));
280
- font-size: var(--_ctm-mob-dn-al-pe-ft-se,
281
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se)));
282
- font-weight: var(--_ctm-mob-dn-al-pe-ft-wt,
283
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt)));
284
- font-style: var(--_ctm-mob-dn-al-pe-ft-se-ic,
285
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic)));
286
- text-align: var(--_ctm-mob-dn-al-pe-tt-an,
287
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an)));
288
- letter-spacing: var(--_ctm-mob-dn-al-pe-lr-sg,
289
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg)));
290
- line-height: var(--_ctm-mob-dn-al-pe-le-ht,
291
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht)));
292
- text-decoration: var(--_ctm-mob-dn-al-pe-ue,
293
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue)));
431
+ color: var(
432
+ --_ctm-mob-dn-al-pe-cr,
433
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
434
+ );
435
+ font-family: var(
436
+ --_ctm-mob-dn-al-pe-ft-fy,
437
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
438
+ );
439
+ text-transform: var(
440
+ --_ctm-mob-dn-al-pe-tt-tm,
441
+ var(--_ctm-tab-dn-al-pe-tt-tm, var(--_ctm-dn-al-pe-tt-tm))
442
+ );
443
+ word-wrap: var(
444
+ --_ctm-mob-dn-al-pe-wd-wp,
445
+ var(--_ctm-tab-dn-al-pe-wd-wp, var(--_ctm-dn-al-pe-wd-wp))
446
+ );
447
+ word-break: var(
448
+ --_ctm-mob-dn-al-pe-wd-bk,
449
+ var(--_ctm-tab-dn-al-pe-wd-bk, var(--_ctm-dn-al-pe-wd-bk))
450
+ );
451
+ font-size: var(
452
+ --_ctm-mob-dn-al-pe-ft-se,
453
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
454
+ );
455
+ font-weight: var(
456
+ --_ctm-mob-dn-al-pe-ft-wt,
457
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
458
+ );
459
+ font-style: var(
460
+ --_ctm-mob-dn-al-pe-ft-se-ic,
461
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
462
+ );
463
+ text-align: var(
464
+ --_ctm-mob-dn-al-pe-tt-an,
465
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
466
+ );
467
+ letter-spacing: var(
468
+ --_ctm-mob-dn-al-pe-lr-sg,
469
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
470
+ );
471
+ line-height: var(
472
+ --_ctm-mob-dn-al-pe-le-ht,
473
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
474
+ );
475
+ text-decoration: var(
476
+ --_ctm-mob-dn-al-pe-ue,
477
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
478
+ );
294
479
  }
295
480
  }
296
-
297
481
  .units {
298
- color: var(--_ctm-mob-dn-pe-pr-ut-cr,
299
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr)));
300
- font-family: var(--_ctm-mob-dn-pe-pr-ut-ft-fy,
301
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy)));
302
- text-transform: var(--_ctm-mob-dn-pe-pr-ut-tt-tm,
303
- var(--_ctm-tab-dn-pe-pr-ut-tt-tm, var(--_ctm-dn-pe-pr-ut-tt-tm)));
304
- word-wrap: var(--_ctm-mob-dn-pe-pr-ut-wd-wp,
305
- var(--_ctm-tab-dn-pe-pr-ut-wd-wp, var(--_ctm-dn-pe-pr-ut-wd-wp)));
306
- word-break: var(--_ctm-mob-dn-pe-pr-ut-wd-bk,
307
- var(--_ctm-tab-dn-pe-pr-ut-wd-bk, var(--_ctm-dn-pe-pr-ut-wd-bk)));
308
- font-size: var(--_ctm-mob-dn-pe-pr-ut-ft-se,
309
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se)));
310
- font-weight: var(--_ctm-mob-dn-pe-pr-ut-ft-wt,
311
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt)));
312
- font-style: var(--_ctm-mob-dn-pe-pr-ut-ft-se-ic,
313
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic)));
314
- text-align: var(--_ctm-mob-dn-pe-pr-ut-tt-an,
315
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an)));
316
- letter-spacing: var(--_ctm-mob-dn-pe-pr-ut-lr-sg,
317
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg)));
318
- line-height: var(--_ctm-mob-dn-pe-pr-ut-le-ht,
319
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht)));
320
- text-decoration: var(--_ctm-mob-dn-pe-pr-ut-ue,
321
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue)));
482
+ color: var(
483
+ --_ctm-mob-dn-pe-pr-ut-cr,
484
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
485
+ );
486
+ font-family: var(
487
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
488
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
489
+ );
490
+ text-transform: var(
491
+ --_ctm-mob-dn-pe-pr-ut-tt-tm,
492
+ var(--_ctm-tab-dn-pe-pr-ut-tt-tm, var(--_ctm-dn-pe-pr-ut-tt-tm))
493
+ );
494
+ word-wrap: var(
495
+ --_ctm-mob-dn-pe-pr-ut-wd-wp,
496
+ var(--_ctm-tab-dn-pe-pr-ut-wd-wp, var(--_ctm-dn-pe-pr-ut-wd-wp))
497
+ );
498
+ word-break: var(
499
+ --_ctm-mob-dn-pe-pr-ut-wd-bk,
500
+ var(--_ctm-tab-dn-pe-pr-ut-wd-bk, var(--_ctm-dn-pe-pr-ut-wd-bk))
501
+ );
502
+ font-size: var(
503
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
504
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
505
+ );
506
+ font-weight: var(
507
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
508
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
509
+ );
510
+ font-style: var(
511
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
512
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
513
+ );
514
+ text-align: var(
515
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
516
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
517
+ );
518
+ letter-spacing: var(
519
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
520
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
521
+ );
522
+ line-height: var(
523
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
524
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
525
+ );
526
+ text-decoration: var(
527
+ --_ctm-mob-dn-pe-pr-ut-ue,
528
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
529
+ );
322
530
  }
323
531
  }
324
532
 
325
533
  .each {
326
- color: var(--_ctm-mob-dn-um-se-cr,
327
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr)));
328
- font-family: var(--_ctm-mob-dn-um-se-ft-fy,
329
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy)));
330
- text-transform: var(--_ctm-mob-dn-um-se-tt-tm,
331
- var(--_ctm-tab-dn-um-se-tt-tm, var(--_ctm-dn-um-se-tt-tm)));
332
- word-wrap: var(--_ctm-mob-dn-um-se-wd-wp,
333
- var(--_ctm-tab-dn-um-se-wd-wp, var(--_ctm-dn-um-se-wd-wp)));
334
- word-break: var(--_ctm-mob-dn-um-se-wd-bk,
335
- var(--_ctm-tab-dn-um-se-wd-bk, var(--_ctm-dn-um-se-wd-bk)));
336
- font-size: var(--_ctm-mob-dn-um-se-ft-se,
337
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se)));
338
- font-weight: var(--_ctm-mob-dn-um-se-ft-wt,
339
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt)));
340
- font-style: var(--_ctm-mob-dn-um-se-ft-se-ic,
341
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic)));
342
- text-align: var(--_ctm-mob-dn-um-se-tt-an,
343
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an)));
344
- letter-spacing: var(--_ctm-mob-dn-um-se-lr-sg,
345
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg)));
346
- line-height: var(--_ctm-mob-dn-um-se-le-ht,
347
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht)));
348
- text-decoration: var(--_ctm-mob-dn-um-se-ue,
349
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue)));
534
+ color: var(
535
+ --_ctm-mob-dn-um-se-cr,
536
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
537
+ );
538
+ font-family: var(
539
+ --_ctm-mob-dn-um-se-ft-fy,
540
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
541
+ );
542
+ text-transform: var(
543
+ --_ctm-mob-dn-um-se-tt-tm,
544
+ var(--_ctm-tab-dn-um-se-tt-tm, var(--_ctm-dn-um-se-tt-tm))
545
+ );
546
+ word-wrap: var(
547
+ --_ctm-mob-dn-um-se-wd-wp,
548
+ var(--_ctm-tab-dn-um-se-wd-wp, var(--_ctm-dn-um-se-wd-wp))
549
+ );
550
+ word-break: var(
551
+ --_ctm-mob-dn-um-se-wd-bk,
552
+ var(--_ctm-tab-dn-um-se-wd-bk, var(--_ctm-dn-um-se-wd-bk))
553
+ );
554
+ font-size: var(
555
+ --_ctm-mob-dn-um-se-ft-se,
556
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
557
+ );
558
+ font-weight: var(
559
+ --_ctm-mob-dn-um-se-ft-wt,
560
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
561
+ );
562
+ font-style: var(
563
+ --_ctm-mob-dn-um-se-ft-se-ic,
564
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
565
+ );
566
+ text-align: var(
567
+ --_ctm-mob-dn-um-se-tt-an,
568
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
569
+ );
570
+ letter-spacing: var(
571
+ --_ctm-mob-dn-um-se-lr-sg,
572
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
573
+ );
574
+ line-height: var(
575
+ --_ctm-mob-dn-um-se-le-ht,
576
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
577
+ );
578
+ text-decoration: var(
579
+ --_ctm-mob-dn-um-se-ue,
580
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
581
+ );
350
582
  }
351
583
 
352
584
  .price {
353
- color: var(--_ctm-mob-dn-pt-pe-cr,
354
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr)));
355
- font-family: var(--_ctm-mob-dn-pt-pe-ft-fy,
356
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy)));
357
- text-transform: var(--_ctm-mob-dn-pt-pe-tt-tm,
358
- var(--_ctm-tab-dn-pt-pe-tt-tm, var(--_ctm-dn-pt-pe-tt-tm)));
359
- word-wrap: var(--_ctm-mob-dn-pt-pe-wd-wp,
360
- var(--_ctm-tab-dn-pt-pe-wd-wp, var(--_ctm-dn-pt-pe-wd-wp)));
361
- word-break: var(--_ctm-mob-dn-pt-pe-wd-bk,
362
- var(--_ctm-tab-dn-pt-pe-wd-bk, var(--_ctm-dn-pt-pe-wd-bk)));
363
- font-size: var(--_ctm-mob-dn-pt-pe-ft-se,
364
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se)));
365
- font-weight: var(--_ctm-mob-dn-pt-pe-ft-wt,
366
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt)));
367
- font-style: var(--_ctm-mob-dn-pt-pe-ft-se-ic,
368
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic)));
369
- text-align: var(--_ctm-mob-dn-pt-pe-tt-an,
370
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an)));
371
- letter-spacing: var(--_ctm-mob-dn-pt-pe-lr-sg,
372
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg)));
373
- line-height: var(--_ctm-mob-dn-pt-pe-le-ht,
374
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht)));
375
- text-decoration: var(--_ctm-mob-dn-pt-pe-ue,
376
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue)));
585
+ color: var(
586
+ --_ctm-mob-dn-pt-pe-cr,
587
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
588
+ );
589
+ font-family: var(
590
+ --_ctm-mob-dn-pt-pe-ft-fy,
591
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
592
+ );
593
+ text-transform: var(
594
+ --_ctm-mob-dn-pt-pe-tt-tm,
595
+ var(--_ctm-tab-dn-pt-pe-tt-tm, var(--_ctm-dn-pt-pe-tt-tm))
596
+ );
597
+ word-wrap: var(
598
+ --_ctm-mob-dn-pt-pe-wd-wp,
599
+ var(--_ctm-tab-dn-pt-pe-wd-wp, var(--_ctm-dn-pt-pe-wd-wp))
600
+ );
601
+ word-break: var(
602
+ --_ctm-mob-dn-pt-pe-wd-bk,
603
+ var(--_ctm-tab-dn-pt-pe-wd-bk, var(--_ctm-dn-pt-pe-wd-bk))
604
+ );
605
+ font-size: var(
606
+ --_ctm-mob-dn-pt-pe-ft-se,
607
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
608
+ );
609
+ font-weight: var(
610
+ --_ctm-mob-dn-pt-pe-ft-wt,
611
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
612
+ );
613
+ font-style: var(
614
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
615
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
616
+ );
617
+ text-align: var(
618
+ --_ctm-mob-dn-pt-pe-tt-an,
619
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
620
+ );
621
+ letter-spacing: var(
622
+ --_ctm-mob-dn-pt-pe-lr-sg,
623
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
624
+ );
625
+ line-height: var(
626
+ --_ctm-mob-dn-pt-pe-le-ht,
627
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
628
+ );
629
+ text-decoration: var(
630
+ --_ctm-mob-dn-pt-pe-ue,
631
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
632
+ );
377
633
  }
378
-
379
634
  .actual__price {
380
- color: var(--_ctm-mob-dn-al-pe-cr,
381
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr)));
382
- font-family: var(--_ctm-mob-dn-al-pe-ft-fy,
383
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy)));
384
- text-transform: var(--_ctm-mob-dn-al-pe-tt-tm,
385
- var(--_ctm-tab-dn-al-pe-tt-tm, var(--_ctm-dn-al-pe-tt-tm)));
386
- word-wrap: var(--_ctm-mob-dn-al-pe-wd-wp,
387
- var(--_ctm-tab-dn-al-pe-wd-wp, var(--_ctm-dn-al-pe-wd-wp)));
388
- word-break: var(--_ctm-mob-dn-al-pe-wd-bk,
389
- var(--_ctm-tab-dn-al-pe-wd-bk, var(--_ctm-dn-al-pe-wd-bk)));
390
- font-size: var(--_ctm-mob-dn-al-pe-ft-se,
391
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se)));
392
- font-weight: var(--_ctm-mob-dn-al-pe-ft-wt,
393
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt)));
394
- font-style: var(--_ctm-mob-dn-al-pe-ft-se-ic,
395
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic)));
396
- text-align: var(--_ctm-mob-dn-al-pe-tt-an,
397
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an)));
398
- letter-spacing: var(--_ctm-mob-dn-al-pe-lr-sg,
399
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg)));
400
- line-height: var(--_ctm-mob-dn-al-pe-le-ht,
401
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht)));
402
- text-decoration: var(--_ctm-mob-dn-al-pe-ue,
403
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue)));
635
+ color: var(
636
+ --_ctm-mob-dn-al-pe-cr,
637
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
638
+ );
639
+ font-family: var(
640
+ --_ctm-mob-dn-al-pe-ft-fy,
641
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
642
+ );
643
+ text-transform: var(
644
+ --_ctm-mob-dn-al-pe-tt-tm,
645
+ var(--_ctm-tab-dn-al-pe-tt-tm, var(--_ctm-dn-al-pe-tt-tm))
646
+ );
647
+ word-wrap: var(
648
+ --_ctm-mob-dn-al-pe-wd-wp,
649
+ var(--_ctm-tab-dn-al-pe-wd-wp, var(--_ctm-dn-al-pe-wd-wp))
650
+ );
651
+ word-break: var(
652
+ --_ctm-mob-dn-al-pe-wd-bk,
653
+ var(--_ctm-tab-dn-al-pe-wd-bk, var(--_ctm-dn-al-pe-wd-bk))
654
+ );
655
+ font-size: var(
656
+ --_ctm-mob-dn-al-pe-ft-se,
657
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
658
+ );
659
+ font-weight: var(
660
+ --_ctm-mob-dn-al-pe-ft-wt,
661
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
662
+ );
663
+ font-style: var(
664
+ --_ctm-mob-dn-al-pe-ft-se-ic,
665
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
666
+ );
667
+ text-align: var(
668
+ --_ctm-mob-dn-al-pe-tt-an,
669
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
670
+ );
671
+ letter-spacing: var(
672
+ --_ctm-mob-dn-al-pe-lr-sg,
673
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
674
+ );
675
+ line-height: var(
676
+ --_ctm-mob-dn-al-pe-le-ht,
677
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
678
+ );
679
+ text-decoration: var(
680
+ --_ctm-mob-dn-al-pe-ue,
681
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
682
+ );
404
683
  }
405
-
406
684
  .saving__amount {
407
685
  color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
408
- font-family: var(--_ctm-mob-dn-ss-ft-fy,
409
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy)));
410
- text-transform: var(--_ctm-mob-dn-ss-tt-tm,
411
- var(--_ctm-tab-dn-ss-tt-tm, var(--_ctm-dn-ss-tt-tm)));
412
- word-wrap: var(--_ctm-mob-dn-ss-wd-wp,
413
- var(--_ctm-tab-dn-ss-wd-wp, var(--_ctm-dn-ss-wd-wp)));
414
- word-break: var(--_ctm-mob-dn-ss-wd-bk,
415
- var(--_ctm-tab-dn-ss-wd-bk, var(--_ctm-dn-ss-wd-bk)));
416
- font-size: var(--_ctm-mob-dn-ss-ft-se,
417
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se)));
418
- font-weight: var(--_ctm-mob-dn-ss-ft-wt,
419
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt)));
420
- font-style: var(--_ctm-mob-dn-ss-ft-se-ic,
421
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic)));
422
- text-align: var(--_ctm-mob-dn-ss-tt-an,
423
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an)));
424
- letter-spacing: var(--_ctm-mob-dn-ss-lr-sg,
425
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg)));
426
- line-height: var(--_ctm-mob-dn-ss-le-ht,
427
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht)));
428
- text-decoration: var(--_ctm-mob-dn-ss-ue,
429
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue)));
686
+ font-family: var(
687
+ --_ctm-mob-dn-ss-ft-fy,
688
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
689
+ );
690
+ text-transform: var(
691
+ --_ctm-mob-dn-ss-tt-tm,
692
+ var(--_ctm-tab-dn-ss-tt-tm, var(--_ctm-dn-ss-tt-tm))
693
+ );
694
+ word-wrap: var(
695
+ --_ctm-mob-dn-ss-wd-wp,
696
+ var(--_ctm-tab-dn-ss-wd-wp, var(--_ctm-dn-ss-wd-wp))
697
+ );
698
+ word-break: var(
699
+ --_ctm-mob-dn-ss-wd-bk,
700
+ var(--_ctm-tab-dn-ss-wd-bk, var(--_ctm-dn-ss-wd-bk))
701
+ );
702
+ font-size: var(
703
+ --_ctm-mob-dn-ss-ft-se,
704
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
705
+ );
706
+ font-weight: var(
707
+ --_ctm-mob-dn-ss-ft-wt,
708
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
709
+ );
710
+ font-style: var(
711
+ --_ctm-mob-dn-ss-ft-se-ic,
712
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
713
+ );
714
+ text-align: var(
715
+ --_ctm-mob-dn-ss-tt-an,
716
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
717
+ );
718
+ letter-spacing: var(
719
+ --_ctm-mob-dn-ss-lr-sg,
720
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
721
+ );
722
+ line-height: var(
723
+ --_ctm-mob-dn-ss-le-ht,
724
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
725
+ );
726
+ text-decoration: var(
727
+ --_ctm-mob-dn-ss-ue,
728
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
729
+ );
430
730
  }
431
-
432
731
  .off__price {
433
732
  font-size: 12px;
434
733
  display: flex;
@@ -438,30 +737,54 @@
438
737
  }
439
738
 
440
739
  .units {
441
- color: var(--_ctm-mob-dn-pe-pr-ut-cr,
442
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr)));
443
- font-family: var(--_ctm-mob-dn-pe-pr-ut-ft-fy,
444
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy)));
445
- text-transform: var(--_ctm-mob-dn-pe-pr-ut-tt-tm,
446
- var(--_ctm-tab-dn-pe-pr-ut-tt-tm, var(--_ctm-dn-pe-pr-ut-tt-tm)));
447
- word-wrap: var(--_ctm-mob-dn-pe-pr-ut-wd-wp,
448
- var(--_ctm-tab-dn-pe-pr-ut-wd-wp, var(--_ctm-dn-pe-pr-ut-wd-wp)));
449
- word-break: var(--_ctm-mob-dn-pe-pr-ut-wd-bk,
450
- var(--_ctm-tab-dn-pe-pr-ut-wd-bk, var(--_ctm-dn-pe-pr-ut-wd-bk)));
451
- font-size: var(--_ctm-mob-dn-pe-pr-ut-ft-se,
452
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se)));
453
- font-weight: var(--_ctm-mob-dn-pe-pr-ut-ft-wt,
454
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt)));
455
- font-style: var(--_ctm-mob-dn-pe-pr-ut-ft-se-ic,
456
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic)));
457
- text-align: var(--_ctm-mob-dn-pe-pr-ut-tt-an,
458
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an)));
459
- letter-spacing: var(--_ctm-mob-dn-pe-pr-ut-lr-sg,
460
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg)));
461
- line-height: var(--_ctm-mob-dn-pe-pr-ut-le-ht,
462
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht)));
463
- text-decoration: var(--_ctm-mob-dn-pe-pr-ut-ue,
464
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue)));
740
+ color: var(
741
+ --_ctm-mob-dn-pe-pr-ut-cr,
742
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
743
+ );
744
+ font-family: var(
745
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
746
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
747
+ );
748
+ text-transform: var(
749
+ --_ctm-mob-dn-pe-pr-ut-tt-tm,
750
+ var(--_ctm-tab-dn-pe-pr-ut-tt-tm, var(--_ctm-dn-pe-pr-ut-tt-tm))
751
+ );
752
+ word-wrap: var(
753
+ --_ctm-mob-dn-pe-pr-ut-wd-wp,
754
+ var(--_ctm-tab-dn-pe-pr-ut-wd-wp, var(--_ctm-dn-pe-pr-ut-wd-wp))
755
+ );
756
+ word-break: var(
757
+ --_ctm-mob-dn-pe-pr-ut-wd-bk,
758
+ var(--_ctm-tab-dn-pe-pr-ut-wd-bk, var(--_ctm-dn-pe-pr-ut-wd-bk))
759
+ );
760
+ font-size: var(
761
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
762
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
763
+ );
764
+ font-weight: var(
765
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
766
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
767
+ );
768
+ font-style: var(
769
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
770
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
771
+ );
772
+ text-align: var(
773
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
774
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
775
+ );
776
+ letter-spacing: var(
777
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
778
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
779
+ );
780
+ line-height: var(
781
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
782
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
783
+ );
784
+ text-decoration: var(
785
+ --_ctm-mob-dn-pe-pr-ut-ue,
786
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
787
+ );
465
788
  }
466
789
  }
467
790
  }
@@ -494,61 +817,75 @@
494
817
  --_sf-hr-ls: var(--_ctm-dn-pn-hr-se-lr-sg, var(--_tst-dn-pn-hr-se-lr-sg));
495
818
  --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
496
819
  }
497
-
498
820
  &[data-widget-shadow="false"] {
499
821
  .table__wrapper {
500
822
  --_show-shadow: none;
501
823
  }
502
824
  }
503
-
504
825
  &[data-widget-border="true"] {
505
826
  .table__wrapper {
506
- border-color: var(--_ctm-mob-dn-te-wt-br-cr,
507
- var(--_ctm-tab-dn-te-wt-br-cr, var(--_ctm-dn-te-wt-br-cr)));
508
- border-style: var(--_ctm-mob-dn-te-wt-br-se,
509
- var(--_ctm-tab-dn-te-wt-br-se, var(--_ctm-dn-te-wt-br-se)));
510
- border-width: var(--_ctm-mob-dn-te-wt-br-wh,
511
- var(--_ctm-tab-dn-te-wt-br-wh, var(--_ctm-dn-te-wt-br-wh)));
827
+ border-color: var(
828
+ --_ctm-mob-dn-te-wt-br-cr,
829
+ var(--_ctm-tab-dn-te-wt-br-cr, var(--_ctm-dn-te-wt-br-cr))
830
+ );
831
+ border-style: var(
832
+ --_ctm-mob-dn-te-wt-br-se,
833
+ var(--_ctm-tab-dn-te-wt-br-se, var(--_ctm-dn-te-wt-br-se))
834
+ );
835
+ border-width: var(
836
+ --_ctm-mob-dn-te-wt-br-wh,
837
+ var(--_ctm-tab-dn-te-wt-br-wh, var(--_ctm-dn-te-wt-br-wh))
838
+ );
512
839
  }
513
840
  }
514
-
515
841
  &[data-table-shadow="false"] {
516
842
  .table__container {
517
843
  --_show-table-shadow: none;
518
844
  }
519
845
  }
520
-
521
846
  &[data-table-border="true"] {
522
847
  .table__container {
523
- border-color: var(--_ctm-mob-dn-te-br-cr,
524
- var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr)));
525
- border-style: var(--_ctm-mob-dn-te-br-se,
526
- var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se)));
527
- border-width: var(--_ctm-mob-dn-te-br-wh,
528
- var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh)));
848
+ border-color: var(
849
+ --_ctm-mob-dn-te-br-cr,
850
+ var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))
851
+ );
852
+ border-style: var(
853
+ --_ctm-mob-dn-te-br-se,
854
+ var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))
855
+ );
856
+ border-width: var(
857
+ --_ctm-mob-dn-te-br-wh,
858
+ var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))
859
+ );
529
860
  }
530
861
  }
531
862
 
532
863
  &[data-header-divider="true"] {
533
864
  thead tr th {
534
- border-bottom: 1px solid var(--_ctm-mob-dn-rw-ad-hr-ds-hr-dr,
535
- var(--_ctm-tab-dn-rw-ad-hr-ds-hr-dr, var(--_ctm-dn-rw-ad-hr-ds-hr-dr)));
865
+ border-bottom: 1px solid
866
+ var(
867
+ --_ctm-mob-dn-rw-ad-hr-ds-hr-dr,
868
+ var(--_ctm-tab-dn-rw-ad-hr-ds-hr-dr, var(--_ctm-dn-rw-ad-hr-ds-hr-dr))
869
+ );
536
870
  }
537
871
  }
538
-
539
872
  &[data-row-divider="true"] {
540
873
  tbody tr {
541
- border-bottom: 1px solid var(--_ctm-mob-dn-rw-ad-hr-ds-rw-dr,
542
- var(--_ctm-tab-dn-rw-ad-hr-ds-rw-dr, var(--_ctm-dn-rw-ad-hr-ds-rw-dr)));
874
+ border-bottom: 1px solid
875
+ var(
876
+ --_ctm-mob-dn-rw-ad-hr-ds-rw-dr,
877
+ var(--_ctm-tab-dn-rw-ad-hr-ds-rw-dr, var(--_ctm-dn-rw-ad-hr-ds-rw-dr))
878
+ );
543
879
  }
544
880
  }
545
-
546
881
  &[data-column-divider="true"] {
547
-
548
882
  tbody tr td,
549
883
  thead tr th {
550
- border-right: 1px solid var(--_ctm-mob-dn-rw-ad-hr-ds-cn-dr,
551
- var(--_ctm-tab-dn-rw-ad-hr-ds-cn-dr, var(--_ctm-dn-rw-ad-hr-ds-cn-dr)));
884
+ border-right: 1px solid
885
+ var(
886
+ --_ctm-mob-dn-rw-ad-hr-ds-cn-dr,
887
+ var(--_ctm-tab-dn-rw-ad-hr-ds-cn-dr, var(--_ctm-dn-rw-ad-hr-ds-cn-dr))
888
+ );
552
889
  }
553
890
 
554
891
  tbody tr td:last-child,
@@ -556,16 +893,19 @@
556
893
  border-right: none;
557
894
  }
558
895
  }
559
-
560
896
  &[data-show-more-rows="onScroll"] {
561
897
  .table__container {
562
898
  overflow-y: scroll;
563
- height: var(--_ctm-mob-lt-te-ht,
564
- var(--_ctm-tab-lt-te-ht, var(--_ctm-lt-te-ht))) !important;
899
+ height: var(
900
+ --_ctm-mob-lt-te-ht,
901
+ var(--_ctm-tab-lt-te-ht, var(--_ctm-lt-te-ht))
902
+ ) !important;
565
903
 
566
904
  &::-webkit-scrollbar {
567
- width: var(--_ctm-mob-dn-sl-br-sl-br-wh,
568
- var(--_ctm-tab-dn-sl-br-sl-br-wh, var(--_ctm-dn-sl-br-sl-br-wh)));
905
+ width: var(
906
+ --_ctm-mob-dn-sl-br-sl-br-wh,
907
+ var(--_ctm-tab-dn-sl-br-sl-br-wh, var(--_ctm-dn-sl-br-sl-br-wh))
908
+ );
569
909
  }
570
910
 
571
911
  &::-webkit-scrollbar-track {
@@ -573,8 +913,10 @@
573
913
  }
574
914
 
575
915
  &::-webkit-scrollbar-thumb {
576
- background-color: var(--_ctm-mob-dn-sl-br-sl-br-cr,
577
- var(--_ctm-tab-dn-sl-br-sl-br-cr, var(--_ctm-dn-sl-br-sl-br-cr)));
916
+ background-color: var(
917
+ --_ctm-mob-dn-sl-br-sl-br-cr,
918
+ var(--_ctm-tab-dn-sl-br-sl-br-cr, var(--_ctm-dn-sl-br-sl-br-cr))
919
+ );
578
920
  }
579
921
 
580
922
  // // Scrollbar thumb when hovered
@@ -595,33 +937,61 @@
595
937
  }
596
938
 
597
939
  .table__wrapper {
598
- padding: var(--_ctm-mob-lt-pg,
599
- var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg, var(--_tst-lt-pg))));
600
-
601
- background-color: var(--_ctm-mob-dn-te-wt-bd-cr,
602
- var(--_ctm-tab-dn-te-wt-bd-cr, var(--_ctm-dn-te-wt-bd-cr, var(--_tst-dn-te-wt-bd-cr))));
603
-
604
- border-radius: var(--_ctm-mob-dn-te-wt-br-rs,
605
- var(--_ctm-tab-dn-te-wt-br-rs, var(--_ctm-dn-te-wt-br-rs, var(--_tst-dn-te-wt-br-rs))));
606
-
607
- box-shadow: var(--_show-shadow,
608
- var(--_ctm-mob-dn-te-wt-sw-ae,
609
- var(--_ctm-tab-dn-te-wt-sw-ae, var(--_ctm-dn-te-wt-sw-ae))) var(--_ctm-mob-dn-te-wt-sw-br,
610
- var(--_ctm-tab-dn-te-wt-sw-br, var(--_ctm-dn-te-wt-sw-br))) var(--_ctm-mob-dn-te-wt-sw-sd,
611
- var(--_ctm-tab-dn-te-wt-sw-sd, var(--_ctm-dn-te-wt-sw-sd))) var(--_ctm-mob-dn-te-wt-sw-cr,
612
- var(--_ctm-tab-dn-te-wt-sw-cr, var(--_ctm-dn-te-wt-sw-cr))));
940
+ padding: var(
941
+ --_ctm-mob-lt-pg,
942
+ var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg, var(--_tst-lt-pg)))
943
+ );
944
+
945
+ background-color: var(
946
+ --_ctm-mob-dn-te-wt-bd-cr,
947
+ var(--_ctm-tab-dn-te-wt-bd-cr, var(--_ctm-dn-te-wt-bd-cr, var(--_tst-dn-te-wt-bd-cr)))
948
+ );
949
+
950
+ border-radius: var(
951
+ --_ctm-mob-dn-te-wt-br-rs,
952
+ var(--_ctm-tab-dn-te-wt-br-rs, var(--_ctm-dn-te-wt-br-rs, var(--_tst-dn-te-wt-br-rs)))
953
+ );
954
+
955
+ box-shadow: var(
956
+ --_show-shadow,
957
+ var(
958
+ --_ctm-mob-dn-te-wt-sw-ae,
959
+ var(--_ctm-tab-dn-te-wt-sw-ae, var(--_ctm-dn-te-wt-sw-ae))
960
+ )
961
+ var(
962
+ --_ctm-mob-dn-te-wt-sw-br,
963
+ var(--_ctm-tab-dn-te-wt-sw-br, var(--_ctm-dn-te-wt-sw-br))
964
+ )
965
+ var(
966
+ --_ctm-mob-dn-te-wt-sw-sd,
967
+ var(--_ctm-tab-dn-te-wt-sw-sd, var(--_ctm-dn-te-wt-sw-sd))
968
+ )
969
+ var(
970
+ --_ctm-mob-dn-te-wt-sw-cr,
971
+ var(--_ctm-tab-dn-te-wt-sw-cr, var(--_ctm-dn-te-wt-sw-cr))
972
+ )
973
+ );
613
974
 
614
975
  width: 100%;
615
976
 
616
977
  .table__container {
617
- background-color: var(--_ctm-mob-dn-te-bd-cr,
618
- var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr)));
619
-
620
- border-radius: var(--_ctm-mob-dn-te-br-rs,
621
- var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)));
622
-
623
- box-shadow: var(--_show-table-shadow,
624
- var(--_ctm-mob-dn-te-sw-ae, var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae))) var(--_ctm-mob-dn-te-sw-br, var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br))) var(--_ctm-mob-dn-te-sw-sd, var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd))) var(--_ctm-mob-dn-te-sw-cr, var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr))));
978
+ background-color: var(
979
+ --_ctm-mob-dn-te-bd-cr,
980
+ var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
981
+ );
982
+
983
+ border-radius: var(
984
+ --_ctm-mob-dn-te-br-rs,
985
+ var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs))
986
+ );
987
+
988
+ box-shadow: var(
989
+ --_show-table-shadow,
990
+ var(--_ctm-mob-dn-te-sw-ae, var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae)))
991
+ var(--_ctm-mob-dn-te-sw-br, var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br)))
992
+ var(--_ctm-mob-dn-te-sw-sd, var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd)))
993
+ var(--_ctm-mob-dn-te-sw-cr, var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr)))
994
+ );
625
995
  }
626
996
 
627
997
  h3 {
@@ -629,7 +999,6 @@
629
999
  width: 100%;
630
1000
  margin-bottom: 10px;
631
1001
  }
632
-
633
1002
  table {
634
1003
  border-collapse: collapse;
635
1004
  // border: none;
@@ -641,108 +1010,184 @@
641
1010
  td {
642
1011
  border: none;
643
1012
  }
644
-
645
1013
  thead {
646
- background-color: var(--_ctm-mob-dn-te-hr-bd-cr,
647
- var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr)));
1014
+ background-color: var(
1015
+ --_ctm-mob-dn-te-hr-bd-cr,
1016
+ var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr))
1017
+ );
648
1018
 
649
1019
  .thead__row__divider {
650
1020
  height: var(--_ctm-mob-lt-hr-ht, var(--_ctm-tab-lt-hr-ht, var(--_ctm-lt-hr-ht)));
651
1021
 
652
1022
  .th__col__divider {
653
- padding: var(--_ctm-mob-lt-hr-cl-pg,
654
- var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-lt-hr-cl-pg)));
655
-
656
- color: var(--_ctm-mob-dn-hr-tt-cr,
657
- var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr)));
658
-
659
- font-family: var(--_ctm-mob-dn-hr-tt-ft-fy,
660
- var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy)));
661
- text-transform: var(--_ctm-mob-dn-hr-tt-tt-tm,
662
- var(--_ctm-tab-dn-hr-tt-tt-tm, var(--_ctm-dn-hr-tt-tt-tm)));
663
- word-wrap: var(--_ctm-mob-dn-hr-tt-wd-wp,
664
- var(--_ctm-tab-dn-hr-tt-wd-wp, var(--_ctm-dn-hr-tt-wd-wp)));
665
- word-break: var(--_ctm-mob-dn-hr-tt-wd-bk,
666
- var(--_ctm-tab-dn-hr-tt-wd-bk, var(--_ctm-dn-hr-tt-wd-bk)));
667
-
668
- font-size: var(--_ctm-mob-dn-hr-tt-ft-se,
669
- var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se)));
670
-
671
- font-weight: var(--_ctm-mob-dn-hr-tt-ft-wt,
672
- var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt)));
673
-
674
- text-decoration: var(--_ctm-mob-dn-hr-tt-ue,
675
- var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue)));
676
-
677
- font-style: var(--_ctm-mob-dn-hr-tt-ft-se-ic,
678
- var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic)));
679
-
680
- text-align: var(--_ctm-mob-dn-hr-tt-tt-an,
681
- var(--_ctm-tab-dn-hr-tt-tt-an, var(--_ctm-dn-hr-tt-tt-an)));
682
-
683
- letter-spacing: var(--_ctm-mob-dn-hr-tt-lr-sg,
684
- var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg)));
685
-
686
- line-height: var(--_ctm-mob-dn-hr-tt-le-ht,
687
- var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht)));
1023
+ padding: var(
1024
+ --_ctm-mob-lt-hr-cl-pg,
1025
+ var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-lt-hr-cl-pg))
1026
+ );
1027
+
1028
+ color: var(
1029
+ --_ctm-mob-dn-hr-tt-cr,
1030
+ var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
1031
+ );
1032
+
1033
+ font-family: var(
1034
+ --_ctm-mob-dn-hr-tt-ft-fy,
1035
+ var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
1036
+ );
1037
+ text-transform: var(
1038
+ --_ctm-mob-dn-hr-tt-tt-tm,
1039
+ var(--_ctm-tab-dn-hr-tt-tt-tm, var(--_ctm-dn-hr-tt-tt-tm))
1040
+ );
1041
+ word-wrap: var(
1042
+ --_ctm-mob-dn-hr-tt-wd-wp,
1043
+ var(--_ctm-tab-dn-hr-tt-wd-wp, var(--_ctm-dn-hr-tt-wd-wp))
1044
+ );
1045
+ word-break: var(
1046
+ --_ctm-mob-dn-hr-tt-wd-bk,
1047
+ var(--_ctm-tab-dn-hr-tt-wd-bk, var(--_ctm-dn-hr-tt-wd-bk))
1048
+ );
1049
+
1050
+ font-size: var(
1051
+ --_ctm-mob-dn-hr-tt-ft-se,
1052
+ var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se))
1053
+ );
1054
+
1055
+ font-weight: var(
1056
+ --_ctm-mob-dn-hr-tt-ft-wt,
1057
+ var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt))
1058
+ );
1059
+
1060
+ text-decoration: var(
1061
+ --_ctm-mob-dn-hr-tt-ue,
1062
+ var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue))
1063
+ );
1064
+
1065
+ font-style: var(
1066
+ --_ctm-mob-dn-hr-tt-ft-se-ic,
1067
+ var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic))
1068
+ );
1069
+
1070
+ text-align: var(
1071
+ --_ctm-mob-dn-hr-tt-tt-an,
1072
+ var(--_ctm-tab-dn-hr-tt-tt-an, var(--_ctm-dn-hr-tt-tt-an))
1073
+ );
1074
+
1075
+ letter-spacing: var(
1076
+ --_ctm-mob-dn-hr-tt-lr-sg,
1077
+ var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg))
1078
+ );
1079
+
1080
+ line-height: var(
1081
+ --_ctm-mob-dn-hr-tt-le-ht,
1082
+ var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht))
1083
+ );
688
1084
  }
689
1085
  }
690
1086
  }
691
-
692
1087
  tbody {
693
1088
  .tbody__row__divider {
694
- background-color: var(--_ctm-mob-dn-te-rw-bd-cr,
695
- var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr)));
1089
+ background-color: var(
1090
+ --_ctm-mob-dn-te-rw-bd-cr,
1091
+ var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr))
1092
+ );
696
1093
 
697
1094
  height: var(--_ctm-mob-lt-rw-ht, var(--_ctm-tab-lt-rw-ht, var(--_ctm-lt-rw-ht)));
698
1095
 
699
1096
  .td__col__divider {
700
- padding: var(--_ctm-mob-lt-rw-cl-pg,
701
- var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-lt-rw-cl-pg)));
702
-
703
- color: var(--_sf-hr-fc,
704
- var(--_ctm-mob-dn-rw-tt-cr,
705
- var(--_ctm-tab-dn-rw-tt-cr, var(--_ctm-dn-rw-tt-cr))));
706
-
707
- font-family: var(--_sf-hr-ff,
708
- var(--_ctm-mob-dn-rw-tt-ft-fy,
709
- var(--_ctm-tab-dn-rw-tt-ft-fy, var(--_ctm-dn-rw-tt-ft-fy))));
710
- text-transform: var(--_sf-hr-tt-tm,
711
- var(--_ctm-mob-dn-rw-tt-tt-tm,
712
- var(--_ctm-tab-dn-rw-tt-tt-tm, var(--_ctm-dn-rw-tt-tt-tm))));
713
- word-wrap: var(--_sf-hr-wd-wp,
714
- var(--_ctm-mob-dn-rw-tt-wd-wp,
715
- var(--_ctm-tab-dn-rw-tt-wd-wp, var(--_ctm-dn-rw-tt-wd-wp))));
716
- word-break: var(--_sf-hr-wd-bk,
717
- var(--_ctm-mob-dn-rw-tt-wd-bk,
718
- var(--_ctm-tab-dn-rw-tt-wd-bk, var(--_ctm-dn-rw-tt-wd-bk))));
719
-
720
- font-size: var(--_sf-hr-fs,
721
- var(--_ctm-mob-dn-rw-tt-ft-se,
722
- var(--_ctm-tab-dn-rw-tt-ft-se, var(--_ctm-dn-rw-tt-ft-se))));
723
-
724
- text-decoration: var(--_ctm-mob-dn-rw-tt-ue,
725
- var(--_ctm-tab-dn-rw-tt-ue, var(--_ctm-dn-rw-tt-ue)));
726
-
727
- font-weight: var(--_sf-hr-fw,
728
- var(--_ctm-mob-dn-rw-tt-ft-wt,
729
- var(--_ctm-tab-dn-rw-tt-ft-wt, var(--_ctm-dn-rw-tt-ft-wt))));
730
-
731
- font-style: var(--_sf-hr-ft,
732
- var(--_ctm-mob-dn-rw-tt-ft-se-ic,
733
- var(--_ctm-tab-dn-rw-tt-ft-se-ic, var(--_ctm-dn-rw-tt-ft-se-ic))));
734
-
735
- text-align: var(--_sf-hr-ta,
736
- var(--_ctm-mob-dn-rw-tt-tt-an,
737
- var(--_ctm-tab-dn-rw-tt-tt-an, var(--_ctm-dn-rw-tt-tt-an))));
738
-
739
- letter-spacing: var(--_sf-hr-ls,
740
- var(--_ctm-mob-dn-rw-tt-lr-sg,
741
- var(--_ctm-tab-dn-rw-tt-lr-sg, var(--_ctm-dn-rw-tt-lr-sg))));
742
-
743
- line-height: var(--_sf-hr-lh,
744
- var(--_ctm-mob-dn-rw-tt-le-ht,
745
- var(--_ctm-tab-dn-rw-tt-le-ht, var(--_ctm-dn-rw-tt-le-ht))));
1097
+ padding: var(
1098
+ --_ctm-mob-lt-rw-cl-pg,
1099
+ var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-lt-rw-cl-pg))
1100
+ );
1101
+
1102
+ color: var(
1103
+ --_sf-hr-fc,
1104
+ var(
1105
+ --_ctm-mob-dn-rw-tt-cr,
1106
+ var(--_ctm-tab-dn-rw-tt-cr, var(--_ctm-dn-rw-tt-cr))
1107
+ )
1108
+ );
1109
+
1110
+ font-family: var(
1111
+ --_sf-hr-ff,
1112
+ var(
1113
+ --_ctm-mob-dn-rw-tt-ft-fy,
1114
+ var(--_ctm-tab-dn-rw-tt-ft-fy, var(--_ctm-dn-rw-tt-ft-fy))
1115
+ )
1116
+ );
1117
+ text-transform: var(
1118
+ --_sf-hr-tt-tm,
1119
+ var(
1120
+ --_ctm-mob-dn-rw-tt-tt-tm,
1121
+ var(--_ctm-tab-dn-rw-tt-tt-tm, var(--_ctm-dn-rw-tt-tt-tm))
1122
+ )
1123
+ );
1124
+ word-wrap: var(
1125
+ --_sf-hr-wd-wp,
1126
+ var(
1127
+ --_ctm-mob-dn-rw-tt-wd-wp,
1128
+ var(--_ctm-tab-dn-rw-tt-wd-wp, var(--_ctm-dn-rw-tt-wd-wp))
1129
+ )
1130
+ );
1131
+ word-break: var(
1132
+ --_sf-hr-wd-bk,
1133
+ var(
1134
+ --_ctm-mob-dn-rw-tt-wd-bk,
1135
+ var(--_ctm-tab-dn-rw-tt-wd-bk, var(--_ctm-dn-rw-tt-wd-bk))
1136
+ )
1137
+ );
1138
+
1139
+ font-size: var(
1140
+ --_sf-hr-fs,
1141
+ var(
1142
+ --_ctm-mob-dn-rw-tt-ft-se,
1143
+ var(--_ctm-tab-dn-rw-tt-ft-se, var(--_ctm-dn-rw-tt-ft-se))
1144
+ )
1145
+ );
1146
+
1147
+ text-decoration: var(
1148
+ --_ctm-mob-dn-rw-tt-ue,
1149
+ var(--_ctm-tab-dn-rw-tt-ue, var(--_ctm-dn-rw-tt-ue))
1150
+ );
1151
+
1152
+ font-weight: var(
1153
+ --_sf-hr-fw,
1154
+ var(
1155
+ --_ctm-mob-dn-rw-tt-ft-wt,
1156
+ var(--_ctm-tab-dn-rw-tt-ft-wt, var(--_ctm-dn-rw-tt-ft-wt))
1157
+ )
1158
+ );
1159
+
1160
+ font-style: var(
1161
+ --_sf-hr-ft,
1162
+ var(
1163
+ --_ctm-mob-dn-rw-tt-ft-se-ic,
1164
+ var(--_ctm-tab-dn-rw-tt-ft-se-ic, var(--_ctm-dn-rw-tt-ft-se-ic))
1165
+ )
1166
+ );
1167
+
1168
+ text-align: var(
1169
+ --_sf-hr-ta,
1170
+ var(
1171
+ --_ctm-mob-dn-rw-tt-tt-an,
1172
+ var(--_ctm-tab-dn-rw-tt-tt-an, var(--_ctm-dn-rw-tt-tt-an))
1173
+ )
1174
+ );
1175
+
1176
+ letter-spacing: var(
1177
+ --_sf-hr-ls,
1178
+ var(
1179
+ --_ctm-mob-dn-rw-tt-lr-sg,
1180
+ var(--_ctm-tab-dn-rw-tt-lr-sg, var(--_ctm-dn-rw-tt-lr-sg))
1181
+ )
1182
+ );
1183
+
1184
+ line-height: var(
1185
+ --_sf-hr-lh,
1186
+ var(
1187
+ --_ctm-mob-dn-rw-tt-le-ht,
1188
+ var(--_ctm-tab-dn-rw-tt-le-ht, var(--_ctm-dn-rw-tt-le-ht))
1189
+ )
1190
+ );
746
1191
  }
747
1192
  }
748
1193
  }
@@ -751,13 +1196,18 @@
751
1196
  .pagination {
752
1197
  display: var(--_d-flex);
753
1198
  align-items: var(--_align-center);
754
- justify-content: var(--_ctm-mob-lt-pn-at,
755
- var(--_ctm-tab-lt-pn-at, var(--_ctm-lt-pn-at)));
1199
+ justify-content: var(
1200
+ --_ctm-mob-lt-pn-at,
1201
+ var(--_ctm-tab-lt-pn-at, var(--_ctm-lt-pn-at))
1202
+ );
756
1203
  margin-top: 10px;
757
- background-color: var(--_sf-bd-cr,
758
- var(--_ctm-mob-dn-pn-dt-se-bd-cr,
759
- var(--_ctm-tab-dn-pn-dt-se-bd-cr, var(--_ctm-dn-pn-dt-se-bd-cr))));
760
-
1204
+ background-color: var(
1205
+ --_sf-bd-cr,
1206
+ var(
1207
+ --_ctm-mob-dn-pn-dt-se-bd-cr,
1208
+ var(--_ctm-tab-dn-pn-dt-se-bd-cr, var(--_ctm-dn-pn-dt-se-bd-cr))
1209
+ )
1210
+ );
761
1211
  &.pagination__center {
762
1212
  justify-content: var(justify-center);
763
1213
  }
@@ -766,21 +1216,18 @@
766
1216
  svg {
767
1217
  width: var(--_width-18);
768
1218
  height: var(--_height-18);
769
-
770
1219
  path {
771
1220
  stroke: var(--_gray-500);
772
1221
  // stroke: var(--_ctm-dn-pn-in-c1, var(--_tst-dn-pn-in-c1));
773
- // Overrides the stroke-width presentation attribute baked into the icon markup.
774
- stroke-width: prepareMediaVariable(--_ctm-dn-pn-se-wh, 1.25);
1222
+ // Overrides the stroke-width presentation attribute baked into the icon markup.
1223
+ stroke-width: prepareMediaVariable(--_ctm-dn-pn-se-wh, 1.25);
775
1224
  }
776
1225
  }
777
1226
  }
778
-
779
1227
  span {
780
1228
  float: left;
781
1229
  padding: var(--_pd-8) var(--_pd-16);
782
1230
  text-decoration: none;
783
-
784
1231
  span {
785
1232
  // color: var(--_sf-hr-fc, var(--_ctm-dn-pn-bn-cr, var(--_tst-dn-pn-bn-cr)));
786
1233
  // font-size: var(--_sf-hr-fs, var(--_ctm-dn-pn-ft-se, var(--_tst-dn-pn-ft-se)));
@@ -792,7 +1239,6 @@
792
1239
  // letter-spacing: var(--_sf-hr-ls, var(--_ctm-dn-pn-lr-sg, var(--_tst-dn-pn-lr-sg)));
793
1240
  // line-height: var(--_sf-hr-lh, var(--_ctm-dn-pn-le-ht, var(--_tst-dn-pn-le-ht)));
794
1241
  }
795
-
796
1242
  &.active:hover {
797
1243
  &hover {
798
1244
  --_sf-hr-fc: var(--_ctm-dn-pn-hr-se-cr, var(--_tst-dn-pn-hr-se-cr));
@@ -808,65 +1254,115 @@
808
1254
  --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
809
1255
  }
810
1256
  }
811
-
812
1257
  &.active {
813
- color: var(--_sf-hr-fc,
814
- var(--_ctm-mob-dn-pn-dt-se-cr,
815
- var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))));
816
-
817
- font-family: var(--_sf-hr-ff,
818
- var(--_ctm-mob-dn-pn-dt-se-ft-fy,
819
- var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))));
820
- text-transform: var(--_sf-hr-tt-tm,
821
- var(--_ctm-mob-dn-pn-dt-se-tt-tm,
822
- var(--_ctm-tab-dn-pn-dt-se-tt-tm, var(--_ctm-dn-pn-dt-se-tt-tm))));
823
- word-wrap: var(--_sf-hr-wd-wp,
824
- var(--_ctm-mob-dn-pn-dt-se-wd-wp,
825
- var(--_ctm-tab-dn-pn-dt-se-wd-wp, var(--_ctm-dn-pn-dt-se-wd-wp))));
826
- word-break: var(--_sf-hr-wd-bk,
827
- var(--_ctm-mob-dn-pn-dt-se-wd-bk,
828
- var(--_ctm-tab-dn-pn-dt-se-wd-bk, var(--_ctm-dn-pn-dt-se-wd-bk))));
829
-
830
- font-size: var(--_sf-hr-fs,
831
- var(--_ctm-mob-dn-pn-dt-se-ft-se,
832
- var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))));
833
-
834
- text-decoration: var(--_sf-hr-td,
835
- var(--_ctm-mob-dn-pn-dt-se-ue,
836
- var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))));
837
-
838
- font-weight: var(--_sf-hr-fw,
839
- var(--_ctm-mob-dn-pn-dt-se-ft-wt,
840
- var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))));
841
-
842
- font-style: var(--_sf-hr-ft,
843
- var(--_ctm-mob-dn-pn-dt-se-ft-se-ic,
844
- var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))));
845
-
846
- text-align: var(--_sf-hr-ta,
847
- var(--_ctm-mob-dn-pn-dt-se-tt-an,
848
- var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))));
849
-
850
- letter-spacing: var(--_sf-hr-ls,
851
- var(--_ctm-mob-dn-pn-dt-se-lr-sg,
852
- var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))));
853
-
854
- line-height: var(--_sf-hr-lh,
855
- var(--_ctm-mob-dn-pn-dt-se-le-ht,
856
- var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))));
1258
+ color: var(
1259
+ --_sf-hr-fc,
1260
+ var(
1261
+ --_ctm-mob-dn-pn-dt-se-cr,
1262
+ var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1263
+ )
1264
+ );
1265
+
1266
+ font-family: var(
1267
+ --_sf-hr-ff,
1268
+ var(
1269
+ --_ctm-mob-dn-pn-dt-se-ft-fy,
1270
+ var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1271
+ )
1272
+ );
1273
+ text-transform: var(
1274
+ --_sf-hr-tt-tm,
1275
+ var(
1276
+ --_ctm-mob-dn-pn-dt-se-tt-tm,
1277
+ var(--_ctm-tab-dn-pn-dt-se-tt-tm, var(--_ctm-dn-pn-dt-se-tt-tm))
1278
+ )
1279
+ );
1280
+ word-wrap: var(
1281
+ --_sf-hr-wd-wp,
1282
+ var(
1283
+ --_ctm-mob-dn-pn-dt-se-wd-wp,
1284
+ var(--_ctm-tab-dn-pn-dt-se-wd-wp, var(--_ctm-dn-pn-dt-se-wd-wp))
1285
+ )
1286
+ );
1287
+ word-break: var(
1288
+ --_sf-hr-wd-bk,
1289
+ var(
1290
+ --_ctm-mob-dn-pn-dt-se-wd-bk,
1291
+ var(--_ctm-tab-dn-pn-dt-se-wd-bk, var(--_ctm-dn-pn-dt-se-wd-bk))
1292
+ )
1293
+ );
1294
+
1295
+ font-size: var(
1296
+ --_sf-hr-fs,
1297
+ var(
1298
+ --_ctm-mob-dn-pn-dt-se-ft-se,
1299
+ var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
1300
+ )
1301
+ );
1302
+
1303
+ text-decoration: var(
1304
+ --_sf-hr-td,
1305
+ var(
1306
+ --_ctm-mob-dn-pn-dt-se-ue,
1307
+ var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
1308
+ )
1309
+ );
1310
+
1311
+ font-weight: var(
1312
+ --_sf-hr-fw,
1313
+ var(
1314
+ --_ctm-mob-dn-pn-dt-se-ft-wt,
1315
+ var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
1316
+ )
1317
+ );
1318
+
1319
+ font-style: var(
1320
+ --_sf-hr-ft,
1321
+ var(
1322
+ --_ctm-mob-dn-pn-dt-se-ft-se-ic,
1323
+ var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
1324
+ )
1325
+ );
1326
+
1327
+ text-align: var(
1328
+ --_sf-hr-ta,
1329
+ var(
1330
+ --_ctm-mob-dn-pn-dt-se-tt-an,
1331
+ var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
1332
+ )
1333
+ );
1334
+
1335
+ letter-spacing: var(
1336
+ --_sf-hr-ls,
1337
+ var(
1338
+ --_ctm-mob-dn-pn-dt-se-lr-sg,
1339
+ var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
1340
+ )
1341
+ );
1342
+
1343
+ line-height: var(
1344
+ --_sf-hr-lh,
1345
+ var(
1346
+ --_ctm-mob-dn-pn-dt-se-le-ht,
1347
+ var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
1348
+ )
1349
+ );
857
1350
  }
858
1351
  }
859
-
860
1352
  .pagination__arrows {
861
- color: var(--_sf-hr-fc,
862
- var(--_ctm-mob-dn-pn-in-c1, var(--_ctm-tab-dn-pn-in-c1, var(--_ctm-dn-pn-in-c1))));
863
-
864
- font-size: var(--_sf-hr-fs,
865
- var(--_ctm-mob-dn-pn-in-se, var(--_ctm-tab-dn-pn-in-se, var(--_ctm-dn-pn-in-se))));
1353
+ color: var(
1354
+ --_sf-hr-fc,
1355
+ var(--_ctm-mob-dn-pn-in-c1, var(--_ctm-tab-dn-pn-in-c1, var(--_ctm-dn-pn-in-c1)))
1356
+ );
1357
+
1358
+ font-size: var(
1359
+ --_sf-hr-fs,
1360
+ var(--_ctm-mob-dn-pn-in-se, var(--_ctm-tab-dn-pn-in-se, var(--_ctm-dn-pn-in-se)))
1361
+ );
866
1362
  }
867
1363
  }
868
1364
  }
869
1365
  }
870
1366
  }
871
1367
  }
872
- }
1368
+ }