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

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 (124) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +126 -236
  3. package/dist/add-products-tab-details.scss +1048 -2097
  4. package/dist/add-products-tab.scss +666 -1204
  5. package/dist/allocation-header-quota-details.scss +189 -407
  6. package/dist/allocationDetails.scss +1661 -2143
  7. package/dist/allocations-quota-details.scss +159 -323
  8. package/dist/allocations.scss +475 -793
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/badge.scss +43 -18
  11. package/dist/brand-basic-elements.scss +76 -124
  12. package/dist/brand.scss +28 -55
  13. package/dist/breadcrumbs.scss +356 -718
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-variant-picker.scss +1128 -2027
  16. package/dist/bundle.scss +841 -1477
  17. package/dist/bundleDetails.scss +3774 -5072
  18. package/dist/button.scss +79 -103
  19. package/dist/buy-for-tab-container.scss +77 -106
  20. package/dist/buyForHeaders.scss +1722 -2976
  21. package/dist/cart-details.scss +481 -1012
  22. package/dist/cart-summary.scss +557 -1149
  23. package/dist/cart-wrapper.scss +37 -79
  24. package/dist/cart.scss +117 -225
  25. package/dist/cartAttributes.scss +416 -735
  26. package/dist/category-groups-element.scss +127 -108
  27. package/dist/category-groups-product-grid.scss +120 -147
  28. package/dist/category-groups-product-image.scss +1162 -1457
  29. package/dist/category-groups-product-options.scss +613 -680
  30. package/dist/category-groups-product-price.scss +1966 -3244
  31. package/dist/category-groups-quota-details.scss +210 -464
  32. package/dist/category.scss +26 -50
  33. package/dist/checkout.scss +24 -16
  34. package/dist/confirm-modal.scss +22 -2
  35. package/dist/container.scss +32 -54
  36. package/dist/countdown.scss +255 -443
  37. package/dist/coupon.scss +351 -710
  38. package/dist/default-dropdown.scss +12 -1
  39. package/dist/embroider-template-1-v2.scss +123 -172
  40. package/dist/embroider-template-1.scss +68 -104
  41. package/dist/embroidery.scss +30 -31
  42. package/dist/employee-bulk-order.scss +418 -142
  43. package/dist/faq.scss +228 -408
  44. package/dist/filter-results.scss +125 -265
  45. package/dist/filters.scss +900 -1797
  46. package/dist/gallery-slider-temp.scss +432 -750
  47. package/dist/global-styles.scss +218 -198
  48. package/dist/grid.scss +25 -33
  49. package/dist/hotspot.scss +68 -115
  50. package/dist/image-temp.scss +21 -20
  51. package/dist/item-stock.scss +9 -16
  52. package/dist/kitDetails.scss +2719 -4299
  53. package/dist/kits.scss +24 -19
  54. package/dist/language-selector.scss +211 -361
  55. package/dist/last-x-orders.scss +95 -174
  56. package/dist/layouter-item.scss +75 -103
  57. package/dist/layouter-pro-item.scss +89 -95
  58. package/dist/layouter-pro.scss +87 -92
  59. package/dist/layouter.scss +383 -445
  60. package/dist/light-box-v2.scss +89 -104
  61. package/dist/login.scss +287 -566
  62. package/dist/map.scss +221 -368
  63. package/dist/marchandiserSets.scss +95 -104
  64. package/dist/mega-menu-container.scss +96 -109
  65. package/dist/mega-menu.scss +624 -731
  66. package/dist/menu-item.scss +2 -2
  67. package/dist/menu-v2.scss +507 -619
  68. package/dist/multi-select-dropdown.scss +27 -3
  69. package/dist/my-templates.scss +38 -9
  70. package/dist/option-bar.scss +215 -375
  71. package/dist/order-status.scss +646 -1117
  72. package/dist/overflow-module.scss +6 -7
  73. package/dist/past-orders.scss +118 -149
  74. package/dist/payment-methods.scss +46 -30
  75. package/dist/pickup-locations.scss +558 -1118
  76. package/dist/position-module.scss +20 -17
  77. package/dist/prefix-list.scss +21 -10
  78. package/dist/product-actions.scss +1750 -2055
  79. package/dist/product-basic-elements.scss +108 -169
  80. package/dist/product-highlights.scss +107 -152
  81. package/dist/product-image-bundles.scss +337 -642
  82. package/dist/product-inventory.scss +673 -1357
  83. package/dist/product-labels.scss +84 -105
  84. package/dist/product-options.scss +1117 -1274
  85. package/dist/product-price.scss +1283 -2561
  86. package/dist/product-promotions.scss +1388 -2830
  87. package/dist/product-sizechart.scss +516 -905
  88. package/dist/product.scss +28 -61
  89. package/dist/productDetails.scss +19 -39
  90. package/dist/profile.scss +207 -447
  91. package/dist/quantity-selector.scss +837 -1074
  92. package/dist/quick-inventory-check.scss +95 -174
  93. package/dist/quick-links.scss +55 -133
  94. package/dist/quick-order-pad.scss +218 -271
  95. package/dist/quota-details.scss +152 -282
  96. package/dist/quotes.scss +89 -122
  97. package/dist/repeater-embla-controls.scss +35 -15
  98. package/dist/repeater-grid-toggle.scss +156 -166
  99. package/dist/repeater-item.scss +41 -64
  100. package/dist/repeater.scss +671 -814
  101. package/dist/request-for-quotes.scss +66 -16
  102. package/dist/responsive-behaviour.scss +3 -1
  103. package/dist/rfqs.scss +118 -181
  104. package/dist/scroll.scss +93 -172
  105. package/dist/search.scss +179 -326
  106. package/dist/section.scss +27 -51
  107. package/dist/shipping-payments.scss +198 -58
  108. package/dist/simple-list.scss +74 -164
  109. package/dist/social.scss +80 -145
  110. package/dist/sort.scss +11 -19
  111. package/dist/stack.scss +23 -34
  112. package/dist/static-global.scss +44 -26
  113. package/dist/stockStatus.scss +11 -19
  114. package/dist/store-locations.scss +577 -1105
  115. package/dist/tab-container.scss +81 -108
  116. package/dist/table-common.scss +217 -408
  117. package/dist/table.scss +271 -502
  118. package/dist/text-temp.scss +8 -7
  119. package/dist/theme-classes.scss +17 -13
  120. package/dist/uom-selector.scss +489 -949
  121. package/dist/user-elements.scss +529 -837
  122. package/dist/variant-picker.scss +1281 -2555
  123. package/dist/volume-pricing.scss +541 -1037
  124. package/package.json +1 -1
