@sc-360-v2/storefront-cms-library 0.5.60 → 0.5.61

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 (140) 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 +2155 -1671
  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/bundleCategories.scss +301 -0
  19. package/dist/bundleDetails.scss +5072 -3774
  20. package/dist/button.scss +103 -78
  21. package/dist/buy-for-tab-container.scss +106 -77
  22. package/dist/buyForHeaders.scss +2976 -1722
  23. package/dist/cart-details.scss +1025 -485
  24. package/dist/cart-summary.scss +1234 -569
  25. package/dist/cart-wrapper.scss +79 -37
  26. package/dist/cart.scss +225 -117
  27. package/dist/cartAttributes.scss +647 -367
  28. package/dist/cartDropdownOverlay.scss +10 -1
  29. package/dist/category-groups-element.scss +108 -127
  30. package/dist/category-groups-product-grid.scss +147 -120
  31. package/dist/category-groups-product-image.scss +1457 -1162
  32. package/dist/category-groups-product-options.scss +685 -590
  33. package/dist/category-groups-product-price.scss +3244 -1966
  34. package/dist/category-groups-quota-details.scss +464 -210
  35. package/dist/category.scss +50 -26
  36. package/dist/checkout.scss +16 -24
  37. package/dist/confirm-modal.scss +2 -22
  38. package/dist/container.scss +54 -32
  39. package/dist/countdown.scss +443 -256
  40. package/dist/coupon.scss +16 -19
  41. package/dist/default-dropdown.scss +1 -12
  42. package/dist/embroider-template-1-v2.scss +172 -123
  43. package/dist/embroider-template-1.scss +104 -68
  44. package/dist/embroidery.scss +31 -30
  45. package/dist/employee-bulk-order.scss +142 -418
  46. package/dist/faq.scss +408 -228
  47. package/dist/filter-results.scss +265 -125
  48. package/dist/filters.scss +1682 -831
  49. package/dist/gallery-slider-temp.scss +805 -445
  50. package/dist/global-styles.scss +7 -23
  51. package/dist/grid.scss +33 -25
  52. package/dist/hotspot.scss +115 -68
  53. package/dist/image-temp.scss +38 -24
  54. package/dist/item-stock.scss +16 -9
  55. package/dist/kitDetails.scss +4301 -2721
  56. package/dist/kits.scss +19 -24
  57. package/dist/language-selector.scss +361 -211
  58. package/dist/last-x-orders.scss +174 -95
  59. package/dist/layouter-item.scss +106 -76
  60. package/dist/layouter-pro-item.scss +95 -89
  61. package/dist/layouter-pro.scss +92 -87
  62. package/dist/layouter.scss +264 -79
  63. package/dist/light-box-v2.scss +104 -89
  64. package/dist/login.scss +600 -311
  65. package/dist/map.scss +391 -228
  66. package/dist/marchandiserSets.scss +104 -95
  67. package/dist/mega-menu-container.scss +109 -96
  68. package/dist/mega-menu.scss +731 -624
  69. package/dist/menu-item.scss +2 -2
  70. package/dist/menu-v2.scss +619 -507
  71. package/dist/multi-select-dropdown.scss +3 -27
  72. package/dist/my-templates.scss +9 -38
  73. package/dist/option-bar.scss +375 -215
  74. package/dist/order-status.scss +1117 -643
  75. package/dist/overflow-module.scss +7 -6
  76. package/dist/past-orders.scss +149 -118
  77. package/dist/payment-methods.scss +30 -46
  78. package/dist/pickup-locations.scss +1118 -558
  79. package/dist/position-module.scss +17 -20
  80. package/dist/prefix-list.scss +10 -21
  81. package/dist/product-actions.scss +1778 -1228
  82. package/dist/product-basic-elements.scss +169 -108
  83. package/dist/product-highlights.scss +176 -107
  84. package/dist/product-image-bundles.scss +642 -337
  85. package/dist/product-inventory.scss +1357 -673
  86. package/dist/product-labels.scss +105 -84
  87. package/dist/product-options.scss +659 -316
  88. package/dist/product-price.scss +2562 -1284
  89. package/dist/product-promotions.scss +2830 -1388
  90. package/dist/product-sizechart.scss +905 -516
  91. package/dist/product.scss +61 -28
  92. package/dist/productDetails.scss +39 -19
  93. package/dist/profile.scss +451 -207
  94. package/dist/quantity-selector.scss +550 -313
  95. package/dist/quick-inventory-check.scss +174 -95
  96. package/dist/quick-links.scss +137 -56
  97. package/dist/quick-order-pad.scss +271 -218
  98. package/dist/quota-details.scss +282 -152
  99. package/dist/quotes.scss +121 -82
  100. package/dist/repeater-embla-controls.scss +26 -37
  101. package/dist/repeater-grid-toggle.scss +166 -156
  102. package/dist/repeater-item.scss +64 -41
  103. package/dist/repeater.scss +817 -554
  104. package/dist/request-for-quotes.scss +16 -66
  105. package/dist/responsive-behaviour.scss +1 -3
  106. package/dist/rfqs.scss +181 -118
  107. package/dist/scroll.scss +198 -90
  108. package/dist/search.scss +326 -179
  109. package/dist/section.scss +51 -27
  110. package/dist/shipping-payments.scss +58 -198
  111. package/dist/simple-list.scss +198 -61
  112. package/dist/social.scss +145 -80
  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 +511 -269
  120. package/dist/text-temp.scss +7 -8
  121. package/dist/theme-classes.scss +13 -17
  122. package/dist/types/builder/elements/bundle-categories/index.d.ts +30 -0
  123. package/dist/types/builder/enums/index.d.ts +1 -0
  124. package/dist/types/builder/index.d.ts +2 -1
  125. package/dist/types/builder/tools/element-edit/bundleCategories.d.ts +115 -0
  126. package/dist/types/builder/tools/element-edit/button.d.ts +1 -0
  127. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +1051 -2
  128. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  129. package/dist/types/builder/tools/element-edit/layouter.d.ts +33 -1
  130. package/dist/types/builder/tools/element-edit/productOptions.d.ts +3 -1
  131. package/dist/types/builder/tools/element-edit/productPrice.d.ts +1 -0
  132. package/dist/types/builder/tools/element-edit/repeater.d.ts +45 -1
  133. package/dist/types/builder/tools/element-edit/scroll.d.ts +6 -0
  134. package/dist/types/builder/tools/element-edit/userElements.d.ts +38 -37
  135. package/dist/uom-selector.scss +949 -489
  136. package/dist/user-elements.scss +892 -574
  137. package/dist/variant-picker.scss +2555 -1281
  138. package/dist/volume-pricing.scss +1037 -541
  139. package/dist/website.js +1 -1
  140. package/package.json +1 -1
