@empathyco/x-components 6.0.0-alpha.1 → 6.0.0-alpha.3

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 (45) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/design-system/deprecated-full-theme.css +1225 -1225
  3. package/docs/API-reference/api/x-components.baseswitch.md +1 -2
  4. package/docs/API-reference/components/common/x-components.base-switch.md +1 -2
  5. package/js/components/base-switch.vue.js.map +1 -1
  6. package/js/components/base-switch.vue2.js +2 -3
  7. package/js/components/base-switch.vue2.js.map +1 -1
  8. package/js/components/scroll/use-scroll.js +1 -1
  9. package/js/components/scroll/use-scroll.js.map +1 -1
  10. package/js/x-modules/facets/components/filters/hierarchical-filter.vue.js +3 -3
  11. package/js/x-modules/facets/components/filters/hierarchical-filter.vue.js.map +1 -1
  12. package/js/x-modules/facets/components/filters/hierarchical-filter.vue2.js.map +1 -1
  13. package/js/x-modules/facets/components/filters/number-range-filter.vue.js +5 -5
  14. package/js/x-modules/facets/components/filters/number-range-filter.vue.js.map +1 -1
  15. package/js/x-modules/facets/components/filters/number-range-filter.vue2.js +1 -0
  16. package/js/x-modules/facets/components/filters/number-range-filter.vue2.js.map +1 -1
  17. package/js/x-modules/facets/components/filters/simple-filter.vue.js +5 -5
  18. package/js/x-modules/facets/components/filters/simple-filter.vue.js.map +1 -1
  19. package/js/x-modules/facets/components/filters/simple-filter.vue2.js +1 -0
  20. package/js/x-modules/facets/components/filters/simple-filter.vue2.js.map +1 -1
  21. package/js/x-modules/facets/composables/use-facets.js +3 -1
  22. package/js/x-modules/facets/composables/use-facets.js.map +1 -1
  23. package/js/x-modules/history-queries/components/history-queries-switch.vue.js +3 -3
  24. package/js/x-modules/history-queries/components/history-queries-switch.vue.js.map +1 -1
  25. package/js/x-modules/history-queries/components/history-queries-switch.vue2.js.map +1 -1
  26. package/js/x-modules/next-queries/components/next-queries-list.vue.js +5 -4
  27. package/js/x-modules/next-queries/components/next-queries-list.vue.js.map +1 -1
  28. package/js/x-modules/search/components/banners-list.vue.js +2 -1
  29. package/js/x-modules/search/components/banners-list.vue.js.map +1 -1
  30. package/js/x-modules/search/components/promoteds-list.vue.js +2 -1
  31. package/js/x-modules/search/components/promoteds-list.vue.js.map +1 -1
  32. package/js/x-modules/search/components/results-list.vue.js +2 -1
  33. package/js/x-modules/search/components/results-list.vue.js.map +1 -1
  34. package/package.json +3 -3
  35. package/report/x-components.api.json +2 -2
  36. package/report/x-components.api.md +1 -2
  37. package/types/components/base-switch.vue.d.ts +1 -2
  38. package/types/components/base-switch.vue.d.ts.map +1 -1
  39. package/types/x-modules/facets/components/filters/number-range-filter.vue.d.ts.map +1 -1
  40. package/types/x-modules/facets/components/filters/simple-filter.vue.d.ts.map +1 -1
  41. package/types/x-modules/facets/composables/use-facets.d.ts.map +1 -1
  42. package/types/x-modules/next-queries/components/next-queries-list.vue.d.ts.map +1 -1
  43. package/types/x-modules/search/components/banners-list.vue.d.ts.map +1 -1
  44. package/types/x-modules/search/components/promoteds-list.vue.d.ts.map +1 -1
  45. package/types/x-modules/search/components/results-list.vue.d.ts.map +1 -1
package/design-system/deprecated-full-theme.css CHANGED
@@ -1,20 +1,5 @@
1
1
 
2
2
 
