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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (135) hide show
  1. package/dist/add-existing-form.scss +5 -13
  2. package/dist/add-order.scss +236 -126
  3. package/dist/add-products-tab-details.scss +2097 -1048
  4. package/dist/add-products-tab.scss +1204 -666
  5. package/dist/allocation-header-quota-details.scss +407 -189
  6. package/dist/allocationDetails.scss +2143 -1661
  7. package/dist/allocations-quota-details.scss +323 -159
  8. package/dist/allocations.scss +793 -475
  9. package/dist/amount-estimator.scss +743 -405
  10. package/dist/badge.scss +18 -43
  11. package/dist/brand-basic-elements.scss +124 -76
  12. package/dist/brand.scss +55 -28
  13. package/dist/breadcrumbs.scss +718 -356
  14. package/dist/builder.js +1 -1
  15. package/dist/builderLite.js +1 -1
  16. package/dist/bulk-variant-picker.scss +2027 -1128
  17. package/dist/bundle.scss +1477 -841
  18. package/dist/bundleDetails.scss +5072 -3774
  19. package/dist/button.scss +103 -79
  20. package/dist/buy-for-tab-container.scss +106 -77
  21. package/dist/buyForHeaders.scss +2976 -1722
  22. package/dist/cart-details.scss +1012 -481
  23. package/dist/cart-summary.scss +1149 -557
  24. package/dist/cart-wrapper.scss +79 -37
  25. package/dist/cart.scss +225 -117
  26. package/dist/cartAttributes.scss +735 -416
  27. package/dist/category-groups-element.scss +108 -127
  28. package/dist/category-groups-product-grid.scss +147 -120
  29. package/dist/category-groups-product-image.scss +1457 -1162
  30. package/dist/category-groups-product-options.scss +680 -613
  31. package/dist/category-groups-product-price.scss +3244 -1966
  32. package/dist/category-groups-quota-details.scss +464 -210
  33. package/dist/category.scss +50 -26
  34. package/dist/checkout.scss +16 -24
  35. package/dist/confirm-modal.scss +2 -22
  36. package/dist/container.scss +54 -32
  37. package/dist/countdown.scss +443 -255
  38. package/dist/coupon.scss +710 -351
  39. package/dist/default-dropdown.scss +1 -12
  40. package/dist/embroider-template-1-v2.scss +172 -123
  41. package/dist/embroider-template-1.scss +104 -68
  42. package/dist/embroidery.scss +31 -30
  43. package/dist/employee-bulk-order.scss +142 -418
  44. package/dist/faq.scss +408 -228
  45. package/dist/filter-results.scss +265 -125
  46. package/dist/filters.scss +1797 -900
  47. package/dist/gallery-slider-temp.scss +750 -432
  48. package/dist/global-styles.scss +7 -23
  49. package/dist/grid.scss +33 -25
  50. package/dist/hotspot.scss +115 -68
  51. package/dist/image-temp.scss +20 -21
  52. package/dist/item-stock.scss +16 -9
  53. package/dist/kitDetails.scss +4301 -2721
  54. package/dist/kits.scss +19 -24
  55. package/dist/language-selector.scss +361 -211
  56. package/dist/last-x-orders.scss +174 -95
  57. package/dist/layouter-item.scss +103 -75
  58. package/dist/layouter-pro-item.scss +95 -89
  59. package/dist/layouter-pro.scss +92 -87
  60. package/dist/layouter.scss +445 -383
  61. package/dist/light-box-v2.scss +104 -89
  62. package/dist/login.scss +566 -287
  63. package/dist/map.scss +368 -221
  64. package/dist/marchandiserSets.scss +104 -95
  65. package/dist/mega-menu-container.scss +109 -96
  66. package/dist/mega-menu.scss +731 -624
  67. package/dist/menu-item.scss +2 -2
  68. package/dist/menu-v2.scss +619 -507
  69. package/dist/multi-select-dropdown.scss +3 -27
  70. package/dist/my-templates.scss +9 -38
  71. package/dist/option-bar.scss +375 -215
  72. package/dist/option-families.scss +252 -0
  73. package/dist/order-status.scss +1117 -646
  74. package/dist/overflow-module.scss +7 -6
  75. package/dist/past-orders.scss +149 -118
  76. package/dist/payment-methods.scss +30 -46
  77. package/dist/pickup-locations.scss +1118 -558
  78. package/dist/position-module.scss +17 -20
  79. package/dist/prefix-list.scss +10 -21
  80. package/dist/product-actions.scss +2316 -1610
  81. package/dist/product-basic-elements.scss +169 -108
  82. package/dist/product-highlights.scss +152 -107
  83. package/dist/product-image-bundles.scss +642 -337
  84. package/dist/product-inventory.scss +1357 -673
  85. package/dist/product-labels.scss +105 -84
  86. package/dist/product-options.scss +1274 -1117
  87. package/dist/product-price.scss +2561 -1283
  88. package/dist/product-promotions.scss +2830 -1388
  89. package/dist/product-sizechart.scss +905 -516
  90. package/dist/product.scss +61 -28
  91. package/dist/productDetails.scss +39 -19
  92. package/dist/profile.scss +447 -207
  93. package/dist/quantity-selector.scss +550 -313
  94. package/dist/quick-inventory-check.scss +174 -95
  95. package/dist/quick-links.scss +133 -55
  96. package/dist/quick-order-pad.scss +271 -218
  97. package/dist/quota-details.scss +282 -152
  98. package/dist/quotes.scss +122 -89
  99. package/dist/repeater-embla-controls.scss +15 -35
  100. package/dist/repeater-grid-toggle.scss +166 -156
  101. package/dist/repeater-item.scss +64 -41
  102. package/dist/repeater.scss +814 -671
  103. package/dist/request-for-quotes.scss +16 -66
  104. package/dist/responsive-behaviour.scss +1 -3
  105. package/dist/rfqs.scss +181 -118
  106. package/dist/scroll.scss +172 -93
  107. package/dist/search.scss +326 -179
  108. package/dist/section.scss +51 -27
  109. package/dist/shipping-payments.scss +58 -198
  110. package/dist/simple-list.scss +164 -74
  111. package/dist/social.scss +145 -80
  112. package/dist/sort.scss +19 -11
  113. package/dist/stack.scss +34 -23
  114. package/dist/static-global.scss +26 -44
  115. package/dist/stockStatus.scss +19 -11
  116. package/dist/store-locations.scss +1105 -577
  117. package/dist/tab-container.scss +108 -81
  118. package/dist/table-common.scss +408 -217
  119. package/dist/table.scss +502 -271
  120. package/dist/text-temp.scss +7 -8
  121. package/dist/theme-classes.scss +13 -17
  122. package/dist/types/builder/enums/data-connectors.d.ts +3 -1
  123. package/dist/types/builder/enums/index.d.ts +3 -1
  124. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  125. package/dist/types/builder/tools/element-edit/optionFamilies.d.ts +20 -0
  126. package/dist/types/website/constants/data-connector-souces.d.ts +40 -8
  127. package/dist/types/website/constants/data-connectors.d.ts +12 -1
  128. package/dist/types/website/helper/ssr-functions.d.ts +8 -0
  129. package/dist/uom-selector.scss +949 -489
  130. package/dist/user-elements.scss +837 -529
  131. package/dist/variant-picker.scss +2555 -1281
  132. package/dist/volume-pricing.scss +1037 -541
  133. package/dist/website.js +1 -1
  134. package/dist/widget.scss +1 -0
  135. package/package.json +1 -1