package/dist/table.scss CHANGED
@@ -5,9 +5,16 @@
5
5
  [data-div-type="element"] {
6
6
  &[data-element-type="table"] {
7
7
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
8
- width: var(--_sf-el-wh-st-mx,
9
- calc(1% * var(--_ctm-mob-ele-nw-wh-vl,
10
- var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))))));
8
+ width: var(
9
+ --_sf-el-wh-st-mx,
10
+ calc(
11
+ 1% *
12
+ var(
13
+ --_ctm-mob-ele-nw-wh-vl,
14
+ var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
15
+ )
16
+ )
17
+ );
11
18
 
12
19
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
13
20
 
@@ -16,7 +23,7 @@
16
23
  // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
17
24
  // );
18
25
 
19
- &>.wrapper {
26
+ & > .wrapper {
20
27
  width: 100%;
21
28
 
22
29
  .pagination:hover {
@@ -39,100 +46,139 @@
39
46
  --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
40
47
  }
41
48
  }
42
-
43
49
  &[data-widget-shadow="false"] {
44
50
  .table__wrapper {
45
51
  --_show-shadow: none;
46
52
  }
47
53
  }
48
-
49
54
  &[data-widget-border="true"] {
50
55
  .table__wrapper {
51
- border-color: var(--_ctm-mob-dn-te-wt-br-cr,
52
- var(--_ctm-tab-dn-te-wt-br-cr, var(--_ctm-dn-te-wt-br-cr)));
53
- border-style: var(--_ctm-mob-dn-te-wt-br-se,
54
- var(--_ctm-tab-dn-te-wt-br-se, var(--_ctm-dn-te-wt-br-se)));
55
- border-width: var(--_ctm-mob-dn-te-wt-br-wh,
56
- var(--_ctm-tab-dn-te-wt-br-wh, var(--_ctm-dn-te-wt-br-wh)));
56
+ border-color: var(
57
+ --_ctm-mob-dn-te-wt-br-cr,
58
+ var(--_ctm-tab-dn-te-wt-br-cr, var(--_ctm-dn-te-wt-br-cr))
59
+ );
60
+ border-style: var(
61
+ --_ctm-mob-dn-te-wt-br-se,
62
+ var(--_ctm-tab-dn-te-wt-br-se, var(--_ctm-dn-te-wt-br-se))
63
+ );
64
+ border-width: var(
65
+ --_ctm-mob-dn-te-wt-br-wh,
66
+ var(--_ctm-tab-dn-te-wt-br-wh, var(--_ctm-dn-te-wt-br-wh))
67
+ );
57
68
  }
58
69
  }
59
-
60
70
  &[data-table-shadow="false"] {
61
71
  .table__container {
62
72
  --_show-table-shadow: none;
63
73
  }
64
74
  }
65
-
66
75
  &[data-show-header-border="true"] {
67
76
  .table__container {
68
77
  table {
69
78
  thead {
70
- border-color: var(--_ctm-mob-dn-te-hr-br-cr,
71
- var(--_ctm-tab-dn-te-hr-br-cr, var(--_ctm-dn-te-hr-br-cr)));
72
- border-style: var(--_ctm-mob-dn-te-hr-br-se,
73
- var(--_ctm-tab-dn-te-hr-br-se, var(--_ctm-dn-te-hr-br-se)));
74
- border-width: var(--_ctm-mob-dn-te-hr-br-wh,
75
- var(--_ctm-tab-dn-te-hr-br-wh, var(--_ctm-dn-te-hr-br-wh)));
79
+ border-color: var(
80
+ --_ctm-mob-dn-te-hr-br-cr,
81
+ var(--_ctm-tab-dn-te-hr-br-cr, var(--_ctm-dn-te-hr-br-cr))
82
+ );
83
+ border-style: var(
84
+ --_ctm-mob-dn-te-hr-br-se,
85
+ var(--_ctm-tab-dn-te-hr-br-se, var(--_ctm-dn-te-hr-br-se))
86
+ );
87
+ border-width: var(
88
+ --_ctm-mob-dn-te-hr-br-wh,
89
+ var(--_ctm-tab-dn-te-hr-br-wh, var(--_ctm-dn-te-hr-br-wh))
90
+ );
76
91
  }
77
92
  }
78
93
  }
79
94
  }
80
-
81
95
  &[data-table-border="true"] {
82
96
  .table__container {
83
- border-color: var(--_ctm-mob-dn-te-br-cr,
84
- var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr)));
85
- border-style: var(--_ctm-mob-dn-te-br-se,
86
- var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se)));
87
- border-width: var(--_ctm-mob-dn-te-br-wh,
88
- var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh)));
97
+ border-color: var(
98
+ --_ctm-mob-dn-te-br-cr,
99
+ var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))
100
+ );
101
+ border-style: var(
102
+ --_ctm-mob-dn-te-br-se,
103
+ var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))
104
+ );
105
+ border-width: var(
106
+ --_ctm-mob-dn-te-br-wh,
107
+ var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))
108
+ );
89
109
  }
90
110
  }
91
-
92
111
  &[data-loadmore-button-shadow="true"] {
93
112
  .load__more {
94
- box-shadow: var(--_ctm-mob-dn-ld-me-bn-sw-ae,
95
- var(--_ctm-tab-dn-ld-me-bn-sw-ae, var(--_ctm-dn-ld-me-bn-sw-ae))) var(--_ctm-mob-dn-ld-me-bn-sw-br,
96
- var(--_ctm-tab-dn-ld-me-bn-sw-br, var(--_ctm-dn-ld-me-bn-sw-br))) var(--_ctm-mob-ld-me-bn-sw-sd,
97
- var(--_ctm-tab-dn-ld-me-bn-sw-sd, var(--_ctm-dn-ld-me-bn-sw-sd))) var(--_ctm-mob-dn-ld-me-bn-sw-cr,
98
- var(--_ctm-tab-dn-ld-me-bn-sw-cr, var(--_ctm-dn-ld-me-bn-sw-cr)));
113
+ box-shadow: var(
114
+ --_ctm-mob-dn-ld-me-bn-sw-ae,
115
+ var(--_ctm-tab-dn-ld-me-bn-sw-ae, var(--_ctm-dn-ld-me-bn-sw-ae))
116
+ )
117
+ var(
118
+ --_ctm-mob-dn-ld-me-bn-sw-br,
119
+ var(--_ctm-tab-dn-ld-me-bn-sw-br, var(--_ctm-dn-ld-me-bn-sw-br))
120
+ )
121
+ var(
122
+ --_ctm-mob-ld-me-bn-sw-sd,
123
+ var(--_ctm-tab-dn-ld-me-bn-sw-sd, var(--_ctm-dn-ld-me-bn-sw-sd))
124
+ )
125
+ var(
126
+ --_ctm-mob-dn-ld-me-bn-sw-cr,
127
+ var(--_ctm-tab-dn-ld-me-bn-sw-cr, var(--_ctm-dn-ld-me-bn-sw-cr))
128
+ );
99
129
  }
100
130
  }