@@ -18,47 +18,44 @@
18
18
  // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
19
19
  // );
20
20
 
21
- width: var(
22
- --_sf-el-wh-st-mx,
23
- calc(
24
- 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
25
- )
26
- );
21
+ width: var(--_sf-el-wh-st-mx,
22
+ calc(1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))));
27
23
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
28
24
 
29
- --_aspect-ratio: calc(
30
- 1 *
31
- (
32
- var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
33
- var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
34
- )
35
- );
36
- & > .wrapper {
25
+ --_aspect-ratio: calc(1 * (var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) / var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))));
26
+
27
+ &>.wrapper {
37
28
  width: 100%;
38
29
  // height: 100%;
39
30
  }
31
+
40
32
  &[data-show-shadow="false"] {
41
33
  --_show-shadow: none;
42
34
  }
35
+
43
36
  &[data-overflow-items="Wrap"] {
44
37
  .horizontal {
45
38
  flex-wrap: wrap;
46
39
  }
47
40
  }
41
+
48
42
  &[data-overflow-items="Scroll"] {
49
43
  .horizontal {
50
44
  width: 100%;
51
45
  overflow-x: auto;
46
+
52
47
  .item {
53
48
  width: 100%;
54
49
  flex-shrink: 0;
55
50
  }
56
51
  }
52
+
57
53
  .vertical {
58
54
  overflow-y: auto;
59
55
  max-height: 30%;
60
56
  }
61
57
  }
58
+
62
59
  .text-element {
63
60
  color: #333;
64
61
  font-size: 12px;
@@ -70,63 +67,42 @@
70
67
 
71
68
  .uom__selector {
72
69
  width: 100%;
70
+
73
71
  // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
74
72
  .uom__container {
75
73
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
74
+
76
75
  // border: 1px solid rgba(75, 69, 70, 1);
77
76
  // border-radius: 20px;
78
77
  .stack {
79
78
  display: flex;
80
79
  flex-direction: column;
80
+
81
81
  .static {
82
- color: var(
83
- --_ctm-mob-dn-um-te-se-cr,
84
- var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
85
- );
86
- font-family: var(
87
- --_ctm-mob-dn-um-te-se-ft-fy,
88
- var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
89
- );
90
- 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
- );
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)));
130
106
  }