@@ -1,5 +1,4 @@
1
1
  @use "./functions.scss" as *;
2
-
3
2
  .table__wrapper {
4
3
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg, var(--_tst-lt-pg))));
5
4
 
@@ -10,34 +9,47 @@
10
9
 
11
10
  height: 100%;
12
11
 
13
- border-radius: var(--_ctm-mob-dn-te-wt-br-rs,
14
- var(--_ctm-tab-dn-te-wt-br-rs, var(--_ctm-dn-te-wt-br-rs, var(--_tst-dn-te-wt-br-rs))));
12
+ border-radius: var(
13
+ --_ctm-mob-dn-te-wt-br-rs,
14
+ var(--_ctm-tab-dn-te-wt-br-rs, var(--_ctm-dn-te-wt-br-rs, var(--_tst-dn-te-wt-br-rs)))
15
+ );
15
16
 
16
- box-shadow: var(--_show-shadow,
17
- 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))));
17
+ box-shadow: var(
18
+ --_show-shadow,
19
+ var(--_ctm-mob-dn-te-wt-sw-ae, var(--_ctm-tab-dn-te-wt-sw-ae, var(--_ctm-dn-te-wt-sw-ae)))
20
+ var(--_ctm-mob-dn-te-wt-sw-br, var(--_ctm-tab-dn-te-wt-sw-br, var(--_ctm-dn-te-wt-sw-br)))
21
+ var(--_ctm-mob-dn-te-wt-sw-sd, var(--_ctm-tab-dn-te-wt-sw-sd, var(--_ctm-dn-te-wt-sw-sd)))
22
+ var(--_ctm-mob-dn-te-wt-sw-cr, var(--_ctm-tab-dn-te-wt-sw-cr, var(--_ctm-dn-te-wt-sw-cr)))
23
+ );
18
24
 
19
25
  width: 100%;
20
26
 
21
27
  &[data-header-divider="true"] {
22
28
  thead tr th {
23
- border-bottom: 1px solid var(--_ctm-mob-dn-rw-ad-hr-ds-hr-dr,
24
- var(--_ctm-tab-dn-rw-ad-hr-ds-hr-dr, var(--_ctm-dn-rw-ad-hr-ds-hr-dr)));
29
+ border-bottom: 1px solid
30
+ var(
31
+ --_ctm-mob-dn-rw-ad-hr-ds-hr-dr,
32
+ var(--_ctm-tab-dn-rw-ad-hr-ds-hr-dr, var(--_ctm-dn-rw-ad-hr-ds-hr-dr))
33
+ );
25
34
  }
26
35
  }
27
-
28
36
  &[data-row-divider="true"] {
29
37
  tbody tr td {
30
- border-bottom: 1px solid var(--_ctm-mob-dn-rw-ad-hr-ds-rw-dr,
31
- var(--_ctm-tab-dn-rw-ad-hr-ds-rw-dr, var(--_ctm-dn-rw-ad-hr-ds-rw-dr)));
38
+ border-bottom: 1px solid
39
+ var(
40
+ --_ctm-mob-dn-rw-ad-hr-ds-rw-dr,
41
+ var(--_ctm-tab-dn-rw-ad-hr-ds-rw-dr, var(--_ctm-dn-rw-ad-hr-ds-rw-dr))
42
+ );
32
43
  }
33
44
  }
34
-
35
45
  &[data-column-divider="true"] {
36
-
37
46
  tbody tr td,
38
47
  thead tr th {
39
- border-right: 1px solid var(--_ctm-mob-dn-rw-ad-hr-ds-cn-dr,
40
- var(--_ctm-tab-dn-rw-ad-hr-ds-cn-dr, var(--_ctm-dn-rw-ad-hr-ds-cn-dr)));
48
+ border-right: 1px solid
49
+ var(
50
+ --_ctm-mob-dn-rw-ad-hr-ds-cn-dr,
51
+ var(--_ctm-tab-dn-rw-ad-hr-ds-cn-dr, var(--_ctm-dn-rw-ad-hr-ds-cn-dr))
52
+ );
41
53
  }
42
54
 
43
55
  tbody tr td:last-child,
@@ -45,14 +57,15 @@
45
57
  border-right: none;
46
58
  }