101
-
102
131
  &[data-loadmore-button-border="true"] {
103
132
  .load__more {
104
- border-color: var(--_sf-hr-br-cr,
105
- var(--_ctm-mob-dn-ld-me-bn-br-cr,
106
- var(--_ctm-tab-dn-ld-me-bn-br-cr, var(--_ctm-dn-ld-me-bn-br-cr))));
107
- border-style: var(--_sf-hr-br-st,
108
- var(--_ctm-mob-dn-ld-me-bn-br-se,
109
- var(--_ctm-tab-dn-ld-me-bn-br-se, var(--_ctm-dn-ld-me-bn-br-se))));
110
- border-width: var(--_sf-hr-br-wt,
111
- var(--_ctm-mob-dn-ld-me-bn-br-wh,
112
- var(--_ctm-tab-dn-ld-me-bn-br-wh, var(--_ctm-dn-ld-me-bn-br-wh))));
133
+ border-color: var(
134
+ --_sf-hr-br-cr,
135
+ var(
136
+ --_ctm-mob-dn-ld-me-bn-br-cr,
137
+ var(--_ctm-tab-dn-ld-me-bn-br-cr, var(--_ctm-dn-ld-me-bn-br-cr))
138
+ )
139
+ );
140
+ border-style: var(
141
+ --_sf-hr-br-st,
142
+ var(
143
+ --_ctm-mob-dn-ld-me-bn-br-se,
144
+ var(--_ctm-tab-dn-ld-me-bn-br-se, var(--_ctm-dn-ld-me-bn-br-se))
145
+ )
146
+ );
147
+ border-width: var(
148
+ --_sf-hr-br-wt,
149
+ var(
150
+ --_ctm-mob-dn-ld-me-bn-br-wh,
151
+ var(--_ctm-tab-dn-ld-me-bn-br-wh, var(--_ctm-dn-ld-me-bn-br-wh))
152
+ )
153
+ );
113
154
  }
114
155
  }
115
-
116
156
  &[data-header-divider="true"] {
117
157
  thead tr th {
118
- border-bottom: 1px solid var(--_ctm-mob-dn-rw-ad-hr-ds-hr-dr,
119
- var(--_ctm-tab-dn-rw-ad-hr-ds-hr-dr, var(--_ctm-dn-rw-ad-hr-ds-hr-dr)));
158
+ border-bottom: 1px solid
159
+ var(
160
+ --_ctm-mob-dn-rw-ad-hr-ds-hr-dr,
161
+ var(--_ctm-tab-dn-rw-ad-hr-ds-hr-dr, var(--_ctm-dn-rw-ad-hr-ds-hr-dr))
162
+ );
120
163
  }
121
164
  }
122
-
123
165
  &[data-row-divider="true"] {
124
166
  tbody tr td {
125
- border-bottom: 1px solid var(--_ctm-mob-dn-rw-ad-hr-ds-rw-dr,
126
- var(--_ctm-tab-dn-rw-ad-hr-ds-rw-dr, var(--_ctm-dn-rw-ad-hr-ds-rw-dr)));
167
+ border-bottom: 1px solid
168
+ var(
169
+ --_ctm-mob-dn-rw-ad-hr-ds-rw-dr,
170
+ var(--_ctm-tab-dn-rw-ad-hr-ds-rw-dr, var(--_ctm-dn-rw-ad-hr-ds-rw-dr))
171
+ );
127
172
  }
128
173
  }
129
-
130
174
  &[data-column-divider="true"] {
131
-
132
175
  tbody tr td,
133
176
  thead tr th {
134
- border-right: 1px solid var(--_ctm-mob-dn-rw-ad-hr-ds-cn-dr,
135
- var(--_ctm-tab-dn-rw-ad-hr-ds-cn-dr, var(--_ctm-dn-rw-ad-hr-ds-cn-dr)));
177
+ border-right: 1px solid
178
+ var(
179
+ --_ctm-mob-dn-rw-ad-hr-ds-cn-dr,
180
+ var(--_ctm-tab-dn-rw-ad-hr-ds-cn-dr, var(--_ctm-dn-rw-ad-hr-ds-cn-dr))
181
+ );
136
182
  }
137
183
 
138
184
  tbody tr td:last-child,
@@ -140,15 +186,16 @@
140
186
  border-right: none;
141
187
  }
142
188
  }
143
-
144
189
  &[data-show-more-rows="onScroll"] {
145
190
  .table__container {
146
191
  overflow-y: scroll;
147
192
  height: var(--_ctm-mob-lt-te-ht, var(--_ctm-tab-lt-te-ht, var(--_ctm-lt-te-ht))) !important;
148
193
 
149
194
  &::-webkit-scrollbar {
150
- width: var(--_ctm-mob-dn-sl-br-sl-br-wh,
151
- var(--_ctm-tab-dn-sl-br-sl-br-wh, var(--_ctm-dn-sl-br-sl-br-wh)));
195
+ width: var(
196
+ --_ctm-mob-dn-sl-br-sl-br-wh,
197
+ var(--_ctm-tab-dn-sl-br-sl-br-wh, var(--_ctm-dn-sl-br-sl-br-wh))
198
+ );
152
199
  }
153
200
 
154
201
  &::-webkit-scrollbar-track {
@@ -156,8 +203,10 @@
156
203
  }
157
204
 
158
205
  &::-webkit-scrollbar-thumb {
159
- background-color: var(--_ctm-mob-dn-sl-br-sl-br-cr,
160
- var(--_ctm-tab-dn-sl-br-sl-br-cr, var(--_ctm-dn-sl-br-sl-br-cr)));
206
+ background-color: var(
207
+ --_ctm-mob-dn-sl-br-sl-br-cr,
208
+ var(--_ctm-tab-dn-sl-br-sl-br-cr, var(--_ctm-dn-sl-br-sl-br-cr))
209
+ );
161
210
  }
162
211
 
163
212
  // // Scrollbar thumb when hovered
@@ -182,27 +231,45 @@
182
231
  -webkit-overflow-scrolling: touch;
183
232
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg, var(--_tst-lt-pg))));
184
233
 
185
- background-color: var(--_ctm-mob-dn-te-wt-bd-cr,
186
- var(--_ctm-tab-dn-te-wt-bd-cr, var(--_ctm-dn-te-wt-bd-cr, var(--_tst-dn-te-wt-bd-cr))));
234
+ background-color: var(
235
+ --_ctm-mob-dn-te-wt-bd-cr,
236
+ var(--_ctm-tab-dn-te-wt-bd-cr, var(--_ctm-dn-te-wt-bd-cr, var(--_tst-dn-te-wt-bd-cr)))
237
+ );
187
238
 