131
107
 
132
108
  .item {
@@ -135,599 +111,324 @@
135
111
  justify-content: center;
136
112
  flex-direction: column;
137
113
  gap: 4px;
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
- );
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)));
146
117
  cursor: pointer;
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
- );
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))));
197
139
  }
140
+
198
141
  .active {
199
142
  display: flex;
200
143
 
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
- );
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)));
205
146
 
206
147
  justify-content: center;
207
148
  flex-direction: column;
208
149
  gap: 4px;
209
150
 
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
- );
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)));
218
154
 
219
155
  cursor: pointer;
220
156
 
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
- );
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))));
274
181
 
275
182
  .each {
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
- );
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)));
324
207
  }
325
208
 
326
209
  .price {
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
- );
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)));
375
234
  }
235
+
376
236
  .off__price {
377
237
  font-size: 12px;
378
238
  display: flex;
379
239
  justify-content: space-around;
380
240
  gap: 10px;
381
241
  align-items: center;
242
+
382
243
  .saving__amount {
383
244
  color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
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
- );
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)));
428
267
  }
429
268
 
430
269
  .actual__price {
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
- );
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)));
479
294
  }
480
295
  }
296
+
481
297
  .units {
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
- );
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)));
530
322
  }
531
323
  }
532
324
 
533
325
  .each {
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
- );
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)));
582
350
  }
583
351
 
584
352
  .price {
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
- );
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)));
633
377
  }
378
+
634
379
  .actual__price {
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
- );
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)));
683
404
  }
405
+
684
406
  .saving__amount {
685
407
  color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
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
- );
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)));
730
430
  }
431
+
731
432
  .off__price {
732
433
  font-size: 12px;
733
434
  display: flex;
@@ -737,54 +438,30 @@
737
438
  }
738
439
 
739
440
  .units {
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
- );
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)));
788
465
  }
789
466
  }
790
467
  }
@@ -817,75 +494,61 @@
817
494
  --_sf-hr-ls: var(--_ctm-dn-pn-hr-se-lr-sg, var(--_tst-dn-pn-hr-se-lr-sg));
818
495
  --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
819
496
  }
497
+
820
498
  &[data-widget-shadow="false"] {
821
499
  .table__wrapper {
822
500
  --_show-shadow: none;
823
501
  }
824
502
  }
503
+
825
504
  &[data-widget-border="true"] {
826
505
  .table__wrapper {
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
- );
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)));
839
512
  }
840
513
  }
514
+
841
515
  &[data-table-shadow="false"] {
842
516
  .table__container {
843
517
  --_show-table-shadow: none;
844
518
  }
845
519
  }
520
+
846
521
  &[data-table-border="true"] {
847
522
  .table__container {
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
- );
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)));
860
529
  }
861
530
  }
862
531
 
863
532
  &[data-header-divider="true"] {
864
533
  thead tr th {
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
- );
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)));
870
536
  }
871
537
  }
538
+
872
539
  &[data-row-divider="true"] {
873
540
  tbody tr {
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
- );
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)));
879
543
  }
880
544
  }
545
+
881
546
  &[data-column-divider="true"] {
547
+
882
548
  tbody tr td,
883
549
  thead tr th {
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
- );
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)));
889
552
  }
890
553
 
891
554
  tbody tr td:last-child,
@@ -893,19 +556,16 @@
893
556
  border-right: none;
894
557
  }
895
558
  }
559
+
896
560
  &[data-show-more-rows="onScroll"] {
897
561
  .table__container {
898
562
  overflow-y: scroll;
899
- height: var(
900
- --_ctm-mob-lt-te-ht,
901
- var(--_ctm-tab-lt-te-ht, var(--_ctm-lt-te-ht))
902
- ) !important;
563
+ height: var(--_ctm-mob-lt-te-ht,
564
+ var(--_ctm-tab-lt-te-ht, var(--_ctm-lt-te-ht))) !important;
903
565
 
904
566
  &::-webkit-scrollbar {
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
- );
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)));
909
569
  }
910
570
 
911
571
  &::-webkit-scrollbar-track {
@@ -913,10 +573,8 @@
913
573
  }
914
574
 
915
575
  &::-webkit-scrollbar-thumb {
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
- );
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)));
920
578
  }
921
579
 
922
580
  // // Scrollbar thumb when hovered
@@ -937,61 +595,33 @@
937
595
  }
938
596
 
939
597
  .table__wrapper {
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
- );
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))));
974
613
 