47
59
  }
48
-
49
60
  &[data-show-more-rows="onScroll"] {
50
61
  .table__container {
51
62
  overflow-y: auto;
52
63
 
53
64
  &::-webkit-scrollbar {
54
- width: var(--_ctm-mob-dn-sl-br-sl-br-wh,
55
- var(--_ctm-tab-dn-sl-br-sl-br-wh, var(--_ctm-dn-sl-br-sl-br-wh)));
65
+ width: var(
66
+ --_ctm-mob-dn-sl-br-sl-br-wh,
67
+ var(--_ctm-tab-dn-sl-br-sl-br-wh, var(--_ctm-dn-sl-br-sl-br-wh))
68
+ );
56
69
  }
57
70
 
58
71
  &::-webkit-scrollbar-track {
@@ -60,8 +73,10 @@
60
73
  }
61
74
 
62
75
  &::-webkit-scrollbar-thumb {
63
- background-color: var(--_ctm-mob-dn-sl-br-sl-br-cr,
64
- var(--_ctm-tab-dn-sl-br-sl-br-cr, var(--_ctm-dn-sl-br-sl-br-cr)));
76
+ background-color: var(
77
+ --_ctm-mob-dn-sl-br-sl-br-cr,
78
+ var(--_ctm-tab-dn-sl-br-sl-br-cr, var(--_ctm-dn-sl-br-sl-br-cr))
79
+ );
65
80
  }
66
81
 
67
82
  // // Scrollbar thumb when hovered
@@ -82,14 +97,23 @@
82
97
  }
83
98
 
84
99
  .table__container {
85
- background-color: var(--_ctm-mob-dn-te-bd-cr,
86
- var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr)));
87
-
88
- border-radius: var(--_ctm-mob-dn-te-br-rs,
89
- var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)));
90
-
91
- box-shadow: var(--_show-table-shadow,
92
- 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))));
100
+ background-color: var(
101
+ --_ctm-mob-dn-te-bd-cr,
102
+ var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
103
+ );
104
+
105
+ border-radius: var(
106
+ --_ctm-mob-dn-te-br-rs,
107
+ var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs))
108
+ );
109
+
110
+ box-shadow: var(
111
+ --_show-table-shadow,
112
+ var(--_ctm-mob-dn-te-sw-ae, var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae)))
113
+ var(--_ctm-mob-dn-te-sw-br, var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br)))
114
+ var(--_ctm-mob-dn-te-sw-sd, var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd)))
115
+ var(--_ctm-mob-dn-te-sw-cr, var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr)))
116
+ );
93
117
  }
94
118
 
95
119
  h3 {
@@ -97,7 +121,6 @@
97
121
  width: 100%;
98
122
  margin-bottom: 10px;
99
123
  }
100
-
101
124
  table {
102
125
  border-collapse: collapse;
103
126
  // border: none;
@@ -109,106 +132,178 @@
109
132
  td {
110
133
  border: none;
111
134
  }
112
-
113
135
  thead {
114
- background-color: var(--_ctm-mob-dn-te-hr-bd-cr,
115
- var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr)));
136
+ background-color: var(
137
+ --_ctm-mob-dn-te-hr-bd-cr,
138
+ var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr))
139
+ );
116
140
 
117
141
  .thead__row__divider {
118
142
  height: var(--_ctm-mob-lt-hr-ht, var(--_ctm-tab-lt-hr-ht, var(--_ctm-lt-hr-ht)));
119
143
 
120
144
  .th__col__divider {
121
- padding: var(--_ctm-mob-lt-hr-cl-pg,
122
- var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-lt-hr-cl-pg)));
145
+ padding: var(
146
+ --_ctm-mob-lt-hr-cl-pg,
147
+ var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-lt-hr-cl-pg))
148
+ );
123
149
 
124
150
  color: var(--_ctm-mob-dn-hr-tt-cr, var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr)));
125
151
 