188
- border-radius: var(--_ctm-mob-dn-te-wt-br-rs,
189
- var(--_ctm-tab-dn-te-wt-br-rs, var(--_ctm-dn-te-wt-br-rs, var(--_tst-dn-te-wt-br-rs))));
239
+ border-radius: var(
240
+ --_ctm-mob-dn-te-wt-br-rs,
241
+ var(--_ctm-tab-dn-te-wt-br-rs, var(--_ctm-dn-te-wt-br-rs, var(--_tst-dn-te-wt-br-rs)))
242
+ );
190
243
 
191
- box-shadow: var(--_show-shadow,
192
- var(--_ctm-mob-dn-te-wt-sw-ae, var(--_ctm-tab-dn-te-wt-sw-ae, var(--_ctm-dn-te-wt-sw-ae))) var(--_ctm-mob-dn-te-wt-sw-br, var(--_ctm-tab-dn-te-wt-sw-br, var(--_ctm-dn-te-wt-sw-br))) var(--_ctm-mob-dn-te-wt-sw-sd, var(--_ctm-tab-dn-te-wt-sw-sd, var(--_ctm-dn-te-wt-sw-sd))) var(--_ctm-mob-dn-te-wt-sw-cr, var(--_ctm-tab-dn-te-wt-sw-cr, var(--_ctm-dn-te-wt-sw-cr))));
244
+ box-shadow: var(
245
+ --_show-shadow,
246
+ var(--_ctm-mob-dn-te-wt-sw-ae, var(--_ctm-tab-dn-te-wt-sw-ae, var(--_ctm-dn-te-wt-sw-ae)))
247
+ var(--_ctm-mob-dn-te-wt-sw-br, var(--_ctm-tab-dn-te-wt-sw-br, var(--_ctm-dn-te-wt-sw-br)))
248
+ var(--_ctm-mob-dn-te-wt-sw-sd, var(--_ctm-tab-dn-te-wt-sw-sd, var(--_ctm-dn-te-wt-sw-sd)))
249
+ var(--_ctm-mob-dn-te-wt-sw-cr, var(--_ctm-tab-dn-te-wt-sw-cr, var(--_ctm-dn-te-wt-sw-cr)))
250
+ );
193
251
 
194
252
  width: 100%;
195
253
 
196
254
  .table__container {
197
255
  overflow-x: auto;
198
- background-color: var(--_ctm-mob-dn-te-bd-cr,
199
- var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr)));
200
-
201
- border-radius: var(--_ctm-mob-dn-te-br-rs,
202
- var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)));
203
-
204
- box-shadow: var(--_show-table-shadow,
205
- 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))));
256
+ background-color: var(
257
+ --_ctm-mob-dn-te-bd-cr,
258
+ var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
259
+ );
260
+
261
+ border-radius: var(
262
+ --_ctm-mob-dn-te-br-rs,
263
+ var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs))
264
+ );
265
+
266
+ box-shadow: var(
267
+ --_show-table-shadow,
268
+ var(--_ctm-mob-dn-te-sw-ae, var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae)))
269
+ var(--_ctm-mob-dn-te-sw-br, var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br)))
270
+ var(--_ctm-mob-dn-te-sw-sd, var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd)))
271
+ var(--_ctm-mob-dn-te-sw-cr, var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr)))
272
+ );
206
273
  }
207
274
 
208
275
  h3 {
@@ -210,7 +277,6 @@
210
277
  width: 100%;
211
278
  margin-bottom: 10px;
212
279
  }
213
-
214
280
  table {
215
281
  border-collapse: collapse;
216
282
  border: none;
@@ -231,109 +297,183 @@
231
297
  border: none;
232
298
  white-space: nowrap;
233
299
  }
234
-
235
300
  thead {
236
301
  position: sticky;
237
302
  top: 0;
238
- background-color: var(--_ctm-mob-dn-te-hr-bd-cr,
239
- var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr)));
303
+ background-color: var(
304
+ --_ctm-mob-dn-te-hr-bd-cr,
305
+ var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr))
306
+ );
240
307
 
241
308
  .thead__row__divider {
242
309
  height: var(--_ctm-mob-lt-hr-ht, var(--_ctm-tab-lt-hr-ht, var(--_ctm-lt-hr-ht)));
243
310
 
244
311
  .th__col__divider {
245
- padding: var(--_ctm-mob-lt-hr-cl-pg,
246
- var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-lt-hr-cl-pg)));
247
-
248
- color: var(--_ctm-mob-dn-hr-tt-cr,
249
- var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr)));
250
-
251
- font-family: var(--_ctm-mob-dn-hr-tt-ft-fy,
252
- var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy)));
253
- text-transform: var(--_ctm-mob-dn-hr-tt-tt-tm,
254
- var(--_ctm-tab-dn-hr-tt-tt-tm, var(--_ctm-dn-hr-tt-tt-tm)));
255
- word-wrap: var(--_ctm-mob-dn-hr-tt-wd-wp,
256
- var(--_ctm-tab-dn-hr-tt-wd-wp, var(--_ctm-dn-hr-tt-wd-wp)));
257
- word-break: var(--_ctm-mob-dn-hr-tt-wd-bk,
258
- var(--_ctm-tab-dn-hr-tt-wd-bk, var(--_ctm-dn-hr-tt-wd-bk)));
259
-
260
- font-size: var(--_ctm-mob-dn-hr-tt-ft-se,
261
- var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se)));
262
-
263
- font-weight: var(--_ctm-mob-dn-hr-tt-ft-wt,
264
- var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt)));
265
-
266
- text-decoration: var(--_ctm-mob-dn-hr-tt-ue,
267
- var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue)));
268
-
269
- font-style: var(--_ctm-mob-dn-hr-tt-ft-se-ic,
270
- var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic)));
271
-
272
- text-align: var(--_ctm-mob-dn-hr-tt-tt-an,
273
- var(--_ctm-tab-dn-hr-tt-tt-an, var(--_ctm-dn-hr-tt-tt-an)));
274
-
275
- letter-spacing: var(--_ctm-mob-dn-hr-tt-lr-sg,
276
- var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg)));
277
-
278
- line-height: var(--_ctm-mob-dn-hr-tt-le-ht,
279
- var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht)));
312
+ padding: var(
313
+ --_ctm-mob-lt-hr-cl-pg,
314
+ var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-lt-hr-cl-pg))
315
+ );
316
+
317
+ color: var(
318
+ --_ctm-mob-dn-hr-tt-cr,
319
+ var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
320
+ );
321
+
322
+ font-family: var(
323
+ --_ctm-mob-dn-hr-tt-ft-fy,
324
+ var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
325
+ );
326
+ text-transform: var(
327
+ --_ctm-mob-dn-hr-tt-tt-tm,
328
+ var(--_ctm-tab-dn-hr-tt-tt-tm, var(--_ctm-dn-hr-tt-tt-tm))
329
+ );
330
+ word-wrap: var(
331
+ --_ctm-mob-dn-hr-tt-wd-wp,
332
+ var(--_ctm-tab-dn-hr-tt-wd-wp, var(--_ctm-dn-hr-tt-wd-wp))
333
+ );
334
+ word-break: var(
335
+ --_ctm-mob-dn-hr-tt-wd-bk,
336
+ var(--_ctm-tab-dn-hr-tt-wd-bk, var(--_ctm-dn-hr-tt-wd-bk))
337
+ );
338
+
339
+ font-size: var(
340
+ --_ctm-mob-dn-hr-tt-ft-se,
341
+ var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se))
342
+ );
343
+
344
+ font-weight: var(
345
+ --_ctm-mob-dn-hr-tt-ft-wt,
346
+ var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt))
347
+ );
348
+
349
+ text-decoration: var(
350
+ --_ctm-mob-dn-hr-tt-ue,
351
+ var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue))
352
+ );
353
+
354
+ font-style: var(
355
+ --_ctm-mob-dn-hr-tt-ft-se-ic,
356
+ var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic))
357
+ );
358
+
359
+ text-align: var(
360
+ --_ctm-mob-dn-hr-tt-tt-an,
361
+ var(--_ctm-tab-dn-hr-tt-tt-an, var(--_ctm-dn-hr-tt-tt-an))
362
+ );
363
+
364
+ letter-spacing: var(
365
+ --_ctm-mob-dn-hr-tt-lr-sg,
366
+ var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg))
367
+ );
368
+
369
+ line-height: var(
370
+ --_ctm-mob-dn-hr-tt-le-ht,
371
+ var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht))
372
+ );
280
373
  }