975
614
  width: 100%;
976
615
 
977
616
  .table__container {
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
- );
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))));
995
625
  }
996
626
 
997
627
  h3 {
@@ -999,6 +629,7 @@
999
629
  width: 100%;
1000
630
  margin-bottom: 10px;
1001
631
  }
632
+
1002
633
  table {
1003
634
  border-collapse: collapse;
1004
635
  // border: none;
@@ -1010,184 +641,108 @@
1010
641
  td {
1011
642
  border: none;
1012
643
  }
644
+
1013
645
  thead {
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
- );
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)));
1018
648
 
1019
649
  .thead__row__divider {
1020
650
  height: var(--_ctm-mob-lt-hr-ht, var(--_ctm-tab-lt-hr-ht, var(--_ctm-lt-hr-ht)));
1021
651
 
1022
652
  .th__col__divider {
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
- );
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)));
1084
688
  }
1085
689
  }
1086
690
  }
691
+
1087
692
  tbody {
1088
693
  .tbody__row__divider {
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
- );
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)));
1093
696
 
1094
697
  height: var(--_ctm-mob-lt-rw-ht, var(--_ctm-tab-lt-rw-ht, var(--_ctm-lt-rw-ht)));
1095
698
 
1096
699
  .td__col__divider {
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
- );
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))));
1191
746
  }
1192
747
  }
1193
748
  }
@@ -1196,18 +751,13 @@
1196
751
  .pagination {
1197
752
  display: var(--_d-flex);
1198
753
  align-items: var(--_align-center);
1199
- justify-content: var(
1200
- --_ctm-mob-lt-pn-at,
1201
- var(--_ctm-tab-lt-pn-at, var(--_ctm-lt-pn-at))
1202
- );
754
+ justify-content: var(--_ctm-mob-lt-pn-at,
755
+ var(--_ctm-tab-lt-pn-at, var(--_ctm-lt-pn-at)));
1203
756
  margin-top: 10px;
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
- );
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
+
1211
761
  &.pagination__center {
1212
762
  justify-content: var(justify-center);
1213
763
  }
@@ -1216,18 +766,21 @@
1216
766
  svg {
1217
767
  width: var(--_width-18);
1218
768
  height: var(--_height-18);
769
+
1219
770
  path {
1220
771
  stroke: var(--_gray-500);
1221
772
  // stroke: var(--_ctm-dn-pn-in-c1, var(--_tst-dn-pn-in-c1));
1222
- // Overrides the stroke-width presentation attribute baked into the icon markup.
1223
- stroke-width: prepareMediaVariable(--_ctm-dn-pn-se-wh, 1.25);
773
+ // Overrides the stroke-width presentation attribute baked into the icon markup.
774
+ stroke-width: prepareMediaVariable(--_ctm-dn-pn-se-wh, 1.25);
1224
775
  }
1225
776
  }
1226
777
  }
778
+
1227
779
  span {
1228
780
  float: left;
1229
781
  padding: var(--_pd-8) var(--_pd-16);
1230
782
  text-decoration: none;
783
+
1231
784
  span {
1232
785
  // color: var(--_sf-hr-fc, var(--_ctm-dn-pn-bn-cr, var(--_tst-dn-pn-bn-cr)));
1233
786
  // font-size: var(--_sf-hr-fs, var(--_ctm-dn-pn-ft-se, var(--_tst-dn-pn-ft-se)));
@@ -1239,6 +792,7 @@
1239
792
  // letter-spacing: var(--_sf-hr-ls, var(--_ctm-dn-pn-lr-sg, var(--_tst-dn-pn-lr-sg)));
1240
793
  // line-height: var(--_sf-hr-lh, var(--_ctm-dn-pn-le-ht, var(--_tst-dn-pn-le-ht)));
1241
794
  }
795
+
1242
796
  &.active:hover {
1243
797
  &hover {
1244
798
  --_sf-hr-fc: var(--_ctm-dn-pn-hr-se-cr, var(--_tst-dn-pn-hr-se-cr));
@@ -1254,115 +808,65 @@
1254
808
  --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
1255
809
  }
1256
810
  }
811
+
1257
812
  &.active {
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
- );
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))));
1350
857
  }
1351
858
  }
859
+
1352
860
  .pagination__arrows {
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
- );
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))));
1362
866
  }
1363
867
  }
1364
868
  }
1365
869
  }
1366
870
  }
1367
871
  }
1368
- }
872
+ }