126
- font-family: var(--_ctm-mob-dn-hr-tt-ft-fy,
127
- var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy)));
128
- text-transform: var(--_ctm-mob-dn-hr-tt-tt-tm,
129
- var(--_ctm-tab-dn-hr-tt-tt-tm, var(--_ctm-dn-hr-tt-tt-tm)));
130
- word-wrap: var(--_ctm-mob-dn-hr-tt-wd-wp,
131
- var(--_ctm-tab-dn-hr-tt-wd-wp, var(--_ctm-dn-hr-tt-wd-wp)));
132
- word-break: var(--_ctm-mob-dn-hr-tt-wd-bk,
133
- var(--_ctm-tab-dn-hr-tt-wd-bk, var(--_ctm-dn-hr-tt-wd-bk)));
134
-
135
- font-size: var(--_ctm-mob-dn-hr-tt-ft-se,
136
- var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se)));
137
-
138
- font-weight: var(--_ctm-mob-dn-hr-tt-ft-wt,
139
- var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt)));
140
-
141
- text-decoration: var(--_ctm-mob-dn-hr-tt-ue,
142
- var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue)));
143
-
144
- font-style: var(--_ctm-mob-dn-hr-tt-ft-se-ic,
145
- var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic)));
146
-
147
- text-align: var(--_ctm-mob-dn-hr-tt-tt-an,
148
- var(--_ctm-tab-dn-hr-tt-tt-an, var(--_ctm-dn-hr-tt-tt-an)));
149
-
150
- letter-spacing: var(--_ctm-mob-dn-hr-tt-lr-sg,
151
- var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg)));
152
-
153
- line-height: var(--_ctm-mob-dn-hr-tt-le-ht,
154
- var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht)));
152
+ font-family: var(
153
+ --_ctm-mob-dn-hr-tt-ft-fy,
154
+ var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
155
+ );
156
+ text-transform: var(
157
+ --_ctm-mob-dn-hr-tt-tt-tm,
158
+ var(--_ctm-tab-dn-hr-tt-tt-tm, var(--_ctm-dn-hr-tt-tt-tm))
159
+ );
160
+ word-wrap: var(
161
+ --_ctm-mob-dn-hr-tt-wd-wp,
162
+ var(--_ctm-tab-dn-hr-tt-wd-wp, var(--_ctm-dn-hr-tt-wd-wp))
163
+ );
164
+ word-break: var(
165
+ --_ctm-mob-dn-hr-tt-wd-bk,
166
+ var(--_ctm-tab-dn-hr-tt-wd-bk, var(--_ctm-dn-hr-tt-wd-bk))
167
+ );
168
+
169
+ font-size: var(
170
+ --_ctm-mob-dn-hr-tt-ft-se,
171
+ var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se))
172
+ );
173
+
174
+ font-weight: var(
175
+ --_ctm-mob-dn-hr-tt-ft-wt,
176
+ var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt))
177
+ );
178
+
179
+ text-decoration: var(
180
+ --_ctm-mob-dn-hr-tt-ue,
181
+ var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue))
182
+ );
183
+
184
+ font-style: var(
185
+ --_ctm-mob-dn-hr-tt-ft-se-ic,
186
+ var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic))
187
+ );
188
+
189
+ text-align: var(
190
+ --_ctm-mob-dn-hr-tt-tt-an,
191
+ var(--_ctm-tab-dn-hr-tt-tt-an, var(--_ctm-dn-hr-tt-tt-an))
192
+ );
193
+
194
+ letter-spacing: var(
195
+ --_ctm-mob-dn-hr-tt-lr-sg,
196
+ var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg))
197
+ );
198
+
199
+ line-height: var(
200
+ --_ctm-mob-dn-hr-tt-le-ht,
201
+ var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht))
202
+ );
155
203
  }
156
204
  }
157
205
  }
158
-
159
206
  tbody {
160
207
  .tbody__row__divider {
161
- background-color: var(--_ctm-mob-dn-te-rw-bd-cr,
162
- var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr)));
208
+ background-color: var(
209
+ --_ctm-mob-dn-te-rw-bd-cr,
210
+ var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr))
211
+ );
163
212
 
164
213
  height: var(--_ctm-mob-lt-rw-ht, var(--_ctm-tab-lt-rw-ht, var(--_ctm-lt-rw-ht)));
165
214
 