281
374
  }
282
375
  }
283
-
284
376
  tbody {
285
377
  .tbody__row__divider {
286
- background-color: var(--_ctm-mob-dn-te-rw-bd-cr,
287
- var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr)));
378
+ background-color: var(
379
+ --_ctm-mob-dn-te-rw-bd-cr,
380
+ var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr))
381
+ );
288
382
 
289
383
  height: var(--_ctm-mob-lt-rw-ht, var(--_ctm-tab-lt-rw-ht, var(--_ctm-lt-rw-ht)));
290
384
 
291
385
  .td__col__divider {
292
- padding: var(--_ctm-mob-lt-rw-cl-pg,
293
- var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-lt-rw-cl-pg)));
294
-
295
- color: var(--_sf-hr-fc,
296
- var(--_ctm-mob-dn-rw-tt-cr, var(--_ctm-tab-dn-rw-tt-cr, var(--_ctm-dn-rw-tt-cr))));
297
-
298
- font-family: var(--_sf-hr-ff,
299
- var(--_ctm-mob-dn-rw-tt-ft-fy,
300
- var(--_ctm-tab-dn-rw-tt-ft-fy, var(--_ctm-dn-rw-tt-ft-fy))));
301
- text-transform: var(--_sf-hr-tt-tm,
302
- var(--_ctm-mob-dn-rw-tt-tt-tm,
303
- var(--_ctm-tab-dn-rw-tt-tt-tm, var(--_ctm-dn-rw-tt-tt-tm))));
304
- word-wrap: var(--_sf-hr-wd-wp,
305
- var(--_ctm-mob-dn-rw-tt-wd-wp,
306
- var(--_ctm-tab-dn-rw-tt-wd-wp, var(--_ctm-dn-rw-tt-wd-wp))));
307
- word-break: var(--_sf-hr-wd-bk,
308
- var(--_ctm-mob-dn-rw-tt-wd-bk,
309
- var(--_ctm-tab-dn-rw-tt-wd-bk, var(--_ctm-dn-rw-tt-wd-bk))));
310
-
311
- font-size: var(--_sf-hr-fs,
312
- var(--_ctm-mob-dn-rw-tt-ft-se,
313
- var(--_ctm-tab-dn-rw-tt-ft-se, var(--_ctm-dn-rw-tt-ft-se))));
314
-
315
- text-decoration: var(--_ctm-mob-dn-rw-tt-ue,
316
- var(--_ctm-tab-dn-rw-tt-ue, var(--_ctm-dn-rw-tt-ue)));
317
-
318
- font-weight: var(--_sf-hr-fw,
319
- var(--_ctm-mob-dn-rw-tt-ft-wt,
320
- var(--_ctm-tab-dn-rw-tt-ft-wt, var(--_ctm-dn-rw-tt-ft-wt))));
321
-
322
- font-style: var(--_sf-hr-ft,
323
- var(--_ctm-mob-dn-rw-tt-ft-se-ic,
324
- var(--_ctm-tab-dn-rw-tt-ft-se-ic, var(--_ctm-dn-rw-tt-ft-se-ic))));
325
-
326
- text-align: var(--_sf-hr-ta,
327
- var(--_ctm-mob-dn-rw-tt-tt-an,
328
- var(--_ctm-tab-dn-rw-tt-tt-an, var(--_ctm-dn-rw-tt-tt-an))));
329
-
330
- letter-spacing: var(--_sf-hr-ls,
331
- var(--_ctm-mob-dn-rw-tt-lr-sg,
332
- var(--_ctm-tab-dn-rw-tt-lr-sg, var(--_ctm-dn-rw-tt-lr-sg))));
333
-
334
- line-height: var(--_sf-hr-lh,
335
- var(--_ctm-mob-dn-rw-tt-le-ht,
336
- var(--_ctm-tab-dn-rw-tt-le-ht, var(--_ctm-dn-rw-tt-le-ht))));
386
+ padding: var(
387
+ --_ctm-mob-lt-rw-cl-pg,
388
+ var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-lt-rw-cl-pg))
389
+ );
390
+
391
+ color: var(
392
+ --_sf-hr-fc,
393
+ var(--_ctm-mob-dn-rw-tt-cr, var(--_ctm-tab-dn-rw-tt-cr, var(--_ctm-dn-rw-tt-cr)))
394
+ );
395
+
396
+ font-family: var(
397
+ --_sf-hr-ff,
398
+ var(
399
+ --_ctm-mob-dn-rw-tt-ft-fy,
400
+ var(--_ctm-tab-dn-rw-tt-ft-fy, var(--_ctm-dn-rw-tt-ft-fy))
401
+ )
402
+ );
403
+ text-transform: var(
404
+ --_sf-hr-tt-tm,
405
+ var(
406
+ --_ctm-mob-dn-rw-tt-tt-tm,
407
+ var(--_ctm-tab-dn-rw-tt-tt-tm, var(--_ctm-dn-rw-tt-tt-tm))
408
+ )
409
+ );
410
+ word-wrap: var(
411
+ --_sf-hr-wd-wp,
412
+ var(
413
+ --_ctm-mob-dn-rw-tt-wd-wp,
414
+ var(--_ctm-tab-dn-rw-tt-wd-wp, var(--_ctm-dn-rw-tt-wd-wp))
415
+ )
416
+ );
417
+ word-break: var(
418
+ --_sf-hr-wd-bk,
419
+ var(
420
+ --_ctm-mob-dn-rw-tt-wd-bk,
421
+ var(--_ctm-tab-dn-rw-tt-wd-bk, var(--_ctm-dn-rw-tt-wd-bk))
422
+ )
423
+ );
424
+
425
+ font-size: var(
426
+ --_sf-hr-fs,
427
+ var(
428
+ --_ctm-mob-dn-rw-tt-ft-se,
429
+ var(--_ctm-tab-dn-rw-tt-ft-se, var(--_ctm-dn-rw-tt-ft-se))
430
+ )
431
+ );
432
+
433
+ text-decoration: var(
434
+ --_ctm-mob-dn-rw-tt-ue,
435
+ var(--_ctm-tab-dn-rw-tt-ue, var(--_ctm-dn-rw-tt-ue))
436
+ );
437
+
438
+ font-weight: var(
439
+ --_sf-hr-fw,
440
+ var(
441
+ --_ctm-mob-dn-rw-tt-ft-wt,
442
+ var(--_ctm-tab-dn-rw-tt-ft-wt, var(--_ctm-dn-rw-tt-ft-wt))
443
+ )
444
+ );
445
+
446
+ font-style: var(
447
+ --_sf-hr-ft,
448
+ var(
449
+ --_ctm-mob-dn-rw-tt-ft-se-ic,
450
+ var(--_ctm-tab-dn-rw-tt-ft-se-ic, var(--_ctm-dn-rw-tt-ft-se-ic))
451
+ )
452
+ );
453
+
454
+ text-align: var(
455
+ --_sf-hr-ta,
456
+ var(
457
+ --_ctm-mob-dn-rw-tt-tt-an,
458
+ var(--_ctm-tab-dn-rw-tt-tt-an, var(--_ctm-dn-rw-tt-tt-an))
459
+ )
460
+ );
461
+
462
+ letter-spacing: var(
463
+ --_sf-hr-ls,
464
+ var(
465
+ --_ctm-mob-dn-rw-tt-lr-sg,
466
+ var(--_ctm-tab-dn-rw-tt-lr-sg, var(--_ctm-dn-rw-tt-lr-sg))
467
+ )
468
+ );
469
+
470
+ line-height: var(
471
+ --_sf-hr-lh,
472
+ var(
473
+ --_ctm-mob-dn-rw-tt-le-ht,
474
+ var(--_ctm-tab-dn-rw-tt-le-ht, var(--_ctm-dn-rw-tt-le-ht))
475
+ )
476
+ );
337
477
  }