3
- .x-uppercase {
4
- text-transform: uppercase;
5
- }
6
-
7
- .x-lowercase {
8
- text-transform: lowercase;
9
- }
10
-
11
- .x-capitalize {
12
- text-transform: capitalize;
13
- }
14
-
15
- .x-normal-case {
16
- text-transform: none;
17
- }
18
3
  .x-underline {
19
4
  -webkit-text-decoration-line: underline;
20
5
  text-decoration-line: underline;
@@ -53,908 +38,923 @@
53
38
  .x-sticky {
54
39
  position: sticky !important;
55
40
  }
56
- .x-padding--00 {
57
- padding: 0 !important;
41
+ .x-margin--auto {
42
+ margin: auto !important;
58
43
  }
59
- .x-padding--01 {
60
- padding: var(--x-size-base-01) !important;
44
+ .x-margin--00 {
45
+ margin: 0 !important;
61
46
  }
62
- .x-padding--02 {
63
- padding: var(--x-size-base-02) !important;
47
+ .x-margin--01 {
48
+ margin: var(--x-size-base-01) !important;
64
49
  }
65
- .x-padding--03 {
66
- padding: var(--x-size-base-03) !important;
50
+ .x-margin--02 {
51
+ margin: var(--x-size-base-02) !important;
67
52
  }
68
- .x-padding--04 {
69
- padding: var(--x-size-base-04) !important;
53
+ .x-margin--03 {
54
+ margin: var(--x-size-base-03) !important;
70
55
  }
71
- .x-padding--05 {
72
- padding: var(--x-size-base-05) !important;
56
+ .x-margin--04 {
57
+ margin: var(--x-size-base-04) !important;
73
58
  }
74
- .x-padding--06 {
75
- padding: var(--x-size-base-06) !important;
59
+ .x-margin--05 {
60
+ margin: var(--x-size-base-05) !important;
76
61
  }
77
- .x-padding--07 {
78
- padding: var(--x-size-base-07) !important;
62
+ .x-margin--06 {
63
+ margin: var(--x-size-base-06) !important;
79
64
  }
80
- .x-padding--08 {
81
- padding: var(--x-size-base-08) !important;
65
+ .x-margin--07 {
66
+ margin: var(--x-size-base-07) !important;
82
67
  }
83
- .x-padding--09 {
84
- padding: var(--x-size-base-09) !important;
68
+ .x-margin--08 {
69
+ margin: var(--x-size-base-08) !important;
85
70
  }
86
- .x-padding--10 {
87
- padding: var(--x-size-base-10) !important;
71
+ .x-margin--09 {
72
+ margin: var(--x-size-base-09) !important;
88
73
  }
89
- .x-padding--11 {
90
- padding: var(--x-size-base-11) !important;
74
+ .x-margin--10 {
75
+ margin: var(--x-size-base-10) !important;
91
76
  }
92
- .x-padding--12 {
93
- padding: var(--x-size-base-12) !important;
77
+ .x-margin--11 {
78
+ margin: var(--x-size-base-11) !important;
94
79
  }
95
- .x-padding--13 {
96
- padding: var(--x-size-base-13) !important;
80
+ .x-margin--12 {
81
+ margin: var(--x-size-base-12) !important;
97
82
  }
98
- .x-padding--14 {
99
- padding: var(--x-size-base-14) !important;
83
+ .x-margin--13 {
84
+ margin: var(--x-size-base-13) !important;
100
85
  }
101
- .x-padding--15 {
102
- padding: var(--x-size-base-15) !important;
86
+ .x-margin--14 {
87
+ margin: var(--x-size-base-14) !important;
103
88
  }
104
- .x-padding--16 {
105
- padding: var(--x-size-base-16) !important;
89
+ .x-margin--15 {
90
+ margin: var(--x-size-base-15) !important;
106
91
  }
107
- .x-padding--17 {
108
- padding: var(--x-size-base-17) !important;
92
+ .x-margin--16 {
93
+ margin: var(--x-size-base-16) !important;
109
94
  }
110
- .x-padding--18 {
111
- padding: var(--x-size-base-18) !important;
95
+ .x-margin--17 {
96
+ margin: var(--x-size-base-17) !important;
112
97
  }
113
- .x-padding--19 {
114
- padding: var(--x-size-base-19) !important;
98
+ .x-margin--18 {
99
+ margin: var(--x-size-base-18) !important;
115
100
  }
116
- .x-padding--20 {
117
- padding: var(--x-size-base-20) !important;
101
+ .x-margin--19 {
102
+ margin: var(--x-size-base-19) !important;
118
103
  }
119
- .x-padding--top-00 {
120
- padding-top: 0 !important;
104
+ .x-margin--20 {
105
+ margin: var(--x-size-base-20) !important;
121
106
  }
122
- .x-padding--bottom-00 {
123
- padding-bottom: 0 !important;
107
+ .x-margin--top-auto {
108
+ margin-top: auto !important;
124
109
  }
125
- [dir="ltr"] .x-padding--right-00 {
126
- padding-right: 0 !important;
110
+ .x-margin--bottom-auto {
111
+ margin-bottom: auto !important;
127
112
  }
128
- [dir="rtl"] .x-padding--right-00 {
129
- padding-left: 0 !important;
113
+ [dir="ltr"] .x-margin--right-auto {
114
+ margin-right: auto !important;
130
115
  }
131
- [dir="ltr"] .x-padding--left-00 {
132
- padding-left: 0 !important;
116
+ [dir="rtl"] .x-margin--right-auto {
117
+ margin-left: auto !important;
133
118
  }
134
- [dir="rtl"] .x-padding--left-00 {
135
- padding-right: 0 !important;
119
+ [dir="ltr"] .x-margin--left-auto {
120
+ margin-left: auto !important;
136
121
  }
137
- .x-padding--top-01 {
138
- padding-top: var(--x-size-base-01) !important;
122
+ [dir="rtl"] .x-margin--left-auto {
123
+ margin-right: auto !important;
139
124
  }
140
- .x-padding--bottom-01 {
141
- padding-bottom: var(--x-size-base-01) !important;
125
+ .x-margin--top-00 {
126
+ margin-top: 0 !important;
142
127
  }
143
- [dir="ltr"] .x-padding--right-01 {
144
- padding-right: var(--x-size-base-01) !important;
128
+ .x-margin--bottom-00 {
129
+ margin-bottom: 0 !important;
145
130
  }
146
- [dir="rtl"] .x-padding--right-01 {
147
- padding-left: var(--x-size-base-01) !important;
131
+ [dir="ltr"] .x-margin--right-00 {
132
+ margin-right: 0 !important;
148
133
  }
149
- [dir="ltr"] .x-padding--left-01 {
150
- padding-left: var(--x-size-base-01) !important;
134
+ [dir="rtl"] .x-margin--right-00 {
135
+ margin-left: 0 !important;
151
136
  }
152
- [dir="rtl"] .x-padding--left-01 {
153
- padding-right: var(--x-size-base-01) !important;
137
+ [dir="ltr"] .x-margin--left-00 {
138
+ margin-left: 0 !important;
154
139
  }
155
- .x-padding--top-02 {
156
- padding-top: var(--x-size-base-02) !important;
140
+ [dir="rtl"] .x-margin--left-00 {
141
+ margin-right: 0 !important;
157
142
  }
158
- .x-padding--bottom-02 {
159
- padding-bottom: var(--x-size-base-02) !important;
143
+ .x-margin--top-01 {
144
+ margin-top: var(--x-size-base-01) !important;
160
145
  }
161
- [dir="ltr"] .x-padding--right-02 {
162
- padding-right: var(--x-size-base-02) !important;
146
+ .x-margin--bottom-01 {
147
+ margin-bottom: var(--x-size-base-01) !important;
163
148
  }
164
- [dir="rtl"] .x-padding--right-02 {
165
- padding-left: var(--x-size-base-02) !important;
149
+ [dir="ltr"] .x-margin--right-01 {
150
+ margin-right: var(--x-size-base-01) !important;
166
151
  }
167
- [dir="ltr"] .x-padding--left-02 {
168
- padding-left: var(--x-size-base-02) !important;
152
+ [dir="rtl"] .x-margin--right-01 {
153
+ margin-left: var(--x-size-base-01) !important;
169
154
  }
170
- [dir="rtl"] .x-padding--left-02 {
171
- padding-right: var(--x-size-base-02) !important;
155
+ [dir="ltr"] .x-margin--left-01 {
156
+ margin-left: var(--x-size-base-01) !important;
172
157
  }
173
- .x-padding--top-03 {
174
- padding-top: var(--x-size-base-03) !important;
158
+ [dir="rtl"] .x-margin--left-01 {
159
+ margin-right: var(--x-size-base-01) !important;
175
160
  }
176
- .x-padding--bottom-03 {
177
- padding-bottom: var(--x-size-base-03) !important;
161
+ .x-margin--top-02 {
162
+ margin-top: var(--x-size-base-02) !important;
178
163
  }
179
- [dir="ltr"] .x-padding--right-03 {
180
- padding-right: var(--x-size-base-03) !important;
164
+ .x-margin--bottom-02 {
165
+ margin-bottom: var(--x-size-base-02) !important;
181
166
  }
182
- [dir="rtl"] .x-padding--right-03 {
183
- padding-left: var(--x-size-base-03) !important;
167
+ [dir="ltr"] .x-margin--right-02 {
168
+ margin-right: var(--x-size-base-02) !important;
184
169
  }
185
- [dir="ltr"] .x-padding--left-03 {
186
- padding-left: var(--x-size-base-03) !important;
170
+ [dir="rtl"] .x-margin--right-02 {
171
+ margin-left: var(--x-size-base-02) !important;
187
172
  }
188
- [dir="rtl"] .x-padding--left-03 {
189
- padding-right: var(--x-size-base-03) !important;
173
+ [dir="ltr"] .x-margin--left-02 {
174
+ margin-left: var(--x-size-base-02) !important;
190
175
  }
191
- .x-padding--top-04 {
192
- padding-top: var(--x-size-base-04) !important;
176
+ [dir="rtl"] .x-margin--left-02 {
177
+ margin-right: var(--x-size-base-02) !important;
193
178
  }
194
- .x-padding--bottom-04 {
195
- padding-bottom: var(--x-size-base-04) !important;
179
+ .x-margin--top-03 {
180
+ margin-top: var(--x-size-base-03) !important;
196
181
  }
197
- [dir="ltr"] .x-padding--right-04 {
198
- padding-right: var(--x-size-base-04) !important;
182
+ .x-margin--bottom-03 {
183
+ margin-bottom: var(--x-size-base-03) !important;
199
184
  }
200
- [dir="rtl"] .x-padding--right-04 {
201
- padding-left: var(--x-size-base-04) !important;
185
+ [dir="ltr"] .x-margin--right-03 {
186
+ margin-right: var(--x-size-base-03) !important;
202
187
  }
203
- [dir="ltr"] .x-padding--left-04 {
204
- padding-left: var(--x-size-base-04) !important;
188
+ [dir="rtl"] .x-margin--right-03 {
189
+ margin-left: var(--x-size-base-03) !important;
205
190
  }
206
- [dir="rtl"] .x-padding--left-04 {
207
- padding-right: var(--x-size-base-04) !important;
191
+ [dir="ltr"] .x-margin--left-03 {
192
+ margin-left: var(--x-size-base-03) !important;
208
193
  }
209
- .x-padding--top-05 {
210
- padding-top: var(--x-size-base-05) !important;
194
+ [dir="rtl"] .x-margin--left-03 {
195
+ margin-right: var(--x-size-base-03) !important;
211
196
  }
212
- .x-padding--bottom-05 {
213
- padding-bottom: var(--x-size-base-05) !important;
197
+ .x-margin--top-04 {
198
+ margin-top: var(--x-size-base-04) !important;
214
199
  }
215
- [dir="ltr"] .x-padding--right-05 {
216
- padding-right: var(--x-size-base-05) !important;
200
+ .x-margin--bottom-04 {
201
+ margin-bottom: var(--x-size-base-04) !important;
217
202
  }
218
- [dir="rtl"] .x-padding--right-05 {
219
- padding-left: var(--x-size-base-05) !important;
203
+ [dir="ltr"] .x-margin--right-04 {
204
+ margin-right: var(--x-size-base-04) !important;
220
205
  }
221
- [dir="ltr"] .x-padding--left-05 {
222
- padding-left: var(--x-size-base-05) !important;
206
+ [dir="rtl"] .x-margin--right-04 {
207
+ margin-left: var(--x-size-base-04) !important;
223
208
  }
224
- [dir="rtl"] .x-padding--left-05 {
225
- padding-right: var(--x-size-base-05) !important;
209
+ [dir="ltr"] .x-margin--left-04 {
210
+ margin-left: var(--x-size-base-04) !important;
226
211
  }
227
- .x-padding--top-06 {
228
- padding-top: var(--x-size-base-06) !important;
212
+ [dir="rtl"] .x-margin--left-04 {
213
+ margin-right: var(--x-size-base-04) !important;
229
214
  }
230
- .x-padding--bottom-06 {
231
- padding-bottom: var(--x-size-base-06) !important;
215
+ .x-margin--top-05 {
216
+ margin-top: var(--x-size-base-05) !important;
232
217
  }
233
- [dir="ltr"] .x-padding--right-06 {
234
- padding-right: var(--x-size-base-06) !important;
218
+ .x-margin--bottom-05 {
219
+ margin-bottom: var(--x-size-base-05) !important;
235
220
  }
236
- [dir="rtl"] .x-padding--right-06 {
237
- padding-left: var(--x-size-base-06) !important;
221
+ [dir="ltr"] .x-margin--right-05 {
222
+ margin-right: var(--x-size-base-05) !important;
238
223
  }
239
- [dir="ltr"] .x-padding--left-06 {
240
- padding-left: var(--x-size-base-06) !important;
224
+ [dir="rtl"] .x-margin--right-05 {
225
+ margin-left: var(--x-size-base-05) !important;
241
226
  }
242
- [dir="rtl"] .x-padding--left-06 {
243
- padding-right: var(--x-size-base-06) !important;
227
+ [dir="ltr"] .x-margin--left-05 {
228
+ margin-left: var(--x-size-base-05) !important;
244
229
  }
245
- .x-padding--top-07 {
246
- padding-top: var(--x-size-base-07) !important;
230
+ [dir="rtl"] .x-margin--left-05 {
231
+ margin-right: var(--x-size-base-05) !important;
247
232
  }
248
- .x-padding--bottom-07 {
249
- padding-bottom: var(--x-size-base-07) !important;
233
+ .x-margin--top-06 {
234
+ margin-top: var(--x-size-base-06) !important;
250
235
  }
251
- [dir="ltr"] .x-padding--right-07 {
252
- padding-right: var(--x-size-base-07) !important;
236
+ .x-margin--bottom-06 {
237
+ margin-bottom: var(--x-size-base-06) !important;
253
238
  }
254
- [dir="rtl"] .x-padding--right-07 {
255
- padding-left: var(--x-size-base-07) !important;
239
+ [dir="ltr"] .x-margin--right-06 {
240
+ margin-right: var(--x-size-base-06) !important;
256
241
  }
257
- [dir="ltr"] .x-padding--left-07 {
258
- padding-left: var(--x-size-base-07) !important;
242
+ [dir="rtl"] .x-margin--right-06 {
243
+ margin-left: var(--x-size-base-06) !important;
259
244
  }
260
- [dir="rtl"] .x-padding--left-07 {
261
- padding-right: var(--x-size-base-07) !important;
245
+ [dir="ltr"] .x-margin--left-06 {
246
+ margin-left: var(--x-size-base-06) !important;
262
247
  }
263
- .x-padding--top-08 {
264
- padding-top: var(--x-size-base-08) !important;
248
+ [dir="rtl"] .x-margin--left-06 {
249
+ margin-right: var(--x-size-base-06) !important;
265
250
  }
266
- .x-padding--bottom-08 {
267
- padding-bottom: var(--x-size-base-08) !important;
251
+ .x-margin--top-07 {
252
+ margin-top: var(--x-size-base-07) !important;
268
253
  }
269
- [dir="ltr"] .x-padding--right-08 {
270
- padding-right: var(--x-size-base-08) !important;
254
+ .x-margin--bottom-07 {
255
+ margin-bottom: var(--x-size-base-07) !important;
271
256
  }
272
- [dir="rtl"] .x-padding--right-08 {
273
- padding-left: var(--x-size-base-08) !important;
257
+ [dir="ltr"] .x-margin--right-07 {
258
+ margin-right: var(--x-size-base-07) !important;
274
259
  }
275
- [dir="ltr"] .x-padding--left-08 {
276
- padding-left: var(--x-size-base-08) !important;
260
+ [dir="rtl"] .x-margin--right-07 {
261
+ margin-left: var(--x-size-base-07) !important;
277
262
  }
278
- [dir="rtl"] .x-padding--left-08 {
279
- padding-right: var(--x-size-base-08) !important;
263
+ [dir="ltr"] .x-margin--left-07 {
264
+ margin-left: var(--x-size-base-07) !important;
280
265
  }
281
- .x-padding--top-09 {
282
- padding-top: var(--x-size-base-09) !important;
266
+ [dir="rtl"] .x-margin--left-07 {
267
+ margin-right: var(--x-size-base-07) !important;
283
268
  }
284
- .x-padding--bottom-09 {
285
- padding-bottom: var(--x-size-base-09) !important;
269
+ .x-margin--top-08 {
270
+ margin-top: var(--x-size-base-08) !important;
286
271
  }
287
- [dir="ltr"] .x-padding--right-09 {
288
- padding-right: var(--x-size-base-09) !important;
272
+ .x-margin--bottom-08 {
273
+ margin-bottom: var(--x-size-base-08) !important;
289
274
  }
290
- [dir="rtl"] .x-padding--right-09 {
291
- padding-left: var(--x-size-base-09) !important;
275
+ [dir="ltr"] .x-margin--right-08 {
276
+ margin-right: var(--x-size-base-08) !important;
292
277
  }
293
- [dir="ltr"] .x-padding--left-09 {
294
- padding-left: var(--x-size-base-09) !important;
278
+ [dir="rtl"] .x-margin--right-08 {
279
+ margin-left: var(--x-size-base-08) !important;
295
280
  }
296
- [dir="rtl"] .x-padding--left-09 {
297
- padding-right: var(--x-size-base-09) !important;
281
+ [dir="ltr"] .x-margin--left-08 {
282
+ margin-left: var(--x-size-base-08) !important;
298
283
  }
299
- .x-padding--top-10 {
300
- padding-top: var(--x-size-base-10) !important;
284
+ [dir="rtl"] .x-margin--left-08 {
285
+ margin-right: var(--x-size-base-08) !important;
301
286
  }
302
- .x-padding--bottom-10 {
303
- padding-bottom: var(--x-size-base-10) !important;
287
+ .x-margin--top-09 {
288
+ margin-top: var(--x-size-base-09) !important;
304
289
  }
305
- [dir="ltr"] .x-padding--right-10 {
306
- padding-right: var(--x-size-base-10) !important;
290
+ .x-margin--bottom-09 {
291
+ margin-bottom: var(--x-size-base-09) !important;
307
292
  }
308
- [dir="rtl"] .x-padding--right-10 {
309
- padding-left: var(--x-size-base-10) !important;
293
+ [dir="ltr"] .x-margin--right-09 {
294
+ margin-right: var(--x-size-base-09) !important;
310
295
  }
311
- [dir="ltr"] .x-padding--left-10 {
312
- padding-left: var(--x-size-base-10) !important;
296
+ [dir="rtl"] .x-margin--right-09 {
297
+ margin-left: var(--x-size-base-09) !important;
313
298
  }
314
- [dir="rtl"] .x-padding--left-10 {
315
- padding-right: var(--x-size-base-10) !important;
299
+ [dir="ltr"] .x-margin--left-09 {
300
+ margin-left: var(--x-size-base-09) !important;
316
301
  }
317
- .x-padding--top-11 {
318
- padding-top: var(--x-size-base-11) !important;
302
+ [dir="rtl"] .x-margin--left-09 {
303
+ margin-right: var(--x-size-base-09) !important;
319
304
  }
320
- .x-padding--bottom-11 {
321
- padding-bottom: var(--x-size-base-11) !important;
305
+ .x-margin--top-10 {
306
+ margin-top: var(--x-size-base-10) !important;
322
307
  }
323
- [dir="ltr"] .x-padding--right-11 {
324
- padding-right: var(--x-size-base-11) !important;
308
+ .x-margin--bottom-10 {
309
+ margin-bottom: var(--x-size-base-10) !important;
325
310
  }
326
- [dir="rtl"] .x-padding--right-11 {
327
- padding-left: var(--x-size-base-11) !important;
311
+ [dir="ltr"] .x-margin--right-10 {
312
+ margin-right: var(--x-size-base-10) !important;
328
313
  }
329
- [dir="ltr"] .x-padding--left-11 {
330
- padding-left: var(--x-size-base-11) !important;
314
+ [dir="rtl"] .x-margin--right-10 {
315
+ margin-left: var(--x-size-base-10) !important;
331
316
  }
332
- [dir="rtl"] .x-padding--left-11 {
333
- padding-right: var(--x-size-base-11) !important;
317
+ [dir="ltr"] .x-margin--left-10 {
318
+ margin-left: var(--x-size-base-10) !important;
334
319
  }
335
- .x-padding--top-12 {
336
- padding-top: var(--x-size-base-12) !important;
320
+ [dir="rtl"] .x-margin--left-10 {
321
+ margin-right: var(--x-size-base-10) !important;
337
322
  }
338
- .x-padding--bottom-12 {
339
- padding-bottom: var(--x-size-base-12) !important;
323
+ .x-margin--top-11 {
324
+ margin-top: var(--x-size-base-11) !important;
340
325
  }
341
- [dir="ltr"] .x-padding--right-12 {
342
- padding-right: var(--x-size-base-12) !important;
326
+ .x-margin--bottom-11 {
327
+ margin-bottom: var(--x-size-base-11) !important;
343
328
  }
344
- [dir="rtl"] .x-padding--right-12 {
345
- padding-left: var(--x-size-base-12) !important;
329
+ [dir="ltr"] .x-margin--right-11 {
330
+ margin-right: var(--x-size-base-11) !important;
346
331
  }
347
- [dir="ltr"] .x-padding--left-12 {
348
- padding-left: var(--x-size-base-12) !important;
332
+ [dir="rtl"] .x-margin--right-11 {
333
+ margin-left: var(--x-size-base-11) !important;
349
334
  }
350
- [dir="rtl"] .x-padding--left-12 {
351
- padding-right: var(--x-size-base-12) !important;
335
+ [dir="ltr"] .x-margin--left-11 {
336
+ margin-left: var(--x-size-base-11) !important;
352
337
  }
353
- .x-padding--top-13 {
354
- padding-top: var(--x-size-base-13) !important;
338
+ [dir="rtl"] .x-margin--left-11 {
339
+ margin-right: var(--x-size-base-11) !important;
355
340
  }
356
- .x-padding--bottom-13 {
357
- padding-bottom: var(--x-size-base-13) !important;
341
+ .x-margin--top-12 {
342
+ margin-top: var(--x-size-base-12) !important;
358
343
  }
359
- [dir="ltr"] .x-padding--right-13 {
360
- padding-right: var(--x-size-base-13) !important;
344
+ .x-margin--bottom-12 {
345
+ margin-bottom: var(--x-size-base-12) !important;
361
346
  }
362
- [dir="rtl"] .x-padding--right-13 {
363
- padding-left: var(--x-size-base-13) !important;
347
+ [dir="ltr"] .x-margin--right-12 {
348
+ margin-right: var(--x-size-base-12) !important;
364
349
  }
365
- [dir="ltr"] .x-padding--left-13 {
366
- padding-left: var(--x-size-base-13) !important;
350
+ [dir="rtl"] .x-margin--right-12 {
351
+ margin-left: var(--x-size-base-12) !important;
367
352
  }
368
- [dir="rtl"] .x-padding--left-13 {
369
- padding-right: var(--x-size-base-13) !important;
353
+ [dir="ltr"] .x-margin--left-12 {
354
+ margin-left: var(--x-size-base-12) !important;
370
355
  }
371
- .x-padding--top-14 {
372
- padding-top: var(--x-size-base-14) !important;
356
+ [dir="rtl"] .x-margin--left-12 {
357
+ margin-right: var(--x-size-base-12) !important;
373
358
  }
374
- .x-padding--bottom-14 {
375
- padding-bottom: var(--x-size-base-14) !important;
359
+ .x-margin--top-13 {
360
+ margin-top: var(--x-size-base-13) !important;
376
361
  }
377
- [dir="ltr"] .x-padding--right-14 {
378
- padding-right: var(--x-size-base-14) !important;
362
+ .x-margin--bottom-13 {
363
+ margin-bottom: var(--x-size-base-13) !important;
379
364
  }
380
- [dir="rtl"] .x-padding--right-14 {
381
- padding-left: var(--x-size-base-14) !important;
365
+ [dir="ltr"] .x-margin--right-13 {
366
+ margin-right: var(--x-size-base-13) !important;
382
367
  }
383
- [dir="ltr"] .x-padding--left-14 {
384
- padding-left: var(--x-size-base-14) !important;
368
+ [dir="rtl"] .x-margin--right-13 {
369
+ margin-left: var(--x-size-base-13) !important;
385
370
  }
386
- [dir="rtl"] .x-padding--left-14 {
387
- padding-right: var(--x-size-base-14) !important;
371
+ [dir="ltr"] .x-margin--left-13 {
372
+ margin-left: var(--x-size-base-13) !important;
388
373
  }
389
- .x-padding--top-15 {
390
- padding-top: var(--x-size-base-15) !important;
374
+ [dir="rtl"] .x-margin--left-13 {
375
+ margin-right: var(--x-size-base-13) !important;
391
376
  }
392
- .x-padding--bottom-15 {
393
- padding-bottom: var(--x-size-base-15) !important;
377
+ .x-margin--top-14 {
378
+ margin-top: var(--x-size-base-14) !important;
394
379
  }
395
- [dir="ltr"] .x-padding--right-15 {
396
- padding-right: var(--x-size-base-15) !important;
380
+ .x-margin--bottom-14 {
381
+ margin-bottom: var(--x-size-base-14) !important;
397
382
  }
398
- [dir="rtl"] .x-padding--right-15 {
399
- padding-left: var(--x-size-base-15) !important;
383
+ [dir="ltr"] .x-margin--right-14 {
384
+ margin-right: var(--x-size-base-14) !important;
400
385
  }
401
- [dir="ltr"] .x-padding--left-15 {
402
- padding-left: var(--x-size-base-15) !important;
386
+ [dir="rtl"] .x-margin--right-14 {
387
+ margin-left: var(--x-size-base-14) !important;
403
388
  }
404
- [dir="rtl"] .x-padding--left-15 {
405
- padding-right: var(--x-size-base-15) !important;
389
+ [dir="ltr"] .x-margin--left-14 {
390
+ margin-left: var(--x-size-base-14) !important;
406
391
  }
407
- .x-padding--top-16 {
408
- padding-top: var(--x-size-base-16) !important;
392
+ [dir="rtl"] .x-margin--left-14 {
393
+ margin-right: var(--x-size-base-14) !important;
409
394
  }
410
- .x-padding--bottom-16 {
411
- padding-bottom: var(--x-size-base-16) !important;
395
+ .x-margin--top-15 {
396
+ margin-top: var(--x-size-base-15) !important;
412
397
  }
413
- [dir="ltr"] .x-padding--right-16 {
414
- padding-right: var(--x-size-base-16) !important;
398
+ .x-margin--bottom-15 {
399
+ margin-bottom: var(--x-size-base-15) !important;
415
400
  }
416
- [dir="rtl"] .x-padding--right-16 {
417
- padding-left: var(--x-size-base-16) !important;
401
+ [dir="ltr"] .x-margin--right-15 {
402
+ margin-right: var(--x-size-base-15) !important;
418
403
  }
419
- [dir="ltr"] .x-padding--left-16 {
420
- padding-left: var(--x-size-base-16) !important;
404
+ [dir="rtl"] .x-margin--right-15 {
405
+ margin-left: var(--x-size-base-15) !important;
421
406
  }
422
- [dir="rtl"] .x-padding--left-16 {
423
- padding-right: var(--x-size-base-16) !important;
407
+ [dir="ltr"] .x-margin--left-15 {
408
+ margin-left: var(--x-size-base-15) !important;
424
409
  }
425
- .x-padding--top-17 {
426
- padding-top: var(--x-size-base-17) !important;
410
+ [dir="rtl"] .x-margin--left-15 {
411
+ margin-right: var(--x-size-base-15) !important;
427
412
  }
428
- .x-padding--bottom-17 {
429
- padding-bottom: var(--x-size-base-17) !important;
413
+ .x-margin--top-16 {
414
+ margin-top: var(--x-size-base-16) !important;
430
415
  }
431
- [dir="ltr"] .x-padding--right-17 {
432
- padding-right: var(--x-size-base-17) !important;
416
+ .x-margin--bottom-16 {
417
+ margin-bottom: var(--x-size-base-16) !important;
433
418
  }
434
- [dir="rtl"] .x-padding--right-17 {
435
- padding-left: var(--x-size-base-17) !important;
419
+ [dir="ltr"] .x-margin--right-16 {
420
+ margin-right: var(--x-size-base-16) !important;
436
421
  }
437
- [dir="ltr"] .x-padding--left-17 {
438
- padding-left: var(--x-size-base-17) !important;
422
+ [dir="rtl"] .x-margin--right-16 {
423
+ margin-left: var(--x-size-base-16) !important;
439
424
  }
440
- [dir="rtl"] .x-padding--left-17 {
441
- padding-right: var(--x-size-base-17) !important;
425
+ [dir="ltr"] .x-margin--left-16 {
426
+ margin-left: var(--x-size-base-16) !important;
442
427
  }
443
- .x-padding--top-18 {
444
- padding-top: var(--x-size-base-18) !important;
428
+ [dir="rtl"] .x-margin--left-16 {
429
+ margin-right: var(--x-size-base-16) !important;
445
430
  }
446
- .x-padding--bottom-18 {
447
- padding-bottom: var(--x-size-base-18) !important;
431
+ .x-margin--top-17 {
432
+ margin-top: var(--x-size-base-17) !important;
448
433
  }
449
- [dir="ltr"] .x-padding--right-18 {
450
- padding-right: var(--x-size-base-18) !important;
434
+ .x-margin--bottom-17 {
435
+ margin-bottom: var(--x-size-base-17) !important;
451
436
  }
452
- [dir="rtl"] .x-padding--right-18 {
453
- padding-left: var(--x-size-base-18) !important;
437
+ [dir="ltr"] .x-margin--right-17 {
438
+ margin-right: var(--x-size-base-17) !important;
454
439
  }
455
- [dir="ltr"] .x-padding--left-18 {
456
- padding-left: var(--x-size-base-18) !important;
440
+ [dir="rtl"] .x-margin--right-17 {
441
+ margin-left: var(--x-size-base-17) !important;
457
442
  }
458
- [dir="rtl"] .x-padding--left-18 {
459
- padding-right: var(--x-size-base-18) !important;
443
+ [dir="ltr"] .x-margin--left-17 {
444
+ margin-left: var(--x-size-base-17) !important;
460
445
  }
461
- .x-padding--top-19 {
462
- padding-top: var(--x-size-base-19) !important;
446
+ [dir="rtl"] .x-margin--left-17 {
447
+ margin-right: var(--x-size-base-17) !important;
463
448
  }
464
- .x-padding--bottom-19 {
465
- padding-bottom: var(--x-size-base-19) !important;
449
+ .x-margin--top-18 {
450
+ margin-top: var(--x-size-base-18) !important;
466
451
  }
467
- [dir="ltr"] .x-padding--right-19 {
468
- padding-right: var(--x-size-base-19) !important;
452
+ .x-margin--bottom-18 {
453
+ margin-bottom: var(--x-size-base-18) !important;
469
454
  }
470
- [dir="rtl"] .x-padding--right-19 {
471
- padding-left: var(--x-size-base-19) !important;
455
+ [dir="ltr"] .x-margin--right-18 {
456
+ margin-right: var(--x-size-base-18) !important;
472
457
  }
473
- [dir="ltr"] .x-padding--left-19 {
474
- padding-left: var(--x-size-base-19) !important;
458
+ [dir="rtl"] .x-margin--right-18 {
459
+ margin-left: var(--x-size-base-18) !important;
475
460
  }
476
- [dir="rtl"] .x-padding--left-19 {
477
- padding-right: var(--x-size-base-19) !important;
461
+ [dir="ltr"] .x-margin--left-18 {
462
+ margin-left: var(--x-size-base-18) !important;
478
463
  }
479
- .x-padding--top-20 {
480
- padding-top: var(--x-size-base-20) !important;
464
+ [dir="rtl"] .x-margin--left-18 {
465
+ margin-right: var(--x-size-base-18) !important;
481
466
  }
482
- .x-padding--bottom-20 {
483
- padding-bottom: var(--x-size-base-20) !important;
467
+ .x-margin--top-19 {
468
+ margin-top: var(--x-size-base-19) !important;
484
469
  }
485
- [dir="ltr"] .x-padding--right-20 {
486
- padding-right: var(--x-size-base-20) !important;
470
+ .x-margin--bottom-19 {
471
+ margin-bottom: var(--x-size-base-19) !important;
487
472
  }
488
- [dir="rtl"] .x-padding--right-20 {
489
- padding-left: var(--x-size-base-20) !important;
473
+ [dir="ltr"] .x-margin--right-19 {
474
+ margin-right: var(--x-size-base-19) !important;
490
475
  }
491
- [dir="ltr"] .x-padding--left-20 {
492
- padding-left: var(--x-size-base-20) !important;
476
+ [dir="rtl"] .x-margin--right-19 {
477
+ margin-left: var(--x-size-base-19) !important;
493
478
  }
494
- [dir="rtl"] .x-padding--left-20 {
495
- padding-right: var(--x-size-base-20) !important;
479
+ [dir="ltr"] .x-margin--left-19 {
480
+ margin-left: var(--x-size-base-19) !important;
496
481
  }
497
- .x-margin--auto {
498
- margin: auto !important;
482
+ [dir="rtl"] .x-margin--left-19 {
483
+ margin-right: var(--x-size-base-19) !important;
499
484
  }
500
- .x-margin--00 {
501
- margin: 0 !important;
485
+ .x-margin--top-20 {
486
+ margin-top: var(--x-size-base-20) !important;
502
487
  }
503
- .x-margin--01 {
504
- margin: var(--x-size-base-01) !important;
488
+ .x-margin--bottom-20 {
489
+ margin-bottom: var(--x-size-base-20) !important;
505
490
  }
506
- .x-margin--02 {
507
- margin: var(--x-size-base-02) !important;
491
+ [dir="ltr"] .x-margin--right-20 {
492
+ margin-right: var(--x-size-base-20) !important;
508
493
  }
509
- .x-margin--03 {
510
- margin: var(--x-size-base-03) !important;
494
+ [dir="rtl"] .x-margin--right-20 {
495
+ margin-left: var(--x-size-base-20) !important;
511
496
  }
512
- .x-margin--04 {
513
- margin: var(--x-size-base-04) !important;
497
+ [dir="ltr"] .x-margin--left-20 {
498
+ margin-left: var(--x-size-base-20) !important;
514
499
  }
515
- .x-margin--05 {
516
- margin: var(--x-size-base-05) !important;
500
+ [dir="rtl"] .x-margin--left-20 {
501
+ margin-right: var(--x-size-base-20) !important;
517
502
  }
518
- .x-margin--06 {
519
- margin: var(--x-size-base-06) !important;
503
+ .x-padding--00 {
504
+ padding: 0 !important;
520
505
  }
521
- .x-margin--07 {
522
- margin: var(--x-size-base-07) !important;
506
+ .x-padding--01 {
507
+ padding: var(--x-size-base-01) !important;
523
508
  }
524
- .x-margin--08 {
525
- margin: var(--x-size-base-08) !important;
509
+ .x-padding--02 {
510
+ padding: var(--x-size-base-02) !important;
526
511
  }
527
- .x-margin--09 {
528
- margin: var(--x-size-base-09) !important;
512
+ .x-padding--03 {
513
+ padding: var(--x-size-base-03) !important;
514
+ }
515
+ .x-padding--04 {
516
+ padding: var(--x-size-base-04) !important;
517
+ }
518
+ .x-padding--05 {
519
+ padding: var(--x-size-base-05) !important;
520
+ }
521
+ .x-padding--06 {
522
+ padding: var(--x-size-base-06) !important;
523
+ }
524
+ .x-padding--07 {
525
+ padding: var(--x-size-base-07) !important;
529
526
  }
530
- .x-margin--10 {
531
- margin: var(--x-size-base-10) !important;
527
+ .x-padding--08 {
528
+ padding: var(--x-size-base-08) !important;
532
529
  }
533
- .x-margin--11 {
534
- margin: var(--x-size-base-11) !important;
530
+ .x-padding--09 {
531
+ padding: var(--x-size-base-09) !important;
535
532
  }
536
- .x-margin--12 {
537
- margin: var(--x-size-base-12) !important;
533
+ .x-padding--10 {
534
+ padding: var(--x-size-base-10) !important;
538
535
  }
539
- .x-margin--13 {
540
- margin: var(--x-size-base-13) !important;
536
+ .x-padding--11 {
537
+ padding: var(--x-size-base-11) !important;
541
538
  }
542
- .x-margin--14 {
543
- margin: var(--x-size-base-14) !important;
539
+ .x-padding--12 {
540
+ padding: var(--x-size-base-12) !important;
544
541
  }
545
- .x-margin--15 {
546
- margin: var(--x-size-base-15) !important;
542
+ .x-padding--13 {
543
+ padding: var(--x-size-base-13) !important;
547
544
  }
548
- .x-margin--16 {
549
- margin: var(--x-size-base-16) !important;
545
+ .x-padding--14 {
546
+ padding: var(--x-size-base-14) !important;
550
547
  }
551
- .x-margin--17 {
552
- margin: var(--x-size-base-17) !important;
548
+ .x-padding--15 {
549
+ padding: var(--x-size-base-15) !important;
553
550
  }
554
- .x-margin--18 {
555
- margin: var(--x-size-base-18) !important;
551
+ .x-padding--16 {
552
+ padding: var(--x-size-base-16) !important;
556
553
  }
557
- .x-margin--19 {
558
- margin: var(--x-size-base-19) !important;
554
+ .x-padding--17 {
555
+ padding: var(--x-size-base-17) !important;
559
556
  }
560
- .x-margin--20 {
561
- margin: var(--x-size-base-20) !important;
557
+ .x-padding--18 {
558
+ padding: var(--x-size-base-18) !important;
562
559
  }
563
- .x-margin--top-auto {
564
- margin-top: auto !important;
560
+ .x-padding--19 {
561
+ padding: var(--x-size-base-19) !important;
565
562
  }
566
- .x-margin--bottom-auto {
567
- margin-bottom: auto !important;
563
+ .x-padding--20 {
564
+ padding: var(--x-size-base-20) !important;
568
565
  }
569
- [dir="ltr"] .x-margin--right-auto {
570
- margin-right: auto !important;
566
+ .x-padding--top-00 {
567
+ padding-top: 0 !important;
571
568
  }
572
- [dir="rtl"] .x-margin--right-auto {
573
- margin-left: auto !important;
569
+ .x-padding--bottom-00 {
570
+ padding-bottom: 0 !important;
574
571
  }
575
- [dir="ltr"] .x-margin--left-auto {
576
- margin-left: auto !important;
572
+ [dir="ltr"] .x-padding--right-00 {
573
+ padding-right: 0 !important;
577
574
  }
578
- [dir="rtl"] .x-margin--left-auto {
579
- margin-right: auto !important;
575
+ [dir="rtl"] .x-padding--right-00 {
576
+ padding-left: 0 !important;
580
577
  }
581
- .x-margin--top-00 {
582
- margin-top: 0 !important;
578
+ [dir="ltr"] .x-padding--left-00 {
579
+ padding-left: 0 !important;
583
580
  }
584
- .x-margin--bottom-00 {
585
- margin-bottom: 0 !important;
581
+ [dir="rtl"] .x-padding--left-00 {
582
+ padding-right: 0 !important;
586
583
  }
587
- [dir="ltr"] .x-margin--right-00 {
588
- margin-right: 0 !important;
584
+ .x-padding--top-01 {
585
+ padding-top: var(--x-size-base-01) !important;
589
586
  }
590
- [dir="rtl"] .x-margin--right-00 {
591
- margin-left: 0 !important;
587
+ .x-padding--bottom-01 {
588
+ padding-bottom: var(--x-size-base-01) !important;
592
589
  }
593
- [dir="ltr"] .x-margin--left-00 {
594
- margin-left: 0 !important;
590
+ [dir="ltr"] .x-padding--right-01 {
591
+ padding-right: var(--x-size-base-01) !important;
595
592
  }
596
- [dir="rtl"] .x-margin--left-00 {
597
- margin-right: 0 !important;
593
+ [dir="rtl"] .x-padding--right-01 {
594
+ padding-left: var(--x-size-base-01) !important;
598
595
  }
599
- .x-margin--top-01 {
600
- margin-top: var(--x-size-base-01) !important;
596
+ [dir="ltr"] .x-padding--left-01 {
597
+ padding-left: var(--x-size-base-01) !important;
601
598
  }
602
- .x-margin--bottom-01 {
603
- margin-bottom: var(--x-size-base-01) !important;
599
+ [dir="rtl"] .x-padding--left-01 {
600
+ padding-right: var(--x-size-base-01) !important;
604
601
  }
605
- [dir="ltr"] .x-margin--right-01 {
606
- margin-right: var(--x-size-base-01) !important;
602
+ .x-padding--top-02 {
603
+ padding-top: var(--x-size-base-02) !important;
607
604
  }
608
- [dir="rtl"] .x-margin--right-01 {
609
- margin-left: var(--x-size-base-01) !important;
605
+ .x-padding--bottom-02 {
606
+ padding-bottom: var(--x-size-base-02) !important;
610
607
  }
611
- [dir="ltr"] .x-margin--left-01 {
612
- margin-left: var(--x-size-base-01) !important;
608
+ [dir="ltr"] .x-padding--right-02 {
609
+ padding-right: var(--x-size-base-02) !important;
613
610
  }
614
- [dir="rtl"] .x-margin--left-01 {
615
- margin-right: var(--x-size-base-01) !important;
611
+ [dir="rtl"] .x-padding--right-02 {
612
+ padding-left: var(--x-size-base-02) !important;
616
613
  }
617
- .x-margin--top-02 {
618
- margin-top: var(--x-size-base-02) !important;
614
+ [dir="ltr"] .x-padding--left-02 {
615
+ padding-left: var(--x-size-base-02) !important;
619
616
  }
620
- .x-margin--bottom-02 {
621
- margin-bottom: var(--x-size-base-02) !important;
617
+ [dir="rtl"] .x-padding--left-02 {
618
+ padding-right: var(--x-size-base-02) !important;
622
619
  }
623
- [dir="ltr"] .x-margin--right-02 {
624
- margin-right: var(--x-size-base-02) !important;
620
+ .x-padding--top-03 {
621
+ padding-top: var(--x-size-base-03) !important;
625
622
  }
626
- [dir="rtl"] .x-margin--right-02 {
627
- margin-left: var(--x-size-base-02) !important;
623
+ .x-padding--bottom-03 {
624
+ padding-bottom: var(--x-size-base-03) !important;
628
625
  }
629
- [dir="ltr"] .x-margin--left-02 {
630
- margin-left: var(--x-size-base-02) !important;
626
+ [dir="ltr"] .x-padding--right-03 {
627
+ padding-right: var(--x-size-base-03) !important;
631
628
  }
632
- [dir="rtl"] .x-margin--left-02 {
633
- margin-right: var(--x-size-base-02) !important;
629
+ [dir="rtl"] .x-padding--right-03 {
630
+ padding-left: var(--x-size-base-03) !important;
634
631
  }
635
- .x-margin--top-03 {
636
- margin-top: var(--x-size-base-03) !important;
632
+ [dir="ltr"] .x-padding--left-03 {
633
+ padding-left: var(--x-size-base-03) !important;
637
634
  }
638
- .x-margin--bottom-03 {
639
- margin-bottom: var(--x-size-base-03) !important;
635
+ [dir="rtl"] .x-padding--left-03 {
636
+ padding-right: var(--x-size-base-03) !important;
640
637
  }
641
- [dir="ltr"] .x-margin--right-03 {
642
- margin-right: var(--x-size-base-03) !important;
638
+ .x-padding--top-04 {
639
+ padding-top: var(--x-size-base-04) !important;
643
640
  }
644
- [dir="rtl"] .x-margin--right-03 {
645
- margin-left: var(--x-size-base-03) !important;
641
+ .x-padding--bottom-04 {
642
+ padding-bottom: var(--x-size-base-04) !important;
646
643
  }
647
- [dir="ltr"] .x-margin--left-03 {
648
- margin-left: var(--x-size-base-03) !important;
644
+ [dir="ltr"] .x-padding--right-04 {
645
+ padding-right: var(--x-size-base-04) !important;
649
646
  }
650
- [dir="rtl"] .x-margin--left-03 {
651
- margin-right: var(--x-size-base-03) !important;
647
+ [dir="rtl"] .x-padding--right-04 {
648
+ padding-left: var(--x-size-base-04) !important;
652
649
  }
653
- .x-margin--top-04 {
654
- margin-top: var(--x-size-base-04) !important;
650
+ [dir="ltr"] .x-padding--left-04 {
651
+ padding-left: var(--x-size-base-04) !important;
655
652
  }
656
- .x-margin--bottom-04 {
657
- margin-bottom: var(--x-size-base-04) !important;
653
+ [dir="rtl"] .x-padding--left-04 {
654
+ padding-right: var(--x-size-base-04) !important;
658
655
  }
659
- [dir="ltr"] .x-margin--right-04 {
660
- margin-right: var(--x-size-base-04) !important;
656
+ .x-padding--top-05 {
657
+ padding-top: var(--x-size-base-05) !important;
661
658
  }
662
- [dir="rtl"] .x-margin--right-04 {
663
- margin-left: var(--x-size-base-04) !important;
659
+ .x-padding--bottom-05 {
660
+ padding-bottom: var(--x-size-base-05) !important;
664
661
  }
665
- [dir="ltr"] .x-margin--left-04 {
666
- margin-left: var(--x-size-base-04) !important;
662
+ [dir="ltr"] .x-padding--right-05 {
663
+ padding-right: var(--x-size-base-05) !important;
667
664
  }
668
- [dir="rtl"] .x-margin--left-04 {
669
- margin-right: var(--x-size-base-04) !important;
665
+ [dir="rtl"] .x-padding--right-05 {
666
+ padding-left: var(--x-size-base-05) !important;
670
667
  }
671
- .x-margin--top-05 {
672
- margin-top: var(--x-size-base-05) !important;
668
+ [dir="ltr"] .x-padding--left-05 {
669
+ padding-left: var(--x-size-base-05) !important;
673
670
  }
674
- .x-margin--bottom-05 {
675
- margin-bottom: var(--x-size-base-05) !important;
671
+ [dir="rtl"] .x-padding--left-05 {
672
+ padding-right: var(--x-size-base-05) !important;
676
673
  }
677
- [dir="ltr"] .x-margin--right-05 {
678
- margin-right: var(--x-size-base-05) !important;
674
+ .x-padding--top-06 {
675
+ padding-top: var(--x-size-base-06) !important;
679
676
  }
680
- [dir="rtl"] .x-margin--right-05 {
681
- margin-left: var(--x-size-base-05) !important;
677
+ .x-padding--bottom-06 {
678
+ padding-bottom: var(--x-size-base-06) !important;
682
679
  }
683
- [dir="ltr"] .x-margin--left-05 {
684
- margin-left: var(--x-size-base-05) !important;
680
+ [dir="ltr"] .x-padding--right-06 {
681
+ padding-right: var(--x-size-base-06) !important;
685
682
  }
686
- [dir="rtl"] .x-margin--left-05 {
687
- margin-right: var(--x-size-base-05) !important;
683
+ [dir="rtl"] .x-padding--right-06 {
684
+ padding-left: var(--x-size-base-06) !important;
688
685
  }
689
- .x-margin--top-06 {
690
- margin-top: var(--x-size-base-06) !important;
686
+ [dir="ltr"] .x-padding--left-06 {
687
+ padding-left: var(--x-size-base-06) !important;
691
688
  }
692
- .x-margin--bottom-06 {
693
- margin-bottom: var(--x-size-base-06) !important;
689
+ [dir="rtl"] .x-padding--left-06 {
690
+ padding-right: var(--x-size-base-06) !important;
694
691
  }
695
- [dir="ltr"] .x-margin--right-06 {
696
- margin-right: var(--x-size-base-06) !important;
692
+ .x-padding--top-07 {
693
+ padding-top: var(--x-size-base-07) !important;
697
694
  }
698
- [dir="rtl"] .x-margin--right-06 {
699
- margin-left: var(--x-size-base-06) !important;
695
+ .x-padding--bottom-07 {
696
+ padding-bottom: var(--x-size-base-07) !important;
700
697
  }
701
- [dir="ltr"] .x-margin--left-06 {
702
- margin-left: var(--x-size-base-06) !important;
698
+ [dir="ltr"] .x-padding--right-07 {
699
+ padding-right: var(--x-size-base-07) !important;
703
700
  }
704
- [dir="rtl"] .x-margin--left-06 {
705
- margin-right: var(--x-size-base-06) !important;
701
+ [dir="rtl"] .x-padding--right-07 {
702
+ padding-left: var(--x-size-base-07) !important;
706
703
  }
707
- .x-margin--top-07 {
708
- margin-top: var(--x-size-base-07) !important;
704
+ [dir="ltr"] .x-padding--left-07 {
705
+ padding-left: var(--x-size-base-07) !important;
709
706
  }
710
- .x-margin--bottom-07 {
711
- margin-bottom: var(--x-size-base-07) !important;
707
+ [dir="rtl"] .x-padding--left-07 {
708
+ padding-right: var(--x-size-base-07) !important;
712
709
  }
713
- [dir="ltr"] .x-margin--right-07 {
714
- margin-right: var(--x-size-base-07) !important;
710
+ .x-padding--top-08 {
711
+ padding-top: var(--x-size-base-08) !important;
715
712
  }
716
- [dir="rtl"] .x-margin--right-07 {
717
- margin-left: var(--x-size-base-07) !important;
713
+ .x-padding--bottom-08 {
714
+ padding-bottom: var(--x-size-base-08) !important;
718
715
  }
719
- [dir="ltr"] .x-margin--left-07 {
720
- margin-left: var(--x-size-base-07) !important;
716
+ [dir="ltr"] .x-padding--right-08 {
717
+ padding-right: var(--x-size-base-08) !important;
721
718
  }
722
- [dir="rtl"] .x-margin--left-07 {
723
- margin-right: var(--x-size-base-07) !important;
719
+ [dir="rtl"] .x-padding--right-08 {
720
+ padding-left: var(--x-size-base-08) !important;
724
721
  }
725
- .x-margin--top-08 {
726
- margin-top: var(--x-size-base-08) !important;
722
+ [dir="ltr"] .x-padding--left-08 {
723
+ padding-left: var(--x-size-base-08) !important;
727
724
  }
728
- .x-margin--bottom-08 {
729
- margin-bottom: var(--x-size-base-08) !important;
725
+ [dir="rtl"] .x-padding--left-08 {
726
+ padding-right: var(--x-size-base-08) !important;
730
727
  }
731
- [dir="ltr"] .x-margin--right-08 {
732
- margin-right: var(--x-size-base-08) !important;
728
+ .x-padding--top-09 {
729
+ padding-top: var(--x-size-base-09) !important;
733
730
  }
734
- [dir="rtl"] .x-margin--right-08 {
735
- margin-left: var(--x-size-base-08) !important;
731
+ .x-padding--bottom-09 {
732
+ padding-bottom: var(--x-size-base-09) !important;
736
733
  }
737
- [dir="ltr"] .x-margin--left-08 {
738
- margin-left: var(--x-size-base-08) !important;
734
+ [dir="ltr"] .x-padding--right-09 {
735
+ padding-right: var(--x-size-base-09) !important;
739
736
  }
740
- [dir="rtl"] .x-margin--left-08 {
741
- margin-right: var(--x-size-base-08) !important;
737
+ [dir="rtl"] .x-padding--right-09 {
738
+ padding-left: var(--x-size-base-09) !important;
742
739
  }
743
- .x-margin--top-09 {
744
- margin-top: var(--x-size-base-09) !important;
740
+ [dir="ltr"] .x-padding--left-09 {
741
+ padding-left: var(--x-size-base-09) !important;
745
742
  }
746
- .x-margin--bottom-09 {
747
- margin-bottom: var(--x-size-base-09) !important;
743
+ [dir="rtl"] .x-padding--left-09 {
744
+ padding-right: var(--x-size-base-09) !important;
748
745
  }
749
- [dir="ltr"] .x-margin--right-09 {
750
- margin-right: var(--x-size-base-09) !important;
746
+ .x-padding--top-10 {
747
+ padding-top: var(--x-size-base-10) !important;
751
748
  }
752
- [dir="rtl"] .x-margin--right-09 {
753
- margin-left: var(--x-size-base-09) !important;
749
+ .x-padding--bottom-10 {
750
+ padding-bottom: var(--x-size-base-10) !important;
754
751
  }
755
- [dir="ltr"] .x-margin--left-09 {
756
- margin-left: var(--x-size-base-09) !important;
752
+ [dir="ltr"] .x-padding--right-10 {
753
+ padding-right: var(--x-size-base-10) !important;
757
754
  }
758
- [dir="rtl"] .x-margin--left-09 {
759
- margin-right: var(--x-size-base-09) !important;
755
+ [dir="rtl"] .x-padding--right-10 {
756
+ padding-left: var(--x-size-base-10) !important;
760
757
  }
761
- .x-margin--top-10 {
762
- margin-top: var(--x-size-base-10) !important;
758
+ [dir="ltr"] .x-padding--left-10 {
759
+ padding-left: var(--x-size-base-10) !important;
763
760
  }
764
- .x-margin--bottom-10 {
765
- margin-bottom: var(--x-size-base-10) !important;
761
+ [dir="rtl"] .x-padding--left-10 {
762
+ padding-right: var(--x-size-base-10) !important;
766
763
  }
767
- [dir="ltr"] .x-margin--right-10 {
768
- margin-right: var(--x-size-base-10) !important;
764
+ .x-padding--top-11 {
765
+ padding-top: var(--x-size-base-11) !important;
769
766
  }
770
- [dir="rtl"] .x-margin--right-10 {
771
- margin-left: var(--x-size-base-10) !important;
767
+ .x-padding--bottom-11 {
768
+ padding-bottom: var(--x-size-base-11) !important;
772
769
  }
773
- [dir="ltr"] .x-margin--left-10 {
774
- margin-left: var(--x-size-base-10) !important;
770
+ [dir="ltr"] .x-padding--right-11 {
771
+ padding-right: var(--x-size-base-11) !important;
775
772
  }
776
- [dir="rtl"] .x-margin--left-10 {
777
- margin-right: var(--x-size-base-10) !important;
773
+ [dir="rtl"] .x-padding--right-11 {
774
+ padding-left: var(--x-size-base-11) !important;
778
775
  }
779
- .x-margin--top-11 {
780
- margin-top: var(--x-size-base-11) !important;
776
+ [dir="ltr"] .x-padding--left-11 {
777
+ padding-left: var(--x-size-base-11) !important;
781
778
  }
782
- .x-margin--bottom-11 {
783
- margin-bottom: var(--x-size-base-11) !important;
779
+ [dir="rtl"] .x-padding--left-11 {
780
+ padding-right: var(--x-size-base-11) !important;
784
781
  }
785
- [dir="ltr"] .x-margin--right-11 {
786
- margin-right: var(--x-size-base-11) !important;
782
+ .x-padding--top-12 {
783
+ padding-top: var(--x-size-base-12) !important;
787
784
  }
788
- [dir="rtl"] .x-margin--right-11 {
789
- margin-left: var(--x-size-base-11) !important;
785
+ .x-padding--bottom-12 {
786
+ padding-bottom: var(--x-size-base-12) !important;
790
787
  }
791
- [dir="ltr"] .x-margin--left-11 {
792
- margin-left: var(--x-size-base-11) !important;
788
+ [dir="ltr"] .x-padding--right-12 {
789
+ padding-right: var(--x-size-base-12) !important;
793
790
  }
794
- [dir="rtl"] .x-margin--left-11 {
795
- margin-right: var(--x-size-base-11) !important;
791
+ [dir="rtl"] .x-padding--right-12 {
792
+ padding-left: var(--x-size-base-12) !important;
796
793
  }
797
- .x-margin--top-12 {
798
- margin-top: var(--x-size-base-12) !important;
794
+ [dir="ltr"] .x-padding--left-12 {
795
+ padding-left: var(--x-size-base-12) !important;
799
796
  }
800
- .x-margin--bottom-12 {
801
- margin-bottom: var(--x-size-base-12) !important;
797
+ [dir="rtl"] .x-padding--left-12 {
798
+ padding-right: var(--x-size-base-12) !important;
802
799
  }
803
- [dir="ltr"] .x-margin--right-12 {
804
- margin-right: var(--x-size-base-12) !important;
800
+ .x-padding--top-13 {
801
+ padding-top: var(--x-size-base-13) !important;
805
802
  }
806
- [dir="rtl"] .x-margin--right-12 {
807
- margin-left: var(--x-size-base-12) !important;
803
+ .x-padding--bottom-13 {
804
+ padding-bottom: var(--x-size-base-13) !important;
808
805
  }
809
- [dir="ltr"] .x-margin--left-12 {
810
- margin-left: var(--x-size-base-12) !important;
806
+ [dir="ltr"] .x-padding--right-13 {
807
+ padding-right: var(--x-size-base-13) !important;
811
808
  }
812
- [dir="rtl"] .x-margin--left-12 {
813
- margin-right: var(--x-size-base-12) !important;
809
+ [dir="rtl"] .x-padding--right-13 {
810
+ padding-left: var(--x-size-base-13) !important;
814
811
  }
815
- .x-margin--top-13 {
816
- margin-top: var(--x-size-base-13) !important;
812
+ [dir="ltr"] .x-padding--left-13 {
813
+ padding-left: var(--x-size-base-13) !important;
817
814
  }
818
- .x-margin--bottom-13 {
819
- margin-bottom: var(--x-size-base-13) !important;
815
+ [dir="rtl"] .x-padding--left-13 {
816
+ padding-right: var(--x-size-base-13) !important;
820
817
  }
821
- [dir="ltr"] .x-margin--right-13 {
822
- margin-right: var(--x-size-base-13) !important;
818
+ .x-padding--top-14 {
819
+ padding-top: var(--x-size-base-14) !important;
823
820
  }
824
- [dir="rtl"] .x-margin--right-13 {
825
- margin-left: var(--x-size-base-13) !important;
821
+ .x-padding--bottom-14 {
822
+ padding-bottom: var(--x-size-base-14) !important;
826
823
  }
827
- [dir="ltr"] .x-margin--left-13 {
828
- margin-left: var(--x-size-base-13) !important;
824
+ [dir="ltr"] .x-padding--right-14 {
825
+ padding-right: var(--x-size-base-14) !important;
829
826
  }
830
- [dir="rtl"] .x-margin--left-13 {
831
- margin-right: var(--x-size-base-13) !important;
827
+ [dir="rtl"] .x-padding--right-14 {
828
+ padding-left: var(--x-size-base-14) !important;
832
829
  }
833
- .x-margin--top-14 {
834
- margin-top: var(--x-size-base-14) !important;
830
+ [dir="ltr"] .x-padding--left-14 {
831
+ padding-left: var(--x-size-base-14) !important;
835
832
  }
836
- .x-margin--bottom-14 {
837
- margin-bottom: var(--x-size-base-14) !important;
833
+ [dir="rtl"] .x-padding--left-14 {
834
+ padding-right: var(--x-size-base-14) !important;
838
835
  }
839
- [dir="ltr"] .x-margin--right-14 {
840
- margin-right: var(--x-size-base-14) !important;
836
+ .x-padding--top-15 {
837
+ padding-top: var(--x-size-base-15) !important;
841
838
  }
842
- [dir="rtl"] .x-margin--right-14 {
843
- margin-left: var(--x-size-base-14) !important;
839
+ .x-padding--bottom-15 {
840
+ padding-bottom: var(--x-size-base-15) !important;
844
841
  }
845
- [dir="ltr"] .x-margin--left-14 {
846
- margin-left: var(--x-size-base-14) !important;
842
+ [dir="ltr"] .x-padding--right-15 {
843
+ padding-right: var(--x-size-base-15) !important;
847
844
  }
848
- [dir="rtl"] .x-margin--left-14 {
849
- margin-right: var(--x-size-base-14) !important;
845
+ [dir="rtl"] .x-padding--right-15 {
846
+ padding-left: var(--x-size-base-15) !important;
850
847
  }
851
- .x-margin--top-15 {
852
- margin-top: var(--x-size-base-15) !important;
848
+ [dir="ltr"] .x-padding--left-15 {
849
+ padding-left: var(--x-size-base-15) !important;
853
850
  }
854
- .x-margin--bottom-15 {
855
- margin-bottom: var(--x-size-base-15) !important;
851
+ [dir="rtl"] .x-padding--left-15 {
852
+ padding-right: var(--x-size-base-15) !important;
856
853
  }
857
- [dir="ltr"] .x-margin--right-15 {
858
- margin-right: var(--x-size-base-15) !important;
854
+ .x-padding--top-16 {
855
+ padding-top: var(--x-size-base-16) !important;
859
856
  }
860
- [dir="rtl"] .x-margin--right-15 {
861
- margin-left: var(--x-size-base-15) !important;
857
+ .x-padding--bottom-16 {
858
+ padding-bottom: var(--x-size-base-16) !important;
862
859
  }
863
- [dir="ltr"] .x-margin--left-15 {
864
- margin-left: var(--x-size-base-15) !important;
860
+ [dir="ltr"] .x-padding--right-16 {
861
+ padding-right: var(--x-size-base-16) !important;
865
862
  }
866
- [dir="rtl"] .x-margin--left-15 {
867
- margin-right: var(--x-size-base-15) !important;
863
+ [dir="rtl"] .x-padding--right-16 {
864
+ padding-left: var(--x-size-base-16) !important;
868
865
  }
869
- .x-margin--top-16 {
870
- margin-top: var(--x-size-base-16) !important;
866
+ [dir="ltr"] .x-padding--left-16 {
867
+ padding-left: var(--x-size-base-16) !important;
871
868
  }
872
- .x-margin--bottom-16 {
873
- margin-bottom: var(--x-size-base-16) !important;
869
+ [dir="rtl"] .x-padding--left-16 {
870
+ padding-right: var(--x-size-base-16) !important;
874
871
  }
875
- [dir="ltr"] .x-margin--right-16 {
876
- margin-right: var(--x-size-base-16) !important;
872
+ .x-padding--top-17 {
873
+ padding-top: var(--x-size-base-17) !important;
877
874
  }
878
- [dir="rtl"] .x-margin--right-16 {
879
- margin-left: var(--x-size-base-16) !important;
875
+ .x-padding--bottom-17 {
876
+ padding-bottom: var(--x-size-base-17) !important;
880
877
  }
881
- [dir="ltr"] .x-margin--left-16 {
882
- margin-left: var(--x-size-base-16) !important;
878
+ [dir="ltr"] .x-padding--right-17 {
879
+ padding-right: var(--x-size-base-17) !important;
883
880
  }
884
- [dir="rtl"] .x-margin--left-16 {
885
- margin-right: var(--x-size-base-16) !important;
881
+ [dir="rtl"] .x-padding--right-17 {
882
+ padding-left: var(--x-size-base-17) !important;
886
883
  }
887
- .x-margin--top-17 {
888
- margin-top: var(--x-size-base-17) !important;
884
+ [dir="ltr"] .x-padding--left-17 {
885
+ padding-left: var(--x-size-base-17) !important;
889
886
  }
890
- .x-margin--bottom-17 {
891
- margin-bottom: var(--x-size-base-17) !important;
887
+ [dir="rtl"] .x-padding--left-17 {
888
+ padding-right: var(--x-size-base-17) !important;
892
889
  }
893
- [dir="ltr"] .x-margin--right-17 {
894
- margin-right: var(--x-size-base-17) !important;
890
+ .x-padding--top-18 {
891
+ padding-top: var(--x-size-base-18) !important;
895
892
  }
896
- [dir="rtl"] .x-margin--right-17 {
897
- margin-left: var(--x-size-base-17) !important;
893
+ .x-padding--bottom-18 {
894
+ padding-bottom: var(--x-size-base-18) !important;
898
895
  }
899
- [dir="ltr"] .x-margin--left-17 {
900
- margin-left: var(--x-size-base-17) !important;
896
+ [dir="ltr"] .x-padding--right-18 {
897
+ padding-right: var(--x-size-base-18) !important;
901
898
  }
902
- [dir="rtl"] .x-margin--left-17 {
903
- margin-right: var(--x-size-base-17) !important;
899
+ [dir="rtl"] .x-padding--right-18 {
900
+ padding-left: var(--x-size-base-18) !important;
904
901
  }
905
- .x-margin--top-18 {
906
- margin-top: var(--x-size-base-18) !important;
902
+ [dir="ltr"] .x-padding--left-18 {
903
+ padding-left: var(--x-size-base-18) !important;
907
904
  }
908
- .x-margin--bottom-18 {
909
- margin-bottom: var(--x-size-base-18) !important;
905
+ [dir="rtl"] .x-padding--left-18 {
906
+ padding-right: var(--x-size-base-18) !important;
910
907
  }
911
- [dir="ltr"] .x-margin--right-18 {
912
- margin-right: var(--x-size-base-18) !important;
908
+ .x-padding--top-19 {
909
+ padding-top: var(--x-size-base-19) !important;
913
910
  }
914
- [dir="rtl"] .x-margin--right-18 {
915
- margin-left: var(--x-size-base-18) !important;
911
+ .x-padding--bottom-19 {
912
+ padding-bottom: var(--x-size-base-19) !important;
916
913
  }
917
- [dir="ltr"] .x-margin--left-18 {
918
- margin-left: var(--x-size-base-18) !important;
914
+ [dir="ltr"] .x-padding--right-19 {
915
+ padding-right: var(--x-size-base-19) !important;
919
916
  }
920
- [dir="rtl"] .x-margin--left-18 {
921
- margin-right: var(--x-size-base-18) !important;
917
+ [dir="rtl"] .x-padding--right-19 {
918
+ padding-left: var(--x-size-base-19) !important;
922
919
  }
923
- .x-margin--top-19 {
924
- margin-top: var(--x-size-base-19) !important;
920
+ [dir="ltr"] .x-padding--left-19 {
921
+ padding-left: var(--x-size-base-19) !important;
925
922
  }
926
- .x-margin--bottom-19 {
927
- margin-bottom: var(--x-size-base-19) !important;
923
+ [dir="rtl"] .x-padding--left-19 {
924
+ padding-right: var(--x-size-base-19) !important;
928
925
  }
929
- [dir="ltr"] .x-margin--right-19 {
930
- margin-right: var(--x-size-base-19) !important;
926
+ .x-padding--top-20 {
927
+ padding-top: var(--x-size-base-20) !important;
931
928
  }
932
- [dir="rtl"] .x-margin--right-19 {
933
- margin-left: var(--x-size-base-19) !important;
929
+ .x-padding--bottom-20 {
930
+ padding-bottom: var(--x-size-base-20) !important;
934
931
  }
935
- [dir="ltr"] .x-margin--left-19 {
936
- margin-left: var(--x-size-base-19) !important;
932
+ [dir="ltr"] .x-padding--right-20 {
933
+ padding-right: var(--x-size-base-20) !important;
937
934
  }
938
- [dir="rtl"] .x-margin--left-19 {
939
- margin-right: var(--x-size-base-19) !important;
935
+ [dir="rtl"] .x-padding--right-20 {
936
+ padding-left: var(--x-size-base-20) !important;
940
937
  }
941
- .x-margin--top-20 {
942
- margin-top: var(--x-size-base-20) !important;
938
+ [dir="ltr"] .x-padding--left-20 {
939
+ padding-left: var(--x-size-base-20) !important;
943
940
  }
944
- .x-margin--bottom-20 {
945
- margin-bottom: var(--x-size-base-20) !important;
941
+ [dir="rtl"] .x-padding--left-20 {
942
+ padding-right: var(--x-size-base-20) !important;
946
943
  }
947
- [dir="ltr"] .x-margin--right-20 {
948
- margin-right: var(--x-size-base-20) !important;
944
+ .x-uppercase {
945
+ text-transform: uppercase;
949
946
  }
950
- [dir="rtl"] .x-margin--right-20 {
951
- margin-left: var(--x-size-base-20) !important;
947
+
948
+ .x-lowercase {
949
+ text-transform: lowercase;
952
950
  }
953
- [dir="ltr"] .x-margin--left-20 {
954
- margin-left: var(--x-size-base-20) !important;
951
+
952
+ .x-capitalize {
953
+ text-transform: capitalize;
955
954
  }
956
- [dir="rtl"] .x-margin--left-20 {
957
- margin-right: var(--x-size-base-20) !important;
955
+
956
+ .x-normal-case {
957
+ text-transform: none;
958
958
  }
959
959
  .x-line-height--none {
960
960
  line-height: 1 !important;
@@ -979,57 +979,39 @@
979
979
  .x-line-height--loose {
980
980
  line-height: 2 !important;
981
981
  }
982
- .x-font-weight--light {
983
- font-weight: var(--x-number-font-weight-base-light) !important;
984
- }
985
- .x-font-weight--regular {
986
- font-weight: var(--x-number-font-weight-base-regular) !important;
987
- }
988
- .x-font-weight--bold {
989
- font-weight: var(--x-number-font-weight-base-bold) !important;
990
- }
991
- .x-font-color--lead {
992
- color: var(--x-color-base-lead) !important;
993
- }
994
-
995
- .x-font-color--auxiliary {
996
- color: var(--x-color-base-auxiliary) !important;
997
- }
998
-
999
- .x-font-color--neutral-10 {
1000
- color: var(--x-color-base-neutral-10) !important;
1001
- }
1002
-
1003
- .x-font-color--neutral-35 {
1004
- color: var(--x-color-base-neutral-35) !important;
1005
- }
1006
-
1007
- .x-font-color--neutral-70 {
1008
- color: var(--x-color-base-neutral-70) !important;
1009
- }
1010
-
1011
- .x-font-color--neutral-95 {
1012
- color: var(--x-color-base-neutral-95) !important;
1013
- }
1014
-
1015
- .x-font-color--neutral-100 {
1016
- color: var(--x-color-base-neutral-100) !important;
982
+ .x-line-clamp--2 {
983
+ overflow: hidden !important;
984
+ display: -webkit-box !important;
985
+ -webkit-box-orient: vertical !important;
986
+ -webkit-line-clamp: 2 !important;
1017
987
  }
1018
988
 
1019
- .x-font-color--accent {
1020
- color: var(--x-color-base-accent) !important;
989
+ .x-line-clamp--3 {
990
+ overflow: hidden !important;
991
+ display: -webkit-box !important;
992
+ -webkit-box-orient: vertical !important;
993
+ -webkit-line-clamp: 3 !important;
1021
994
  }
1022
995
 
1023
- .x-font-color--enable {
1024
- color: var(--x-color-base-enable) !important;
996
+ .x-line-clamp--4 {
997
+ overflow: hidden !important;
998
+ display: -webkit-box !important;
999
+ -webkit-box-orient: vertical !important;
1000
+ -webkit-line-clamp: 4 !important;
1025
1001
  }
1026
1002
 
1027
- .x-font-color--disable {
1028
- color: var(--x-color-base-disable) !important;
1003
+ .x-line-clamp--5 {
1004
+ overflow: hidden !important;
1005
+ display: -webkit-box !important;
1006
+ -webkit-box-orient: vertical !important;
1007
+ -webkit-line-clamp: 5 !important;
1029
1008
  }
1030
1009
 
1031
- .x-font-color--transparent {
1032
- color: var(--x-color-base-transparent) !important;
1010
+ .x-line-clamp--6 {
1011
+ overflow: hidden !important;
1012
+ display: -webkit-box !important;
1013
+ -webkit-box-orient: vertical !important;
1014
+ -webkit-line-clamp: 6 !important;
1033
1015
  }
1034
1016
  .x-font-size--01 {
1035
1017
  font-size: var(--x-size-base-01) !important;
@@ -1111,6 +1093,58 @@
1111
1093
  font-size: var(--x-size-base-20) !important;
1112
1094
  line-height: 1.5;
1113
1095
  }
1096
+ .x-font-weight--light {
1097
+ font-weight: var(--x-number-font-weight-base-light) !important;
1098
+ }
1099
+ .x-font-weight--regular {
1100
+ font-weight: var(--x-number-font-weight-base-regular) !important;
1101
+ }
1102
+ .x-font-weight--bold {
1103
+ font-weight: var(--x-number-font-weight-base-bold) !important;
1104
+ }
1105
+ .x-font-color--lead {
1106
+ color: var(--x-color-base-lead) !important;
1107
+ }
1108
+
1109
+ .x-font-color--auxiliary {
1110
+ color: var(--x-color-base-auxiliary) !important;
1111
+ }
1112
+
1113
+ .x-font-color--neutral-10 {
1114
+ color: var(--x-color-base-neutral-10) !important;
1115
+ }
1116
+
1117
+ .x-font-color--neutral-35 {
1118
+ color: var(--x-color-base-neutral-35) !important;
1119
+ }
1120
+
1121
+ .x-font-color--neutral-70 {
1122
+ color: var(--x-color-base-neutral-70) !important;
1123
+ }
1124
+
1125
+ .x-font-color--neutral-95 {
1126
+ color: var(--x-color-base-neutral-95) !important;
1127
+ }
1128
+
1129
+ .x-font-color--neutral-100 {
1130
+ color: var(--x-color-base-neutral-100) !important;
1131
+ }
1132
+
1133
+ .x-font-color--accent {
1134
+ color: var(--x-color-base-accent) !important;
1135
+ }
1136
+
1137
+ .x-font-color--enable {
1138
+ color: var(--x-color-base-enable) !important;
1139
+ }
1140
+
1141
+ .x-font-color--disable {
1142
+ color: var(--x-color-base-disable) !important;
1143
+ }
1144
+
1145
+ .x-font-color--transparent {
1146
+ color: var(--x-color-base-transparent) !important;
1147
+ }
1114
1148
  .x-flex-1 {
1115
1149
  flex: 1 1 0% !important;
1116
1150
  }
@@ -1154,40 +1188,6 @@
1154
1188
  .x-self-baseline {
1155
1189
  align-self: baseline !important;
1156
1190
  }
1157
- .x-line-clamp--2 {
1158
- overflow: hidden !important;
1159
- display: -webkit-box !important;
1160
- -webkit-box-orient: vertical !important;
1161
- -webkit-line-clamp: 2 !important;
1162
- }
1163
-
1164
- .x-line-clamp--3 {
1165
- overflow: hidden !important;
1166
- display: -webkit-box !important;
1167
- -webkit-box-orient: vertical !important;
1168
- -webkit-line-clamp: 3 !important;
1169
- }
1170
-
1171
- .x-line-clamp--4 {
1172
- overflow: hidden !important;
1173
- display: -webkit-box !important;
1174
- -webkit-box-orient: vertical !important;
1175
- -webkit-line-clamp: 4 !important;
1176
- }
1177
-
1178
- .x-line-clamp--5 {
1179
- overflow: hidden !important;
1180
- display: -webkit-box !important;
1181
- -webkit-box-orient: vertical !important;
1182
- -webkit-line-clamp: 5 !important;
1183
- }
1184
-
1185
- .x-line-clamp--6 {
1186
- overflow: hidden !important;
1187
- display: -webkit-box !important;
1188
- -webkit-box-orient: vertical !important;
1189
- -webkit-line-clamp: 6 !important;
1190
- }
1191
1191
  .x-fill--lead {
1192
1192
  fill: var(--x-color-base-lead) !important;
1193
1193
  }
@@ -3262,17 +3262,60 @@
3262
3262
  [dir="rtl"] .x-border-radius--top-right-20 {
3263
3263
  border-top-left-radius: var(--x-size-base-20) !important;
3264
3264
  }
3265
- [dir="ltr"] .x-border-radius--bottom-left-20 {
3266
- border-bottom-left-radius: var(--x-size-base-20) !important;
3265
+ [dir="ltr"] .x-border-radius--bottom-left-20 {
3266
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3267
+ }
3268
+ [dir="rtl"] .x-border-radius--bottom-left-20 {
3269
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3270
+ }
3271
+ [dir="ltr"] .x-border-radius--bottom-right-20 {
3272
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3273
+ }
3274
+ [dir="rtl"] .x-border-radius--bottom-right-20 {
3275
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3276
+ }
3277
+ .x-background--lead {
3278
+ background-color: var(--x-color-base-lead) !important;
3279
+ }
3280
+
3281
+ .x-background--auxiliary {
3282
+ background-color: var(--x-color-base-auxiliary) !important;
3283
+ }
3284
+
3285
+ .x-background--neutral-10 {
3286
+ background-color: var(--x-color-base-neutral-10) !important;
3287
+ }
3288
+
3289
+ .x-background--neutral-35 {
3290
+ background-color: var(--x-color-base-neutral-35) !important;
3291
+ }
3292
+
3293
+ .x-background--neutral-70 {
3294
+ background-color: var(--x-color-base-neutral-70) !important;
3295
+ }
3296
+
3297
+ .x-background--neutral-95 {
3298
+ background-color: var(--x-color-base-neutral-95) !important;
3299
+ }
3300
+
3301
+ .x-background--neutral-100 {
3302
+ background-color: var(--x-color-base-neutral-100) !important;
3303
+ }
3304
+
3305
+ .x-background--accent {
3306
+ background-color: var(--x-color-base-accent) !important;
3267
3307
  }
3268
- [dir="rtl"] .x-border-radius--bottom-left-20 {
3269
- border-bottom-right-radius: var(--x-size-base-20) !important;
3308
+
3309
+ .x-background--enable {
3310
+ background-color: var(--x-color-base-enable) !important;
3270
3311
  }
3271
- [dir="ltr"] .x-border-radius--bottom-right-20 {
3272
- border-bottom-right-radius: var(--x-size-base-20) !important;
3312
+
3313
+ .x-background--disable {
3314
+ background-color: var(--x-color-base-disable) !important;
3273
3315
  }
3274
- [dir="rtl"] .x-border-radius--bottom-right-20 {
3275
- border-bottom-left-radius: var(--x-size-base-20) !important;
3316
+
3317
+ .x-background--transparent {
3318
+ background-color: var(--x-color-base-transparent) !important;
3276
3319
  }
3277
3320
  .x-border-color--lead {
3278
3321
  border-color: var(--x-color-base-lead) !important;
@@ -3317,6 +3360,12 @@
3317
3360
  .x-border-color--transparent {
3318
3361
  border-color: var(--x-color-base-transparent) !important;
3319
3362
  }
3363
+ .x-text--secondary {
3364
+ --x-color-text-default: var(--x-color-text-secondary);
3365
+ }
3366
+ :root {
3367
+ --x-color-text-secondary: var(--x-color-base-neutral-35);
3368
+ }
3320
3369
  .x-text--stroke.x-text {
3321
3370
  --x-string-text-decoration: line-through;
3322
3371
  }
@@ -3332,52 +3381,6 @@
3332
3381
  .x-text--stroke.x-small {
3333
3382
  --x-string-text-decoration-small: line-through;
3334
3383
  }
3335
- :root {
3336
- --x-color-text-secondary: var(--x-color-base-neutral-35);
3337
- }
3338
- .x-background--lead {
3339
- background-color: var(--x-color-base-lead) !important;
3340
- }
3341
-
3342
- .x-background--auxiliary {
3343
- background-color: var(--x-color-base-auxiliary) !important;
3344
- }
3345
-
3346
- .x-background--neutral-10 {
3347
- background-color: var(--x-color-base-neutral-10) !important;
3348
- }
3349
-
3350
- .x-background--neutral-35 {
3351
- background-color: var(--x-color-base-neutral-35) !important;
3352
- }
3353
-
3354
- .x-background--neutral-70 {
3355
- background-color: var(--x-color-base-neutral-70) !important;
3356
- }
3357
-
3358
- .x-background--neutral-95 {
3359
- background-color: var(--x-color-base-neutral-95) !important;
3360
- }
3361
-
3362
- .x-background--neutral-100 {
3363
- background-color: var(--x-color-base-neutral-100) !important;
3364
- }
3365
-
3366
- .x-background--accent {
3367
- background-color: var(--x-color-base-accent) !important;
3368
- }
3369
-
3370
- .x-background--enable {
3371
- background-color: var(--x-color-base-enable) !important;
3372
- }
3373
-
3374
- .x-background--disable {
3375
- background-color: var(--x-color-base-disable) !important;
3376
- }
3377
-
3378
- .x-background--transparent {
3379
- background-color: var(--x-color-base-transparent) !important;
3380
- }
3381
3384
  .x-text--light.x-text {
3382
3385
  --x-number-font-weight-text: var(--x-number-font-weight-base-light);
3383
3386
  }
@@ -3393,9 +3396,6 @@
3393
3396
  .x-text--light.x-small {
3394
3397
  --x-number-font-weight-small: var(--x-number-font-weight-base-light);
3395
3398
  }
3396
- .x-text--secondary {
3397
- --x-color-text-default: var(--x-color-text-secondary);
3398
- }
3399
3399
  :root {
3400
3400
  --x-font-family-base: "Montserrat", sans-serif;
3401
3401
  --x-size-font-base-xs: 12px;
@@ -3436,21 +3436,6 @@
3436
3436
  --x-size-line-height-small: var(--x-size-line-height-base-s);
3437
3437
  --x-string-text-decoration-small: none;
3438
3438
  }
3439
- .x-text--bold.x-text {
3440
- --x-number-font-weight-text: var(--x-number-font-weight-base-bold);
3441
- }
3442
- .x-text--bold.x-title1 {
3443
- --x-number-font-weight-title1: var(--x-number-font-weight-base-bold);
3444
- }
3445
- .x-text--bold.x-title2 {
3446
- --x-number-font-weight-title2: var(--x-number-font-weight-base-bold);
3447
- }
3448
- .x-text--bold.x-title3 {
3449
- --x-number-font-weight-title3: var(--x-number-font-weight-base-bold);
3450
- }
3451
- .x-text--bold.x-small {
3452
- --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
3453
- }
3454
3439
  :root {
3455
3440
  --x-font-family-base: "Montserrat", sans-serif;
3456
3441
  --x-size-font-base-xs: 12px;
@@ -3553,6 +3538,21 @@
3553
3538
  overflow: hidden;
3554
3539
  white-space: nowrap;
3555
3540
  }
3541
+ .x-text--bold.x-text {
3542
+ --x-number-font-weight-text: var(--x-number-font-weight-base-bold);
3543
+ }
3544
+ .x-text--bold.x-title1 {
3545
+ --x-number-font-weight-title1: var(--x-number-font-weight-base-bold);
3546
+ }
3547
+ .x-text--bold.x-title2 {
3548
+ --x-number-font-weight-title2: var(--x-number-font-weight-base-bold);
3549
+ }
3550
+ .x-text--bold.x-title3 {
3551
+ --x-number-font-weight-title3: var(--x-number-font-weight-base-bold);
3552
+ }
3553
+ .x-text--bold.x-small {
3554
+ --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
3555
+ }
3556
3556
  :root {
3557
3557
  --x-color-text-accent: var(--x-color-base-accent);
3558
3558
  }
@@ -3627,11 +3627,50 @@
3627
3627
  );
3628
3628
  }
3629
3629
  :root {
3630
- --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3631
- --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3632
- --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3633
- --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3634
- --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3630
+ --x-color-background-tag-default: var(--x-color-base-neutral-100);
3631
+ --x-color-border-tag-default: var(--x-color-text-tag-default);
3632
+ --x-color-text-tag-default: var(--x-color-text-default);
3633
+ --x-color-background-tag-default-selected: var(--x-color-base-neutral-95);
3634
+ --x-color-border-tag-default-selected: var(--x-color-border-tag-default);
3635
+ --x-color-text-tag-default-selected: var(--x-color-text-tag-default);
3636
+ --x-color-background-tag-default-curated: var(--x-color-background-tag-default);
3637
+ --x-color-border-tag-default-curated: var(--x-color-border-tag-default);
3638
+ --x-color-text-tag-default-curated: var(--x-color-text-tag-default);
3639
+ --x-color-background-tag-default-curated-selected: var(--x-color-background-tag-default-selected);
3640
+ --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-default-selected);
3641
+ --x-color-text-tag-default-curated-selected: var(--x-color-text-tag-default-selected);
3642
+ --x-size-border-width-tag-default: var(--x-size-border-width-base);
3643
+ --x-size-border-width-top-tag-default: var(--x-size-border-width-tag-default);
3644
+ --x-size-border-width-right-tag-default: var(--x-size-border-width-tag-default);
3645
+ --x-size-border-width-bottom-tag-default: var(--x-size-border-width-tag-default);
3646
+ --x-size-border-width-left-tag-default: var(--x-size-border-width-tag-default);
3647
+ --x-size-border-radius-tag-default: var(--x-size-border-radius-base-none);
3648
+ --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-tag-default);
3649
+ --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-tag-default);
3650
+ --x-size-border-radius-bottom-right-tag-default: var(--x-size-border-radius-tag-default);
3651
+ --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-tag-default);
3652
+ --x-size-height-tag-default: var(--x-size-base-07);
3653
+ --x-size-padding-right-tag-default: var(--x-size-base-04);
3654
+ --x-size-padding-left-tag-default: var(--x-size-base-04);
3655
+ --x-size-gap-tag-default: var(--x-size-base-02);
3656
+ --x-font-family-tag-default: var(--x-font-family-text);
3657
+ --x-size-font-tag-default: var(--x-size-font-text);
3658
+ --x-size-line-height-tag-default: var(--x-size-line-height-text);
3659
+ --x-number-font-weight-tag-default: var(--x-number-font-weight-text);
3660
+ --x-font-family-tag-default-selected: var(--x-font-family-tag-default);
3661
+ --x-size-font-tag-default-selected: var(--x-size-font-tag-default);
3662
+ --x-size-line-height-tag-default-selected: var(--x-size-line-height-tag-default);
3663
+ --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-default);
3664
+ --x-font-family-tag-default-curated: var(--x-font-family-tag-default);
3665
+ --x-size-font-tag-default-curated: var(--x-size-font-tag-default);
3666
+ --x-size-line-height-tag-default-curated: var(--x-size-line-height-tag-default);
3667
+ --x-number-font-weight-tag-default-curated: var(--x-number-font-weight-tag-default);
3668
+ --x-font-family-tag-default-curated-selected: var(--x-font-family-tag-default-selected);
3669
+ --x-size-font-tag-default-curated-selected: var(--x-size-font-tag-default-selected);
3670
+ --x-size-line-height-tag-default-curated-selected: var(--x-size-line-height-tag-default-selected);
3671
+ --x-number-font-weight-tag-default-curated-selected: var(
3672
+ --x-number-font-weight-tag-default-selected
3673
+ );
3635
3674
  }
3636
3675
  :root {
3637
3676
  --x-color-background-tag-default: var(--x-color-base-neutral-100);
@@ -3849,115 +3888,35 @@
3849
3888
  --x-color-text-filter-default-selected: var(--x-color-text-tag-default-selected);
3850
3889
  --x-font-family-filter-default-selected: var(--x-font-family-tag-default-selected);
3851
3890
  --x-size-font-filter-default-selected: var(--x-size-font-tag-default-selected);
3852
- --x-number-font-weight-filter-count-default-selected: var(
3853
- --x-number-font-weight-tag-default-selected
3854
- );
3855
- --x-size-line-height-filter-default-selected: var(--x-size-line-height-tag-default-selected);
3856
- }
3857
- :root {
3858
- --x-color-background-tag-default: var(--x-color-base-neutral-100);
3859
- --x-color-border-tag-default: var(--x-color-text-tag-default);
3860
- --x-color-text-tag-default: var(--x-color-text-default);
3861
- --x-color-background-tag-default-selected: var(--x-color-base-neutral-95);
3862
- --x-color-border-tag-default-selected: var(--x-color-border-tag-default);
3863
- --x-color-text-tag-default-selected: var(--x-color-text-tag-default);
3864
- --x-color-background-tag-default-curated: var(--x-color-background-tag-default);
3865
- --x-color-border-tag-default-curated: var(--x-color-border-tag-default);
3866
- --x-color-text-tag-default-curated: var(--x-color-text-tag-default);
3867
- --x-color-background-tag-default-curated-selected: var(--x-color-background-tag-default-selected);
3868
- --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-default-selected);
3869
- --x-color-text-tag-default-curated-selected: var(--x-color-text-tag-default-selected);
3870
- --x-size-border-width-tag-default: var(--x-size-border-width-base);
3871
- --x-size-border-width-top-tag-default: var(--x-size-border-width-tag-default);
3872
- --x-size-border-width-right-tag-default: var(--x-size-border-width-tag-default);
3873
- --x-size-border-width-bottom-tag-default: var(--x-size-border-width-tag-default);
3874
- --x-size-border-width-left-tag-default: var(--x-size-border-width-tag-default);
3875
- --x-size-border-radius-tag-default: var(--x-size-border-radius-base-none);
3876
- --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-tag-default);
3877
- --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-tag-default);
3878
- --x-size-border-radius-bottom-right-tag-default: var(--x-size-border-radius-tag-default);
3879
- --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-tag-default);
3880
- --x-size-height-tag-default: var(--x-size-base-07);
3881
- --x-size-padding-right-tag-default: var(--x-size-base-04);
3882
- --x-size-padding-left-tag-default: var(--x-size-base-04);
3883
- --x-size-gap-tag-default: var(--x-size-base-02);
3884
- --x-font-family-tag-default: var(--x-font-family-text);
3885
- --x-size-font-tag-default: var(--x-size-font-text);
3886
- --x-size-line-height-tag-default: var(--x-size-line-height-text);
3887
- --x-number-font-weight-tag-default: var(--x-number-font-weight-text);
3888
- --x-font-family-tag-default-selected: var(--x-font-family-tag-default);
3889
- --x-size-font-tag-default-selected: var(--x-size-font-tag-default);
3890
- --x-size-line-height-tag-default-selected: var(--x-size-line-height-tag-default);
3891
- --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-default);
3892
- --x-font-family-tag-default-curated: var(--x-font-family-tag-default);
3893
- --x-size-font-tag-default-curated: var(--x-size-font-tag-default);
3894
- --x-size-line-height-tag-default-curated: var(--x-size-line-height-tag-default);
3895
- --x-number-font-weight-tag-default-curated: var(--x-number-font-weight-tag-default);
3896
- --x-font-family-tag-default-curated-selected: var(--x-font-family-tag-default-selected);
3897
- --x-size-font-tag-default-curated-selected: var(--x-size-font-tag-default-selected);
3898
- --x-size-line-height-tag-default-curated-selected: var(--x-size-line-height-tag-default-selected);
3899
- --x-number-font-weight-tag-default-curated-selected: var(
3900
- --x-number-font-weight-tag-default-selected
3901
- );
3902
- }
3903
- :root {
3904
- --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3905
- --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3906
- --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3907
- --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3908
- --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3909
- }
3910
-
3911
- .x-tag--card.x-tag,
3912
- .x-tag--card .x-tag {
3913
- --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-card);
3914
- --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-card);
3915
- --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-card);
3916
- --x-size-border-radius-bottom-right-tag-default: var(
3917
- --x-size-border-radius-bottom-right-tag-card
3918
- );
3919
- --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
3920
- }
3921
- :root {
3922
- --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3923
- --x-color-text-suggestion-group-matching-part-default: var(
3924
- --x-color-text-suggestion-matching-part-default
3925
- );
3926
- --x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
3927
- --x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
3928
- --x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
3929
- --x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
3930
- --x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
3931
- --x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
3932
- --x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
3933
- --x-size-border-width-suggestion-group-default: 0;
3934
- --x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
3935
- --x-size-border-width-right-suggestion-group-default: var(
3936
- --x-size-border-width-suggestion-default
3937
- );
3938
- --x-size-border-width-bottom-suggestion-group-default: var(
3939
- --x-size-border-width-suggestion-default
3940
- );
3941
- --x-size-border-width-left-suggestion-group-default: var(
3942
- --x-size-border-width-suggestion-default
3943
- );
3944
- --x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
3945
- --x-size-border-radius-top-left-suggestion-group-default: var(
3946
- --x-size-border-radius-suggestion-default
3947
- );
3948
- --x-size-border-radius-top-right-suggestion-group-default: var(
3949
- --x-size-border-radius-suggestion-default
3950
- );
3951
- --x-size-border-radius-bottom-right-suggestion-group-default: var(
3952
- --x-size-border-radius-suggestion-default
3891
+ --x-number-font-weight-filter-count-default-selected: var(
3892
+ --x-number-font-weight-tag-default-selected
3953
3893
  );
3954
- --x-size-border-radius-bottom-left-suggestion-group-default: var(
3955
- --x-size-border-radius-suggestion-default
3894
+ --x-size-line-height-filter-default-selected: var(--x-size-line-height-tag-default-selected);
3895
+ }
3896
+ :root {
3897
+ --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3898
+ --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3899
+ --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3900
+ --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3901
+ --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3902
+ }
3903
+
3904
+ .x-tag--card.x-tag,
3905
+ .x-tag--card .x-tag {
3906
+ --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-card);
3907
+ --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-card);
3908
+ --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-card);
3909
+ --x-size-border-radius-bottom-right-tag-default: var(
3910
+ --x-size-border-radius-bottom-right-tag-card
3956
3911
  );
3957
- --x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
3958
- --x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
3959
- --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
3960
- --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
3912
+ --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
3913
+ }
3914
+ :root {
3915
+ --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3916
+ --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3917
+ --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3918
+ --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3919
+ --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3961
3920
  }
3962
3921
  :root {
3963
3922
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
@@ -4165,6 +4124,47 @@
4165
4124
  --x-number-font-weight-suggestion-default-matching
4166
4125
  );
4167
4126
  }
4127
+ :root {
4128
+ --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
4129
+ --x-color-text-suggestion-group-matching-part-default: var(
4130
+ --x-color-text-suggestion-matching-part-default
4131
+ );
4132
+ --x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
4133
+ --x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
4134
+ --x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
4135
+ --x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
4136
+ --x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
4137
+ --x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
4138
+ --x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
4139
+ --x-size-border-width-suggestion-group-default: 0;
4140
+ --x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
4141
+ --x-size-border-width-right-suggestion-group-default: var(
4142
+ --x-size-border-width-suggestion-default
4143
+ );
4144
+ --x-size-border-width-bottom-suggestion-group-default: var(
4145
+ --x-size-border-width-suggestion-default
4146
+ );
4147
+ --x-size-border-width-left-suggestion-group-default: var(
4148
+ --x-size-border-width-suggestion-default
4149
+ );
4150
+ --x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
4151
+ --x-size-border-radius-top-left-suggestion-group-default: var(
4152
+ --x-size-border-radius-suggestion-default
4153
+ );
4154
+ --x-size-border-radius-top-right-suggestion-group-default: var(
4155
+ --x-size-border-radius-suggestion-default
4156
+ );
4157
+ --x-size-border-radius-bottom-right-suggestion-group-default: var(
4158
+ --x-size-border-radius-suggestion-default
4159
+ );
4160
+ --x-size-border-radius-bottom-left-suggestion-group-default: var(
4161
+ --x-size-border-radius-suggestion-default
4162
+ );
4163
+ --x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
4164
+ --x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
4165
+ --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
4166
+ --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
4167
+ }
4168
4168
  :root {
4169
4169
  --x-string-align-items-suggestion-default: center;
4170
4170
  --x-color-text-suggestion-default: var(--x-color-text-default);
@@ -4454,13 +4454,6 @@
4454
4454
  --x-color-background-scroll-bar-hover: transparent;
4455
4455
  --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4456
4456
  }
4457
- :root {
4458
- --x-string-overflow-scroll: auto;
4459
- --x-color-background-scroll-bar: transparent;
4460
- --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
4461
- --x-color-background-scroll-bar-hover: transparent;
4462
- --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4463
- }
4464
4457
 
4465
4458
  .x-scroll {
4466
4459
  overflow-y: var(--x-string-overflow-scroll);
@@ -4492,6 +4485,13 @@
4492
4485
  .x-base-scroll {
4493
4486
  overflow-y: var(--x-string-overflow-scroll, auto);
4494
4487
  }
4488
+ :root {
4489
+ --x-string-overflow-scroll: auto;
4490
+ --x-color-background-scroll-bar: transparent;
4491
+ --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
4492
+ --x-color-background-scroll-bar-hover: transparent;
4493
+ --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4494
+ }
4495
4495
  /* @deprecated */
4496
4496
  :root {
4497
4497
  --x-size-padding-row-02: var(--x-size-base-02);
@@ -4551,6 +4551,14 @@
4551
4551
  --x-size-gap-row-19: var(--x-size-base-19);
4552
4552
  --x-size-gap-row-20: var(--x-size-base-20);
4553
4553
  }
4554
+ :root {
4555
+ --x-size-gap-row: 0;
4556
+ --x-size-padding-row: 0;
4557
+ --x-size-justify-row: stretch;
4558
+ --x-size-align-row: center;
4559
+ --x-size-span-row-item: 1;
4560
+ --x-size-start-row-item: 0;
4561
+ }
4554
4562
  :root {
4555
4563
  --x-size-gap-row-01: var(--x-size-base-01);
4556
4564
  --x-size-gap-row-02: var(--x-size-base-02);
@@ -4661,14 +4669,6 @@
4661
4669
  --x-size-span-row-item: 1;
4662
4670
  --x-size-start-row-item: 0;
4663
4671
  }
4664
- :root {
4665
- --x-size-gap-row: 0;
4666
- --x-size-padding-row: 0;
4667
- --x-size-justify-row: stretch;
4668
- --x-size-align-row: center;
4669
- --x-size-span-row-item: 1;
4670
- --x-size-start-row-item: 0;
4671
- }
4672
4672
 
4673
4673
  .x-row {
4674
4674
  display: grid;
@@ -4806,23 +4806,6 @@
4806
4806
  --x-size-border-width-result-description-default: 0;
4807
4807
  --x-size-border-width-result-picture-default: 0;
4808
4808
  }
4809
- :root {
4810
- --x-color-border-result-default: var(--x-color-base-lead);
4811
- --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4812
- --x-color-border-result-description-default: var(--x-color-border-result-default);
4813
- --x-color-border-result-picture-default: var(--x-color-border-result-default);
4814
- --x-color-background-result-default: transparent;
4815
- --x-size-padding-result-default: 0;
4816
- --x-size-padding-result-overlay-default: 0;
4817
- --x-size-padding-result-description-default: 0;
4818
- --x-size-gap-result-default: var(--x-size-base-03);
4819
- --x-size-padding-result-picture-default: 0;
4820
- --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4821
- --x-size-border-width-result-default: 0;
4822
- --x-size-border-width-result-overlay-default: 0;
4823
- --x-size-border-width-result-description-default: 0;
4824
- --x-size-border-width-result-picture-default: 0;
4825
- }
4826
4809
 
4827
4810
  .x-result {
4828
4811
  display: grid;
@@ -4879,6 +4862,23 @@
4879
4862
  :root {
4880
4863
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4881
4864
  }
4865
+ :root {
4866
+ --x-color-border-result-default: var(--x-color-base-lead);
4867
+ --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4868
+ --x-color-border-result-description-default: var(--x-color-border-result-default);
4869
+ --x-color-border-result-picture-default: var(--x-color-border-result-default);
4870
+ --x-color-background-result-default: transparent;
4871
+ --x-size-padding-result-default: 0;
4872
+ --x-size-padding-result-overlay-default: 0;
4873
+ --x-size-padding-result-description-default: 0;
4874
+ --x-size-gap-result-default: var(--x-size-base-03);
4875
+ --x-size-padding-result-picture-default: 0;
4876
+ --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4877
+ --x-size-border-width-result-default: 0;
4878
+ --x-size-border-width-result-overlay-default: 0;
4879
+ --x-size-border-width-result-description-default: 0;
4880
+ --x-size-border-width-result-picture-default: 0;
4881
+ }
4882
4882
  :root {
4883
4883
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4884
4884
  }
@@ -4925,9 +4925,6 @@
4925
4925
  --x-number-zoom-scale-picture: 1.1;
4926
4926
  --x-number-zoom-duration-picture: 0.3s;
4927
4927
  }
4928
- :root {
4929
- --x-number-aspect-ratio-picture: 1;
4930
- }
4931
4928
  :root {
4932
4929
  --x-number-zoom-scale-picture: 1.1;
4933
4930
  --x-number-zoom-duration-picture: 0.3s;
@@ -4942,6 +4939,9 @@
4942
4939
  :root {
4943
4940
  --x-number-aspect-ratio-picture: 1;
4944
4941
  }
4942
+ :root {
4943
+ --x-number-aspect-ratio-picture: 1;
4944
+ }
4945
4945
 
4946
4946
  .x-picture--fixed-ratio.x-picture {
4947
4947
  aspect-ratio: var(--x-number-aspect-ratio-picture);
@@ -5059,118 +5059,38 @@
5059
5059
  }
5060
5060
 
5061
5061
  .x-picture--colored.x-picture {
5062
- --x-color-background-picture-default: var(--x-color-background-picture-colored);
5063
- }
5064
- .x-picture--colored.x-picture .x-picture-image {
5065
- --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-colored);
5066
- }
5067
- .x-picture--colored.x-picture .x-picture--fallback {
5068
- --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-fallback-colored);
5069
- }
5070
- .x-picture--colored.x-picture .x-picture--placeholder {
5071
- --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-placeholder-colored);
5072
- }
5073
- :root {
5074
- --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5075
- --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5076
- --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5077
- --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5078
- --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5079
- }
5080
- :root {
5081
- --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5082
- --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5083
- --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5084
- --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5085
- --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5086
- }
5087
-
5088
- .x-picture--card.x-picture {
5089
- --x-size-border-radius-picture-default: var(--x-size-border-radius-picture-card);
5090
- --x-size-border-radius-top-picture-default: var(--x-size-border-radius-top-picture-card);
5091
- --x-size-border-radius-right-picture-default: var(--x-size-border-radius-right-picture-card);
5092
- --x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-bottom-picture-card);
5093
- --x-size-border-radius-left-picture-default: var(--x-size-border-radius-left-picture-card);
5094
- }
5095
- :root {
5096
- --x-color-background-option-list-button-default: transparent;
5097
- --x-color-border-option-list-button-default: transparent;
5098
- --x-color-text-option-list-button-default: var(--x-color-base-neutral-35);
5099
- --x-color-background-option-list-button-default-hover: var(
5100
- --x-color-background-option-list-button-default
5101
- );
5102
- --x-color-border-option-list-button-default-hover: var(
5103
- --x-color-border-option-list-button-default
5104
- );
5105
- --x-color-text-option-list-button-default-hover: var(--x-color-text-option-list-button-default);
5106
- --x-color-background-option-list-button-default-selected: var(
5107
- --x-color-background-option-list-button-default
5108
- );
5109
- --x-color-border-option-list-button-default-selected: var(
5110
- --x-color-border-option-list-button-default
5111
- );
5112
- --x-color-text-option-list-button-default-selected: var(--x-color-text-default);
5113
- --x-color-background-option-list-button-default-selected-hover: var(
5114
- --x-color-background-option-list-button-default-selected
5115
- );
5116
- --x-color-border-option-list-button-default-selected-hover: var(
5117
- --x-color-border-option-list-button-default-selected
5118
- );
5119
- --x-color-text-option-list-button-default-selected-hover: var(
5120
- --x-color-text-option-list-button-default-selected
5121
- );
5122
- --x-color-border-option-list-item-default: var(--x-color-base-neutral-70);
5123
- --x-color-border-top-option-list-item-default: var(--x-color-border-option-list-item-default);
5124
- --x-color-border-right-option-list-item-default: var(--x-color-border-option-list-item-default);
5125
- --x-color-border-bottom-option-list-item-default: var(--x-color-border-option-list-item-default);
5126
- --x-color-border-left-option-list-item-default: var(--x-color-border-option-list-item-default);
5127
- --x-color-border-option-list-item-default-selected: var(--x-color-base-neutral-70);
5128
- --x-color-border-top-option-list-item-default-selected: var(
5129
- --x-color-border-option-list-item-default-selected
5130
- );
5131
- --x-color-border-right-option-list-item-default-selected: var(
5132
- --x-color-border-option-list-item-default-selected
5133
- );
5134
- --x-color-border-bottom-option-list-item-default-selected: var(
5135
- --x-color-border-option-list-item-default-selected
5136
- );
5137
- --x-color-border-left-option-list-item-default-selected: var(
5138
- --x-color-border-option-list-item-default-selected
5139
- );
5140
- --x-size-border-width-option-list-item-default: var(--x-size-border-width-base);
5141
- --x-size-border-width-top-option-list-item-default: 0;
5142
- --x-size-border-width-right-option-list-item-default: var(
5143
- --x-size-border-width-option-list-item-default
5144
- );
5145
- --x-size-border-width-bottom-option-list-item-default: 0;
5146
- --x-size-border-width-left-option-list-item-default: 0;
5147
- --x-size-border-width-top-option-list-item-default-selected: var(
5148
- --x-size-border-width-top-option-list-item-default
5149
- );
5150
- --x-size-border-width-right-option-list-item-default-selected: var(
5151
- --x-size-border-width-right-option-list-item-default
5152
- );
5153
- --x-size-border-width-bottom-option-list-item-default-selected: var(
5154
- --x-size-border-width-bottom-option-list-item-default
5155
- );
5156
- --x-size-border-width-left-option-list-item-default-selected: var(
5157
- --x-size-border-width-left-option-list-item-default
5158
- );
5159
- --x-size-padding-option-list-button-default: var(--x-size-base-02);
5160
- --x-size-padding-top-option-list-button-default: var(--x-size-padding-option-list-button-default);
5161
- --x-size-padding-right-option-list-button-default: var(
5162
- --x-size-padding-option-list-button-default
5163
- );
5164
- --x-size-padding-bottom-option-list-button-default: var(
5165
- --x-size-padding-option-list-button-default
5166
- );
5167
- --x-size-padding-left-option-list-button-default: var(
5168
- --x-size-padding-option-list-button-default
5169
- );
5170
- --x-font-decoration-option-list-button-default-hover: underline;
5171
- --x-size-font-option-list-button-default: var(--x-size-font-text);
5172
- --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5173
- --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5062
+ --x-color-background-picture-default: var(--x-color-background-picture-colored);
5063
+ }
5064
+ .x-picture--colored.x-picture .x-picture-image {
5065
+ --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-colored);
5066
+ }
5067
+ .x-picture--colored.x-picture .x-picture--fallback {
5068
+ --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-fallback-colored);
5069
+ }
5070
+ .x-picture--colored.x-picture .x-picture--placeholder {
5071
+ --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-placeholder-colored);
5072
+ }
5073
+ :root {
5074
+ --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5075
+ --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5076
+ --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5077
+ --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5078
+ --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5079
+ }
5080
+ :root {
5081
+ --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5082
+ --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5083
+ --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5084
+ --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5085
+ --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5086
+ }
5087
+
5088
+ .x-picture--card.x-picture {
5089
+ --x-size-border-radius-picture-default: var(--x-size-border-radius-picture-card);
5090
+ --x-size-border-radius-top-picture-default: var(--x-size-border-radius-top-picture-card);
5091
+ --x-size-border-radius-right-picture-default: var(--x-size-border-radius-right-picture-card);
5092
+ --x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-bottom-picture-card);
5093
+ --x-size-border-radius-left-picture-default: var(--x-size-border-radius-left-picture-card);
5174
5094
  }
5175
5095
  :root {
5176
5096
  --x-color-background-option-list-button-default: transparent;
@@ -5409,6 +5329,90 @@
5409
5329
  --x-number-font-weight-base-regular
5410
5330
  );
5411
5331
  }
5332
+ :root {
5333
+ --x-color-background-option-list-button-default: transparent;
5334
+ --x-color-border-option-list-button-default: transparent;
5335
+ --x-color-text-option-list-button-default: var(--x-color-base-neutral-35);
5336
+ --x-color-background-option-list-button-default-hover: var(
5337
+ --x-color-background-option-list-button-default
5338
+ );
5339
+ --x-color-border-option-list-button-default-hover: var(
5340
+ --x-color-border-option-list-button-default
5341
+ );
5342
+ --x-color-text-option-list-button-default-hover: var(--x-color-text-option-list-button-default);
5343
+ --x-color-background-option-list-button-default-selected: var(
5344
+ --x-color-background-option-list-button-default
5345
+ );
5346
+ --x-color-border-option-list-button-default-selected: var(
5347
+ --x-color-border-option-list-button-default
5348
+ );
5349
+ --x-color-text-option-list-button-default-selected: var(--x-color-text-default);
5350
+ --x-color-background-option-list-button-default-selected-hover: var(
5351
+ --x-color-background-option-list-button-default-selected
5352
+ );
5353
+ --x-color-border-option-list-button-default-selected-hover: var(
5354
+ --x-color-border-option-list-button-default-selected
5355
+ );
5356
+ --x-color-text-option-list-button-default-selected-hover: var(
5357
+ --x-color-text-option-list-button-default-selected
5358
+ );
5359
+ --x-color-border-option-list-item-default: var(--x-color-base-neutral-70);
5360
+ --x-color-border-top-option-list-item-default: var(--x-color-border-option-list-item-default);
5361
+ --x-color-border-right-option-list-item-default: var(--x-color-border-option-list-item-default);
5362
+ --x-color-border-bottom-option-list-item-default: var(--x-color-border-option-list-item-default);
5363
+ --x-color-border-left-option-list-item-default: var(--x-color-border-option-list-item-default);
5364
+ --x-color-border-option-list-item-default-selected: var(--x-color-base-neutral-70);
5365
+ --x-color-border-top-option-list-item-default-selected: var(
5366
+ --x-color-border-option-list-item-default-selected
5367
+ );
5368
+ --x-color-border-right-option-list-item-default-selected: var(
5369
+ --x-color-border-option-list-item-default-selected
5370
+ );
5371
+ --x-color-border-bottom-option-list-item-default-selected: var(
5372
+ --x-color-border-option-list-item-default-selected
5373
+ );
5374
+ --x-color-border-left-option-list-item-default-selected: var(
5375
+ --x-color-border-option-list-item-default-selected
5376
+ );
5377
+ --x-size-border-width-option-list-item-default: var(--x-size-border-width-base);
5378
+ --x-size-border-width-top-option-list-item-default: 0;
5379
+ --x-size-border-width-right-option-list-item-default: var(
5380
+ --x-size-border-width-option-list-item-default
5381
+ );
5382
+ --x-size-border-width-bottom-option-list-item-default: 0;
5383
+ --x-size-border-width-left-option-list-item-default: 0;
5384
+ --x-size-border-width-top-option-list-item-default-selected: var(
5385
+ --x-size-border-width-top-option-list-item-default
5386
+ );
5387
+ --x-size-border-width-right-option-list-item-default-selected: var(
5388
+ --x-size-border-width-right-option-list-item-default
5389
+ );
5390
+ --x-size-border-width-bottom-option-list-item-default-selected: var(
5391
+ --x-size-border-width-bottom-option-list-item-default
5392
+ );
5393
+ --x-size-border-width-left-option-list-item-default-selected: var(
5394
+ --x-size-border-width-left-option-list-item-default
5395
+ );
5396
+ --x-size-padding-option-list-button-default: var(--x-size-base-02);
5397
+ --x-size-padding-top-option-list-button-default: var(--x-size-padding-option-list-button-default);
5398
+ --x-size-padding-right-option-list-button-default: var(
5399
+ --x-size-padding-option-list-button-default
5400
+ );
5401
+ --x-size-padding-bottom-option-list-button-default: var(
5402
+ --x-size-padding-option-list-button-default
5403
+ );
5404
+ --x-size-padding-left-option-list-button-default: var(
5405
+ --x-size-padding-option-list-button-default
5406
+ );
5407
+ --x-font-decoration-option-list-button-default-hover: underline;
5408
+ --x-size-font-option-list-button-default: var(--x-size-font-text);
5409
+ --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5410
+ --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5411
+ }
5412
+ :root {
5413
+ --x-modal-overlay-color: rgb(0, 0, 0);
5414
+ --x-modal-overlay-opacity: 0.7;
5415
+ }
5412
5416
  :root {
5413
5417
  --x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
5414
5418
  --x-color-text-option-list-button-bottom-selected-hover: var(
@@ -5544,10 +5548,6 @@
5544
5548
  --x-modal-overlay-color: rgb(0, 0, 0);
5545
5549
  --x-modal-overlay-opacity: 0.7;
5546
5550
  }
5547
- :root {
5548
- --x-modal-overlay-color: rgb(0, 0, 0);
5549
- --x-modal-overlay-opacity: 0.7;
5550
- }
5551
5551
 
5552
5552
  .x-modal__overlay {
5553
5553
  background-color: var(--x-modal-overlay-color) !important;
@@ -5661,22 +5661,6 @@
5661
5661
  --x-size-padding-list-12: var(--x-size-base-12);
5662
5662
  --x-size-padding-list-13: var(--x-size-base-13);
5663
5663
  }
5664
- /* @deprecated */
5665
- :root {
5666
- --x-size-padding-list-01: var(--x-size-base-01);
5667
- --x-size-padding-list-02: var(--x-size-base-02);
5668
- --x-size-padding-list-03: var(--x-size-base-03);
5669
- --x-size-padding-list-04: var(--x-size-base-04);
5670
- --x-size-padding-list-05: var(--x-size-base-05);
5671
- --x-size-padding-list-06: var(--x-size-base-06);
5672
- --x-size-padding-list-07: var(--x-size-base-07);
5673
- --x-size-padding-list-08: var(--x-size-base-08);
5674
- --x-size-padding-list-09: var(--x-size-base-09);
5675
- --x-size-padding-list-10: var(--x-size-base-10);
5676
- --x-size-padding-list-11: var(--x-size-base-11);
5677
- --x-size-padding-list-12: var(--x-size-base-12);
5678
- --x-size-padding-list-13: var(--x-size-base-13);
5679
- }
5680
5664
 
5681
5665
  /* @deprecated */
5682
5666
  [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-right) {
@@ -6001,6 +5985,44 @@
6001
5985
  margin-right: var(--x-size-gap-list-13);
6002
5986
  }
6003
5987
  }
5988
+ /* @deprecated */
5989
+ :root {
5990
+ --x-size-padding-list-01: var(--x-size-base-01);
5991
+ --x-size-padding-list-02: var(--x-size-base-02);
5992
+ --x-size-padding-list-03: var(--x-size-base-03);
5993
+ --x-size-padding-list-04: var(--x-size-base-04);
5994
+ --x-size-padding-list-05: var(--x-size-base-05);
5995
+ --x-size-padding-list-06: var(--x-size-base-06);
5996
+ --x-size-padding-list-07: var(--x-size-base-07);
5997
+ --x-size-padding-list-08: var(--x-size-base-08);
5998
+ --x-size-padding-list-09: var(--x-size-base-09);
5999
+ --x-size-padding-list-10: var(--x-size-base-10);
6000
+ --x-size-padding-list-11: var(--x-size-base-11);
6001
+ --x-size-padding-list-12: var(--x-size-base-12);
6002
+ --x-size-padding-list-13: var(--x-size-base-13);
6003
+ }
6004
+ :root {
6005
+ --x-size-gap-list-01: var(--x-size-base-01);
6006
+ --x-size-gap-list-02: var(--x-size-base-02);
6007
+ --x-size-gap-list-03: var(--x-size-base-03);
6008
+ --x-size-gap-list-04: var(--x-size-base-04);
6009
+ --x-size-gap-list-05: var(--x-size-base-05);
6010
+ --x-size-gap-list-06: var(--x-size-base-06);
6011
+ --x-size-gap-list-07: var(--x-size-base-07);
6012
+ --x-size-gap-list-08: var(--x-size-base-08);
6013
+ --x-size-gap-list-09: var(--x-size-base-09);
6014
+ --x-size-gap-list-10: var(--x-size-base-10);
6015
+ --x-size-gap-list-11: var(--x-size-base-11);
6016
+ --x-size-gap-list-12: var(--x-size-base-12);
6017
+ --x-size-gap-list-13: var(--x-size-base-13);
6018
+ --x-size-gap-list-14: var(--x-size-base-14);
6019
+ --x-size-gap-list-15: var(--x-size-base-15);
6020
+ --x-size-gap-list-16: var(--x-size-base-16);
6021
+ --x-size-gap-list-17: var(--x-size-base-17);
6022
+ --x-size-gap-list-18: var(--x-size-base-18);
6023
+ --x-size-gap-list-19: var(--x-size-base-19);
6024
+ --x-size-gap-list-20: var(--x-size-base-20);
6025
+ }
6004
6026
  :root {
6005
6027
  --x-size-gap-list-01: var(--x-size-base-01);
6006
6028
  --x-size-gap-list-02: var(--x-size-base-02);
@@ -6523,28 +6545,6 @@
6523
6545
  margin-bottom: var(--x-size-gap-list-20);
6524
6546
  }
6525
6547
  }
6526
- :root {
6527
- --x-size-gap-list-01: var(--x-size-base-01);
6528
- --x-size-gap-list-02: var(--x-size-base-02);
6529
- --x-size-gap-list-03: var(--x-size-base-03);
6530
- --x-size-gap-list-04: var(--x-size-base-04);
6531
- --x-size-gap-list-05: var(--x-size-base-05);
6532
- --x-size-gap-list-06: var(--x-size-base-06);
6533
- --x-size-gap-list-07: var(--x-size-base-07);
6534
- --x-size-gap-list-08: var(--x-size-base-08);
6535
- --x-size-gap-list-09: var(--x-size-base-09);
6536
- --x-size-gap-list-10: var(--x-size-base-10);
6537
- --x-size-gap-list-11: var(--x-size-base-11);
6538
- --x-size-gap-list-12: var(--x-size-base-12);
6539
- --x-size-gap-list-13: var(--x-size-base-13);
6540
- --x-size-gap-list-14: var(--x-size-base-14);
6541
- --x-size-gap-list-15: var(--x-size-base-15);
6542
- --x-size-gap-list-16: var(--x-size-base-16);
6543
- --x-size-gap-list-17: var(--x-size-base-17);
6544
- --x-size-gap-list-18: var(--x-size-base-18);
6545
- --x-size-gap-list-19: var(--x-size-base-19);
6546
- --x-size-gap-list-20: var(--x-size-base-20);
6547
- }
6548
6548
  :root {
6549
6549
  --x-string-flow-list: column nowrap;
6550
6550
  --x-size-padding-list: 0;
@@ -7021,6 +7021,13 @@
7021
7021
  [dir="rtl"] .x-input-group > .x-input-group__action:last-child {
7022
7022
  margin-left: calc(var(--x-size-border-width-right-input-group-default) * -1);
7023
7023
  }
7024
+ :root {
7025
+ --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
7026
+ --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
7027
+ --x-size-border-radius-top-right-input-pill: var(--x-size-border-radius-input-pill);
7028
+ --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7029
+ --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7030
+ }
7024
7031
  :root {
7025
7032
  --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
7026
7033
  --x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
@@ -7064,13 +7071,6 @@
7064
7071
  --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7065
7072
  --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7066
7073
  }
7067
- :root {
7068
- --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
7069
- --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
7070
- --x-size-border-radius-top-right-input-pill: var(--x-size-border-radius-input-pill);
7071
- --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7072
- --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7073
- }
7074
7074
 
7075
7075
  .x-input--pill.x-input,
7076
7076
  .x-input--pill .x-input {
@@ -7336,6 +7336,15 @@
7336
7336
  --x-string-stroke-linejoin-icon-default: mitter;
7337
7337
  --x-size-stroke-width-icon-default: 1px;
7338
7338
  }
7339
+ :root {
7340
+ --x-color-stroke-icon-default: currentColor;
7341
+ --x-color-fill-icon-default: none;
7342
+ --x-size-width-icon-default: var(--x-size-width-icon-m);
7343
+ --x-size-height-icon-default: var(--x-size-height-icon-m);
7344
+ --x-string-stroke-linecap-icon-default: butt;
7345
+ --x-string-stroke-linejoin-icon-default: mitter;
7346
+ --x-size-stroke-width-icon-default: 1px;
7347
+ }
7339
7348
 
7340
7349
  .x-icon {
7341
7350
  stroke: var(--x-color-stroke-icon-default);
@@ -7357,15 +7366,6 @@
7357
7366
  stroke: none;
7358
7367
  fill: var(--x-color-stroke-icon-default);
7359
7368
  }
7360
- :root {
7361
- --x-color-stroke-icon-default: currentColor;
7362
- --x-color-fill-icon-default: none;
7363
- --x-size-width-icon-default: var(--x-size-width-icon-m);
7364
- --x-size-height-icon-default: var(--x-size-height-icon-m);
7365
- --x-string-stroke-linecap-icon-default: butt;
7366
- --x-string-stroke-linejoin-icon-default: mitter;
7367
- --x-size-stroke-width-icon-default: 1px;
7368
- }
7369
7369
  :root {
7370
7370
  --x-size-padding-grid: 0;
7371
7371
  --x-size-gap-grid: var(--x-size-base-03);
@@ -7410,13 +7410,6 @@
7410
7410
  --x-size-padding-bottom-filter-children: 0;
7411
7411
  --x-size-padding-left-filter-children: var(--x-size-base-05);
7412
7412
  }
7413
- :root {
7414
- --x-size-margin-filter-children: 0;
7415
- --x-size-padding-top-filter-children: 0;
7416
- --x-size-padding-right-filter-children: 0;
7417
- --x-size-padding-bottom-filter-children: 0;
7418
- --x-size-padding-left-filter-children: var(--x-size-base-05);
7419
- }
7420
7413
 
7421
7414
  .x-hierarchical-filter-container {
7422
7415
  list-style: none;
@@ -7474,6 +7467,13 @@
7474
7467
  );
7475
7468
  --x-size-line-height-filter-default: var(--x-size-line-height-text);
7476
7469
  }
7470
+ :root {
7471
+ --x-size-margin-filter-children: 0;
7472
+ --x-size-padding-top-filter-children: 0;
7473
+ --x-size-padding-right-filter-children: 0;
7474
+ --x-size-padding-bottom-filter-children: 0;
7475
+ --x-size-padding-left-filter-children: var(--x-size-base-05);
7476
+ }
7477
7477
  :root {
7478
7478
  --x-color-background-filter-default: transparent;
7479
7479
  --x-color-border-filter-default: var(--x-color-background-filter-default);
@@ -7636,14 +7636,6 @@
7636
7636
  --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7637
7637
  --x-size-border-width-left-facet-header-line: 0;
7638
7638
  }
7639
- :root {
7640
- --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7641
- --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7642
- --x-size-border-width-top-facet-header-line: 0;
7643
- --x-size-border-width-right-facet-header-line: 0;
7644
- --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7645
- --x-size-border-width-left-facet-header-line: 0;
7646
- }
7647
7639
 
7648
7640
  .x-facet--line.x-facet,
7649
7641
  .x-facet--line .x-facet {
@@ -7660,6 +7652,14 @@
7660
7652
  --x-size-border-width-left-facet-header-line
7661
7653
  );
7662
7654
  }
7655
+ :root {
7656
+ --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7657
+ --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7658
+ --x-size-border-width-top-facet-header-line: 0;
7659
+ --x-size-border-width-right-facet-header-line: 0;
7660
+ --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7661
+ --x-size-border-width-left-facet-header-line: 0;
7662
+ }
7663
7663
  :root {
7664
7664
  --x-color-background-facet-default: transparent;
7665
7665
  --x-color-border-facet-default: var(--x-color-background-facet-default);
@@ -7932,13 +7932,6 @@
7932
7932
  :root {
7933
7933
  --x-size-width-dropdown-m: 130px;
7934
7934
  }
7935
-
7936
- .x-dropdown.x-dropdown--m {
7937
- --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-m);
7938
- }
7939
- :root {
7940
- --x-size-width-dropdown-m: 130px;
7941
- }
7942
7935
  :root {
7943
7936
  --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
7944
7937
  --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
@@ -7963,6 +7956,13 @@
7963
7956
  --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7964
7957
  --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7965
7958
  }
7959
+ :root {
7960
+ --x-size-width-dropdown-m: 130px;
7961
+ }
7962
+
7963
+ .x-dropdown.x-dropdown--m {
7964
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-m);
7965
+ }
7966
7966
  :root {
7967
7967
  --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
7968
7968
  --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
@@ -8109,6 +8109,79 @@
8109
8109
  --x-string-overflow-dropdown-toggle-default: hidden;
8110
8110
  --x-string-overflow-dropdown-list-default: hidden;
8111
8111
  }
8112
+ :root {
8113
+ --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8114
+ --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8115
+ --x-size-border-radius-top-right-dropdown-default: var(--x-size-border-radius-dropdown-default);
8116
+ --x-size-border-radius-bottom-right-dropdown-default: var(
8117
+ --x-size-border-radius-dropdown-default
8118
+ );
8119
+ --x-size-border-radius-bottom-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8120
+ --x-size-border-width-dropdown-toggle-default: var(--x-size-border-width-base);
8121
+ --x-size-border-width-top-dropdown-toggle-default: var(
8122
+ --x-size-border-width-dropdown-toggle-default
8123
+ );
8124
+ --x-size-border-width-right-dropdown-toggle-default: var(
8125
+ --x-size-border-width-dropdown-toggle-default
8126
+ );
8127
+ --x-size-border-width-bottom-dropdown-toggle-default: var(
8128
+ --x-size-border-width-dropdown-toggle-default
8129
+ );
8130
+ --x-size-border-width-left-dropdown-toggle-default: var(
8131
+ --x-size-border-width-dropdown-toggle-default
8132
+ );
8133
+ --x-size-border-width-dropdown-list-default: var(--x-size-border-width-base);
8134
+ --x-size-border-width-top-dropdown-list-default: 0;
8135
+ --x-size-border-width-right-dropdown-list-default: var(
8136
+ --x-size-border-width-dropdown-list-default
8137
+ );
8138
+ --x-size-border-width-bottom-dropdown-list-default: var(
8139
+ --x-size-border-width-dropdown-list-default
8140
+ );
8141
+ --x-size-border-width-left-dropdown-list-default: var(
8142
+ --x-size-border-width-dropdown-list-default
8143
+ );
8144
+ --x-color-border-dropdown-toggle-default: var(--x-color-base-neutral-95);
8145
+ --x-color-border-dropdown-list-default: var(--x-color-border-dropdown-toggle-default);
8146
+ --x-color-background-dropdown-default: var(--x-color-base-neutral-100);
8147
+ --x-color-background-dropdown-toggle-default: var(--x-color-base-neutral-100);
8148
+ --x-color-background-dropdown-toggle-open-default: var(
8149
+ --x-color-background-dropdown-toggle-default
8150
+ );
8151
+ --x-color-background-dropdown-item-default-selected: var(--x-color-base-neutral-95);
8152
+ --x-color-background-dropdown-item-default-hover: var(--x-color-base-neutral-95);
8153
+ --x-color-text-dropdown-default: var(--x-color-text-default);
8154
+ --x-color-text-dropdown-toggle-default: var(--x-color-text-dropdown-default);
8155
+ --x-color-text-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
8156
+ --x-color-text-dropdown-item-default-hover: var(--x-color-base-neutral-35);
8157
+ --x-color-text-dropdown-item-default-selected: var(--x-color-text-default);
8158
+ --x-font-family-dropdown-default: var(--x-font-family-text);
8159
+ --x-size-font-dropdown-default: var(--x-size-font-text);
8160
+ --x-size-line-height-dropdown-default: var(--x-size-line-height-text);
8161
+ --x-number-font-weight-dropdown-default: var(--x-number-font-weight-base-regular);
8162
+ --x-number-font-weight-dropdown-item-default-hover: var(--x-number-font-weight-base-bold);
8163
+ --x-number-font-weight-dropdown-item-default-selected: var(--x-number-font-weight-base-regular);
8164
+ --x-font-decoration-dropdown-item-default-hover: none;
8165
+ --x-font-decoration-dropdown-item-default-selected: none;
8166
+ --x-size-width-dropdown-toggle-default: 100%;
8167
+ --x-size-min-width-dropdown-list-default: 100%;
8168
+ --x-size-gap-dropdown-default: 0;
8169
+ --x-size-padding-top-dropdown-toggle-default: var(--x-size-padding-top-dropdown-item-default);
8170
+ --x-size-padding-right-dropdown-toggle-default: var(--x-size-padding-right-dropdown-item-default);
8171
+ --x-size-padding-bottom-dropdown-toggle-default: var(
8172
+ --x-size-padding-bottom-dropdown-item-default
8173
+ );
8174
+ --x-size-padding-left-dropdown-toggle-default: var(--x-size-padding-left-dropdown-item-default);
8175
+ --x-size-padding-vertical-dropdown-list-default: 0;
8176
+ --x-size-padding-top-dropdown-item-default: var(--x-size-base-04);
8177
+ --x-size-padding-right-dropdown-item-default: var(--x-size-base-05);
8178
+ --x-size-padding-bottom-dropdown-item-default: var(--x-size-base-04);
8179
+ --x-size-padding-left-dropdown-item-default: var(--x-size-base-05);
8180
+ --x-size-gap-dropdown-item-default: var(--x-size-base-03);
8181
+ --x-string-box-shadow-dropdown-default: none;
8182
+ --x-string-overflow-dropdown-toggle-default: hidden;
8183
+ --x-string-overflow-dropdown-list-default: hidden;
8184
+ }
8112
8185
 
8113
8186
  .x-dropdown {
8114
8187
  box-sizing: border-box;
@@ -8278,79 +8351,6 @@
8278
8351
  [dir="rtl"] .x-dropdown--right .x-dropdown__items-list {
8279
8352
  left: 0;
8280
8353
  }
8281
- :root {
8282
- --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8283
- --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8284
- --x-size-border-radius-top-right-dropdown-default: var(--x-size-border-radius-dropdown-default);
8285
- --x-size-border-radius-bottom-right-dropdown-default: var(
8286
- --x-size-border-radius-dropdown-default
8287
- );
8288
- --x-size-border-radius-bottom-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8289
- --x-size-border-width-dropdown-toggle-default: var(--x-size-border-width-base);
8290
- --x-size-border-width-top-dropdown-toggle-default: var(
8291
- --x-size-border-width-dropdown-toggle-default
8292
- );
8293
- --x-size-border-width-right-dropdown-toggle-default: var(
8294
- --x-size-border-width-dropdown-toggle-default
8295
- );
8296
- --x-size-border-width-bottom-dropdown-toggle-default: var(
8297
- --x-size-border-width-dropdown-toggle-default
8298
- );
8299
- --x-size-border-width-left-dropdown-toggle-default: var(
8300
- --x-size-border-width-dropdown-toggle-default
8301
- );
8302
- --x-size-border-width-dropdown-list-default: var(--x-size-border-width-base);
8303
- --x-size-border-width-top-dropdown-list-default: 0;
8304
- --x-size-border-width-right-dropdown-list-default: var(
8305
- --x-size-border-width-dropdown-list-default
8306
- );
8307
- --x-size-border-width-bottom-dropdown-list-default: var(
8308
- --x-size-border-width-dropdown-list-default
8309
- );
8310
- --x-size-border-width-left-dropdown-list-default: var(
8311
- --x-size-border-width-dropdown-list-default
8312
- );
8313
- --x-color-border-dropdown-toggle-default: var(--x-color-base-neutral-95);
8314
- --x-color-border-dropdown-list-default: var(--x-color-border-dropdown-toggle-default);
8315
- --x-color-background-dropdown-default: var(--x-color-base-neutral-100);
8316
- --x-color-background-dropdown-toggle-default: var(--x-color-base-neutral-100);
8317
- --x-color-background-dropdown-toggle-open-default: var(
8318
- --x-color-background-dropdown-toggle-default
8319
- );
8320
- --x-color-background-dropdown-item-default-selected: var(--x-color-base-neutral-95);
8321
- --x-color-background-dropdown-item-default-hover: var(--x-color-base-neutral-95);
8322
- --x-color-text-dropdown-default: var(--x-color-text-default);
8323
- --x-color-text-dropdown-toggle-default: var(--x-color-text-dropdown-default);
8324
- --x-color-text-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
8325
- --x-color-text-dropdown-item-default-hover: var(--x-color-base-neutral-35);
8326
- --x-color-text-dropdown-item-default-selected: var(--x-color-text-default);
8327
- --x-font-family-dropdown-default: var(--x-font-family-text);
8328
- --x-size-font-dropdown-default: var(--x-size-font-text);
8329
- --x-size-line-height-dropdown-default: var(--x-size-line-height-text);
8330
- --x-number-font-weight-dropdown-default: var(--x-number-font-weight-base-regular);
8331
- --x-number-font-weight-dropdown-item-default-hover: var(--x-number-font-weight-base-bold);
8332
- --x-number-font-weight-dropdown-item-default-selected: var(--x-number-font-weight-base-regular);
8333
- --x-font-decoration-dropdown-item-default-hover: none;
8334
- --x-font-decoration-dropdown-item-default-selected: none;
8335
- --x-size-width-dropdown-toggle-default: 100%;
8336
- --x-size-min-width-dropdown-list-default: 100%;
8337
- --x-size-gap-dropdown-default: 0;
8338
- --x-size-padding-top-dropdown-toggle-default: var(--x-size-padding-top-dropdown-item-default);
8339
- --x-size-padding-right-dropdown-toggle-default: var(--x-size-padding-right-dropdown-item-default);
8340
- --x-size-padding-bottom-dropdown-toggle-default: var(
8341
- --x-size-padding-bottom-dropdown-item-default
8342
- );
8343
- --x-size-padding-left-dropdown-toggle-default: var(--x-size-padding-left-dropdown-item-default);
8344
- --x-size-padding-vertical-dropdown-list-default: 0;
8345
- --x-size-padding-top-dropdown-item-default: var(--x-size-base-04);
8346
- --x-size-padding-right-dropdown-item-default: var(--x-size-base-05);
8347
- --x-size-padding-bottom-dropdown-item-default: var(--x-size-base-04);
8348
- --x-size-padding-left-dropdown-item-default: var(--x-size-base-05);
8349
- --x-size-gap-dropdown-item-default: var(--x-size-base-03);
8350
- --x-string-box-shadow-dropdown-default: none;
8351
- --x-string-overflow-dropdown-toggle-default: hidden;
8352
- --x-string-overflow-dropdown-list-default: hidden;
8353
- }
8354
8354
  :root {
8355
8355
  --x-size-gap-dropdown-card: var(--x-size-base-03);
8356
8356
  --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
@@ -8448,13 +8448,6 @@
8448
8448
  --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8449
8449
  --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8450
8450
  }
8451
- :root {
8452
- --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8453
- --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8454
- --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8455
- --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8456
- --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8457
- }
8458
8451
  :root {
8459
8452
  --x-color-background-button-secondary: transparent;
8460
8453
  --x-color-border-button-secondary: var(--x-color-border-button-default);
@@ -8483,6 +8476,13 @@
8483
8476
  --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8484
8477
  --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8485
8478
  }
8479
+ :root {
8480
+ --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8481
+ --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8482
+ --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8483
+ --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8484
+ --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8485
+ }
8486
8486
 
8487
8487
  .x-button--round.x-button,
8488
8488
  .x-button--round .x-button {
@@ -8539,6 +8539,11 @@
8539
8539
  --x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
8540
8540
  --x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
8541
8541
  }
8542
+ :root {
8543
+ --x-color-background-button-ghost: transparent;
8544
+ --x-color-border-button-ghost: transparent;
8545
+ --x-color-text-button-ghost: var(--x-color-base-lead);
8546
+ }
8542
8547
  :root {
8543
8548
  --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8544
8549
  --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
@@ -8583,11 +8588,6 @@
8583
8588
  .x-button--ghost.x-button--ghost-end .x-button {
8584
8589
  --x-size-padding-right-button-default: 0;
8585
8590
  }
8586
- :root {
8587
- --x-color-background-button-ghost: transparent;
8588
- --x-color-border-button-ghost: transparent;
8589
- --x-color-text-button-ghost: var(--x-color-base-lead);
8590
- }
8591
8591
  :root {
8592
8592
  --x-color-background-button-default: var(--x-color-base-lead);
8593
8593
  --x-color-border-button-default: var(--x-color-background-button-default);
@@ -8611,6 +8611,13 @@
8611
8611
  --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
8612
8612
  --x-size-line-height-button-default: var(--x-size-line-height-text);
8613
8613
  }
8614
+ :root {
8615
+ --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8616
+ --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8617
+ --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8618
+ --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8619
+ --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8620
+ }
8614
8621
  :root {
8615
8622
  --x-color-background-button-default: var(--x-color-base-lead);
8616
8623
  --x-color-border-button-default: var(--x-color-background-button-default);
@@ -8697,11 +8704,14 @@
8697
8704
  }
8698
8705
  }
8699
8706
  :root {
8700
- --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8701
- --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8702
- --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8703
- --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8704
- --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8707
+ --x-color-background-badge-default: var(--x-color-base-neutral-10);
8708
+ --x-color-text-badge-default: var(--x-color-base-neutral-100);
8709
+ --x-color-border-badge-default: var(--x-color-base-neutral-10);
8710
+ --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8711
+ --x-size-border-width-badge-default: 0;
8712
+ --x-size-width-badge-default: 1.5em;
8713
+ --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8714
+ --x-size-font-badge-default: var(--x-size-font-base-xs);
8705
8715
  }
8706
8716
  :root {
8707
8717
  --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
@@ -8726,14 +8736,26 @@
8726
8736
  );
8727
8737
  }
8728
8738
  :root {
8729
- --x-color-background-badge-default: var(--x-color-base-neutral-10);
8730
- --x-color-text-badge-default: var(--x-color-base-neutral-100);
8731
- --x-color-border-badge-default: var(--x-color-base-neutral-10);
8732
- --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8733
- --x-size-border-width-badge-default: 0;
8734
- --x-size-width-badge-default: 1.5em;
8735
- --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8736
- --x-size-font-badge-default: var(--x-size-font-base-xs);
8739
+ --x-size-base-01: 2px;
8740
+ --x-size-base-02: 4px;
8741
+ --x-size-base-03: 8px;
8742
+ --x-size-base-04: 12px;
8743
+ --x-size-base-05: 16px;
8744
+ --x-size-base-06: 24px;
8745
+ --x-size-base-07: 32px;
8746
+ --x-size-base-08: 40px;
8747
+ --x-size-base-09: 48px;
8748
+ --x-size-base-10: 56px;
8749
+ --x-size-base-11: 64px;
8750
+ --x-size-base-12: 80px;
8751
+ --x-size-base-13: 80px;
8752
+ --x-size-base-14: 96px;
8753
+ --x-size-base-15: 128px;
8754
+ --x-size-base-16: 152px;
8755
+ --x-size-base-17: 184px;
8756
+ --x-size-base-18: 216px;
8757
+ --x-size-base-19: 280px;
8758
+ --x-size-base-20: 344px;
8737
8759
  }
8738
8760
  :root {
8739
8761
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
@@ -8784,28 +8806,6 @@
8784
8806
  .x-badge-container {
8785
8807
  position: relative;
8786
8808
  }
8787
- :root {
8788
- --x-size-base-01: 2px;
8789
- --x-size-base-02: 4px;
8790
- --x-size-base-03: 8px;
8791
- --x-size-base-04: 12px;
8792
- --x-size-base-05: 16px;
8793
- --x-size-base-06: 24px;
8794
- --x-size-base-07: 32px;
8795
- --x-size-base-08: 40px;
8796
- --x-size-base-09: 48px;
8797
- --x-size-base-10: 56px;
8798
- --x-size-base-11: 64px;
8799
- --x-size-base-12: 80px;
8800
- --x-size-base-13: 80px;
8801
- --x-size-base-14: 96px;
8802
- --x-size-base-15: 128px;
8803
- --x-size-base-16: 152px;
8804
- --x-size-base-17: 184px;
8805
- --x-size-base-18: 216px;
8806
- --x-size-base-19: 280px;
8807
- --x-size-base-20: 344px;
8808
- }
8809
8809
  :root {
8810
8810
  --x-color-base-lead: #243d48;
8811
8811
  --x-color-base-auxiliary: #bfe1ec;