166
215
  .td__col__divider {
167
- padding: var(--_ctm-mob-lt-rw-cl-pg,
168
- var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-lt-rw-cl-pg)));
169
-
170
- color: var(--_sf-hr-fc,
171
- var(--_ctm-mob-dn-rw-tt-cr, var(--_ctm-tab-dn-rw-tt-cr, var(--_ctm-dn-rw-tt-cr))));
172
-
173
- font-family: var(--_sf-hr-ff,
174
- var(--_ctm-mob-dn-rw-tt-ft-fy,
175
- var(--_ctm-tab-dn-rw-tt-ft-fy, var(--_ctm-dn-rw-tt-ft-fy))));
176
- text-transform: var(--_sf-hr-tt-tm,
177
- var(--_ctm-mob-dn-rw-tt-tt-tm,
178
- var(--_ctm-tab-dn-rw-tt-tt-tm, var(--_ctm-dn-rw-tt-tt-tm))));
179
- word-wrap: var(--_sf-hr-wd-wp,
180
- var(--_ctm-mob-dn-rw-tt-wd-wp,
181
- var(--_ctm-tab-dn-rw-tt-wd-wp, var(--_ctm-dn-rw-tt-wd-wp))));
182
- word-break: var(--_sf-hr-wd-bk,
183
- var(--_ctm-mob-dn-rw-tt-wd-bk,
184
- var(--_ctm-tab-dn-rw-tt-wd-bk, var(--_ctm-dn-rw-tt-wd-bk))));
185
-
186
- font-size: var(--_sf-hr-fs,
187
- var(--_ctm-mob-dn-rw-tt-ft-se,
188
- var(--_ctm-tab-dn-rw-tt-ft-se, var(--_ctm-dn-rw-tt-ft-se))));
189
-
190
- text-decoration: var(--_ctm-mob-dn-rw-tt-ue,
191
- var(--_ctm-tab-dn-rw-tt-ue, var(--_ctm-dn-rw-tt-ue)));
192
-
193
- font-weight: var(--_sf-hr-fw,
194
- var(--_ctm-mob-dn-rw-tt-ft-wt,
195
- var(--_ctm-tab-dn-rw-tt-ft-wt, var(--_ctm-dn-rw-tt-ft-wt))));
196
-
197
- font-style: var(--_sf-hr-ft,
198
- var(--_ctm-mob-dn-rw-tt-ft-se-ic,
199
- var(--_ctm-tab-dn-rw-tt-ft-se-ic, var(--_ctm-dn-rw-tt-ft-se-ic))));
200
-
201
- text-align: var(--_sf-hr-ta,
202
- var(--_ctm-mob-dn-rw-tt-tt-an,
203
- var(--_ctm-tab-dn-rw-tt-tt-an, var(--_ctm-dn-rw-tt-tt-an))));
204
-
205
- letter-spacing: var(--_sf-hr-ls,
206
- var(--_ctm-mob-dn-rw-tt-lr-sg,
207
- var(--_ctm-tab-dn-rw-tt-lr-sg, var(--_ctm-dn-rw-tt-lr-sg))));
208
-
209
- line-height: var(--_sf-hr-lh,
210
- var(--_ctm-mob-dn-rw-tt-le-ht,
211
- var(--_ctm-tab-dn-rw-tt-le-ht, var(--_ctm-dn-rw-tt-le-ht))));
216
+ padding: var(
217
+ --_ctm-mob-lt-rw-cl-pg,
218
+ var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-lt-rw-cl-pg))
219
+ );
220
+
221
+ color: var(
222
+ --_sf-hr-fc,
223
+ var(--_ctm-mob-dn-rw-tt-cr, var(--_ctm-tab-dn-rw-tt-cr, var(--_ctm-dn-rw-tt-cr)))
224
+ );
225
+
226
+ font-family: var(
227
+ --_sf-hr-ff,
228
+ var(
229
+ --_ctm-mob-dn-rw-tt-ft-fy,
230
+ var(--_ctm-tab-dn-rw-tt-ft-fy, var(--_ctm-dn-rw-tt-ft-fy))
231
+ )
232
+ );
233
+ text-transform: var(
234
+ --_sf-hr-tt-tm,
235
+ var(
236
+ --_ctm-mob-dn-rw-tt-tt-tm,
237
+ var(--_ctm-tab-dn-rw-tt-tt-tm, var(--_ctm-dn-rw-tt-tt-tm))
238
+ )
239
+ );
240
+ word-wrap: var(
241
+ --_sf-hr-wd-wp,
242
+ var(
243
+ --_ctm-mob-dn-rw-tt-wd-wp,
244
+ var(--_ctm-tab-dn-rw-tt-wd-wp, var(--_ctm-dn-rw-tt-wd-wp))
245
+ )
246
+ );
247
+ word-break: var(
248
+ --_sf-hr-wd-bk,
249
+ var(
250
+ --_ctm-mob-dn-rw-tt-wd-bk,
251
+ var(--_ctm-tab-dn-rw-tt-wd-bk, var(--_ctm-dn-rw-tt-wd-bk))
252
+ )
253
+ );
254
+
255
+ font-size: var(
256
+ --_sf-hr-fs,
257
+ var(
258
+ --_ctm-mob-dn-rw-tt-ft-se,
259
+ var(--_ctm-tab-dn-rw-tt-ft-se, var(--_ctm-dn-rw-tt-ft-se))
260
+ )
261
+ );
262
+
263
+ text-decoration: var(
264
+ --_ctm-mob-dn-rw-tt-ue,
265
+ var(--_ctm-tab-dn-rw-tt-ue, var(--_ctm-dn-rw-tt-ue))
266
+ );
267
+
268
+ font-weight: var(
269
+ --_sf-hr-fw,
270
+ var(
271
+ --_ctm-mob-dn-rw-tt-ft-wt,
272
+ var(--_ctm-tab-dn-rw-tt-ft-wt, var(--_ctm-dn-rw-tt-ft-wt))
273
+ )
274
+ );
275
+
276
+ font-style: var(
277
+ --_sf-hr-ft,
278
+ var(
279
+ --_ctm-mob-dn-rw-tt-ft-se-ic,
280
+ var(--_ctm-tab-dn-rw-tt-ft-se-ic, var(--_ctm-dn-rw-tt-ft-se-ic))
281
+ )
282
+ );
283
+
284
+ text-align: var(
285
+ --_sf-hr-ta,
286
+ var(
287
+ --_ctm-mob-dn-rw-tt-tt-an,
288
+ var(--_ctm-tab-dn-rw-tt-tt-an, var(--_ctm-dn-rw-tt-tt-an))
289
+ )
290
+ );
291
+
292
+ letter-spacing: var(
293
+ --_sf-hr-ls,
294
+ var(
295
+ --_ctm-mob-dn-rw-tt-lr-sg,
296
+ var(--_ctm-tab-dn-rw-tt-lr-sg, var(--_ctm-dn-rw-tt-lr-sg))
297
+ )
298
+ );
299
+
300
+ line-height: var(
301
+ --_sf-hr-lh,
302
+ var(
303
+ --_ctm-mob-dn-rw-tt-le-ht,
304
+ var(--_ctm-tab-dn-rw-tt-le-ht, var(--_ctm-dn-rw-tt-le-ht))
305
+ )
306
+ );
212
307
  }
213
308
  }
214
309
  }
@@ -219,10 +314,13 @@
219
314
  align-items: var(--_align-center);
220
315
  justify-content: var(--_ctm-mob-lt-pn-at, var(--_ctm-tab-lt-pn-at, var(--_ctm-lt-pn-at)));
221
316
  margin-top: 10px;
222
- background-color: var(--_sf-bd-cr,
223
- var(--_ctm-mob-dn-pn-dt-se-bd-cr,
224
- var(--_ctm-tab-dn-pn-dt-se-bd-cr, var(--_ctm-dn-pn-dt-se-bd-cr))));
225
-
317
+ background-color: var(
318
+ --_sf-bd-cr,
319
+ var(
320
+ --_ctm-mob-dn-pn-dt-se-bd-cr,
321
+ var(--_ctm-tab-dn-pn-dt-se-bd-cr, var(--_ctm-dn-pn-dt-se-bd-cr))
322
+ )
323
+ );
226
324
  &.pagination__center {
227
325
  justify-content: var(justify-center);
228
326
  }