338
478
  }
339
479
  }
@@ -344,10 +484,13 @@
344
484
  align-items: var(--_align-center);
345
485
  justify-content: var(--_ctm-mob-lt-pn-at, var(--_ctm-tab-lt-pn-at, var(--_ctm-lt-pn-at)));
346
486
  margin-top: 10px;
347
- background-color: var(--_sf-bd-cr,
348
- var(--_ctm-mob-dn-pn-dt-se-bd-cr,
349
- var(--_ctm-tab-dn-pn-dt-se-bd-cr, var(--_ctm-dn-pn-dt-se-bd-cr))));
350
-
487
+ background-color: var(
488
+ --_sf-bd-cr,
489
+ var(
490
+ --_ctm-mob-dn-pn-dt-se-bd-cr,
491
+ var(--_ctm-tab-dn-pn-dt-se-bd-cr, var(--_ctm-dn-pn-dt-se-bd-cr))
492
+ )
493
+ );
351
494
  &.pagination__center {
352
495
  justify-content: var(justify-center);
353
496
  }
@@ -356,21 +499,18 @@
356
499
  svg {
357
500
  width: var(--_width-18);
358
501
  height: var(--_height-18);
359
-
360
502
  path {
361
503
  stroke: var(--_gray-500);
362
504
  // stroke: var(--_ctm-dn-pn-in-c1, var(--_tst-dn-pn-in-c1));
363
- // Overrides the stroke-width presentation attribute baked into the icon markup.
364
- stroke-width: prepareMediaVariable(--_ctm-dn-pn-se-wh, 1.25);
505
+ // Overrides the stroke-width presentation attribute baked into the icon markup.
506
+ stroke-width: prepareMediaVariable(--_ctm-dn-pn-se-wh, 1.25);
365
507
  }
366
508
  }
367
509
  }