@@ -231,21 +329,18 @@
231
329
  svg {
232
330
  width: var(--_width-18);
233
331
  height: var(--_height-18);
234
-
235
332
  path {
236
333
  stroke: var(--_gray-500);
237
334
  // stroke: var(--_ctm-dn-pn-in-c1, var(--_tst-dn-pn-in-c1));
238
- // Overrides the stroke-width presentation attribute baked into the icon markup.
239
- stroke-width: prepareMediaVariable(--_ctm-dn-pn-se-wh, 1.25);
335
+ // Overrides the stroke-width presentation attribute baked into the icon markup.
336
+ stroke-width: prepareMediaVariable(--_ctm-dn-pn-se-wh, 1.25);
240
337
  }
241
338
  }
242
339
  }
243
-
244
340
  span {
245
341
  float: left;
246
342
  padding: var(--_pd-8) var(--_pd-16);
247
343
  text-decoration: none;
248
-
249
344
  span {
250
345
  // color: var(--_sf-hr-fc, var(--_ctm-dn-pn-bn-cr, var(--_tst-dn-pn-bn-cr)));
251
346
  // font-size: var(--_sf-hr-fs, var(--_ctm-dn-pn-ft-se, var(--_tst-dn-pn-ft-se)));
@@ -257,7 +352,6 @@
257
352
  // letter-spacing: var(--_sf-hr-ls, var(--_ctm-dn-pn-lr-sg, var(--_tst-dn-pn-lr-sg)));
258
353
  // line-height: var(--_sf-hr-lh, var(--_ctm-dn-pn-le-ht, var(--_tst-dn-pn-le-ht)));
259
354
  }
260
-
261
355
  &.active:hover {
262
356
  &hover {
263
357
  --_sf-hr-fc: var(--_ctm-dn-pn-hr-se-cr, var(--_tst-dn-pn-hr-se-cr));
@@ -273,114 +367,211 @@
273
367
  --_sf-hr-lh: var(--_ctm-dn-pn-hr-se-le-ht, var(--_tst-dn-pn-hr-se-le-ht));
274
368
  }
275
369
  }
276
-
277
370
  &.active {
278
- color: var(--_sf-hr-fc,
279
- var(--_ctm-mob-dn-pn-dt-se-cr, var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))));
280
-
281
- font-family: var(--_sf-hr-ff,
282
- var(--_ctm-mob-dn-pn-dt-se-ft-fy,
283
- var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))));
284
- text-transform: var(--_sf-hr-tt-tm,
285
- var(--_ctm-mob-dn-pn-dt-se-tt-tm,
286
- var(--_ctm-tab-dn-pn-dt-se-tt-tm, var(--_ctm-dn-pn-dt-se-tt-tm))));
287
- word-wrap: var(--_sf-hr-wd-wp,
288
- var(--_ctm-mob-dn-pn-dt-se-wd-wp,
289
- var(--_ctm-tab-dn-pn-dt-se-wd-wp, var(--_ctm-dn-pn-dt-se-wd-wp))));
290
- word-break: var(--_sf-hr-wd-bk,
291
- var(--_ctm-mob-dn-pn-dt-se-wd-bk,
292
- var(--_ctm-tab-dn-pn-dt-se-wd-bk, var(--_ctm-dn-pn-dt-se-wd-bk))));
293
-
294
- font-size: var(--_sf-hr-fs,
295
- var(--_ctm-mob-dn-pn-dt-se-ft-se,
296
- var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))));
297
-
298
- text-decoration: var(--_sf-hr-td,
299
- var(--_ctm-mob-dn-pn-dt-se-ue, var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))));
300
-
301
- font-weight: var(--_sf-hr-fw,
302
- var(--_ctm-mob-dn-pn-dt-se-ft-wt,
303
- var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))));
304
-
305
- font-style: var(--_sf-hr-ft,
306
- var(--_ctm-mob-dn-pn-dt-se-ft-se-ic,
307
- var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))));
308
-
309
- text-align: var(--_sf-hr-ta,
310
- var(--_ctm-mob-dn-pn-dt-se-tt-an,
311
- var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))));
312
-
313
- letter-spacing: var(--_sf-hr-ls,
314
- var(--_ctm-mob-dn-pn-dt-se-lr-sg,
315
- var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))));
316
-
317
- line-height: var(--_sf-hr-lh,
318
- var(--_ctm-mob-dn-pn-dt-se-le-ht,
319
- var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))));
371
+ color: var(
372
+ --_sf-hr-fc,
373
+ var(--_ctm-mob-dn-pn-dt-se-cr, var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr)))
374
+ );
375
+
376
+ font-family: var(
377
+ --_sf-hr-ff,
378
+ var(
379
+ --_ctm-mob-dn-pn-dt-se-ft-fy,
380
+ var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
381
+ )
382
+ );
383
+ text-transform: var(
384
+ --_sf-hr-tt-tm,
385
+ var(
386
+ --_ctm-mob-dn-pn-dt-se-tt-tm,
387
+ var(--_ctm-tab-dn-pn-dt-se-tt-tm, var(--_ctm-dn-pn-dt-se-tt-tm))
388
+ )
389
+ );
390
+ word-wrap: var(
391
+ --_sf-hr-wd-wp,
392
+ var(
393
+ --_ctm-mob-dn-pn-dt-se-wd-wp,
394
+ var(--_ctm-tab-dn-pn-dt-se-wd-wp, var(--_ctm-dn-pn-dt-se-wd-wp))
395
+ )
396
+ );
397
+ word-break: var(
398
+ --_sf-hr-wd-bk,
399
+ var(
400
+ --_ctm-mob-dn-pn-dt-se-wd-bk,
401
+ var(--_ctm-tab-dn-pn-dt-se-wd-bk, var(--_ctm-dn-pn-dt-se-wd-bk))
402
+ )
403
+ );
404
+
405
+ font-size: var(
406
+ --_sf-hr-fs,
407
+ var(
408
+ --_ctm-mob-dn-pn-dt-se-ft-se,
409
+ var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
410
+ )
411
+ );
412
+
413
+ text-decoration: var(
414
+ --_sf-hr-td,
415
+ var(--_ctm-mob-dn-pn-dt-se-ue, var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue)))
416
+ );
417
+
418
+ font-weight: var(
419
+ --_sf-hr-fw,
420
+ var(
421
+ --_ctm-mob-dn-pn-dt-se-ft-wt,
422
+ var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
423
+ )
424
+ );
425
+
426
+ font-style: var(
427
+ --_sf-hr-ft,
428
+ var(
429
+ --_ctm-mob-dn-pn-dt-se-ft-se-ic,
430
+ var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
431
+ )
432
+ );
433
+
434
+ text-align: var(
435
+ --_sf-hr-ta,
436
+ var(
437
+ --_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
+ );
441
+
442
+ letter-spacing: var(
443
+ --_sf-hr-ls,
444
+ var(
445
+ --_ctm-mob-dn-pn-dt-se-lr-sg,
446
+ var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
447
+ )
448
+ );
449
+
450
+ line-height: var(
451
+ --_sf-hr-lh,
452
+ var(
453
+ --_ctm-mob-dn-pn-dt-se-le-ht,
454
+ var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
455
+ )
456
+ );
320
457
  }