368
-
369
510
  span {
370
511
  float: left;
371
512
  padding: var(--_pd-8) var(--_pd-16);
372
513
  text-decoration: none;
373
-
374
514
  span {
375
515
  // color: var(--_sf-hr-fc, var(--_ctm-dn-pn-bn-cr, var(--_tst-dn-pn-bn-cr)));
376
516
  // font-size: var(--_sf-hr-fs, var(--_ctm-dn-pn-ft-se, var(--_tst-dn-pn-ft-se)));
@@ -382,7 +522,6 @@
382
522
  // letter-spacing: var(--_sf-hr-ls, var(--_ctm-dn-pn-lr-sg, var(--_tst-dn-pn-lr-sg)));
383
523
  // line-height: var(--_sf-hr-lh, var(--_ctm-dn-pn-le-ht, var(--_tst-dn-pn-le-ht)));
384
524
  }
385
-
386
525
  &.active:hover {
387
526
  &hover {
388
527
  --_sf-hr-fc: var(--_ctm-dn-pn-hr-se-cr, var(--_tst-dn-pn-hr-se-cr));
@@ -398,117 +537,220 @@
398
537
  --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
399
538
  }
400
539
  }
401
-
402
540
  &.active {
403
- color: var(--_sf-hr-fc,
404
- var(--_ctm-mob-dn-pn-dt-se-cr,
405
- var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))));
406
-
407
- font-family: var(--_sf-hr-ff,
408
- var(--_ctm-mob-dn-pn-dt-se-ft-fy,
409
- var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))));
410
- text-transform: var(--_sf-hr-tt-tm,
411
- var(--_ctm-mob-dn-pn-dt-se-tt-tm,
412
- var(--_ctm-tab-dn-pn-dt-se-tt-tm, var(--_ctm-dn-pn-dt-se-tt-tm))));
413
- word-wrap: var(--_sf-hr-wd-wp,
414
- var(--_ctm-mob-dn-pn-dt-se-wd-wp,
415
- var(--_ctm-tab-dn-pn-dt-se-wd-wp, var(--_ctm-dn-pn-dt-se-wd-wp))));
416
- word-break: var(--_sf-hr-wd-bk,
417
- var(--_ctm-mob-dn-pn-dt-se-wd-bk,
418
- var(--_ctm-tab-dn-pn-dt-se-wd-bk, var(--_ctm-dn-pn-dt-se-wd-bk))));
419
-
420
- font-size: var(--_sf-hr-fs,
421
- var(--_ctm-mob-dn-pn-dt-se-ft-se,
422
- var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))));
423
-
424
- text-decoration: var(--_sf-hr-td,
425
- var(--_ctm-mob-dn-pn-dt-se-ue,
426
- var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))));
427
-
428
- font-weight: var(--_sf-hr-fw,
429
- var(--_ctm-mob-dn-pn-dt-se-ft-wt,
430
- var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))));
431
-
432
- font-style: var(--_sf-hr-ft,
433
- var(--_ctm-mob-dn-pn-dt-se-ft-se-ic,
434
- var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))));
435
-
436
- text-align: var(--_sf-hr-ta,
437
- var(--_ctm-mob-dn-pn-dt-se-tt-an,
438
- var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))));
439
-
440
- letter-spacing: var(--_sf-hr-ls,
441
- var(--_ctm-mob-dn-pn-dt-se-lr-sg,
442
- var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))));
443
-
444
- line-height: var(--_sf-hr-lh,
445
- var(--_ctm-mob-dn-pn-dt-se-le-ht,
446
- var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))));
541
+ color: var(
542
+ --_sf-hr-fc,
543
+ var(
544
+ --_ctm-mob-dn-pn-dt-se-cr,
545
+ var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
546
+ )
547
+ );
548
+
549
+ font-family: var(
550
+ --_sf-hr-ff,
551
+ var(
552
+ --_ctm-mob-dn-pn-dt-se-ft-fy,
553
+ var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
554
+ )
555
+ );
556
+ text-transform: var(
557
+ --_sf-hr-tt-tm,
558
+ var(
559
+ --_ctm-mob-dn-pn-dt-se-tt-tm,
560
+ var(--_ctm-tab-dn-pn-dt-se-tt-tm, var(--_ctm-dn-pn-dt-se-tt-tm))
561
+ )
562
+ );
563
+ word-wrap: var(
564
+ --_sf-hr-wd-wp,
565
+ var(
566
+ --_ctm-mob-dn-pn-dt-se-wd-wp,
567
+ var(--_ctm-tab-dn-pn-dt-se-wd-wp, var(--_ctm-dn-pn-dt-se-wd-wp))
568
+ )
569
+ );
570
+ word-break: var(
571
+ --_sf-hr-wd-bk,
572
+ var(
573
+ --_ctm-mob-dn-pn-dt-se-wd-bk,
574
+ var(--_ctm-tab-dn-pn-dt-se-wd-bk, var(--_ctm-dn-pn-dt-se-wd-bk))
575
+ )
576
+ );
577
+
578
+ font-size: var(
579
+ --_sf-hr-fs,
580
+ var(
581
+ --_ctm-mob-dn-pn-dt-se-ft-se,
582
+ var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
583
+ )
584
+ );
585
+
586
+ text-decoration: var(
587
+ --_sf-hr-td,
588
+ var(
589
+ --_ctm-mob-dn-pn-dt-se-ue,
590
+ var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
591
+ )
592
+ );
593
+
594
+ font-weight: var(
595
+ --_sf-hr-fw,
596
+ var(
597
+ --_ctm-mob-dn-pn-dt-se-ft-wt,
598
+ var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
599
+ )
600
+ );
601
+
602
+ font-style: var(
603
+ --_sf-hr-ft,
604
+ var(
605
+ --_ctm-mob-dn-pn-dt-se-ft-se-ic,
606
+ var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
607
+ )
608
+ );
609
+
610
+ text-align: var(
611
+ --_sf-hr-ta,
612
+ var(
613
+ --_ctm-mob-dn-pn-dt-se-tt-an,
614
+ var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
615
+ )
616
+ );
617
+
618
+ letter-spacing: var(
619
+ --_sf-hr-ls,
620
+ var(
621
+ --_ctm-mob-dn-pn-dt-se-lr-sg,
622
+ var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
623
+ )
624
+ );
625
+
626
+ line-height: var(
627
+ --_sf-hr-lh,
628
+ var(
629
+ --_ctm-mob-dn-pn-dt-se-le-ht,
630
+ var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
631
+ )
632
+ );
447
633
  }
448
634
  }
449
-
450
635
  .pagination__arrows {
451
- color: var(--_sf-hr-fc,
452
- var(--_ctm-mob-dn-pn-in-c1, var(--_ctm-tab-dn-pn-in-c1, var(--_ctm-dn-pn-in-c1))));
453
-
454
- font-size: var(--_sf-hr-fs,
455
- var(--_ctm-mob-dn-pn-in-se, var(--_ctm-tab-dn-pn-in-se, var(--_ctm-dn-pn-in-se))));
636
+ color: var(
637
+ --_sf-hr-fc,
638
+ var(--_ctm-mob-dn-pn-in-c1, var(--_ctm-tab-dn-pn-in-c1, var(--_ctm-dn-pn-in-c1)))
639
+ );
640
+
641
+ font-size: var(
642
+ --_sf-hr-fs,
643
+ var(--_ctm-mob-dn-pn-in-se, var(--_ctm-tab-dn-pn-in-se, var(--_ctm-dn-pn-in-se)))
644
+ );
456
645
  }
457
646
  }
458
647
 