321
458
  }
322
-
323
459
  .pagination__arrows {
324
- color: var(--_sf-hr-fc,
325
- var(--_ctm-mob-dn-pn-in-c1, var(--_ctm-tab-dn-pn-in-c1, var(--_ctm-dn-pn-in-c1))));
326
-
327
- font-size: var(--_sf-hr-fs,
328
- var(--_ctm-mob-dn-pn-in-se, var(--_ctm-tab-dn-pn-in-se, var(--_ctm-dn-pn-in-se))));
460
+ color: var(
461
+ --_sf-hr-fc,
462
+ var(--_ctm-mob-dn-pn-in-c1, var(--_ctm-tab-dn-pn-in-c1, var(--_ctm-dn-pn-in-c1)))
463
+ );
464
+
465
+ font-size: var(
466
+ --_sf-hr-fs,
467
+ var(--_ctm-mob-dn-pn-in-se, var(--_ctm-tab-dn-pn-in-se, var(--_ctm-dn-pn-in-se)))
468
+ );
329
469
  }
330
470
  }
331
471
 
332
472
  .load__more {
333
473
  margin: 10px;
334
- background-color: var(--_sf-hr-bd-cr,
335
- var(--_ctm-mob-dn-ld-me-bn-bd-cr,
336
- var(--_ctm-tab-dn-ld-me-bn-bd-cr, var(--_ctm-dn-ld-me-bn-bd-cr))));
337
- border-radius: var(--_sf-hr-br-br,
338
- var(--_ctm-mob-dn-ld-me-bn-br-rs,
339
- var(--_ctm-tab-dn-ld-me-bn-br-rs, var(--_ctm-dn-ld-me-bn-br-rs))));
474
+ background-color: var(
475
+ --_sf-hr-bd-cr,
476
+ var(
477
+ --_ctm-mob-dn-ld-me-bn-bd-cr,
478
+ var(--_ctm-tab-dn-ld-me-bn-bd-cr, var(--_ctm-dn-ld-me-bn-bd-cr))
479
+ )
480
+ );
481
+ border-radius: var(
482
+ --_sf-hr-br-br,
483
+ var(
484
+ --_ctm-mob-dn-ld-me-bn-br-rs,
485
+ var(--_ctm-tab-dn-ld-me-bn-br-rs, var(--_ctm-dn-ld-me-bn-br-rs))
486
+ )
487
+ );
340
488
 
341
489
  h3 {
342
- color: var(--_sf-hr-fc,
343
- var(--_ctm-mob-dn-ld-me-bn-cr, var(--_ctm-tab-dn-ld-me-bn-cr, var(--_ctm-dn-ld-me-bn-cr))));
344
- font-family: var(--_sf-hr-ff,
345
- var(--_ctm-mob-dn-ld-me-bn-ft-fy,
346
- var(--_ctm-tab-dn-ld-me-bn-ft-fy, var(--_ctm-dn-ld-me-bn-ft-fy))));
347
- text-transform: var(--_sf-hr-tt-tm,
348
- var(--_ctm-mob-dn-ld-me-bn-tt-tm,
349
- var(--_ctm-tab-dn-ld-me-bn-tt-tm, var(--_ctm-dn-ld-me-bn-tt-tm))));
350
- word-wrap: var(--_sf-hr-wd-wp,
351
- var(--_ctm-mob-dn-ld-me-bn-wd-wp,
352
- var(--_ctm-tab-dn-ld-me-bn-wd-wp, var(--_ctm-dn-ld-me-bn-wd-wp))));
353
- word-break: var(--_sf-hr-wd-bk,
354
- var(--_ctm-mob-dn-ld-me-bn-wd-bk,
355
- var(--_ctm-tab-dn-ld-me-bn-wd-bk, var(--_ctm-dn-ld-me-bn-wd-bk))));
356
- font-size: var(--_sf-hr-fs,
357
- var(--_ctm-mob-dn-ld-me-bn-ft-se,
358
- var(--_ctm-tab-dn-ld-me-bn-ft-se, var(--_ctm-dn-ld-me-bn-ft-se))));
359
-
360
- text-decoration: var(--_ctm-mob-dn-ld-me-bn-ue,
361
- var(--_ctm-tab-dn-ld-me-bn-ue, var(--_ctm-dn-ld-me-bn-ue)));
362
-
363
- font-weight: var(--_sf-hr-fw,
364
- var(--_ctm-mob-dn-ld-me-bn-ft-wt,
365
- var(--_ctm-tab-dn-ld-me-bn-ft-wt, var(--_ctm-dn-ld-me-bn-ft-wt))));
366
-
367
- font-style: var(--_sf-hr-ft,
368
- var(--_ctm-mob-dn-ld-me-bn-ft-se-ic,
369
- var(--_ctm-tab-dn-ld-me-bn-ft-se-ic, var(--_ctm-dn-ld-me-bn-ft-se-ic))));
370
-
371
- text-align: var(--_sf-hr-ta,
372
- var(--_ctm-mob-dn-ld-me-bn-tt-an,
373
- var(--_ctm-tab-dn-ld-me-bn-tt-an, var(--_ctm-dn-ld-me-bn-tt-an))));
374
-
375
- letter-spacing: var(--_sf-hr-ls,
376
- var(--_ctm-mob-dn-ld-me-bn-lr-sg,
377
- var(--_ctm-tab-dn-ld-me-bn-lr-sg, var(--_ctm-dn-ld-me-bn-lr-sg))));
378
-
379
- line-height: var(--_sf-hr-lh,
380
- var(--_ctm-mob-dn-ld-me-bn-le-ht,
381
- var(--_ctm-tab-dn-ld-me-bn-le-ht, var(--_ctm-dn-ld-me-bn-le-ht))));
490
+ color: var(
491
+ --_sf-hr-fc,
492
+ var(--_ctm-mob-dn-ld-me-bn-cr, var(--_ctm-tab-dn-ld-me-bn-cr, var(--_ctm-dn-ld-me-bn-cr)))
493
+ );
494
+ font-family: var(
495
+ --_sf-hr-ff,
496
+ var(
497
+ --_ctm-mob-dn-ld-me-bn-ft-fy,
498
+ var(--_ctm-tab-dn-ld-me-bn-ft-fy, var(--_ctm-dn-ld-me-bn-ft-fy))
499
+ )
500
+ );
501
+ text-transform: var(
502
+ --_sf-hr-tt-tm,
503
+ var(
504
+ --_ctm-mob-dn-ld-me-bn-tt-tm,
505
+ var(--_ctm-tab-dn-ld-me-bn-tt-tm, var(--_ctm-dn-ld-me-bn-tt-tm))
506
+ )
507
+ );
508
+ word-wrap: var(
509
+ --_sf-hr-wd-wp,
510
+ var(
511
+ --_ctm-mob-dn-ld-me-bn-wd-wp,
512
+ var(--_ctm-tab-dn-ld-me-bn-wd-wp, var(--_ctm-dn-ld-me-bn-wd-wp))
513
+ )
514
+ );
515
+ word-break: var(
516
+ --_sf-hr-wd-bk,
517
+ var(
518
+ --_ctm-mob-dn-ld-me-bn-wd-bk,
519
+ var(--_ctm-tab-dn-ld-me-bn-wd-bk, var(--_ctm-dn-ld-me-bn-wd-bk))
520
+ )
521
+ );
522
+ font-size: var(
523
+ --_sf-hr-fs,
524
+ var(
525
+ --_ctm-mob-dn-ld-me-bn-ft-se,
526
+ var(--_ctm-tab-dn-ld-me-bn-ft-se, var(--_ctm-dn-ld-me-bn-ft-se))
527
+ )
528
+ );
529
+
530
+ text-decoration: var(
531
+ --_ctm-mob-dn-ld-me-bn-ue,
532
+ var(--_ctm-tab-dn-ld-me-bn-ue, var(--_ctm-dn-ld-me-bn-ue))
533
+ );
534
+
535
+ font-weight: var(
536
+ --_sf-hr-fw,
537
+ var(
538
+ --_ctm-mob-dn-ld-me-bn-ft-wt,
539
+ var(--_ctm-tab-dn-ld-me-bn-ft-wt, var(--_ctm-dn-ld-me-bn-ft-wt))
540
+ )
541
+ );
542
+
543
+ font-style: var(
544
+ --_sf-hr-ft,
545
+ var(
546
+ --_ctm-mob-dn-ld-me-bn-ft-se-ic,
547
+ var(--_ctm-tab-dn-ld-me-bn-ft-se-ic, var(--_ctm-dn-ld-me-bn-ft-se-ic))
548
+ )
549
+ );
550
+
551
+ text-align: var(
552
+ --_sf-hr-ta,
553
+ var(
554
+ --_ctm-mob-dn-ld-me-bn-tt-an,
555
+ var(--_ctm-tab-dn-ld-me-bn-tt-an, var(--_ctm-dn-ld-me-bn-tt-an))
556
+ )
557
+ );
558
+
559
+ letter-spacing: var(
560
+ --_sf-hr-ls,
561
+ var(
562
+ --_ctm-mob-dn-ld-me-bn-lr-sg,
563
+ var(--_ctm-tab-dn-ld-me-bn-lr-sg, var(--_ctm-dn-ld-me-bn-lr-sg))
564
+ )
565
+ );
566
+
567
+ line-height: var(
568
+ --_sf-hr-lh,
569
+ var(
570
+ --_ctm-mob-dn-ld-me-bn-le-ht,
571
+ var(--_ctm-tab-dn-ld-me-bn-le-ht, var(--_ctm-dn-ld-me-bn-le-ht))
572
+ )
573
+ );
382
574
  }
383
-
384
575
  // background-color: var(--_primary-400);
385
576
  // border: 1px solid var(--_primary-400);
386
577
  // border-radius: var(--_br-6);
@@ -393,4 +584,4 @@
393
584
  // text-align: center;
394
585
  // margin-top: 20px;
395
586
  }
396
- }
587
+ }