459
648
  .load__more {
460
649
  margin: 10px;
461
- background-color: var(--_sf-hr-bd-cr,
462
- var(--_ctm-mob-dn-ld-me-bn-bd-cr,
463
- var(--_ctm-tab-dn-ld-me-bn-bd-cr, var(--_ctm-dn-ld-me-bn-bd-cr))));
464
- border-radius: var(--_sf-hr-br-br,
465
- var(--_ctm-mob-dn-ld-me-bn-br-rs,
466
- var(--_ctm-tab-dn-ld-me-bn-br-rs, var(--_ctm-dn-ld-me-bn-br-rs))));
650
+ background-color: var(
651
+ --_sf-hr-bd-cr,
652
+ var(
653
+ --_ctm-mob-dn-ld-me-bn-bd-cr,
654
+ var(--_ctm-tab-dn-ld-me-bn-bd-cr, var(--_ctm-dn-ld-me-bn-bd-cr))
655
+ )
656
+ );
657
+ border-radius: var(
658
+ --_sf-hr-br-br,
659
+ var(
660
+ --_ctm-mob-dn-ld-me-bn-br-rs,
661
+ var(--_ctm-tab-dn-ld-me-bn-br-rs, var(--_ctm-dn-ld-me-bn-br-rs))
662
+ )
663
+ );
467
664
 
468
665
  h3 {
469
- color: var(--_sf-hr-fc,
470
- var(--_ctm-mob-dn-ld-me-bn-cr,
471
- var(--_ctm-tab-dn-ld-me-bn-cr, var(--_ctm-dn-ld-me-bn-cr))));
472
- font-family: var(--_sf-hr-ff,
473
- var(--_ctm-mob-dn-ld-me-bn-ft-fy,
474
- var(--_ctm-tab-dn-ld-me-bn-ft-fy, var(--_ctm-dn-ld-me-bn-ft-fy))));
475
- text-transform: var(--_sf-hr-tt-tm,
476
- var(--_ctm-mob-dn-ld-me-bn-tt-tm,
477
- var(--_ctm-tab-dn-ld-me-bn-tt-tm, var(--_ctm-dn-ld-me-bn-tt-tm))));
478
- word-wrap: var(--_sf-hr-wd-wp,
479
- var(--_ctm-mob-dn-ld-me-bn-wd-wp,
480
- var(--_ctm-tab-dn-ld-me-bn-wd-wp, var(--_ctm-dn-ld-me-bn-wd-wp))));
481
- word-break: var(--_sf-hr-wd-bk,
482
- var(--_ctm-mob-dn-ld-me-bn-wd-bk,
483
- var(--_ctm-tab-dn-ld-me-bn-wd-bk, var(--_ctm-dn-ld-me-bn-wd-bk))));
484
- font-size: var(--_sf-hr-fs,
485
- var(--_ctm-mob-dn-ld-me-bn-ft-se,
486
- var(--_ctm-tab-dn-ld-me-bn-ft-se, var(--_ctm-dn-ld-me-bn-ft-se))));
487
-
488
- text-decoration: var(--_ctm-mob-dn-ld-me-bn-ue,
489
- var(--_ctm-tab-dn-ld-me-bn-ue, var(--_ctm-dn-ld-me-bn-ue)));
490
-
491
- font-weight: var(--_sf-hr-fw,
492
- var(--_ctm-mob-dn-ld-me-bn-ft-wt,
493
- var(--_ctm-tab-dn-ld-me-bn-ft-wt, var(--_ctm-dn-ld-me-bn-ft-wt))));
494
-
495
- font-style: var(--_sf-hr-ft,
496
- var(--_ctm-mob-dn-ld-me-bn-ft-se-ic,
497
- var(--_ctm-tab-dn-ld-me-bn-ft-se-ic, var(--_ctm-dn-ld-me-bn-ft-se-ic))));
498
-
499
- text-align: var(--_sf-hr-ta,
500
- var(--_ctm-mob-dn-ld-me-bn-tt-an,
501
- var(--_ctm-tab-dn-ld-me-bn-tt-an, var(--_ctm-dn-ld-me-bn-tt-an))));
502
-
503
- letter-spacing: var(--_sf-hr-ls,
504
- var(--_ctm-mob-dn-ld-me-bn-lr-sg,
505
- var(--_ctm-tab-dn-ld-me-bn-lr-sg, var(--_ctm-dn-ld-me-bn-lr-sg))));
506
-
507
- line-height: var(--_sf-hr-lh,
508
- var(--_ctm-mob-dn-ld-me-bn-le-ht,
509
- var(--_ctm-tab-dn-ld-me-bn-le-ht, var(--_ctm-dn-ld-me-bn-le-ht))));
666
+ color: var(
667
+ --_sf-hr-fc,
668
+ var(
669
+ --_ctm-mob-dn-ld-me-bn-cr,
670
+ var(--_ctm-tab-dn-ld-me-bn-cr, var(--_ctm-dn-ld-me-bn-cr))
671
+ )
672
+ );
673
+ font-family: var(
674
+ --_sf-hr-ff,
675
+ var(
676
+ --_ctm-mob-dn-ld-me-bn-ft-fy,
677
+ var(--_ctm-tab-dn-ld-me-bn-ft-fy, var(--_ctm-dn-ld-me-bn-ft-fy))
678
+ )
679
+ );
680
+ text-transform: var(
681
+ --_sf-hr-tt-tm,
682
+ var(
683
+ --_ctm-mob-dn-ld-me-bn-tt-tm,
684
+ var(--_ctm-tab-dn-ld-me-bn-tt-tm, var(--_ctm-dn-ld-me-bn-tt-tm))
685
+ )
686
+ );
687
+ word-wrap: var(
688
+ --_sf-hr-wd-wp,
689
+ var(
690
+ --_ctm-mob-dn-ld-me-bn-wd-wp,
691
+ var(--_ctm-tab-dn-ld-me-bn-wd-wp, var(--_ctm-dn-ld-me-bn-wd-wp))
692
+ )
693
+ );
694
+ word-break: var(
695
+ --_sf-hr-wd-bk,
696
+ var(
697
+ --_ctm-mob-dn-ld-me-bn-wd-bk,
698
+ var(--_ctm-tab-dn-ld-me-bn-wd-bk, var(--_ctm-dn-ld-me-bn-wd-bk))
699
+ )
700
+ );
701
+ font-size: var(
702
+ --_sf-hr-fs,
703
+ var(
704
+ --_ctm-mob-dn-ld-me-bn-ft-se,
705
+ var(--_ctm-tab-dn-ld-me-bn-ft-se, var(--_ctm-dn-ld-me-bn-ft-se))
706
+ )
707
+ );
708
+
709
+ text-decoration: var(
710
+ --_ctm-mob-dn-ld-me-bn-ue,
711
+ var(--_ctm-tab-dn-ld-me-bn-ue, var(--_ctm-dn-ld-me-bn-ue))
712
+ );
713
+
714
+ font-weight: var(
715
+ --_sf-hr-fw,
716
+ var(
717
+ --_ctm-mob-dn-ld-me-bn-ft-wt,
718
+ var(--_ctm-tab-dn-ld-me-bn-ft-wt, var(--_ctm-dn-ld-me-bn-ft-wt))
719
+ )
720
+ );
721
+
722
+ font-style: var(
723
+ --_sf-hr-ft,
724
+ var(
725
+ --_ctm-mob-dn-ld-me-bn-ft-se-ic,
726
+ var(--_ctm-tab-dn-ld-me-bn-ft-se-ic, var(--_ctm-dn-ld-me-bn-ft-se-ic))
727
+ )
728
+ );
729
+
730
+ text-align: var(
731
+ --_sf-hr-ta,
732
+ var(
733
+ --_ctm-mob-dn-ld-me-bn-tt-an,
734
+ var(--_ctm-tab-dn-ld-me-bn-tt-an, var(--_ctm-dn-ld-me-bn-tt-an))
735
+ )
736
+ );
737
+
738
+ letter-spacing: var(
739
+ --_sf-hr-ls,
740
+ var(
741
+ --_ctm-mob-dn-ld-me-bn-lr-sg,
742
+ var(--_ctm-tab-dn-ld-me-bn-lr-sg, var(--_ctm-dn-ld-me-bn-lr-sg))
743
+ )
744
+ );
745
+
746
+ line-height: var(
747
+ --_sf-hr-lh,
748
+ var(
749
+ --_ctm-mob-dn-ld-me-bn-le-ht,
750
+ var(--_ctm-tab-dn-ld-me-bn-le-ht, var(--_ctm-dn-ld-me-bn-le-ht))
751
+ )
752
+ );
510
753
  }
511
-
512
754
  // background-color: var(--_primary-400);
513
755
  // border: 1px solid var(--_primary-400);
514
756
  // border-radius: var(--_br-6);
@@ -523,4 +765,4 @@
523
765
  }
524
766
  }
525
767
  }
526
- }
768
+ }